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

消息页面内容修改

raolu 6 years ago
parent
5ea1624530
commit
538ca47688
6 changed files with 177 additions and 482 deletions
Unified View Show Diff Stats
  1. 0 274
      html/home/html/xiaoxi--.html
  2. 3 3
      html/home/html/xiaoxipage.html
  3. 24 24
      html/home/js/xiaoxi.js
  4. 55 0
      html/qygl/html/concern-message.html
  5. 15 181
      html/qygl/html/sign_manage.html
  6. 80 0
      html/qygl/js/concern-message.js

+ 0 - 274
html/home/html/xiaoxi--.html
View File 

@ -1,274 +0,0 @@
 
<!doctype html>
 
<html>
 
	<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="viewport" content="width=device-width,initial-scale=1,minimum-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" />
 
		<link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
 
		<link rel="stylesheet" href="../../../common/cross/css/cross.min.css" type="text/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">
 
	</head>
 
	<body>
 
		<div class="main">
 
			<div class="h45">
 
				<div class="demo-comtop">
 
					<a class="mui-action-back"></a>
 
					<!--<div id="div_xiaoxi">
 
						<a class="mui-msg" id="icon_xiaoxi">
 
							<i class="iconfont icon-xinxi c-f15"></i>
 
							<span id="red_sign" style="display:none;" class="c-position-a c-corner c-corner-min"></span>
 
						</a>
 
					</div>-->
 
					<h1>消息</h1>
 
				</div>
 
			</div>
 
			<div class="c-list-group">
 
				<ul class="c-list c-border-tb mt10">
 
					<li class="c-list-link list-arrow-r">
 
						<div class="c-list-key pr15">
 
							<i class="iconfont icon-fenzhen"></i>
 
						</div>
 
						<div class="c-list-info ptb12 c-border-t">
 
							<h4 class="c-nowrap">健康咨询</h4>
 
						</div>
 
						<div class="c-list-key">
 
							<span class="c-position-a c-corner" id="qyxx">11</span>
 
						</div>
 
					</li>
 
					<li class="list-arrow-r">
 
						<a href="" class="c-list-a ptb12">
 
							<h4 class="c-list-key">签约消息</h4>
 
						</a>
 
					</li>
 
					<li class="list-arrow-r">
 
						<a href="" class="c-list-a ptb12">
 
							<h4 class="c-list-key">健康指标</h4>
 
						</a>
 
					</li>
 
					<li class="list-arrow-r">
 
						<a href="" class="c-list-a ptb12">
 
							<h4 class="c-list-key">重要通知</h4>
 
						</a>
 
					</li>
 
				</ul>
 
			</div>
 
			<!--<div class="bgc-fff">
 
				<div class="c-row c-split">
 
					<div class="c-50">
 
						<div class="c-t-center c-border-r ptb30">
 
							<a class="c-333" onclick="toJkzx()">
 
								<img src="../../../common/images/msg_01.png" class="w55" />
 
								<div class="c-f18 mt5">健康咨询</div>
 
							</a>
 
						</div>
 
					</div>
 
					<div class="c-50">
 
						<div class="c-t-center ptb30">
 
							<a class="c-333" onclick="openWebview('../../qygl/html/qianyuexiaoxi.html')">
 
								<img src="../../../common/images/msg_02.png" class="w55" />
 
								<span class="c-position-a c-corner c-hide" id="qyxx"></span>
 
								<div class="c-f18 mt5">签约消息</div>
 
							</a>
 
						</div>
 
					</div>
 
				</div>
 
				<div class="c-row c-split c-border-t">
 
					<div class="c-50">
 
						<div class="c-t-center c-border-r ptb65">
 
							<a class="c-333" onclick="openWebview('../../xiaoxi/html/tizhengzhibiao.html')">
 
								<div class="c-position-r">
 
									<img src="../../../common/images/msg_03.png" class="w55" />
 
									<span class="c-position-a c-corner c-hide" id="tzzb"></span>
 
								</div>
 
								<div class="c-f18 mt5">体征指标</div>
 
							</a>
 
						</div>
 
					</div>
 
					<div class="c-50">
 
						<div class="c-t-center c-border-r ptb65">
 
							<a class="c-333">
 
								<div class="c-position-r">
 
									<img src="../../../common/images/msg_05.png" class="w55" onclick="mui.toast('该功能暂未上线')" />
 
								</div>
 
								<div class="c-f18 mt5">重要通知</div>
 
							</a>
 
						</div>
 
					</div>
 
				</div>
 
			</div>-->
 
		</div>
 
		<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 type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
 
		<!--<script type="text/javascript" src="../../../js/rtcsdk.js"></script>-->
 
		<script type="text/javascript" src="../../../js/im_new.js"></script>
 
		<script type="text/javascript">
 
			mui.init({
 
				//				preloadPages: [{
 
				//					url: '../../xiaoxi/html/jiankangzixun.html',
 
				//					id: 'jiankangzixun'
 
				//				}, {
 
				//					url: '../../qygl/html/qianyuexiaoxi.html',
 
				//					id: 'qianyuexiaoxi'
 
				//				}, {
 
				//					url: '../../xiaoxi/html/tizhengzhibiao.html',
 
				//					id: 'tizhengzhibiao'
 
				//				}]
 
			})
 
			var timer = null;
 
			mui.plusReady(function() {
 
				/************************消息推送模块引入 20160717 cms Start*******************************/
 
				//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"
 
				// 监听点击消息事件
 
				//				plus.nativeUI.alert(plus.os.name);
 
				//				plus.nativeUI.alert( "push: "+ JSON.stringify(plus.push) );
 
				var userAgent = JSON.parse(plus.storage.getItem("userAgent"));
 
				var userId = userAgent.uid;
 
				var info = plus.push.getClientInfo();
 
				var token = info.token;
 
				var client_id = info.clientid;
 
				//platform:平台类型：0为ios，1为android
 
				var platform = 0;
 
				if(plus.os.name == "Android") { //ios暂无im功能 只在安卓下才执行该方法
 
					platform = 1;
 
				}
 
				if(token == null) {
 
					timer = setInterval(function() {
 
						var info = plus.push.getClientInfo();
 
						var token = info.token;
 
						var client_id = info.clientid;
 
						if(token != null) {
 
							clearInterval(timer);
 
							im.login(userId, token, client_id, platform);
 
						}
 
					}, 5000);
 
				} else {
 
					im.login(userId, token, client_id, platform);
 
				}
 
				plus.push.addEventListener("click", function(msg) {
 
					var qunzuduihuaView = plus.webview.getWebviewById("qunzudui");
 
					if(qunzuduihuaView) {
 
						$("#red_sign").css("display", "none");
 
						mui.fire(qunzuduihuaView, "update");
 
					} else {
 
						$("#red_sign").css("display", "");
 
					}
 
				}, false);
 
				// 监听在线消息事件
 
				plus.push.addEventListener("receive", function(msg) {
 
					var qunzuduihuaView = plus.webview.getWebviewById("qunzudui");
 
					if(qunzuduihuaView) {
 
						$("#red_sign").css("display", "none");
 
						mui.fire(qunzuduihuaView, "update");
 
					} else {
 
						$("#red_sign").css("display", "");
 
					}
 
				}, false);
 
				/************************消息推送模块引入 20160717 cms End*******************************/
 
				//				if(plus.os.name == "Android") {
 
				//					$("#div_xiaoxi").removeClass("c-hide");
 
				//				}
 
				getDate();
 
				/*zyt
 
				 * 右上角工作组消息图标
 
				 */
 
				//点击消息小红点事件
 
				document.getElementById("icon_xiaoxi").addEventListener("tap", function() {
 
					openWebview('gongzuozu.html');
 
					$("#red_sign").css("display", "none");
 
				});
 
			});
 
			//监听新消息事件
 
			window.addEventListener("red_xinxi", function() {
 
				//	alert(event.detail.id);
 
				$("#red_sign").css("display", "");
 
			});
 
			//监听读取新消息后 事件
 
			window.addEventListener("red_xinxi_none", function() {
 
				//	alert(event.detail.id);
 
				$("#red_sign").css("display", "none");
 
			});
 
			/*
 
			 * 获取数据
 
			 */
 
			function getDate() {
 
				sendPost("doctor/message/amount", {}, null, function(res) {
 
					if(res.status == 200) {
 
						var healthIndex = res.data.healthIndex; //体征指标
 
						var sign = res.data.sign; //签约
 
						var consultTeam = res.data.consultTeam; //咨询
 
						var total = healthIndex * 1 + sign * 1;
 
						if(sign > 0) {
 
							$("#qyxx").removeClass("c-hide");
 
							$("#qyxx").text(sign);
 
						}
 
						if(healthIndex > 0) {
 
							$("#tzzb").removeClass("c-hide");
 
							$("#tzzb").text(healthIndex);
 
						}
 
					}
 
				});
 
			}
 
			/*
 
			 * 跳转到健康咨询
 
			 */
 
			function toJkzx() {
 
				//				plus.nativeUI.showWaiting("加载中...", {
 
				//					back: "none"
 
				//				});
 
				mui.openWindow("../../xiaoxi/html/jiankangzixun.html", "jiankangzixun");
 
			}
 
			/*
 
			 * 更新体征消息条数
 
			 */
 
			window.addEventListener("update", function() {
 
				//				getDate();
 
				//				var self=plus.webview.currentWebview();
 
				//				self.reload(true);
 
				var count = $("#tzzb").text();
 
				if(count > 0) {
 
					count--;
 
				}
 
				if(count == 0) {
 
					$("#tzzb").addClass("c-hide");
 
				} else {
 
					$("#tzzb").text(count);
 
				}
 
			});
 
			/*
 
			 * 更新签约消息条数
 
			 */
 
			window.addEventListener("updateQy", function() {
 
				var count = $("#qyxx").text();
 
				if(count > 0) {
 
					count--;
 
				}
 
				if(count == 0) {
 
					$("#qyxx").addClass("c-hide");
 
				} else {
 
					$("#qyxx").text(count);
 
				}
 
			});
 
		</script>
 
	</body>
 
