<!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="./lastFamily.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: "填写家族史", path: "./fillLastFamily",_id: 1019},
|
{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>
|
