<!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">
<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/icon/iconfont.css" rel="stylesheet">
<link href="../../css/spinkit.css" rel="stylesheet">
<!-- ç•Œé¢æœ¬èº«css引用 -->
<link href="./jbxx.css" rel="stylesheet">
<style>
.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: 10px;
}
.mui-dtpicker-body {
height: 150px;
}
.mui-poppicker-header {
height: 54px;
}
.mui-poppicker-header .mui-btn {
font-size: 17px;
padding: 11px;
}
.mui-poppicker-body .mui-picker {
border-radius: 24px;
}
</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 style="margin:16px 16px 0px 16px ; box-sizing: border-box;">
<div class="mui-card">
<div class="z_menu_group" style="height: 97px;">
<div class="z_head">
<div class="z_head_text_l">
<span>姓å:</span>
</div>
<div class="z_menu_btn_icon">
<input type="text" name="username" id="name" class="inline z_head_text_r"style="border: 0px;margin-right: 16px;">
</div>
</div>
<div class="z_body" id="confirmBtn_sex">
<div class="z_body_text_l">
<span>性别:</span>
</div>
<div class="z_menu_btn_icon">
<img src="../../img/ic_arrow_right.png" />
</div>
<div class="z_menu_btn_icon">
<div id="sex" class="inline z_body_text_r" style="margin-right: 16px;"></div>
</div>
</div>
</div>
<div class="z_foot">
<div class="z_foot_text_l">
<span>生日:</span>
</div>
<div class="z_menu_btn_icon">
<div id="birth_txt" class="inline z_body_text_r" style="margin-right: 20px;">请选择</div>
</div>
</div>
</div>
</div>
</div>
<div style="margin:16px 16px 0px 16px ; box-sizing: border-box;">
<div class="mui-card">
<div class="z_menu_group">
<div class="z_head" id="down_frame_locate1">
<div class="z_head_text_l">
<span>亲属关系</span>
</div>
<div class="z_menu_btn_icon">
<img src="../../img/ic_arrow_right.png" />
</div>
<div class="z_menu_btn_icon" onclick="f1()">
<div id="my_role" class="inline z_head_text_r" style="margin-right: 16px;"></div>
</div>
</div>
<div id="cover_background1" style="width: 100vw;height: 100vh;display: none;position: fixed;z-index: 1;top: 0;left: 0;"
onclick="click_hidden1()">
<div class="sffy_dropdown1" style="width: 95px;right: 30px;">
<div class="sffy_dropdown1_top" onclick="click_option1(0)">自己</div>
<div class="sffy_dropdown1_bottom" onclick="click_option1(1)">父亲</div>
<div class="sffy_dropdown1_bottom" onclick="click_option1(2)">æ¯äº²</div>
<div class="sffy_dropdown1_bottom" onclick="click_option1(3)">妻å</div>
<div class="sffy_dropdown1_bottom" onclick="click_option1(4)">丈夫</div>
<div class="sffy_dropdown1_bottom" onclick="click_option1(5)">å„¿å</div>
<div class="sffy_dropdown1_bottom" onclick="click_option1(6)">女儿</div>
<div class="sffy_dropdown1_bottom" onclick="click_option1(7)">亲戚</div>
<div class="sffy_dropdown1_bottom" onclick="click_option1(8)">朋å‹</div>
<div class="sffy_dropdown1_bottom" onclick="click_option1(9)">其他</div>
</div>
</div>
<div id="showCityPicker" class="z_body">
<div class="z_body_text_l">
<span>所在城市</span>
</div>
<div class="z_menu_btn_icon">
<div id="city_txt" class="inline z_body_text_r" style="margin-right: 20px;">请选择</div>
</div>
</div>
<div class="z_foot">
<div class="z_foot_text_l">
<span>手机å·ç </span>
</div>
<div class="z_menu_btn_icon">
<div type="text" name="username" id="tel" class="inline z_foot_text_r"style="border: 0px;margin-right: 16px;"></div>
</div>
</div>
<div class="z_foot">
<div class="z_foot_text_l">
<span>实å认è¯</span>
</div>
<div class="z_menu_btn_icon">
<div type="text" name="username" id="rzzt" class="inline z_foot_text_r"style="border: 0px;margin-right: 16px;"></div>
</div>
</div>
</div>
</div>
</div>
<div class="z_bc">
<div class="bc" onclick="click_row(menurows[0])">
<span>ä¿å˜</span>
</div>
</div>
</div>
</div>
<div id="myModal" class="modal">
<div class="modal-sex-content">
<div id="male" class="modal-sex-content_t" onclick="choose_sex(this)">ç”·</div>
<div id="female" class="modal-sex-content_b"onclick="choose_sex(this)">女</div>
</div>
<div class="modal-sex-btn">å–消
</div>
</div>
<script src="../../js/city.data.js"></script>
<script type="text/javascript">
mui.init({
swipeBack: true //å¯ç”¨å³æ»‘å…³é—功能
});
//1. data
var patient = {};
var menurows = [{
id: "1",
name: "患者管ç†",
path: "",
_id: 2011,
},
];
setRouteParams({userId: "1352141846545367042",params: {"id": "1349969932817141761"}});
function f1() {
var domObj = document.getElementById('down_frame_locate1');
var aa = domObj.getBoundingClientRect().top;
document.getElementsByClassName('sffy_dropdown1')[0].style.top = aa + 50 + "px";
document.getElementById('cover_background1').style.display = "flex";
document.getElementsByClassName('sffy_dropdown1')[0].classList.toggle('sffy_down1');
if (document.getElementsByClassName('sffy_dropdown1')[0].classList.contains('sffy_down1')) {
setTimeout(function() {
document.getElementsByClassName('sffy_dropdown1')[0].style.overflow = 'overlay';
document.getElementsByClassName('sffy_dropdown1')[0].style.border = '1px solid #F2F2F2';
}, 100)
} else {
document.getElementsByClassName('sffy_dropdown1')[0].style.overflow = 'hidden';
document.getElementsByClassName('sffy_dropdown1')[0].style.border = '0px solid #F2F2F2';
}
}
function click_option1(e) {
switch(e) {
case 0:
document.getElementById('my_role').innerText = "自己";
break;
case 1:
document.getElementById('my_role').innerText = "父亲";
break;
case 2:
document.getElementById('my_role').innerText = "æ¯äº²";
break;
case 3:
document.getElementById('my_role').innerText = "妻å";
break;
case 4:
document.getElementById('my_role').innerText = "丈夫";
break;
case 5:
document.getElementById('my_role').innerText = "å„¿å";
break;
case 6:
document.getElementById('my_role').innerText = "女儿";
break;
case 7:
document.getElementById('my_role').innerText = "亲戚";
break;
case 8:
document.getElementById('my_role').innerText = "朋å‹";
break;
default:
document.getElementById('my_role').innerText = "其他";
}
document.getElementsByClassName('sffy_dropdown1')[0].style.overflow = 'hidden';
document.getElementsByClassName('sffy_dropdown1')[0].style.border = '0px solid #F2F2F2';
document.getElementsByClassName('sffy_dropdown1')[0].classList.toggle('sffy_down1', false);
}
function click_hidden1() {
document.getElementsByClassName('sffy_dropdown1')[0].classList.toggle('sffy_down1', false);
document.getElementById('cover_background1').style.display = "none";
}
function initPage() {
document.getElementById('name').value = name;
document.getElementById('my_role').innerText = my_role;
document.getElementById('sex').innerText = sex;
// document.getElementById('birth').value = birth;
// document.getElementById('city').value = city;
document.getElementById('tel').innerText = tel;
document.getElementById('rzzt').innerText = rzzt;
var modal = document.getElementById('myModal');
var btn = document.getElementById("confirmBtn_sex");
var cancel_btn = document.getElementsByClassName('modal-sex-btn')[0];
btn.onclick = function() {
modal.style.display = "block";
}
cancel_btn.onclick = function() {
modal.style.display = "none";
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
mui.ready(function() {
// 二级è”示例
var cityPicker = new mui.PopPicker({
layer: 2
});
cityPicker.setData(cityData);
var showCityPickerButton = document.getElementById('showCityPicker');
// 监å¬ç¡®å®šç‚¹å‡»äº‹ä»¶
showCityPickerButton.addEventListener('tap', function(event) {
document.getElementsByClassName('mui-pciker-rule-ft')[0].style.marginLeft = '32px';
document.getElementsByClassName('mui-pciker-rule-ft')[1].style.marginLeft = '32px';
cityPicker.show(function(items) {
document.getElementById('city_txt').innerText = items[0].text + items[1].text;
//返回 false å¯ä»¥é˜»æ¢é€‰æ‹©æ¡†çš„å…³é—
//return false;
});
}, false);
});
document.getElementById("birth_txt").addEventListener('tap', function() {
var dtpicker = new mui.DtPicker({
type: "date",//设置日历åˆå§‹è§†å›¾æ¨¡å¼
beginDate: new Date(1849, 12, 01),//设置开始日期
endDate: new Date(2100, 01, 30),//设置结æŸæ—¥æœŸ
labels: [' ',' ',' ','时','分'],
customData: {
}
})
dtpicker.setSelectedValue("2010-01-01");
dtpicker.show(function(rs) {
document.getElementById("birth_txt").innerText = rs.y.text+"/"+rs.m.text+"/"+rs.d.text;
}) ;
});
}
function click_row(row) {
var pam = {
_id: row._id,
params: {
userId: login_data.id
}
};
app_click("route", pam, callback);
}
function loadData() {
ajaxPost('client/api/patient/getById',{id: login_data.userId},function(result){
if (result) {
console.info(result);
client = result.data
}
doLoadData();
hideloading("loading");
})
}
function doLoadData() {
document.getElementById('name').value = client.patientName;
click_option1(client.relationType);
if(client.gender == 0){
document.getElementById('sex').innerText = "ç”·";
}else if(client.gender == 1){
document.getElementById('sex').innerText = "女";
}else if(client.gender == 2){
document.getElementById('sex').innerText = "其他";
}
document.getElementById('tel').innerText = client.mobile;
if(client.authType == 1){
document.getElementById('rzzt').innerText = "待认è¯";
}else if(client.authType == 2){
document.getElementById('rzzt').innerText = "已认è¯";
}
//document.getElementById('birth').value = client.birth;
//document.getElementById('city').value = client.city;
}
//3. run
mui.ready(function() {
onInitReady(function() {
// setRightBtn("rightBtn", {_id: 3000}, callback);
initPage();
loadData();
});
})
</script>
</body>
</html>