</html>

+ 3 - 3
html/home/html/xiaoxipage.html
View File 

@ -31,7 +31,7 @@
 
			<div class="mui-scroll" style="min-height: 100%;">
 
			<div class="mui-scroll" style="min-height: 100%;">
 
				
				
				<ul id='systemMsg' class="c-list msg-list" >
 
				<ul id='systemMsg' class="c-list msg-list" >
 
					<li data-code="qyxx" data-html="../../qygl/html/qianyuexiaoxi.html" style="padding: 0; margin: 0; position: relative;" >
 
					<li data-code="qyxx" data-html="../../qygl/html/concern-message.html" style="padding: 0; margin: 0; position: relative;" >
 
						<div class="l-info" >
 
						<div class="l-info" >
 
							<div class="icon-area circle-40 ">
 
							<div class="icon-area circle-40 ">
 
								<i class="iconfont c-icon c-icon-qianyuexiaoxi"></i>
 
								<i class="iconfont c-icon c-icon-qianyuexiaoxi"></i>
 
@ -50,7 +50,7 @@
 
						</div>
 
						</div>
 
					</li>
 
					</li>
 
					
					
					<li data-code="jktz"  data-html="../../xiaoxi/html/jiankangtizheng.html" style="padding: 0; margin: 0; position: relative;">
 
					<!--<li data-code="jktz"  data-html="../../xiaoxi/html/jiankangtizheng.html" style="padding: 0; margin: 0; position: relative;">
 
						<div class="l-info" >
 
						<div class="l-info" >
 
							<div class="icon-area circle-40">
 
							<div class="icon-area circle-40">
 
								<i class="iconfont c-icon c-icon-jiankangtizheng"></i>
 
								<i class="iconfont c-icon c-icon-jiankangtizheng"></i>
 
