123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>病种列表</title>
- <meta name="author" content="yihu.com" />
- <meta name="format-detection" content="telephone=no" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
- <link rel="stylesheet" href="../../../common/iconfont/iconfont.css" />
- <link rel="stylesheet" href="../../../common/cross/css/cross.min.css" />
- <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css" />
- <link rel="stylesheet" href="../../../common/cross/css/ui.all.min.css" />
- <link rel="stylesheet" type="text/css" href="../../../common/css/ss-doctor.css">
- <link rel="stylesheet" type="text/css" href="../css/disease.css">
- </head>
-
- <body>
- <div class="h45">
- <div class="demo-comtop">
- <a class="mui-action-back"></a>
- <h1>选择标签</h1>
- <a href="javascript:void(0);" class="btntrue c-ccc">保存</a>
- </div>
- </div>
- <ul class="c-list msg-list" id='disease-box1'>
- <li class="mb15 c-head">
- <div><i class="other-icon"></i><span>服务类型</span></div>
- </li>
- <!-- <li class="c-list-add">
- <div><span id='add-span'>添加标签</span><input maxlength="6" class="add-input" id='labelinput' type="input"/></div>
- </li> -->
- </ul>
- <ul class="c-list msg-list" id='disease-box4'>
- <li class="mb15 c-head">
- <div><i class="other-icon"></i><span>自定义标签</span></div>
- </li>
- <!-- <li class="c-list-add">
- <div><span id='add-span'>添加标签</span><input maxlength="6" class="add-input" id='labelinput' type="input"/></div>
- </li> -->
- </ul>
- <ul class="c-list msg-list" id='disease-box3'>
- <li class="mb15 c-head">
- <div><i class="disease-icon"></i><span>疾病类型</span></div>
- </li>
- </ul>
-
-
- <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/underscore.js"></script>
- <script src="../../../js/es6-promise.js"></script>
- <script>
- mui.init({
- beforeback: function() {
- if(!$(".btntrue").hasClass("c-ccc")){
- mui.confirm("您有未保存的变动,是否保存?", "提示", ["保存", "不了,谢谢"], function(e) {
- if(e.index == 0) {
- saveData();
- } else {
- plus.webview.currentWebview().close();
- }
- })
- return false;
- }
- }
- });
-
- $(function(){
- $("#add-span").bind("click",function(){
- $(this).hide();
- $("#labelinput").show();
- $("#labelinput").focus();
- })
- $("#labelinput").bind("blur",function(){
- var val = $(this).val();
- if(val.trim()==""){
- $("#add-span").show();
- $("#labelinput").hide();
- return;
- }
-
-
- });
- $("#disease-box4").on("click",".c-list-li",function(){
- if(!$(this).hasClass('cant-active')){
- if($(this).hasClass("active-icon")){
- $(this).removeClass("active-icon");
- $(this).addClass("no-active");
- }else{
- $(this).removeClass("no-active");
- $(this).addClass("active-icon");
- }
- }
- })
-
- $("#disease-box1").on("click",".c-list-li",function(){
- if(!$(this).hasClass('cant-active')){
- if($(this).hasClass("active-icon")){
- $(this).removeClass("active-icon");
- $(this).addClass("no-active");
- }else{
- $(this).removeClass("no-active");
- $(this).addClass("active-icon");
- }
- }
- $("#disease-box1 .c-list-li").removeClass("active-icon").removeClass("no-active");
- $(this).addClass("active-icon");
- })
-
- $("#disease-box3").on("click",".c-list-li",function(){
- if(!$(this).hasClass('cant-active')){
- if($(this).attr('data-noselect') == 'true'){
- mui.toast("该疾病类型不能取消!");
- return false;
- }
- if($(this).hasClass("active-icon")){
- $(this).removeClass("active-icon");
- $(this).addClass("no-active");
- }else{
- $(this).removeClass("no-active");
- $(this).addClass("active-icon");
- }
- }
- changeLabelState3()
- })
-
- $("#disease-box2").on("click",".c-list-li",function(){
- _this = this;
- if(!$(this).hasClass('cant-active')){
- $("#disease-box2 .c-list-li").each(function(){
- if(_this!=this && !$(this).hasClass('cant-active')){
- $(this).removeClass("active-icon");
- $(this).addClass("no-active");
- }
- })
- if($(this).hasClass("active-icon")){
- $(this).removeClass("active-icon");
- $(this).addClass("no-active");
- }else{
- $(this).removeClass("no-active");
- $(this).addClass("active-icon");
- }
- }
- changeLabelState2($(this).index())
- })
-
- $(".demo-comtop").on("tap",".btntrue:not(.c-ccc)",function(){
- $(this).addClass('c-ccc');
- plus.nativeUI.showWaiting();
- saveData();
- })
-
- //控制标签显示
- function changeLabelState2(num){
- if(num == 1){
- $("#disease-box3").find(".c-list-li").addClass('cant-active');
- }else{
- $("#disease-box3").find(".c-list-li").removeClass('cant-active');
- }
-
- }
- function changeLabelState3(){
- var that = $("#disease-box3").find('li.active-icon').length;
- if(that>0){
- $("#disease-box2").find(".c-list-li").eq(0).addClass('cant-active');
- }else{
- $("#disease-box2").find(".c-list-li").eq(0).removeClass('cant-active');
- }
- }
-
- })
-
- function saveData(){
- var health = [];//服务类型
- var disease=[];
- var custom =[];
- var diseaseName = [];
- $("#disease-box1 .active-icon").each(function(){
- var val = $(this).attr("data-code");
- health.push(val);
- diseaseName.push($(this).attr("data-name"));
- });
- $("#disease-box3 .active-icon").each(function(){
- var val = $(this).attr("data-code");
- disease.push(val);
- diseaseName.push($(this).attr("data-name"));
- });
- $("#disease-box4 .active-icon").each(function(){
- var val = $(this).attr("data-code");
- custom.push(val);
- diseaseName.push($(this).attr("data-name"));
- });
-
-
- // if(health.length<=0){
- // mui.toast("请选择患者健康情况!");
- // plus.nativeUI.closeWaiting();
- // $(".btntrue").removeClass('c-ccc');
- // return false;
- // }
-
- //保存服务类型
- sendPost("doctor/sign/updateSignServerByCode",
- {signCode:signCode, sevId:serviceCode},null,
- function(res){
- if(res.status == 200){
-
- }else{
- mui.toast('服务类型保存失败');
- }
- },'POST','',true);
-
- var params = {};
- params.health = health.join(",");
- params.disease = disease.join(",");
- params.custom = custom.join(",");
- params.patient = patientCode;
- console.error(JSON.stringify(params))
- sendPost("doctor/patient_label_info/patient_label_update",params,addPatientLabelErr,function(res){
- if(res.status==200){
- mui.toast('保存成功');
- refreshHz();
- setTimeout(function(){
- $(".btntrue").removeClass('c-ccc');
- plus.nativeUI.closeWaiting();
- var xxWv = plus.webview.getWebviewById(viewId);
- if(xxWv) {
- if(viewId == 'huanzhexinxi.html' || 'huanzhexinxi'){
- mui.fire(xxWv, "setDiseaseTypes", {
- names: diseaseName.join(","),
- disease: disease.join(",")
- });
- }else{
- mui.fire(xxWv, "refresh");
- }
-
- plus.webview.currentWebview().close();
- xxWv.show();
- }
- },1000)
-
- }else{
- plus.nativeUI.closeWaiting();
- $(".btntrue").removeClass('c-ccc');
- addPatientLabelErr(res);
- }
- })
-
- }
-
- var teamCodes,
- viewId,
- serviceCode,
- isChange,
- signCode,
- patientCode;
- mui.plusReady(function() {
- plus.nativeUI.showWaiting();
- var self = plus.webview.currentWebview();
- patientCode = self.patientCode;//获取界面CODE
- viewId = self.viewId;
- serviceCode = self.serviceCode;
- signCode = self.signCode;
- isChange = self.isChange;
- init();
- })
-
- //获取病人所有标签信息
- // function getPatientAllLabels(){
- // sendPost("/",
- // {patient: patiCode}, null,
- // function(res){
- // console.log(res)
- // if(res.status == 200){
- // if(res.data){
- // var str = ''
- // res.data.map(function(v,i){
- // str+=v.labelName;
- // if(i+1 != res.data.length)str+=','
- // })
- // $('#diseases').html(str)
- // }
-
- // } else {
- // mui.toast("获取标签情况失败");
- // }
- // },'POST','',true);
- // }
- var activeArr =[];//选中的标签
- function init(){
- var docInfo = JSON.parse(plus.storage.getItem("docInfo"));
- promise = getReqPromises([{url:"/doctor/patient_label/labels_by_type",data:{labelType:2}},
- {url:"/doctor/patient_label/labels_by_type",data:{labelType:3}},
- {url:"/doctor/patient_label/labels_by_type",data:{labelType:4,teamCode:docInfo.adminTeamCode}},
- {url:"/doctor/patient_label/patientAllLabels",data:{patient:patientCode}}, //获取选中的标签
- {url:"/wlyygc/doctor/label/labels", reqType: "get" ,data:{labelType:1}},//服务类型
- ])
- return promise.then(function(datas){
- var data0 = datas[0],
- data1 = datas[1],
- data2 = datas[2];
- activeArr = datas[3].data
- initData(2,data0);
- initData(3,data1);
- initData(4,data2);
- serviceTypeData(datas[4])
- console.error(activeArr.length+JSON.stringify(activeArr))
-
- setTimeout(function(){
- isValueChange();
- },1000)
- plus.nativeUI.closeWaiting();
- });
-
- }
-
- function initData(type,res){
-
- // if(type == 4){
- // if(res.status==200){
- // res.data = res.data.map(function(v){
- // v.labelCode = v.label;
- // return v
- // })
- // if(res.data.length>0)
- // appendLabel(res.data);
- // }else{
- // queryFailed(res);
- // }
- // } else
- querySuccess(res);
- }
-
- function serviceTypeData(res){
- var labelhtml ="";
- if(res.status==10000){
- var data = res.result;
- for(var j in data){
- var disabled = "no-active";
- var noselect = "";
- var isExit=false;
- activeArr.map(function(v){
- console.error("v.label:"+v.label)
- console.error("data[j].code:"+data[j].code)
- if(v.label == data[j].code && v.labelType=='1')isExit =true;
- })
- if(isExit)disabled = "active-icon" //本来就有的默认高亮
- labelhtml +='<li id="'+data[j].code+'" data-code="'+data[j].code+'" data-name="'+data[j].name+'" data-noselect="' + noselect + '" class="c-list-li '+disabled+'">'+
- '<div><span >'+data[j].name+'</span></div>'+
- '</li>'
- }
- $("#disease-box1").append(labelhtml);
- }
- }
-
- function initPatientData(type){
- sendPost("/doctor/patient_label_info/patient_label",{labelType:type,patient:patientCode},queryFailed,function(res){
- if(res.status==200){
- for(var j=0;j<res.data.length;j++){
- $('#disease-box'+type+' li[data-code="'+ res.data[j].label +'"]').removeClass("no-active").addClass("active-icon");
- }
- //有疾病标签就没有健康人群
- if(type == 3){
- if(res.data.length>0){
- $("#disease-box2").find(".c-list-li").eq(0).addClass('cant-active');
- }
- }
- if(type == 2){
- if(res.data[0].label == 1){
- $("#disease-box3").find(".c-list-li").addClass('cant-active');
- }
- }
- }
- })
- }
- function querySuccess(res){
- if(res.status==200){
- if(res.data&&res.data.length>0){
- appendLabel(res.data);
- }
-
- }else{
- queryFailed(res);
- }
-
- }
-
- function addLabelSuc(res){
- if(res.status==200){
- if(res.data && res.data.length){
- var codes = [];
- var name = "";
- for(var k in res.data){
- name = res.data[k].labelName;
- codes.push(res.data[k].labelCode);
- }
- $("#add-span").show();
- $("#labelinput").hide();
- $("#labelinput").val("");
- $(".c-list-add").before('<li data-code=",'+codes.join(',')+'," class=\"c-list-li active-icon\"><div><span>'+name+'</span></div></li>');
- } else
- addLabelErr(res);
- }else{
- addLabelErr(res);
- }
- }
-
- function appendLabel(data){
- var labelhtml ="",
- labelType = data[0].labelType;
- var serArr = serviceCode.split(',');
- var diseaseServiceCode = ["4","5","10","11","12"]; //患病的人群的服务类型
- for(var j in data){
- //根据服务类型判断标签显示的样子
- var disabled = "no-active";
- var noselect = "";
- if(isChange){
- $.map(serArr,function(item,index){
- var item = item.trim();
- if(diseaseServiceCode.indexOf(item) > -1){
- //健康情况的健康人群置为不可选
- (labelType == 2) && (data[j].labelCode == 1) && (disabled = "cant-active");
- //针对不同服务类型,对应的疾病类型选中不可修改
- if(labelType == 3){
- //高血压
- (item == "4") && (data[j].labelCode == 1) &&(disabled = "active-icon") &&(noselect = "true");
- //糖尿病
- (item == "5") && (data[j].labelCode == 2) &&(disabled = "active-icon") &&(noselect = "true");
- //重性精神病
- (item == "10") && (data[j].labelCode == 10) && (disabled = "active-icon") &&(noselect = "true");
- //结核病
- (item == "12") && (data[j].labelCode == 8) && (disabled = "active-icon") &&(noselect = "true");
- //残疾人
- (item == "11") && (data[j].labelCode == 9) && (disabled = "active-icon") &&(noselect = "true");
- }
- }
- })
- }
- var isExit=false;
- activeArr.map(function(v){
- if(v.label == data[j].labelCode)isExit =true;
- })
-
- if(isExit)disabled = "active-icon" //本来就有的默认高亮
- labelhtml +='<li id="'+data[j].labelType+'-'+data[j].labelCode+'" data-code="'+data[j].labelCode+'" data-name="'+data[j].labelName+'" data-noselect="' + noselect + '" class="c-list-li '+disabled+'">'+
- '<div><span >'+data[j].labelName+'</span></div>'+
- '</li>'
- }
- if(data[0].labelType==4){
- // $(".c-list-add").before(labelhtml);
- $("#disease-box4").append(labelhtml);
- }
- if(data[0].labelType==3){
- $("#disease-box3").append(labelhtml);
- }
- if(data[0].labelType==2){
- $("#disease-box2").append(labelhtml);
- }
- //加载病人标签
- if(!isChange){
- initPatientData(data[0].labelType);
- }
- }
- function queryFailed(res){
- if(res.msg){
- mui.toast(res.msg);
- }else{
- mui.toast("标签加载失败!");
- }
-
- }
-
- function addLabelErr(res){
- $("#labelinput").select();
- if(res.msg){
- mui.toast(res.msg);
- }else{
- mui.toast("标签添加失败!");
- }
- }
-
- function addPatientLabelErr(res){
- $("#labelinput").select();
- if(res.msg){
- mui.toast(res.msg);
- }else{
- mui.toast("病人标签添加失败!");
- }
- }
-
- function refreshHz(){
- var page = plus.webview.getWebviewById("huanzhexinxi");
- if(page){
- mui.fire(page, "refresh1");
- }
- }
-
- //监听标签值是否有变化
- function isValueChange(){
- var initTagArr = $(".c-list li.active-icon");
- var initTagStr = "";
- _.filter(initTagArr,function(item,index){
- initTagStr+=$(item).find("span").html()+",";
- });
- var update = localStorage.getItem('updateService');
- var int= setInterval(function() {
- var changeTagArr = $(".c-list li.active-icon");
- var changeTagStr = "";
- _.filter(changeTagArr,function(item,index){
- changeTagStr+=$(item).find("span").html()+",";
- });
- if(initTagStr!=changeTagStr || update){
- clearInterval(int);
- int = null;
- $(".btntrue").removeClass("c-ccc");
- }else{
- $(".btntrue").addClass("c-ccc");
- }
-
- },300);
- }
- </script>
- </body>
- </html>
|