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