@ -67,7 +67,7 @@
 
						<div class="operate">
 
						<div class="operate">
 
							<div class="zdan">置顶</div>
 
							<div class="zdan">置顶</div>
 
						</div>
 
						</div>
 
					</li> 
					</li> -->
 
					
					
					<li data-code="xitong" class="xitong" data-html="../../message/html/xitongxiaoxi.html" style="padding: 0; margin: 0; position: relative;"  >
 
					<li data-code="xitong" class="xitong" data-html="../../message/html/xitongxiaoxi.html" style="padding: 0; margin: 0; position: relative;"  >
 
						<div class="l-info" >
 
						<div class="l-info" >

+ 24 - 24
html/home/js/xiaoxi.js
View File 

@ -70,26 +70,26 @@ var page={
 
					$('#jkzx_lastMsg').addClass('c-hide');
 
					$('#jkzx_lastMsg').addClass('c-hide');
 
				}
 
				}
 
				
				
				if(res.data.sign && res.data.sign.amount>0){
 
					lastMessage = res.data.sign.lastMessage || p;
 
				if(res.data.concern && res.data.concern.amount>0){
 
					lastMessage = res.data.concern.lastMessage || p;
 
					var time = formatShowTime(lastMessage.msgTime);
 
					var time = formatShowTime(lastMessage.msgTime);
 
					m.$sign.html(assesCount(res.data.sign.amount)).removeClass('c-hide')
 
					m.$sign.html(assesCount(res.data.concern.amount)).removeClass('c-hide')
 
						.prev().html(time).removeClass('c-hide');
 
						.prev().html(time).removeClass('c-hide');
 
					$('#sign_lastMsg').html(lastMessage.msg).removeClass('c-hide');
 
					$('#sign_lastMsg').html(lastMessage.msg).removeClass('c-hide');
 
				} else {
 
				} else {
 
					m.$sign.addClass('c-hide').prev().addClass('c-hide');
 
					m.$sign.addClass('c-hide').prev().addClass('c-hide');
 
					$('#sign_lastMsg').addClass('c-hide');
 
					$('#sign_lastMsg').addClass('c-hide');
 
				} 
				} 
				if(res.data.healthIndex && res.data.healthIndex.amount>0){
 
					lastMessage = res.data.healthIndex.lastMessage || p; 
					var time = formatShowTime(lastMessage.msgTime);
 
					m.$healthIndex.html(assesCount(res.data.healthIndex.amount)).removeClass('c-hide')
 
						.prev().html(time).removeClass('c-hide');
 
					$('#jktz_lastMsg').html(lastMessage.msg).removeClass('c-hide');
 
				} else {
 
					m.$healthIndex.addClass('c-hide').prev().addClass('c-hide');
 
					$('#jktz_lastMsg').addClass('c-hide');
 
				}
 
