<!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> <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"></div> </div> </div> <script type="text/javascript"> mui.init({ swipeBack: true //å¯ç”¨å³æ»‘å…³é—功能 }); //1. data var followScale = { }; var menurows = [{ id: "1", name: "设置头åƒ", path: "./sztx" }, { id: "2", name: "ç§°å·è¯´æ˜Ž", path: "./chsm" } ]; setRouteParams({userId: "1285860235186212865",params: {"doctorId": "1285860235186212865"}}); function initPage() { } function loadData() { ajaxPost('client/api/followScale/queryFollowScaleByDoctorId', {doctorId: login_data.userId,page: 1,limit: 5}, function(result) { if (result) { followScale = result.data; } doLoadData(); 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 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 doLoadData() { var followScaleList = followScale.records; console.info(followScaleList); var followScaleContent = ""; for (var i = 0; i < followScaleList.length; i++) { followScaleContent1 = '<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">'+followScaleList[i].followScaleName+'</div>'+ '<div class="z_menu_btn_txt_div2">'+ '<span>创建时间:</span>'+ '<span>'+ followScaleList[i].createTime +'</span>'+ '</div>'+ '<div class="z_menu_btn_txt_div3">'+ '<span>引用次数:</span>'+ '<span>'+111+'</span>'+ '</div>'+ '</div>'+ '<div class="z_menu_btn_icon" onclick=(click_row('+"'"+followScaleList[i]+"'"+')) style="border-left: 1px solid #FAFAFA;padding-left: 26px;">'+ '<span class="z_menu_btn_icon_txt">查看</span>'+ '</div>'+ '</div>'+ '</div>'+ '</div>' followScaleContent += followScaleContent1 } sflb.innerHTML = followScaleContent; } //3.run mui.ready(function() { onInitReady(function() { initPage(); loadData(); }); }); </script> </body> </html>