Home Explore Help
Register Sign In
Amoy2
/
sr-iHealthApp
Watch 2
Star 0
Fork 0
Files
Browse Source

解决冲突

lulihong 6 years ago
parent
24d63df4a8 f14bfeba38
commit
abbb48839c
10 changed files with 956 additions and 8 deletions
Split View Show Diff Stats
  1. 220 0
      html/home/html/home2.html
  2. 7 1
      html/home/js/home2.js
  3. 3 3
      html/huanzhe/html/huanzhexinxi.html
  4. 214 0
      html/hzzd/css/guidance_huanzhe.css
  5. 22 1
      html/hzzd/html/guidance_detail.html
  6. 115 0
      html/hzzd/html/guidance_huanzhe.html
  7. BIN
      html/hzzd/images/checbox-false.png
  8. BIN
      html/hzzd/images/checbox-true.png
  9. 369 0
      html/hzzd/js/guidance_huanzhe.js
  10. 6 3
      html/hzzd/js/guidance_list.js

+ 220 - 0
html/home/html/home2.html
View File 

@ -0,0 +1,220 @@
 
<!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" href="../../../common/cross/css/ui.all.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../common/css/cyc.css">
 
		<link rel="stylesheet" type="text/css" href="../../../common/css/ss-doctor.css">
 
		<link rel="stylesheet" type="text/css" href="../../../css/mui-pull.css"/>
 
		<link rel="stylesheet" type="text/css" href="../css/home2.css">
 
	</head>
 
	<body>
 
		<div id="wrapper" class="mui-scroll-wrapper">  
            <div class="mui-scroll">
 
            	<div class="doc-header">
 
            		<div class="nav-head">
 
            			<div class="pic"><img id="doc_photo" src="" alt="医生头像" /></div>
 
            			<div class="name ui-col-1">
 
            				<span id="doc_name" class="tit1"></span>
 
							<span id="doc_type" class="tit2"></span>
 
            			</div>
 
            			<!--<div class="ui-col-0" style="max-width: 50%;">
 
            			    <span class="c-fff" style="font-size: 14px;" id="hospital"></span>
 
            			</div>-->
 
            		</div>
 
            		<ul class="nav-list" id="sign_amount">
 
            			<li class="one" data-type='1'>
 
            				<div class="num" id="waitNum">0</div>
 
            				<div class="name">关注人数</div>
 
            			</li>
 
            			<li class="one" data-type='2'>
 
            				<div class="num" id="signNum">0</div> 
            				<div class="name">咨询量</div>
 
            			</li>
 
            			<li class="one" data-type='5'>
 
            				<div class="num" id="fullNum">0</div>
 
            				<div class="name">我的评价</div>
 
            			</li>
 
            		</ul>
 
            		
            		<div id='div-saoma' style="display: none;">
 
						<img style="width: 35px;" src='../images/saomiao_icon.png'> 
					</div>
 
            		<div class="nav-icon" id='qiehuan'>
 
						<img style="width: 35px;" src='../images/qiehuan_btn.png'> 
					</div>
 
            	</div>
 
				<!--<div class="no-read-msg" >
 
					<div>您有<span id="msg_count">0</span>条未读信息</div>
 
				</div>--> 
				<div class="mod mod-juming mt10">
 
					<div class="mod-hd">
 
						<span class="circle-22 bgc-4bb7be"><i class="iconfont icon-wodejumin"></i></span> 关注居民
 
					</div>
 
					<div class="mod-bd">
 
						<div class="left fl">
 
							<div class="middle patient-type" data-type="4"> 
								<p class="title">高血压</p>
 
								<p id="hypertension_amount">（0人）</p>
 
							</div>
 
							<div class="bottom patient-type" data-type="5">
 
								<p class="title">糖尿病</p>
 
								<p id="diabetes_amount">（0人）</p>
 
							</div>
 
						</div>
 
						<div class="right fr">
 
							<div class="bottom patient-type" data-type="14">
 
								<p>普通人群</p>
 
								<p id="other_amount">（0人）</p>
 
							</div>
 
						</div>
 
					</div>
 
				</div>
 
				<div class="mod mod-fuwu mt10">
 
					<div class="mod-hd" style="border-top: 1px solid #e1e1e1;">
 
						<!--bgc-62d0f3-->
 
						<i class="icon-cyc book"></i> 我的工作
 
					</div>
 
					<div class="mod-bd clearfix">
 
						<ul class="list-fuwu2">
 
							<li data-href="../../qygl/html/follow_manage.html">
 
								<div class="circle-40">
 
									<i class="iconfont icon-bg-qianyueguanli"></i>
 
								</div>
 
								<p>关注管理</p>
 
							</li>
 
							<li data-href="../../xiaoxi/html/jiankangzixun.html">  
								<div class="circle-40">  
									<i class="iconfont icon-bg-jiankangzixun"></i>
 
								</div>
 
								<p>健康咨询</p>
 
							</li>
 
							<li data-id="guidance_list" data-href="../../hzzd/html/guidance_list.html">
 
							    <div class="circle-40">
 
							        <i class="iconfont icon-bg-suifangjihua"></i>
 
							    </div>
 
							    <p>健康指导</p>
 
							</li>
 
							<li data-href="../../jkjy/html/article-store.html">
 
							    <div class="circle-40">
 
							        <i class="iconfont icon-jiankangjiaoyu"></i>
 
							    </div>
 
							    <p>健康教育</p>
 
							</li>
 
                            <!--<li data-href="../../wdsb/html/scan2.html" id="sbbd_li">
 
                                <div class="circle-40">
 
                                    <i class="iconfont icon-shebeidengji"></i>
 
                                </div>
 
                                <p >设备绑定</p>
 
                            </li>-->
 
							<li id="work_resport" data-id="gongzuo" data-href="">
 
								<div class="circle-40">
 
									<i class="iconfont icon-gongzuobaogao"></i>
 
								</div>
 
								<p >工作报告</p>
 
							</li>
 
							<li data-href="../../mine/html/erweima.html" id="erweima_li">
 
                                <div class="circle-40">
 
                                    <i class="iconfont icon-wodemingpian"></i>
 
                                </div>
 
                                <p >我的名片</p>
 
                            </li>
 
                            <!--
 
                            <li data-href1="../../suifang/html/index.html">
 
                                <div class="circle-40">
 
                                    <i class="iconfont icon-zhuanzhenxiezuo"></i>
 
                                </div>
 
                                <p class="c-ccc">转诊协作</p> 
                            </li>
 
                            <li data-href1="">
 
                                <div class="circle-40">
 
                                    <i class="iconfont icon-bg-manbing2"></i>
 
                                </div>
 
                                <p class="c-ccc">慢病管理</p> 
                            </li>
 
							<li data-href1="../../suifang/html/index.html">
 
		                        <div class="circle-40">
 
		                            <i class="iconfont icon-bg-suifangjihua2"></i>
 
		                        </div>
 
		                        <p class="c-ccc">随访计划</p> 
		                    </li>
 
							<li data-href1="">
 
                                <div class="circle-40">
 
                                    <i class="iconfont icon-gongzuobaogao2"></i>
 
                                </div>
 
                                <p class="c-ccc">工作报告</p> 
                            </li>
 
                            <li data-href1="../../prescription/html/xufangguanli.html">
 
                                <div class="circle-40">
 
                                    <i class="iconfont icon-bg-xufangguanli2"></i>
 
                                </div>
 
                                <p class="c-ccc">续方管理</p> 
                            </li>
 
                            <li data-href1="../../mygl/html/mingyizixunliebiao.html">
 
                                <div class="circle-40">
 
                                    <i class="iconfont icon-mingyizixun2"></i>
 
                                </div>
 
                                <p class="c-ccc">名医咨询</p> 
                            </li>
 
                            -->
 
						</ul>
 
					</div>
 
				</div>
 
				<div id="zixun_link" style="display: none;">
 
					<img class="banner-doctor" src="../images/banner-doctor.png"/>
 
					<img class="banner-font" src="../images/banner-font.png"/>
 
				</div>
 
				<div class="mod mod-team mt10 c-hide">
 
					<div class="mod-bd clearfix">
 
						<div class="c-mor-hold">
 
							<ul class="c-lab-mor c-f15">
 
								<li class="curr">
 
									<a href="javascript:;" id="doc_type_tab">我的团队</a>
 
								</li>
 
								<li>
 
									<a href="javascript:;">专科医生</a>
 
								</li>
 
							</ul>
 
						</div>
 
						<ul class="my-team">
 
							<li>
 
								<ul class="c-list list-doctor" id="doc_list">
 
									
								</ul>
 
								<div class="view-more"><a id="load_doc_more" data-page="1">点击加载更多</a></div>
 
							</li>
 
							<li class="c-hide">
 
								<ul class="c-list list-doctor" id="pro_doc_list">
 
									
								</ul>
 
								<div class="view-more"><a id="load_pro_more"  data-page="1">点击加载更多</a></div>
 
							</li>
 
						</ul>
 
					</div>
 
				</div>
 
			</div>
 
        </div>
 
		
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
 
		<script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/mui.pullToRefresh.js" type="text/javascript" charset="UTF-8"></script>
 
    	<script src="../../../js/mui.pullToRefresh.material.js" type="text/javascript" charset="utf-8"></script>
 
    	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
 
    	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../js/home2.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/im.client.js" type="text/javascript" charset="utf-8"></script>
 
	</body>
 