//				if(res.data.healthIndex && res.data.healthIndex.amount>0){
 
//					lastMessage = res.data.healthIndex.lastMessage || p; 
//					var time = formatShowTime(lastMessage.msgTime);
 
//					m.$healthIndex.html(assesCount(res.data.healthIndex.amount)).removeClass('c-hide')
 
//						.prev().html(time).removeClass('c-hide');
 
//					$('#jktz_lastMsg').html(lastMessage.msg).removeClass('c-hide');
 
//				} else {
 
//					m.$healthIndex.addClass('c-hide').prev().addClass('c-hide');
 
//					$('#jktz_lastMsg').addClass('c-hide');
 
//				}
 
				
				
				//处理系统消息
 
				//处理系统消息
 
				if(res.data.system && res.data.system.amount > 0){ 
				if(res.data.system && res.data.system.amount > 0){ 
@ -132,15 +132,15 @@ var page={
 
//					$('#xt-last').addClass('c-hide'); 
//					$('#xt-last').addClass('c-hide'); 
//				}
 
//				}
 
				
				
				if(res.data.famousConsult && res.data.famousConsult.amount>0){  
					lastMessage = res.data.famousConsult.lastMessage || p;
 
					$('#myzx_index').html(assesCount(res.data.famousConsult.amount)).removeClass('c-hide')
 
						.prev().html(lastMessage.msgTime).removeClass('c-hide');
 
					$('#myzx_lastMsg').html(lastMessage.msg).removeClass('c-hide');
 
				} else {
 
					$('#myzx_index').addClass('c-hide').prev().addClass('c-hide');
 
					$('#myzx_lastMsg').addClass('c-hide');
 
				}
 
//				if(res.data.famousConsult && res.data.famousConsult.amount>0){  
//					lastMessage = res.data.famousConsult.lastMessage || p;
 
//					$('#myzx_index').html(assesCount(res.data.famousConsult.amount)).removeClass('c-hide')
 
//						.prev().html(lastMessage.msgTime).removeClass('c-hide');
 
//					$('#myzx_lastMsg').html(lastMessage.msg).removeClass('c-hide');
 
//				} else {
 
//					$('#myzx_index').addClass('c-hide').prev().addClass('c-hide');
 
//					$('#myzx_lastMsg').addClass('c-hide');
 
//				}
 
				//根据消息数显示红点
 
				//根据消息数显示红点
 
				var imMsgCount = JSON.parse(res.data.imMsgCount); 
				var imMsgCount = JSON.parse(res.data.imMsgCount); 
				var xiaoxiHtml = plus.webview.getWebviewById("xiaoxi.html");
 
				var xiaoxiHtml = plus.webview.getWebviewById("xiaoxi.html");
 
@ -148,14 +148,14 @@ var page={
 
				if(imMsgCount.patient>0 || imMsgCount.doctor>0||imMsgCount.patientEnd>0) {
 
				if(imMsgCount.patient>0 || imMsgCount.doctor>0||imMsgCount.patientEnd>0) {
 
				    mui.fire(xiaoxiHtml, 'imMsgCount', imMsgCount);
 
				    mui.fire(xiaoxiHtml, 'imMsgCount', imMsgCount);
 
                }
 
                }
 
				if(res.data.callService.amount>0 || res.data.sign.amount>0 ||  res.data.healthIndex.amount>0 || res.data.system.amount>0 || imMsgCount.patient>0 || imMsgCount.doctor>0 || res.data.prescription.amount>0){
 
				if(res.data.concern.amount>0 || res.data.system.amount>0 || imMsgCount.patient>0 || imMsgCount.doctor>0 ){
 
					mui.fire(mainHtml, "showPoint");
 
					mui.fire(mainHtml, "showPoint");
 
				}else if(imMsgCount.patientEnd>0 &&imMsgCount.patient==0 &&imMsgCount.doctor==0){
 
				}else if(imMsgCount.patientEnd>0 &&imMsgCount.patient==0 &&imMsgCount.doctor==0){
 
					mui.fire(mainHtml, "showBluePoint");
 
					mui.fire(mainHtml, "showBluePoint");
 
				}else{
 
				}else{
 
				    mui.fire(mainHtml, "hidePoint");  
				    mui.fire(mainHtml, "hidePoint");  
				}
 
				}
 
				if(xiaoxiHtml && (res.data.sign.amount>0 ||  res.data.healthIndex.amount>0 || res.data.system.amount>0 || res.data.prescription.amount> 0 || res.data.callService.amount> 0)) {
 
				if(xiaoxiHtml && (res.data.concern.amount>0 || res.data.system.amount>0)) {
 
					mui.fire(xiaoxiHtml, "xiaoxiweidu",{status:"1"});
 
					mui.fire(xiaoxiHtml, "xiaoxiweidu",{status:"1"});
 
				}else{
 
				}else{
 
					mui.fire(xiaoxiHtml, "xiaoxiweidu",{status:"0"});
 
					mui.fire(xiaoxiHtml, "xiaoxiweidu",{status:"0"});

+ 55 - 0
html/qygl/html/concern-message.html
View File 

@ -0,0 +1,55 @@
 
<!DOCTYPE html>
 
<html>
 
    <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" type="text/css" href="../../../common/iconfont/iconfont.css"/>
 
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.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" />
 
    </head>
 
    <body>
 
        <div class="h45">
 
            <div class="demo-comtop">
 
                <a class="mui-action-back"></a>
 
                <h1>关注消息</h1>
 
            </div>
 
        </div>
 
        <div class="mui-scroll-wrapper">
 
            <div class="mui-scroll">
 
                <div id="messageList"></div>
 
                <div id="wushuju" class="c-hide" >
 
                    <img class="no-result-img" src="../../../images/shujuweikong_img.png">
 
                    <div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果。</div>
 
                </div>
 
            </div>
 
        </div>
 
        
        <script type="text/html" id="message-tmp">
 
            {{each list as val i}}
 
                <div class="hd-welcome">
 
                    <p>{{val.createTime}}</p>
 
                </div>
 
                <div ontouchstart="" class="{{if val.read==1}}new-msg{{else}}bg-fff{{/if}} msg-box c-position-r" data-relationcode="{{val.relationCode}}" data-code="{{val.id}}" data-type="{{val.type}}" data-date="{{val.czrq}}" data-sessionid="{{val.sessionId}}" data-sessionname="{{val.sessionName}}" data-count="{{val.consultNum}}" data-receiver="{{val.receiver}}"  pati-code="{{val.sender}}">
 
                    <div class="msg-title">{{val.title}}</div>
 
                    <div class="msg-content">{{val.content}}</div>
 
                    <div class="msg-action">
 
                        <div>点击处理</div>
 
                        <span></span>
 
                    </div>
 
                </div>
 
            {{/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="../../../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/concern-message.js" type="text/javascript" charset="utf-8"></script>
 
    </body>
 
</html>

+ 15 - 181
html/qygl/html/sign_manage.html
View File 

@ -8,7 +8,7 @@
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
		<meta name="apple-mobile-web-app-capable" content="yes" />
 
		<meta name="apple-mobile-web-app-capable" content="yes" />
 
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
 
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
 
		<title>签约管理</title>
 
		<title>关注管理</title>
 
		<link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
 
		<link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
 
		<link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.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" href="../../../common/cross/css/cross.ui.css" type="text/css" />
 
@ -18,17 +18,11 @@
 
	</head>
 
	</head>
 
	<body>
 
	<body>
 
	    <div class="lin-mask"></div>
 
        <!-- 签约管理和续签下拉框 -->
 
        <ul class="lin-sel-group">
 
            <li><input type="radio" class="icon-checkbox mr10" name="sign-class" value="1" checked id="sign1"><label for="sign1">签约管理</label></li>
 
            <li><input type="radio" class="icon-checkbox mr10" name="sign-class" value="2" id="sign2"><span class=""></span><label for="sign2">续签管理</label></li>
 
        </ul>
 
		<div class="h45">
 
		<div class="h45">
 
			<div class="demo-comtop">
 
			<div class="demo-comtop">
 
				<a class="mui-action-back"></a>
 
				<a class="mui-action-back"></a>
 
				<h1 class="header-select">
 
				<h1 class="header-select">
 
				    <span class=""></span><span id="Dtitle" >签约管理</span><!--<label class="lin-down-arrow"></label>-->
 
				    <span class=""></span><span id="Dtitle" >关注管理</span><!--<label class="lin-down-arrow"></label>-->
 
			    </h1>
 
			    </h1>
 
			    <a href="javascript: void(0);" id="" class="c-fff header-link c-f16 c-hide" onclick="">提醒续签</a>
 
			    <a href="javascript: void(0);" id="" class="c-fff header-link c-f16 c-hide" onclick="">提醒续签</a>
 
			</div>
 
			</div>
 
@ -37,26 +31,13 @@
 
		    <div class="c-position-r" style="z-index:2;">
 
		    <div class="c-position-r" style="z-index:2;">
 
				<div class="sign-comonhd plr10 bgc-fff">
 
				<div class="sign-comonhd plr10 bgc-fff">
 
					<div class="sanp-flex tab-group1 ptb10">
 
					<div class="sanp-flex tab-group1 ptb10">
 
						<p>待签约</p>
 
						<p id="Pending_contract"></p>
 
						<p>已关注</p>
 
						<p id="countPatientStatus1"></p>
 
					</div>
 
					</div>
 
					<div class="sanp-flex tab-group1 ptb10">
 
					<div class="sanp-flex tab-group1 ptb10">
 
						<p>待缴费</p>
 
						<p id="Pending_payment"></p>
 
						<p>总关注</p>
 
						<p id="countPatientAll"></p>
 
					</div>
 
					</div>
 
					<div class="sanp-flex tab-group1 ptb10">
 
						<p>已签约</p>
 
						<p id="Signed"></p>
 
					</div>
 
					<div class="sanp-flex tab-group2 c-hide">
 
	                    <p>待处理</p>
 
	                </div>
 
	                <div class="sanp-flex tab-group2 c-hide">
 
	                    <p>待缴费</p>
 
	                </div>
 
	                <div class="sanp-flex tab-group2 c-hide">
 
	                    <p>已续签</p>
 
	                </div>
 
				</div>
 
				</div>
 
			</div>
 
			</div>
 
			<div class="posater-oper">
 
			<div class="posater-oper">
 
@ -65,178 +46,33 @@
 
					<div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果。</div>
 
					<div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果。</div>
 
				</div>
 
				</div>
 
				
				
				<ul class="c-list c-border-tb long " id="dqy_list">
 
				<ul class="c-list c-border-tb long " id="ygz_list">
 
			
			
				</ul>	
				</ul>	
			</div>
 
			</div>
 
			
			<div class="posater-oper c-hide">
 
				<div id="no_result_wrap" class="c-dn c-hide">
 
					<img class="no-result-img" src="../../../images/shujuweikong_img.png">
 
					<div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果。</div>
 
				</div>	
			
				<ul class="c-list c-border-tb long " id="djf_list">
 
			
				</ul>
 
				
				<div id="jf_all_tx" class="allTx" style="display: none;">
 
					<!--
 
	                	缴费‘全部提醒’悬浮按钮
 
	                -->
 
					<img src="../images/quanbutixing_btn.png"/>
 
				</div>
 
			</div>
 
			
			<div class="posater-oper c-hide">
 
				<div id="no_result_wrap" class="c-dn c-hide">
 
					<img class="no-result-img" src="../../../images/shujuweikong_img.png">
 
					<div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果。</div>
 
				</div>	
				
				<ul class="c-list c-border-tb long " id="yqy_list">
 
			
				</ul>
 
				<div id="weixin_all_tx" class="allTx c-hide" >
 
					<!--
 
	                	微信关注‘全部提醒’悬浮按钮
 
	                -->
 
					<img src="../images/quanbutixing_btn.png"/>
 
				</div>
 
			</div>
 
			
			<!-- 续签管理-待处理 -->
 
			<div class="posater-oper c-hide">
 
                <div id="" class="no_result_wrap c-hide">
 
                    <img class="no-result-img" src="../../../images/shujuweikong_img.png">
 
                    <div class="f-fs14 c-323232 c-t-center">没有需处理的申请</div>
 
                </div>  
                
                <ul class="c-list c-border-tb long " id="xq_dcl_list">
 
                </ul>
 
            </div>
 
            <!-- 续签管理-待缴费 -->
 
            <div class="posater-oper c-hide">
 
                <div class="no_result_wrap c-hide">
 
                    <img class="no-result-img" src="../../../images/shujuweikong_img.png">
 
                    <div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果。</div>
 
                </div>  
                
                <ul class="c-list c-border-tb long " id="xq_djf_list">
 
                </ul>
 
            </div>
 
            <!-- 续签管理-已续签 -->
 
            <div class="posater-oper c-hide">
 
                <div id="" class="no_result_wrap c-hide">
 
                    <img class="no-result-img" src="../../../images/shujuweikong_img.png">
 
                    <div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果。</div>
 
                </div>  
                
                <ul class="c-list c-border-tb long " id="xq_yxq_list">
 
                </ul>
 
            </div>
 
		</div>
 
		</div>
 
	</body>
 
	</body>
 
	
	
	<script type="text/html" id="dqy_tmpl">
 
	<script type="text/html" id="ygz_tmpl">
 
		{{each list as val i}}
 
		{{each list as val i}}
 
		<li class="c-list-cover" data-json="{{val.jsonStr}}" data-type="dqy">
 
		<li class="c-list-cover" data-json="{{val.jsonStr}}" data-type="dqy">
 
			<div class="c-avatar-m">
 
			<div class="c-avatar-m">
 
				<img src="{{setPatiPic(val.photo,val.sex)}}" />
 
				<img src="{{setPatiPic(val.photo,val.sex)}}" />
 
			</div>
 
			</div>
 
			<div class="c-list-info c-list-indent-m c-position-r">
 
			<div class="c-list-info c-list-indent-m c-position-r">
 
				<h4 class="c-nowrap lh26">{{val.patientName}}<span class="ml15">({{val.sex | setSex}} {{val.age}}岁)</span></h4>
 
				<p class="f-fs14 c-nowrap ">申请时间: {{val.applyDate}}</p>
 
				{{if val.renewFlag == "2"}}
 
				<img src="../images/zhuanqian_icon.png" class="icon-zhuanqian" width="50">
 
			    {{/if}}
 
			    {{if val.renewFlag == "1"}}
 
			    <img src="../images/xuqian_icon.png" class="icon-zhuanqian" width="50">
 
			    {{/if}}
 
			</div>
 
			
			<div class="c-list-action c-dqy-action" data-type="agree">
 
				处  理
 
			</div>
 
		</li>
 
		{{/each}}
 
	</script>
 
	
	<script type="text/html" id="djf_tmpl">
 
		{{each list as val i}}
 
		<li class="c-list-cover" data-type="djf" data-code="{{val.code}}" data-name="{{val.patientName}}" data-age="{{val.age}}" data-id="{{val.id}}" data-patient="{{val.patientCode}}">
 
			<div class="c-avatar-m">
 
				<img src="{{setPatiPic(val.photo,val.sex)}}" />
 
			</div>
 
			<div class="c-list-info c-list-indent-m">
 
				<h4 class="c-nowrap lh26">{{val.patientName}}<span class="ml15">({{val.sex | setSex}} {{val.age}}岁)</span></h4>
 
				<p class="f-fs14 c-nowrap ">预签约时间: {{val.applyDate}}</p>
 
			</div>
 
			{{if val.expensesRemindStatus==0}}
 
			<div class="c-list-action c-dtx-action">
 
				<p>提醒</p>
 
				<p>缴费</p>
 
			</div>
 
			{{else}}
 
			<div class="c-list-action c-ytx-action">
 
				已提醒
 
			</div>
 
			{{/if}}
 
		</li>
 
		{{/each}}
 
	</script>
 
	
	<script type="text/html" id="yqy_tmpl">
 
		{{each list as val i}}
 
		<li class="c-list-cover" data-type="yqy" data-code="{{val.code}}" data-id="{{val.id}}" data-patient="{{val.patientCode}}">
 
			<div class="c-avatar-m"><img src="{{setPatiPic(val.photo,val.sex)}}" /></div>
 
			<div class="c-list-info c-list-indent-m">
 
				<h4 class="c-nowrap lh26">{{val.patientName}}<span class="ml15">({{val.sex | setSex}} {{val.age}}岁)</span>
 
				    {{if val.openid}}
 
				<h4 class="c-nowrap lh26">
 
                    {{val.patientName}}<span class="ml15">({{val.sex | setSex}} {{val.age}}岁)</span>
 
                    {{if val.openid}}
 
                    <img class="weixin-icon" src="../../../images/weixing_icon.png"/>
 
                    <img class="weixin-icon" src="../../../images/weixing_icon.png"/>
 
                    {{/if}}
 
                    {{/if}}
 
				</h4>
 
				<p class="f-fs14 c-nowrap ">签约时间: {{val.applyDate}}</p>
 
                </h4>
 
				<p class="f-fs14 c-nowrap ">关注时间: {{val.applyDate}}</p>
 
			</div>
 
			</div>
 
			{{if val.openid}}
 
			<div class="c-list-action c-yqy-action">
 
				查  看
 
			</div>
 
			{{else if !val.openid && val.wechatFocusRemind == '0'}}
 
			<div class="c-list-action c-to-remind-action">
 
				<p>提醒</p>
 
				<p>关注</p>
 
			</div>
 
			{{else if !val.openid && val.wechatFocusRemind == '1'}}
 
			<div class="c-list-action c-reminded-action">
 
				已提醒
 
			</div>
 
			{{/if}}
 
			
			<div class="c-list-action c-yqy-action">查  看</div>
 
		</li>
 
		</li>
 
		{{/each}}
 
		{{/each}}
 
	</script>
 
	</script>
 
    
    <script type="text/html" id="xq_yxq_tmpl">
 
        {{each list as val i}}
 
        <li class="c-list-cover" data-code="{{val.code}}" data-id="{{val.id}}" data-patient="{{val.patientCode}}">
 
            <div class="c-avatar-m">
 
                <img src="{{val.photo | setPhoto}}" />
 
            </div>
 
            <div class="c-list-info c-list-indent-m c-position-r">
 
                <h4 class="c-nowrap lh26">{{val.patientName}}<span class="ml15">({{val.sex | setSex}} {{val.age}}岁)</span></h4>
 
                <p class="f-fs14 c-nowrap ">申请时间: {{val.renewTime | formatShowTime}}</p>
 
                {{if val.renewFlag == "2"}}
 
                <img src="../images/icon_zhuanqian.png" class="icon-zhuanqian" width="50">
 
                {{/if}}
 
            </div>
 
            
            <div class="c-list-action c-dqy-action" data-type="agree">
 
                查  看
 
            </div>
 
        </li>
 
        {{/each}}
 
    </script>
 
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
 
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
 
	<script type="text/javascript" src="../js/base.js"></script>
 
	<script type="text/javascript" src="../js/base.js"></script>
 
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
 
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
 
@ -249,8 +85,6 @@
 
	<script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
 
	<script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
 
	<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
 
	<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
 
	<script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
 
	<script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
 
	<link   href="../../js/l-scroll.css" rel="stylesheet" type="text/css">
 
	<script src="../../js/l-scroll.js" type="text/javascript" charset="utf-8"></script>
 
	<script src="../js/sign_manage.js" type="text/javascript" charset="utf-8"></script>
 
	<script src="../js/sign_manage.js" type="text/javascript" charset="utf-8"></script>
 
</html>
 
</html>

+ 80 - 0
html/qygl/js/concern-message.js
View File 

@ -0,0 +1,80 @@
 
var lastId = 0,
 
    pageSize = 10;
 
mui.plusReady(function(){
 
    getMessageList(true);
 
    bindEvents();
 
    initScroller();
 
});
 
function getMessageList(isInit){
 
    plus.nativeUI.showWaiting();
 
    if(isInit){
 
        lastId = 0;
 
    }
 
    var url = "doctor/family_contract/messages",
 
        params = {
 
            id: lastId,
 
            pagesize: pageSize
 
        };
 
    sendGet(url, params, null, function(res){
 
        if(res.status == 200){
 
            var list = res.list;
 
            if(list.length > 0){
 
                var html = template("message-tmp", {list: list});
 
                lastId = list[list.length-1].id;
 
                if(isInit){
 
                    $("#messageList").empty().append(html);
 
                }else{
 
                    $("#messageList").append(html);
 
                }
 
                if(list.length < pageSize){
 
                    mui(".mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
 
                }else{
 
                    mui(".mui-scroll-wrapper").pullRefresh().endPullupToRefresh(false);
 
                }
 
            }else{
 
                if(isInit){
 
                    $("#messgeList").hide();
 
                    $("#wushuju").show();
 
                }else{
 
                    mui(".mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
 
                }
 
            }
 
        }else{
 
            mui.toast(res.msg);
 
        }
 
        plus.nativeUI.closeWaiting();
 
    }, true)
 
}
 
function bindEvents(){
 
    
}
 
function initScroller(){
 
    //阻尼系数
 
    var deceleration = mui.os.ios?0.003:0.0009;
 
    mui('.mui-scroll-wrapper').scroll({
 
        bounce: false,
 
        indicators: true, //是否显示滚动条
 
        deceleration:deceleration
 
    });
 
    
    mui(".mui-scroll-wrapper").pullRefresh({
 
        down: {
 
            callback: function() {
 
                var self = this;
 
                getMessageList(true);
 
                self.endPullDownToRefresh();
 
            }
 
        },
 
        up:{
 
            callback: function(){
 
                var self = this;
 
                setTimeout(function(){
 
                    getMessageList(false);
 
                }, 300)
 
            }
 
        }
 
    });
 
}