<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8" />
|
<title>选择随访量表</title>
|
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<!-- js引用 -->
|
<script src="../../js/config.js"></script>
|
<script src="../../js/h5toapp.js"></script>
|
<script src="../../js/h5to.js"></script>
|
|
<!-- 组件js引用 -->
|
<script src="../../js/mui.min.js"></script>
|
<!-- 组件标准css引用 -->
|
<link rel="stylesheet" href="../../css/mui.min.css">
|
|
<!-- css引用 -->
|
<link href="../../css/currency.css" rel="stylesheet">
|
<link href="../../css/spinkit.css" rel="stylesheet">
|
<link href="../../css/icon/iconfont.css" rel="stylesheet">
|
<!-- 界面本身css引用 -->
|
<link href="./xzsflb.css" rel="stylesheet">
|
|
<style type="text/css">
|
|
input[type=checkbox] {
|
margin-right: 5px;
|
cursor: pointer;
|
font-size: 14px;
|
width: 13px;
|
height: 15px;
|
position: relative;
|
}
|
|
input[type=checkbox]:after {
|
position: absolute;
|
width: 11px;
|
height: 14px;
|
top: 0;
|
content: " ";
|
background-color: #FFFFFF;
|
color: #fff;
|
border: 1px solid #9393AA;
|
display: inline-block;
|
visibility: visible;
|
padding: 0px 2px;
|
border-radius: 3px;
|
}
|
|
input[type=checkbox]:checked:after {
|
/* content: "✓"; */
|
content: url(../../img/ic_checked.png);
|
background-color: #21D197;
|
font-size: 12px;
|
}
|
|
</style>
|
</head>
|
|
<body>
|
<!-- <header class="mui-bar mui-bar-nav">
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
<h1 class="mui-title">随访量表</h1>
|
</header> -->
|
|
<div style="background-color: #F9FAFC; height: 100vh; width: 100%; margin: 0; overflow: auto;">
|
<div id="loading" class="example">
|
<div class="sk-plane loading_location"></div>
|
</div>
|
|
<div class="mui-content">
|
<div id="sflb_side"></div>
|
</div>
|
</div>
|
|
<script type="text/javascript">
|
var lb_name = "高血压-1级（轻度）";
|
var lb_time = "2020-07-10";
|
var lb_count = 19;
|
|
var isOption = false;
|
|
var info = [
|
{id: "1",lb_name: "高血压-1级（轻度）",lb_time: "2020-07-10",lb_count: 33,path: "./sflbbj"},
|
{id: "2",lb_name: "高血压-1级（轻度）",lb_time: "2020-07-10",lb_count: 28},
|
{id: "3",lb_name: "高血压-1级（轻度）",lb_time: "2020-07-10",lb_count: 19},
|
{id: "4",lb_name: "高血压-1级（轻度）",lb_time: "2020-07-10",lb_count: 15}
|
];
|
|
var infoOBJ = {};
|
|
var menurows = [
|
{id: "1", name: "设置头像", path: "./sztx"},
|
{id: "2", name: "称号说明", path: "./chsm"},
|
];
|
|
|
// window.onload=function(){
|
// muiInfo();
|
// loadinfo();
|
// /* getRem(720,100, function() {
|
// }); */
|
// }
|
|
// 停止loading
|
var int=self.setInterval("infosetuser()",100);
|
function infosetuser() {
|
if (login_data.userId != "123456") {
|
alert(login_data.userId);
|
window.clearInterval(int);
|
muiInfo();
|
loadinfo();
|
}
|
}
|
|
|
function muiInfo() {
|
mui.init({
|
swipeBack:true //启用右滑关闭功能
|
});
|
}
|
|
function loadinfo() {
|
infoOBJ = {};
|
info.map(e=> {
|
infoOBJ[e.id] = e;
|
})
|
|
|
var sflb_list = document.getElementById('sflb_side');
|
var sflb_list_data = "";
|
for(var i = 0; i < info.length; i++) {
|
var sflb_list_flag =
|
|
'<div style="margin: 16px; box-sizing: border-box;">'+
|
'<div class="circle_box" style="float: left;"><input id="checkbox" type="checkbox" name="options" /></div>'+
|
'<div class="mui-card" >'+
|
'<div class="z_menu_btn_row" style="height: 104px; line-height: 104px;width: 100%;float: right;" >'+
|
'<div class="z_menu_btn_img" style="height: 100%;">'+
|
'<img src="../../img/编组%202(2).png" style="margin: 16px 24px 16px 0;" />'+
|
'</div>'+
|
'<div class="z_menu_btn_txt" style="">'+
|
'<div class="z_menu_btn_txt_div1">'+info[i].lb_name+'</div>'+
|
'<div class="z_menu_btn_txt_div2">'+
|
'<span>创建时间：</span>'+
|
'<span>'+info[i].lb_time+'</span>'+
|
'</div>'+
|
'<div class="z_menu_btn_txt_div3">'+
|
'<span>引用次数：</span>'+
|
'<span>'+info[i].lb_count+'</span>'+
|
'</div>'+
|
'</div>'+
|
'<div class="z_menu_btn_icon" onclick=(click_row('+"'"+info[i].id+"'"+')) style="border-left: 1px solid #FAFAFA;padding-left: 26px;">'+
|
'<span class="z_menu_btn_icon_txt">查看</span>'+
|
'</div>'+
|
'</div>'+
|
'</div>'+
|
'</div>'
|
|
sflb_list_data +=sflb_list_flag;
|
}
|
sflb_list.innerHTML = sflb_list_data;
|
|
|
|
|
|
clickEventList();
|
hideloading("loading");
|
}
|
|
function click_row(idStr) {
|
var row = infoOBJ[idStr];
|
var pam = {
|
_id:"1022",
|
params:{
|
userId: login_data.userId
|
}
|
};
|
|
app_click("route", pam, callback);
|
}
|
|
function docallback(err, resultObj){
|
alert("123");
|
}
|
function err(err, resultObj){
|
alert("err");
|
}
|
|
|
// function click_row(row) {
|
// mui.openWindow({
|
// url: row.path + '.html'
|
// });
|
// }
|
|
function click_select(e) {
|
if(isOption){
|
document.getElementById("selector_o").classList.replace("circle_box_sel","circle_box");
|
document.getElementById("imgid").src = ""
|
isOption = false;
|
}else {
|
document.getElementById("selector_o").classList.replace("circle_box","circle_box_sel");
|
document.getElementById("imgid").src = "../../img/编组备份.png"
|
isOption = true;
|
}
|
}
|
|
function clickEventList() {
|
mui('body').on('tap', '.mui-popover-action li>a', function(event) {
|
event.cancelBubble = true;//阻止当前事件的冒泡
|
var a = this, parent;
|
//根据点击按钮，反推当前是哪个actionsheet
|
for (parent = a.parentNode; parent != document.body; parent = parent.parentNode) {
|
if (parent.classList.contains('mui-popover-action')) {
|
break;
|
}
|
}
|
|
//关闭actionsheet
|
mui('#' + parent.id).popover('toggle');
|
if (parent.id == "myzsSelect") {
|
document.getElementById('myzs_name').innerHTML = a.innerHTML;
|
}
|
});
|
|
/* mui('body').on('tap', '.z_menu_btn_row', function() {
|
var a = this, parent;
|
//根据点击按钮，反推当前是哪个actionsheet
|
for (parent = a.parentNode; parent != document.body; parent = parent.parentNode) {
|
if (parent.classList.contains('mui-popover-action')) {
|
break;
|
}
|
}
|
|
//打开关于页面
|
mui.openWindow({
|
url: a.id + '.html'
|
});
|
|
}); */
|
|
|
|
|
}
|
|
|
</script>
|
</body>
|
|
</html>
|
|