</html>

+ 7 - 1
html/home/js/home2.js
View File 

@ -362,7 +362,13 @@
 
					
				}
 
			})
 
	    }else{
 
		}else if($(this).attr("data-id") == "guidance_list"){//健康指导
 
	    	var patiType = this.getAttribute("data-href"),
 
			type = this.getAttribute("data-type"),
 
			origin = this.getAttribute("data-origin");
 
			openWebview(patiType,{isIndex: true,code: docInfo.code, job: docInfo.jobName, sex:docInfo.sex,hospitalName: docInfo.hospitalName,origin: origin});
 
	    }
 
		else{
 
		var patiType = this.getAttribute("data-href"),
 
			type = this.getAttribute("data-type"),
 
			origin = this.getAttribute("data-origin");

+ 3 - 3
html/huanzhe/html/huanzhexinxi.html
View File 

@ -70,13 +70,13 @@
 
					</div>
 
					<ul class="mt10 template-ul">
 
						<li>
 
							<div class="template-item div-jiankangtijian-btn">
 
							<!-- <div class="template-item div-jiankangtijian-btn">
 
								<img src="../images/jiankangtijian_icon.png">
 
							    <span class="f-f14">健康体征</span>
 
							</div>
 
							</div> -->
 
							<div class="template-item" id="tzsb" style="border-right:0px;"  onclick="openwdsb()">
 
								<img src="../images/tizheng_icon1.png">
 
							    <span class="f-f14">健康记录</span>
 
							    <span class="f-f14">健康体征</span>
 
							</div>
 
						</li>
 
					</ul>

+ 214 - 0
html/hzzd/css/guidance_huanzhe.css
View File 

@ -0,0 +1,214 @@
 
.face-title { width: 28px; height: 28px; position: absolute; margin-top: 40px; margin-left: -29px; } 
.face-title-name { margin-left: -22px; margin-top: 43px; color: white; font-size: 14px; }
 
.lin-down-arrow{
 
    position: relative;
 
    top: -2px;
 
    left: 5px;
 
    height: 10px;
 
    width: 10px;
 
    border-bottom: 3px solid #fff;
 
    border-right: 3px solid #fff;
 
    display: inline-block;
 
    transform:rotate(45deg);
 
	-ms-transform:rotate(45deg); 	/* IE 9 */
 
	-moz-transform:rotate(45deg); 	/* Firefox */
 
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
 
	-o-transform:rotate(45deg); 		/* Opera */
 
	zoom: 1;
 
}
 
.lin-sel-group{
 
	position: fixed;
 
	top: 45px;
 
	background: #fff;
 
	width: 100%;
 
	z-index: 11;
 
	display: none;
 
	max-height: 260px;
 
    overflow: scroll;
 
    overflow-x: hidden;
 
    overflow-y: scroll;
 
}
 
.lin-sel-group li{
 
	text-align: center;
 
	color: #17b3ec;
 
	height: 40px;
 
	line-height: 40px;
 
	font-size: 16px;
 
	border-bottom: 1px solid #f2f4f6;
 
}
 
.lin-sel-group img{
 
	width: 20px;
 
	margin: 10px;
 
	display: none;
 
}
 
.lin-sel-group li.checked img{
 
	display: inline;
 
}
 
.lin-mask{
 
	position: absolute;
 
	top: 45px;
 
	height: 100%;
 
	width: 100%;
 
	/*background: #000;*/
 
	height: 100%;
 
	z-index: 10;
 
	display: none;
 
	background-color: rgba(0,0,0,0.5);
 
}
 
.lin-search{
 
	padding: 10px 10px 4px 10px;
 
	background-color: #fff;
 
}
 
.lin-search img{
 
	width: 29px;
 
}
 
.lin-search div{
 
	text-align: center;
 
	border-radius: 5px;
 
	line-height: 29px;
 
	background-color: #f2f4f6;
 
	color: #999;
 
}
 
.load-more {
 
    background-color: #FFF; 
    text-align: center;
 
    padding: 10px 0px !important;
 
    margin-left: 0 !important;
 
    border-top: 1px solid #ececec !important;
 
    font-size: 14px;
 
    color: #909090;
 
    /*display: block !important;*/
 
}
 
.l-sanshi-ico { position: absolute; right: 30px; width: 150px; }
 
.l-sanshi-ico div.ring-blue { margin-top: 5px;  }
 
.c-main { position: relative; }
 
#top_msg_bar {display: none;  position: absolute; top: 0; left: 0; width: 100%; padding: 10px;  font-size: 14px; color: #FFF; background-color: rgba(0,0,0,0.5); box-sizing: border-box;}
 
#top_msg_bar .close-btn { position: absolute; right: 10px; width: 18px; height: 18px; }
 
#handle_link { color: #17BCEC; text-decoration: underline; }
 
#unassigned_num { color: #17BCEC; }
 
#group_label_list { padding: 15px 0px ; background-color: #FFF;}
 
/*.group-item img,.group-qytx img { display: block; width: 30px; height: 30px; margin: 0 auto; }*/
 
.group-item .item-label,.group-qytx .item-label { margin-top: 5px; color: #323232; font-size: 14px; font-weight: bold; width: 100%; text-align: center; }
 
.my-work-secflo .patient-face { margin: 11px 10px 10px 0px; }
 
.n-list > .n-list-link:last-child {
 
	border-bottom: 1px solid #f1f1f1;
 
}
 
.n-list > li { border-top: 0; }
 
.n-list > li .n-list-info { border-top: 1px solid #f1f1f1; }
 
.n-list > li:first-child .n-list-info { border-top: none; }
 
.div-wfp, .div-qbjm{
 
    background: #fff;
 
    padding: 10px 15px;
 
    font-size: 16px;
 
    line-height: 30px;
 
    border-bottom: 1px solid #E1E1E1;
 
    border-top: 1px solid #E1E1E1;
 
}
 
.mid-bar{
 
	margin: 10px 0px;
 
	display: none;
 
}
 
.div-qbjm{
 
	border-top: 0;
 
}
 
.div-wfp > img, .div-qbjm > img{
 
	width: 30px;
 
	height: 30px;
 
	border-radius: 50%;
 
	margin-right: 10px;
 
}
 
.div-wfp label, .div-qbjm label{
 
	color: #909090;
 
	margin-left: 10px;
 
	font-size: 14px;
 
}
 
/*.mui-scroll-wrapper { position: fixed; height: -moz-calc(100%); height: -webkit-calc(100% ); height: calc(100%); }*/
 
.patient-type-big {
 
	width: 100%;
 
	padding: 15px;
 
	background: #fff;
 
	-webkit-box-sizing: border-box;
 
	-moz-box-sizing: border-box;
 
	box-sizing: border-box;
 
	display: box;
 
	display: -webkit-box;
 
	border-bottom: 1px solid #f1f1f1;
 
}
 
.patient-type-big h3 {
 
	display: -webkit-box;
 
	display: box;
 
	-webkit-box-flex: 1;
 
	box-flex: 1;
 
	-webkit-box-orient: vertical;
 
	-webkit-box-pack: center;
 
}
 
.patient-type-big span,
 
.patient-type-big .arrow {
 
	display: -webkit-box;
 
	display: box;
 
	-webkit-box-orient: vertical;
 
	-webkit-box-pack: center;
 
}
 
.patient-type-big .arrow {
 
	margin-right: -5px;
 
	transition: all 0.3s;
 
	-webkit-transition: all 0.3s;
 
}
 
.patient-type-big .arrow .ui-arrow-r {
 
	border-left-color: #cdcdcd;
 
}
 
.patient-type-big span {
 
	position: relative;
 
	font-size: 12px;
 
	color: #909090;
 
}
 
.patient-type-big.current .arrow {
 
	-webkit-transform: rotate(180deg);
 
	-moz-transform: rotate(180deg);
 
	transform: rotate(180deg);
 
	margin-top: -7px;
 
	transition: all 0.3s;
 
	-webkit-transition: all 0.3s;
 
}
 
.mb-em{color: #909090;font-size: 12px;display: inline-block;margin-left: 6px;}
 
.mb-yu{ width: 36px; height: 18px;margin-left: 5px;margin-top: 4px;}
 
.mj-flex{display:-webkit-box;-webkit-box-align:center;padding-top: 5px;}
 
.weixin-icon { width: 20px; height: 17px; margin-top: 0px; margin-right: 5px; }
 
.xuetang-icon { width: 12px; height: 21px; margin-top: 0px; margin-right: 0px; }
 
.xueya-icon { width: 15px; height: 18px; margin-top: 0px; margin-right: 5px; }
 
.mb-icon-round{width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 39px;font-size: 16px;}
 
.mb-icon-round.red{border: solid 1px #FF4c4c;color: #FF4c4c;}
 
.mb-icon-round.orange{border: solid 1px #FFc691;color: #FFc691;}
 
.mb-icon-round.green{border: solid 1px #06bf04;color: #06bf04;}
 
.mb-icon-flex{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center;}
 
.checboxImg{display: flex;align-items: center}
 
.checboxImg img{width: 30px}
 
.bodybottom{position: absolute;
 
	height: 45px;
 
	bottom: 0;
 
	background: #fff;
 
	left: 0;
 
	height: 55px;
 
	right: 0;
 
	z-index: 99;
 
	display: flex;
 
	padding: 5px;
 
	justify-content: center;
 
	border-top: 1px solid #ccc;}
 
.bgc-17b3ec{background-color: #17b3ec;}

+ 22 - 1
html/hzzd/html/guidance_detail.html
View File 

@ -18,6 +18,7 @@
 
            .bgc-f2f4f6{background-color: #fff;border-top: solid 1px #dcdcdc;}
 
            .btn_group{position: fixed; bottom: 0px; width: 100%; z-index:2;}
 
            .content p{word-wrap: break-word;}
 
            .display-none{display: none}
 
        </style>
 
    </head>
 
    <body class="bgc-fff">
 
@ -47,9 +48,12 @@
 
            <div class="c-50 c-t-center pl10">
 
                <a class="c-btn c-f16 bgc-ffa54b c-btn-full c-btn-radius edit_btn">编辑模板</a>
 
            </div>
 
            <div class="c-50 c-t-center pr10">
 
            <div class="c-50 c-t-center pr10 display-none">
 
                <a class="c-btn c-f16 bgc-17b3ec c-btn-full c-btn-radius send_btn">立即发送</a>
 
            </div>
 
            <div class="c-50 c-t-center pr10  display-none">
 
                <a class="c-btn c-f16 bgc-17b3ec c-btn-full c-btn-radius choose_person">选择居民</a>
 
            </div>
 
        </div>
 
    </body>
 
    <script type="text/html" id="content_tmp">
 
@ -88,6 +92,8 @@
 
        mui.plusReady(function(){
 
            var self = plus.webview.currentWebview();
 
            code = self.code;
 
          var  isIndex = self.isIndex;
 
            reference = self.reference;
 
            is_sys = self.is_sys;
 
            patiCode = self.patiCode;
 
@ -100,6 +106,12 @@
 
            }else{
 
                $("#btn_group3").show();
 
            }
 
            if(isIndex){
 
                $('.choose_person').parent().show();
 
            }
 
            else{
 
                $('.send_btn').parent().show();
 
            }
 
            getDetail();
 
            bindEvents();
 
        });
 
@ -131,6 +143,14 @@
 
                    content_details: content_details
 
                });
 
            });
 
            $(".choose_person").on('tap', function(){
 
                openWebview('guidance_huanzhe.html',{
 
                    patient: patiCode,
 
                    content: content_details.content,
 
                    modelCode: code,
 
                    images: content_details.imagesUrls ? content_details.imagesUrls.join(","):""
 
                });
 
            });
 
            
            $(".send_btn").on('tap', function(){
 
                dialog({
 
@ -144,6 +164,7 @@
 
                                modelCode: code,
 
                                images: content_details.imagesUrls ? content_details.imagesUrls.join(","):""
 
                            };
 
                            console.log(params)
 
                        plus.nativeUI.showWaiting();
 
                        sendPost(url, params, null, function(res){
 
                            if (res.status == 200) {

+ 115 - 0
html/hzzd/html/guidance_huanzhe.html
View File 

@ -0,0 +1,115 @@
 
<!doctype html>
 
<html>
 
	<head>
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
		<meta charset="utf-8">
 
		<title>医生指导-选择居民</title>
 
		<link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
 
		<link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
 
		<link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
 
		<link rel="stylesheet" type="text/css" href="../../../common/css/jy-style.css">
 
		<link rel="stylesheet" type="text/css" href="../../../css/mui-pull.css"/>
 
		<link rel="stylesheet" type="text/css" href="../css/guidance_huanzhe.css"/>
 
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css"/>
 
	</head>
 
	<body>
 
		<div class="h45">
 
			<div class="demo-comtop">
 
				<a class="mui-action-back"></a>
 
				<h1>选择居民</h1>
 
				<div class="header-link">
 
				    <img src="../../huanzhe/images/shezi_icon.png" width="20" style="vertical-align: middle;">
 
				</div>
 
			</div>
 
		</div>
 
		<div id="patient_list_wrap">
 
			<div class="mui-scroll-wrapper" style="top:45px;bottom: 55px">
 
				<div class="list-wrap mui-scroll">
 
					<div class="lin-search searchbar">
 
						<div class="c-f12 search-input">
 
							<img src="../../../images/sousuo_icon.png" />
 
							搜索居民
 
						</div>
 
					</div>
 
					<!--<ul class="n-list" id="pati_list">
 
					</ul>-->
 
					<div id="groupList"></div>
 
				</div>
 
			</div>
 
		</div>
 
		<div  class="bodybottom">
 
			<div class="c-50 c-t-center pr10 display-none">
 
                <a class="c-btn c-f16 bgc-17b3ec c-btn-full c-btn-radius send_btn">立即发送</a>
 
            </div>
 
		</div>
 
		<div id="no_result_wrap" class="c-hide">
 
			<img class="no-result-img" src="../../../images/shujuweikong_img.png" />
 
			<div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果。</div>
 
		</div>
 
		
		<script type="text/html" id="pati_group_tmpl">
 
            {{each list as val i}}
 
            <div class="group-item" data-group="{{val.labelCode}}" data-amount="{{val.amount}}" data-page="1">
 
                <div class="patient-type">
 
                    <h3 class="t c-f16">{{val.labelName}}
 
                        {{if val.focusAmount > -1}}
 
                        <em class="c-ccc ml10 c-f10">({{val.focusAmount}}/{{val.amount}})</em>
 
                        {{else}}
 
                        <em class="c-ccc ml10 c-f10">({{val.amount}})</em>
 
                        {{/if}}
 
                    </h3>
 
                    <div class="arrow "> <i class="ui-arrow ui-arrow-b"></i></div>
 
                </div>
 
                <div class="c-hide group-info">
 
                    <ul class="n-list" data-group="{{val.labelCode}}">
 
                    </ul>
 
                    <div class="load-more c-hide" data-group="{{val.labelCode}}">点击加载更多</div>
 
                </div>
 
            </div>
 
            {{/each}}
 
        </script>
 
		
		<script type="text/html" id="pati_list_tmpl">
 
			{{each list as value j}}
 
			<li class="n-list-link  n-list-cover" check="no" data-patient-code="{{value.code}}" data-patient-phone="{{value.phone}}" data-patient-address="{{value.address}}">
 
				<div class="checboxImg" >
 
					<img src="../images/checbox-false.png"> 
				</div>
 
				<div class="patient-face patient-face-new">
 
					<img src="{{value.photo | getPhoto}}"> 
				</div>
 
				<div class="n-list-info">
 
					<h4 class="c-nowrap c-f16 mt5">{{value.name}}
 
						<em class="mb-em">({{value.sex | setSex}} {{value.age | setAge}}岁 )</em>
 
					</h4>
 
					<div class="mj-flex">
 
						{{if value.openid}}
 
						<img class="weixin-icon" src="../../../images/weixing_icon2.png"/>
 
						{{else}}
 
						<img class="weixin-icon" src="../../../images/weixing_zihui_icon.png"/>
 
						{{/if}}
 
					</div>
 
				</div>
 
			</li>
 
			{{/each}}
 
		</script>
 
		
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
 
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
 
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/mui.pullToRefresh.js" type="text/javascript" charset="UTF-8"></script>
 
    	<script src="../../../js/mui.pullToRefresh.material.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../js/guidance_huanzhe.js" type="text/javascript" charset="utf-8"></script>
 
	</body>
 
</html>

BIN
html/hzzd/images/checbox-false.png
View File


BIN
html/hzzd/images/checbox-true.png
View File


+ 369 - 0
html/hzzd/js/guidance_huanzhe.js
View File 

@ -0,0 +1,369 @@
 
// TODO 临时构造plus对象，使得能够在浏览器中进行调试
 
// var plus = null;
 
	// 基本信息（包括userAgent、上个页面传递的数据）
 
var baseInfo = null,
 
	// 基础环境信息（包括当前webview）
 
	baseEnv = null,
 
	pages = {}, //记录个分组内数据页数
 
	docInfo,
 
	content,
 
	modelCode,
 
	images;
 
var $searchbarInput = $('.searchbar .search-input'),
 
	// 搜索无结果时显示
 
	$noResultWrap = $('#no_result_wrap'),
 
	patientInfo = null;
 
// 获取基本信息（包括userAgent、上个页面传递的数据）
 
var getBaseInfoPromise = function() {
 
		// 登录的相关信息
 
	var userAgent = plus && JSON.parse(plus.storage.getItem("userAgent"))
 
	return {
 
		userAgent: userAgent
 
	}
 
},
 
// 获取基础环境信息
 
getBaseEnvPromise = function () {
 
	
	var env = {
 
		webview: plus&&plus.webview.currentWebview()
 
	};
 
	return Promise.resolve().then(function(res) {
 
		return env;
 
	});
 
},
 
//获取分组信息
 
getGroupData = function(){
 
    docInfo = JSON.parse(plus.storage.getItem("docInfo"));
 
    var url = "doctor/patient_label_info/label_patient_amount",
 
        params = {
 
            labelType: 4, //获取团队标签
 
            teamCode: docInfo.adminTeamCode
 
        };
 
    plus.nativeUI.showWaiting();
 
    sendPost(url, params, null,function(res){
 
        if(res.status == 200){
 
            for(i=0; i<res.data.length; i++){
 
                var item = res.data[i];
 
                pages[item.labelCode] = 1;
 
            }
 
            var html = template("pati_group_tmpl", {list: res.data});
 
            $("#groupList").empty().append(html);
 
            plus.nativeUI.closeWaiting();
 
        }else{
 
            plus.nativeUI.closeWaiting();
 
            mui.toast(res.msg);
 
        }
 
    });
 
},
 
// 分页查询列表
 
initPatientListByGroup = function(code, isInit) {
 
    if(isInit){
 
        pages[code] = 1;
 
    }
 
	var url = "doctor/patient_label_info/patients_by_label",
 
	    params = {
 
	        labelType: 4,
 
	        labelCode: code,
 
	        teamCode: docInfo.adminTeamCode,
 
	        page: pages[code],
 
	        pagesize: 20
 
	    };
 
	sendGet(url, params, null, function(res){
 
	    if(res.status == 200){
 
	        var list = res.data;
 
            if(list.length == 0){
 
                $(".group-item[data-group="+code+"]").find(".load-more").hide();
 
            }else{
 
                var html = template("pati_list_tmpl", {list: list});
 
                if(isInit){
 
                    $(".n-list[data-group="+code+"]").empty().append(html);
 
                }else{
 
                    $(".n-list[data-group="+code+"]").append(html);
 
                }
 
                
                if(list.length < 20){
 
                    $(".group-item[data-group="+code+"]").find(".load-more").hide();
 
                }else{
 
                    pages[code] ++;
 
                    $(".group-item[data-group="+code+"]").find(".load-more").show();
 
                }
 
            }
 
	    }else{
 
	        mui.toast(res.msg);
 
	    }
 
	}, true)
 
},
 
// 滚动条分页实例初始化
 
initScroller = function() {
 
    //阻尼系数
 
    var deceleration = mui.os.ios?0.003:0.0009;
 
    mui('.mui-scroll-wrapper').scroll({
 
        bounce: false,
 
        indicators: true, //是否显示滚动条
 
        deceleration:deceleration
 
    });
 
    
    mui(".mui-scroll").pullToRefresh({
 
        down: {
 
            callback: function() {
 
				var self = this;
 
                setTimeout(function() {
 
                    getGroupData();
 
                    self.endPullDownToRefresh();
 
                }, 1000);
 
            }
 
        }
 
    });
 
},
 
// 绑定页面事件
 
bindEvents = function () {
 
	var acTiveId='activeId';//选中的ID
 
	$("#groupList").on('tap','li[data-patient-code]',function(e) {
 
		var code = $(this).attr("data-patient-code");
 
		var mobile = $(this).attr("data-patient-phone");
 
		var address = $(this).attr("data-patient-address");
 
		var isCheck = $(this).attr("check");
 
		var id = $(this).attr('id');
 
		if(id != acTiveId ){ //如果点击的不是之前选中的 
			$('#'+acTiveId).find('.checboxImg').find('img').attr('src','../images/checbox-false.png');	
			$('#'+acTiveId).removeAttr('id');
 
			$(this).find('.checboxImg').find('img').attr('src','../images/checbox-true.png');
 
			$(this).attr('check','yes');
 
			$(this).attr('id',acTiveId);
 
		}
 
		else {   //如果点击的是自己的话
 
			if(isCheck == 'no'){
 
				$(this).find('.checboxImg').find('img').attr('src','../images/checbox-true.png');
 
				$(this).attr('check','yes');
 
			}
 
			else {
 
				$(this).find('.checboxImg').find('img').attr('src','../images/checbox-false.png');
 
				$(this).attr('check','no');
 
				$(this).removeAttr('id',acTiveId);
 
			}
 
		}
 
	
		// if(baseEnv.webview.origin=="suifang") {//“随访”功能
 
		// 	if(baseEnv.webview.follow_type == 1){
 
	    //         openWebview("../../suifang/html/add_plan.html",{patientInfo: {code:code,mobile:mobile,address:address},chooseDate:baseEnv.webview.chooseDate});
 
	    //         return false;
 
	    //     }
 
	    //     if(baseEnv.webview.follow_type == 2){
 
	    //         openWebview("../../suifang/html/follow_way.html",{patientInfo: {code:code,mobile:mobile,address:address}});
 
	    //         return false;
 
	    //     }
 
		// }else{
 
		// 	openWebview("../../huanzhe/html/huanzhexinxi.html",{
 
		// 		patiCode: code
 
		// 	});
 
		// }
 
		return false;
 
	});
 
	
	$(".send_btn").on('tap', function(){
 
		var	patiCode =$('#'+acTiveId).attr('data-patient-code');
 
		if(!patiCode) {mui.toast("请选择居民再进行发送");return};
 
		dialog({
 
			content: "发出后无法变更，是否确认发送给居民？",
 
			okValue: "继续发送",
 
			ok: function(){
 
				var url = "doctor/health/guidance/add",
 
					params = {
 
						patient: patiCode,
 
						content: content,
 
						modelCode: modelCode,
 
						images: images
 
					};
 
					console.log(params)
 
				plus.nativeUI.showWaiting();
 
				sendPost(url, params, null, function(res){
 
					if (res.status == 200) {
 
						mui.toast("发送成功！");
 
						var self = plus.webview.currentWebview(),
 
							opener = self.opener(),
 
							pre_opener = self.opener().opener();
 
							
						if(opener.id == "jkzd"){ //自己的模板详情
 
							if(pre_opener.id == "guidance_info"){
 
								mui.fire(pre_opener.opener(), "update");
 
								pre_opener.opener().show();
 
								mui.later(function(){
 
									pre_opener.close('none');
 
									opener.close('none');
 
									self.close('none');
 
								}, 300);
 
							}else{
 
								mui.fire(pre_opener, "update");
 
								pre_opener.show();
 
								mui.later(function(){
 
									opener.close('none');
 
									self.close('none');
 
								}, 300);
 
							}
 
						}else{ //系统模板详情
 
							var pre_pre_opener = pre_opener.opener();
 
							if(pre_pre_opener.id == "guidance_info"){
 
								mui.fire(pre_pre_opener.opener(), "update");
 
								pre_pre_opener.opener().show();
 
								mui.later(function(){
 
									pre_pre_opener.close('none');
 
									opener.close('none');
 
									pre_opener.close('none');
 
									self.close('none');
 
								}, 300);
 
							}else{
 
								mui.fire(pre_pre_opener, "update");
 
								pre_pre_opener.show();
 
								mui.later(function(){
 
									opener.close('none');
 
									pre_opener.close('none');
 
									self.close('none');
 
								}, 300);
 
							}
 
							
						}
 
					}else{
 
						mui.toast(res.msg)
 
					}
 
					plus.nativeUI.closeWaiting();
 
				}, 'POST', '', true);
 
			},
 
			cancelValue: "不了，谢谢",
 
			cancel: function(){}
 
		}).showModal();
 
	});
 
	$("#groupList").on('tap', ".group-item", function(){
 
	    var $el = $(this),
 
	        code = $.trim($el.attr("data-group")),
 
	        amount = parseInt($el.attr("data-amount")),
 
	        isOpen = $el.hasClass("current"),
 
            $groupInfo = $el.find('.group-info'),
 
            $siblings = $el.siblings();
 
            
        if(isOpen) {
 
            $el.removeClass("current");
 
            $el.find(".ui-arrow").removeClass("ui-arrow-t");
 
            $el.find(".ui-arrow").addClass("ui-arrow-b");
 
            $groupInfo.hide();
 
        }else{
 
            var $opened = $(".group-item.current");
 
            $el.addClass("current");
 
            $el.find(".ui-arrow").removeClass("ui-arrow-b");
 
            $el.find(".ui-arrow").addClass("ui-arrow-t");
 
            
            if($opened.length > 0){
 
                $opened.removeClass('current').find(".group-info").hide();
 
                $opened.find(".ui-arrow").removeClass("ui-arrow-t");
 
                $opened.find(".ui-arrow").addClass("ui-arrow-b");
 
            }
 
            
            if(amount > 0){
 
                $groupInfo.show();
 
                var liLen = $el.find('ul.n-list li').length;
 
                if(liLen == 0){
 
                    initPatientListByGroup(code, true);
 
                }
 
            }
 
        }
 
	});
 
	
	$("#groupList").on('tap', ".load-more", function(e){
 
	    e.stopPropagation();
 
	    var $this = $(this),
 
	        code = $this.attr("data-group");
 
//	    mui('.mui-scroll-wrapper').refresh();
 
	    initPatientListByGroup(code, false);
 
	});
 
	
	$searchbarInput.on('tap',function() {
 
		mui.openWindow({
 
			id: "searchhuanzhe2",
 
			url: "../../huanzhe/html/searchhuanzhe.html",
 
			extras: {}
 
		})	
	});
 
	
	$(".header-link").on('click', function(){
 
	    openWebview("../../huanzhe/html/biaoqianguanli.html",{
 
            teamCode: docInfo.adminTeamCode
 
        });
 
	})
 
	/*刷新事件*/
 
	window.addEventListener("refresh", function group(e) {
 
		getGroupData();
 
	});
 
};
 
// 页面业务处理流程开始
 
new Promise(function(resolve, reject) {
 
	// TODO 临时放开
 
	//resolve(true);
 
	mui.plusReady(function() {
 
		// plus已经准备好，可以往下执行
 
		resolve(true);
 
	});
 
}).then(function() {
 
	
	// 获取基础环境信息
 
	return getBaseEnvPromise().then(function(env) {
 
		baseEnv = env;
 
	}).then(function() {
 
		// 获取登录医生信息
 
		var self = plus.webview.currentWebview();
 
		content =self.content;
 
		modelCode =self.modelCode;
 
		images =self.images;
 
		console.log(content)
 
		console.log(modelCode)
 
		console.log(images)
 
		baseInfo = getBaseInfoPromise();
 
		initScroller();
 
//		searchByPaging(true);
 
        getGroupData();
 
		// 绑定页面事件
 
		bindEvents();
 
		if(baseEnv.webview.origin){//“随访”功能，需要返回按钮
 
			$(".mui-action-back").show();
 
		}
 
	})
 
}).catch(function(e) {
 
	plus.nativeUI.closeWaiting();
 
	console && console.error(e);
 
});
 
function setAge(age) {
 
	if(age == 0) {
 
		return "<1";
 
	} 
	if(age == -1)
 
		return "未知";
 
	return age;
 
}
 
template.helper("setAge", setAge);
 
function setSex(s) {
 
	if(s == 1) {
 
		return "男";
 
	} else if(s == 2) {
 
		return "女";
 
	}
 
}
 
template.helper("setSex", setSex);
 
template.helper("getPhoto", function(str){
 
    return getImgUrl(str);
 
})

+ 6 - 3
html/hzzd/js/guidance_list.js
View File 

@ -9,6 +9,7 @@ var scrollers = [],
 
    pagesize = 20,
 
    pagesize2 = 10,
 
    selectedTab = 0; //默认选中第一个tab
 
    isIndex=null;
 
mui.plusReady(function(){
 
    var self = plus.webview.currentWebview();
 
    var opener = self.opener();
 
@ -16,7 +17,7 @@ mui.plusReady(function(){
 
        reference = "mine";
 
    }
 
    patient = self.code; 
    
    isIndex = self.isIndex;
 
    initScroller();
 
    getList(true);
 
    bindEvents();
 
@ -100,7 +101,8 @@ function bindEvents(){
 
        openWebview("guidance_detail.html",{
 
            code: code, 
            reference: reference, 
            patiCode: patient
 
            patiCode: patient,
 
            isIndex:isIndex
 
        });
 
    });
 
    
@ -110,7 +112,8 @@ function bindEvents(){
 
            code: code, 
            reference: reference, 
            patiCode: patient, 
            is_sys: true
 
            is_sys: true,
 
            isIndex:isIndex
 
        });
 
    });