<!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="./jkda.css" rel="stylesheet">
|
|
|
</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:19px 16px 0px 16px ; box-sizing: border-box;">
|
<div class="mui-card">
|
<div class="z_menu_group">
|
<div class="z_xzqs"> <!--id="confirmBtn_role"-->
|
<div class="z_xzqs_text">
|
<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="my_role" class="inline margin16_lr z_xzqs_text_r"></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" style="height: 97px;">
|
<div class="z_sg">
|
<div class="z_sg_text">
|
<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="sg" class="inline margin16_lr z_sg_text_r"></div>
|
</div>
|
</div>
|
<div class="z_tz">
|
<div class="z_tz_text">
|
<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="tz" class="inline margin16_lr z_tz_text_r"></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" style="height: 424px;">
|
<div class="z_jws">
|
<span>既往史</span>
|
</div>
|
<div class="z_jbs">
|
<div class="z_jbs_title">
|
<span>疾病史</span>
|
</div>
|
<div id="last_disease_list"></div>
|
<!-- <div id="jbs_list" class="z_jbs_content">
|
<div class="z_jbs_content_l">
|
<div class="z_jbs_content_ll">
|
<span id="lastDiseaseTime"></span>年<span id="lastDiseaseName"></span>(<span id="lastDiseaseTip"></span>)
|
</div>
|
<img src="../../img/Icons／16pt／ic_reset_search.png" class="label_close" />
|
</div>
|
</div> -->
|
<div class="z_jbs_content_r"onclick="click_row(menurows[0])">
|
<span>新增</span>
|
</div>
|
</div>
|
<div class="z_sswss">
|
<div class="z_sswss_title">
|
<span>手术外伤史</span>
|
</div>
|
<div id="last_operation_list"></div>
|
<!-- <div id="sswss_list" class="z_sswss_content">
|
<div class="z_sswss_content_l">
|
<div class="z_sswss_content_ll">
|
<span id="lastOperationTime"></span>年<span id="lastOperationName"></span>(<span id="lastOperationTip"></span>)
|
</div>
|
<img src="../../img/Icons／16pt／ic_reset_search.png" class="label_close" />
|
</div>
|
</div> -->
|
<div class="z_sswss_content_r" onclick="click_row(menurows[1])">
|
<span>新增</span>
|
</div>
|
</div>
|
<div class="z_jzs">
|
<div class="z_jzs_title">
|
<span>家族史</span>
|
</div>
|
<div id="last_family_list"></div>
|
<!-- <div id="jzs_list" class="z_jzs_content">
|
<div class="z_jzs_content_l">
|
<div class="z_jzs_content_ll">
|
<span id="lastFamilyTime"></span>年<span id="lastFamilyName"></span>(<span id="lastFamilyTip"></span>)
|
</div>
|
<img src="../../img/Icons／16pt／ic_reset_search.png" class="label_close" />
|
</div>
|
</div> -->
|
<div class="z_jzs_content_r"onclick="click_row(menurows[2])">
|
<span>新增</span>
|
</div>
|
</div>
|
<div class="z_gms">
|
<div class="z_gms_title">
|
<span>过敏史</span>
|
</div>
|
<div id="last_Allergy_list"></div>
|
<!-- <div id="gms_list" class="z_gms_content">
|
<div class="z_gms_content_l">
|
<div class="z_gms_content_ll">
|
<span id="lastAllergyTime"></span>年<span id="lastAllergyName"></span>(<span id="lastAllergyTip"></span>)
|
</div>
|
<img src="../../img/Icons／16pt／ic_reset_search.png" class="label_close" />
|
</div>
|
</div> -->
|
<div class="z_gms_content_r"onclick="click_row(menurows[3])">
|
<span>新增</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="z_bc">
|
<div class="bc"onclick="click_row(menurows[4])" >
|
<span >保存</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<script type="text/javascript">
|
mui.init({
|
swipeBack: true //启用右滑关闭功能
|
});
|
//1. data
|
var headPortrait = "../../img/head1.jpg";
|
var my_role = "自己";
|
var sg = "178cm";
|
var tz = "78kg";
|
var jbs = "高血压3年（服用降压药";
|
var sswss = "2007年骨折（腕骨骨折）";
|
var jzs = "高血压3年（服用降压药";
|
var gms = "2007年骨折（腕骨骨折）";
|
var hz_list=[{
|
|
}]
|
|
var lastDiseaseInfo = [];
|
var lastOperationInfo = [];
|
var lastFamilyInfo = [];
|
var lastAllergyInfo = [];
|
|
var menurows = [{
|
id: "1",
|
name: "新增疾病史",
|
path: "./lastDisease",
|
_id: 1013,
|
}, {
|
id: "2",
|
name: "新增手术外伤史",
|
path: "./lastOperation",
|
_id: 1021
|
},
|
{
|
id: "3",
|
name: "新增家族史",
|
path: "./lastFamily",
|
_id: 1018,
|
},
|
{
|
id: "4",
|
name: "新增过敏史",
|
path: "./lastAllergy",
|
_id: 1015,
|
},
|
{
|
id: "5",
|
name: "保存",
|
path: "./ddqr",
|
_id: 1008
|
},
|
|
];
|
|
//2.function
|
setRouteParams({userId: "1352141846545367042",params: {}});
|
|
function initPage() {
|
|
mui.ajax('http://api-test.medeasy123.com/client/api/healthRecord/queryByPatientId',{
|
headers:{'Content-Type':'application/json'},//请求头
|
data:{
|
"patientId": "1352199772215668738"
|
},
|
dataType:'json',//服务器返回json格式数据
|
type:'POST',//HTTP请求类型
|
timeout:10000,//超时时间设置为10秒；
|
success:function(data){
|
|
console.info("success");
|
console.info(data);
|
// console.info("data:"+JSON.stringify(data));
|
// console.info(data.data[0].contentTitle);
|
lastDiseaseInfo = [];lastOperationInfo = [];lastFamilyInfo = [];lastAllergyInfo = [];
|
for (var i = 0; i < data.data.length; i++) {
|
|
var temp1 = {
|
id: data.data[i].id,
|
date: data.data[i].objectB,
|
diseaseName: data.data[i].objectA,
|
tips: data.data[i].objectC,
|
}
|
|
if(data.data[i].recordType == 1){
|
lastDiseaseInfo.push(temp1);
|
}else if(data.data[i].recordType == 2){
|
lastOperationInfo.push(temp1);
|
}else if(data.data[i].recordType == 3){
|
lastFamilyInfo.push(temp1);
|
}else if(data.data[i].recordType == 4){
|
lastAllergyInfo.push(temp1);
|
}
|
}
|
|
var str1 = "";
|
var str2 = "";
|
var str3 = "";
|
var str4 = "";
|
for (var i = 0; i < lastDiseaseInfo.length; i++) {
|
str1 +=
|
'<div id="label'+lastDiseaseInfo[i].id+'" class="z_jbs_content">'+
|
'<div class="z_jbs_content_l">'+
|
'<div class="z_jbs_content_ll">'+
|
'<span>'+lastDiseaseInfo[i].date+'</span>年<span>'+lastDiseaseInfo[i].diseaseName+'</span>(<span>'+lastDiseaseInfo[i].tips+'</span>)'+
|
'</div>'+
|
'<img src="../../img/Icons／16pt／ic_reset_search.png" id="'+lastDiseaseInfo[i].id+'" class="label_close" onclick="click_close(this)" />'+
|
'</div>'+
|
'</div>'
|
|
}
|
document.getElementById('last_disease_list').innerHTML = str1;
|
|
for (var i = 0; i < lastOperationInfo.length; i++) {
|
|
str2 +=
|
'<div id="label'+lastOperationInfo[i].id+'" class="z_sswss_content">'+
|
'<div class="z_sswss_content_l">'+
|
'<div class="z_sswss_content_ll">'+
|
'<span>'+lastOperationInfo[i].date+'</span>年<span>'+lastOperationInfo[i].diseaseName+'</span>(<span>'+lastOperationInfo[i].tips+'</span>)'+
|
'</div>'+
|
'<img src="../../img/Icons／16pt／ic_reset_search.png" id="'+lastOperationInfo[i].id+'" class="label_close" onclick="click_close(this)" />'+
|
'</div>'+
|
'</div>'
|
|
}
|
document.getElementById('last_operation_list').innerHTML = str2;
|
|
for (var i = 0; i < lastFamilyInfo.length; i++) {
|
str3 +=
|
'<div id="label'+lastAllergyInfo[i].id+'" class="z_jzs_content">'+
|
'<div class="z_jzs_content_l">'+
|
'<div class="z_jzs_content_ll">'+
|
'<span>'+lastFamilyInfo[i].diseaseName+'</span>(<span>'+lastFamilyInfo[i].date+'</span>|<span>'+lastFamilyInfo[i].tips+'</span>)'+
|
'</div>'+
|
'<img src="../../img/Icons／16pt／ic_reset_search.png" id="'+lastAllergyInfo[i].id+'" class="label_close" onclick="click_close(this)" />'+
|
'</div>'+
|
'</div>'
|
|
}
|
document.getElementById('last_family_list').innerHTML = str3;
|
|
for (var i = 0; i < lastAllergyInfo.length; i++) {
|
str4 +=
|
'<div id="label'+lastAllergyInfo[i].id+'" class="z_gms_content">'+
|
'<div class="z_gms_content_l">'+
|
'<div class="z_gms_content_ll">'+
|
'<span>'+lastAllergyInfo[i].diseaseName+'</span>(<span>'+lastAllergyInfo[i].date+'</span>|<span>'+lastAllergyInfo[i].tips+'</span>)'+
|
'</div>'+
|
'<img src="../../img/Icons／16pt／ic_reset_search.png" id="'+lastAllergyInfo[i].id+'" class="label_close" onclick="click_close(this)" />'+
|
'</div>'+
|
'</div>'
|
}
|
document.getElementById('last_Allergy_list').innerHTML = str4;
|
},
|
error:function(xhr,type,errorThrown){
|
console.info("error:"+type);
|
|
}
|
});
|
|
// infoOBJ = {};
|
// info.map(e=> {
|
// infoOBJ[e.id] = e;
|
// })
|
|
|
// document.getElementById('headPortrait').src = headPortrait;
|
// document.getElementById('my_name').innerText = my_name;
|
document.getElementById('my_role').innerText = my_role;
|
document.getElementById('sg').innerText = sg;
|
document.getElementById('tz').innerText = tz;
|
// document.getElementById('jbs').innerText = jbs;
|
// document.getElementById('jzs').innerText = jzs;
|
// document.getElementById('sswss').innerText = sswss;
|
// document.getElementById('gms').innerText = gms;
|
|
// var modal = document.getElementById('myModal');
|
// var btn = document.getElementById("confirmBtn_role");
|
// var cancel_btn = document.getElementsByClassName('cancel_button')[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";
|
// }
|
// }
|
|
|
// var jbs_label = document.getElementById('jbs_list');
|
// var sswss_label = document.getElementById('sswss_list');
|
// var jzs_label = document.getElementById('jzs_list');
|
// var gms_label = document.getElementById('gms_list');
|
// jbs_label.addEventListener('tap',function(){
|
// // label.removeChild(element);
|
// if(event.target.className != 'label_close') return;
|
// let img_element = event.target.closest('.z_jbs_content_l');
|
// img_element.remove();
|
// })
|
// sswss_label.addEventListener('tap',function(){
|
// // label.removeChild(element);
|
// if(event.target.className != 'label_close') return;
|
// let img_element = event.target.closest('.z_sswss_content_l');
|
// img_element.remove();
|
// })
|
// jzs_label.addEventListener('tap',function(){
|
// // label.removeChild(element);
|
// if(event.target.className != 'label_close') return;
|
// let img_element = event.target.closest('.z_jzs_content_l');
|
// img_element.remove();
|
// })
|
// gms_label.addEventListener('tap',function(){
|
// // label.removeChild(element);
|
// if(event.target.className != 'label_close') return;
|
// let img_element = event.target.closest('.z_gms_content_l');
|
// img_element.remove();
|
// })
|
|
}
|
var delete_message = [];
|
function click_close(e){
|
if(event.target.className != 'label_close') return;
|
// let img_element = event.target.closest('.z_sswss_content_l');
|
let close_label = document.getElementById('label'+e.id);
|
close_label.remove();
|
delete_message.push("label"+e.id);
|
console.info(delete_message);
|
}
|
|
function click_row(row) {
|
var pam = {
|
_id: row._id,
|
params: {
|
userId: login_data.id,
|
delete_message: delete_message
|
}
|
};
|
app_click("route", pam, callback);
|
}
|
|
function loadData() {
|
doLoadData();
|
hideloading('loading');
|
}
|
|
function doLoadData() {
|
|
}
|
|
//3. run
|
mui.ready(function() {
|
onInitReady(function() {
|
initPage();
|
loadData();
|
});
|
})
|
</script>
|
</body>
|
</html>
|
