<!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>
		<script type="text/javascript" src="../../js/mui.picker.min.js"></script>
		<script type="text/javascript" src="../../js/mui.poppicker.js"></script>
		<!-- 组件标准css引用 -->
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/mui.picker.min.css">
		<link rel="stylesheet" href="../../css/mui.poppicker.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="./lastOperation.css" rel="stylesheet">
		
		<style type="text/css">
			.mui-dtpicker, .mui-poppicker {
				background-color: #FFFFFF;
				border-radius: 24px;
				bottom: 40%;
				width: 91.5%;
				margin: 0 16px;
				-webkit-transform: translateY(800px);
			}
			.mui-dtpicker-header {
				height: 54px;
				border-bottom: 1px solid #F6F6F6;
			}
			.mui-dtpicker .mui-picker {
				border-radius: 24px;
			}
			.mui-dtpicker-header button {
				font-size: 17px;
				padding: 11px 10px;
			}
			.mui-btn-blue, .mui-btn-primary, input[type=submit] {
				background-color: #FFFFFF;
				border: 0;
				color: #21D197;
			}
			.mui-btn {
				border: 0;
			}
			.mui-dtpicker-title {
				height: 0;
				}
			.mui-dtpicker-title h5 {
				background-color: #FFFFFF;
				border: 0;
				margin-top: 30px;
				
				font-size: 14px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #838B98;
				-webkit-text-fill-color: #838B98;
			}
			.mui-picker {
				background-color: #FFFFFF;
			}
			.mui-pciker-rule-ft {
				width: 104px;
				margin-left: 120px;
			}
			.mui-dtpicker-body {
				height: 150px;
			}
			
		</style>
	</head>

	<body class="app_page">
		<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 style="min-height: 550px;">
				<div style="margin: 16px; box-sizing: border-box;">
					<div class="mui-card">
						<div class="z_menu_btn_row" style="height: 56px;line-height: 56px;" onclick="click_row(menurows[0])">
							<div class="left_area">
								请输入或选择手术外伤名称
							</div>
							<div class="right_area" style="margin: 21px 0;margin-left: 16px;line-height: 0;">
								<img src="../../img/ic_arrow_right1.png" />
							</div>
							<div class="right_area">高血压</div>
						</div>
					</div>
				</div>
				
				<div style="margin: 16px; box-sizing: border-box;">
					<div class="mui-card">
						<div class="z_menu_btn_row" style="height: 56px;line-height: 56px;">
							<div class="left_area">
								发生时间
							</div>
							<div class="right_area" style="margin: 21px 0;margin-left: 16px;line-height: 0;">
								<img src="../../img/ic_arrow_down.png" />
							</div>
							<div id="dateSelect"class="right_area" >
								<div id="fxsj" class="inline margin12_lr z_sr_text_r"></div>
							</div>
						</div>
					</div>
				</div>
				
				<div style="margin: 16px; box-sizing: border-box;">
					<div class="mui-card">
						<div class="z_menu_btn_row" style="height: 45px;line-height: 45px;">
							<div class="title_txt">
								备注
							</div>
						</div>
						<div class="z_menu_btn_row" style="height: 100%;line-height: normal;">
							<textarea class="remark_txt" >+保险"多位一体的权威精准健康科普知识,满足大众多样化、多场景应用的健康科普需求,所有专家均来自全国知名三甲医院且实名认证。同时联合政府部门、学协会、医院、医务工作者等社会各界...
							</textarea>
						</div>
					</div>
				</div>
				</div>
				<div style="width: 100%;">
					<button class="save_button" onclick="click_row(menurows[1])">保存</button>
				</div>
				</div>
			</div>
		
		
		<script type="text/javascript">
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			
			var fxsj="2010";
			var menurows = [
				{id: "1", name: "填写XXX", path: "./fillLastOperation",_id: 1022},
				{id: "2", name: "健康档案", path: "./jkda",_id: 1043},
				{id: "3", name: "门诊排班", path: "./mzpb"},
				{id: "4", name: "共享的随访量表", path: "./sflb"},
			];
			
			setRouteParams({userId: "1352141846545367042",params: {}});

			function initPage() {
				document.getElementById('fxsj').innerText = fxsj;
				document.getElementById("dateSelect").addEventListener('tap', function() {
				  var dtpicker = new mui.DtPicker({
					type: "year1",//设置日历初始视图模式 
					beginDate: 2021,//设置开始日期 
					endDate: 2013,//设置结束日期 
					labels: ['年','月','日','时','分'],
					customData: {
					          // "d": [ 
					          //     { value: "am", text: "上午" },
					          //     { value: "pm", text: "下午" },
					          // ],
							  // "h": [
							  //     { value: "01", text: "01" },
								 //  { value: "02", text: "02" },
								 //  { value: "03", text: "03" },
								 //  { value: "04", text: "04" },
								 //  { value: "05", text: "05" },
								 //  { value: "06", text: "06" },
								 //  { value: "07", text: "07" },
								 //  { value: "08", text: "08" },
								 //  { value: "09", text: "09" },
								 //  { value: "10", text: "10" },
								 //  { value: "11", text: "11" },
								 //  { value: "12", text: "12" },
							  // ],
					      } 
						// value: "2010-01-01",
				  }) 
					dtpicker.setSelectedValue("2010");
					dtpicker.show(function(rs) {
				  	document.getElementById("fxsj").innerText = rs.y.text;
					}) ;
				});
				
			}
			
			function click_row(row) {
				var pam = { 
					_id:row._id,
				    params:{
						userId: login_data.userId
					 }
				   };
				app_click('route',pam,callback);
			}
			
			function loadData() {
				doLoadData();
				hideloading('loading');
			}
			
			function doLoadData() {
				
			}
			//3. run
			mui.ready(function() {
				onInitReady(function() {
					initPage();
					loadData();
				});
			})
		</script>
	</body>
</html>