<!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>