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

厦门i健康患者端代码拷贝

raolu 7 years ago
parent
fcff1e01cc
commit
cd4f6eaf35
11 changed files with 1730 additions and 0 deletions
Split View Show Diff Stats
  1. 139 0
      html/jkjy/css/article_list.css
  2. 79 0
      html/jkjy/html/article.html
  3. 115 0
      html/jkjy/html/article2.html
  4. 210 0
      html/jkjy/html/article_list.html
  5. BIN
      html/jkjy/images/new_icon.png
  6. BIN
      html/jkjy/images/shoucang_button.png
  7. BIN
      html/jkjy/images/shoucang_pre.png
  8. BIN
      html/jkjy/images/zhuanfa2_icon.png
  9. 330 0
      html/jkjy/js/article.js
  10. 443 0
      html/jkjy/js/article2.js
  11. 414 0
      html/jkjy/js/article_list.js

+ 139 - 0
html/jkjy/css/article_list.css
View File 

@ -0,0 +1,139 @@
 
.article-list{
 
    /*background-color: #fff;*/
 
}
 
.p10{padding: 10px;}
 
.article-li{
 
    position: relative;
 
    /*border: 1px solid #e1e1e1;
 
    border-radius: 5px;*/
 
    background-color: #fff;
 
    margin-bottom: 10px;
 
}
 
.sharer-info{
 
    display: box;
 
    display: -webkit-box;
 
    display: -moz-box;
 
    position: relative;
 
    padding: 5px 10px;
 
}
 
.content-detail{
 
    padding: 0 10px;
 
}
 
.content-detail .info{
 
    padding: 10px 0;
 
}
 
.content-detail .info2{
 
    padding: 6px 0;
 
}
 
.content-detail .info img{
 
    width: 100%;
 
}
 
.content-detail .info p{
 
    font-size: 14px;
 
    color: #666;
 
    display: -webkit-box;
 
    overflow: hidden;
 
    text-overflow: ellipsis;
 
    -webkit-box-orient: vertical;
 
    -webkit-line-clamp:3;
 
    text-indent: 2rem;
 
}
 
.view-detail{
 
    height: 30px;
 
    line-height: 30px;
 
    padding: 0 10px;
 
    position: relative;
 
    border-top: 1px solid #e1e1e1;
 
}
 
.c-arrow-r {
 
    position: absolute;
 
    top: 50%;
 
    right: 10px;
 
    margin-top: -5px;
 
    content: "";
 
    display: block;
 
    width: 8px;
 
    height: 8px;
 
    border: solid #cdcdcd;
 
    border-width: 2px 2px 0 0;
 
    -webkit-transform: rotate(45deg);
 
    -moz-transform: rotate(45deg);
 
    -ms-transform: rotate(45deg);
 
    transform: rotate(45deg);
 
}
 
.new-flag{
 
    position: absolute;
 
    top: 0;
 
    right: 0;
 
}
 
.new-flag img{width: 30px;}
 
.div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 60px auto 0px;}
 
.f-dn{display: none;}
 
/*.mui-scroll-wrapper{top:140px;}*/
 
/*.mui-fullscreen{
 
	height: calc(100% -90px);
 
	top:90px;
 
}*/
 
.bgc-f2f4f6{
 
    background-color: #f2f4f6;
 
}
 
.bgc-ff9526{
 
    background-color: #ff9526;
 
}
 
.bgc-74bf00{
 
    background-color: #74bf00;
 
}
 
.c-ff9526{
 
    color: #ff9526;
 
}
 
.c-a8a8a8{
 
    color: #a8a8a8;
 
}
 
.c-radius-8{
 
    border-radius: 8px;
 
}
 
.h30{height: 30px;}
 
.lh30{line-height: 30px;}
 
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item{
 
    color: #323232;
 
    display: inline-table;
 
    line-height: 43px;
 
}
 
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
 
    color: #75bf00;
 
    border-bottom: 2px solid #75bf00;
 
}
 
.mui-fullscreen .mui-segmented-control~.mui-slider-group{
 
    top: 45px;
 
}
 
.mui-slider .mui-slider-group .mui-slider-item img{
 
    width: auto;
 
}
 
.div-no-info{
 
    position: relative;
 
    top: 50%;
 
    -webkit-transform: translateY(-50%);
 
    -o-transform: translateY(-50%);
 
    transform: translateY(-50%);
 
    text-align: center;
 
}
 
.div-no-info img{
 
    width: 100%;
 
}
 
/*我的收藏相关样式*/
 
.collec-title{height: 40px;line-height: 40px;color: #333333;padding-left: 10px;padding-right: 10px;}
 
.collec-content{height: 80px;padding-left: 10px;padding-top: 10px;padding-right: 10px;}
 
.image-item{width: 60px;height: 60px;}
 
#item3 .image-item img{width: 60px;height: 60px;}
 
.content-collec-time{color: #909090;}
 
.c-333333{color:#333333;}
 
.p-mrt{margin-top: -2px;}

+ 79 - 0
html/jkjy/html/article.html
View File 

@ -0,0 +1,79 @@
 
<!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="../../../css/cross.css" />
 
        <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
 
        <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
 
        <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
 
        <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" /> 
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
 
        <style type="text/css">
 
            .article-content img{
 
                display: block;
 
                width: 100%;
 
                margin-bottom: 10px;
 
            }
 
            .article-content p{text-indent: 2rem;}
 
            .p10{padding: 10px;}
 
            #footer {
 
				position: absolute;
 
				bottom: 0;
 
				left: 0;
 
				z-index: 5;
 
				width: 100%;
 
			}
 
			.btn-green {
 
				height: 40px;
 
				line-height: 40px !important;
 
				padding: 0;
 
				font-size: 16px;
 
				background-color: #74bf00;
 
			}
 
        </style>
 
	</head>
 
	<body>
 
		<div id="wrapper1" ><!--class="mb50"-->
 
		<div class="iScroller">
 
        
		</div>
 
		<div id="footer" style="position: fixed;">
 
			<div class="mlr15 mtb10">
 
				<a href="javascript:;" id="zixun" class="c-btn c-btn-full c-btn-radius btn-green" >对文章有疑问？点击发起医生咨询</a>
 
			</div>
 
		</div>
 
        </div>
 
        <script type="text/html" id="article_temp">
 
	        <div class="c-content p10 bgc-fff">
 
	            <h1 class="c-f18 c-bold c-333">{{title}}</h1>
 
	            <div class="c-f13 c-909090 mb20">
 
	                <span>{{czrq}}</span>
 
	                <span class="fr">{{readAmount}}人浏览</span>
 
	            </div>
 
	            <div id="articleContent" class="article-content c-f14 c-333">
 
	                <img src="{{url | setPhoto}}">
 
	                <p>
 
	                   	 {{#content}}
 
	                </p>
 
	              
	            </div>
 
	        </div>
 
        </script>
 
        <script type="text/javascript"  src="../../../js/jquery/2.1.3/jquery.js"></script>
 
		<script type="text/javascript"  src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
 
		<script type="text/javascript"  src="../../../js/common_http.js" ></script>
 
		<script type="text/javascript"  src="../../../js/weixin_common.js?1=2" ></script>
 
		<script type="text/javascript"  src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
 
		<script type="text/javascript"  src="../../../js/iscroll-probe.js"></script>
 
		<script type="text/javascript"  src="../../../js/iscroll-pull-up-down.js"></script>
 
		<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
 
		<script type="text/javascript"  src="../js/article.js?v=1.3.4"></script>    
	</body>
 
</html>

+ 115 - 0
html/jkjy/html/article2.html
View File 

@ -0,0 +1,115 @@
 
<!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="../../../css/cross.css" />
 
        <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
 
        <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
 
        <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
 
        <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" /> 
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
 
        <style type="text/css">
 
        	html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6{font-size:100%; }
 
            .article-content img{
 
                display: block;
 
                width: 100%;
 
                margin-bottom: 10px;
 
            }
 
            /*.article-content p{text-indent: 2rem;}*/
 
            .p10{padding: 10px;}
 
            #footer {
 
				position: absolute;
 
				bottom: 0;
 
				left: 0;
 
				z-index: 5;
 
				width: 100%;
 
			}
 
			.btn-green {
 
				height: 40px;
 
				line-height: 40px !important;
 
				padding: 0;
 
				font-size: 16px;
 
				background-color: #74bf00;
 
			}
 
			.handle-bar{
 
				position: fixed;
 
				bottom: 0;
 
				left: 0;
 
				width: 100%;
 
				background-color: #fff;
 
				z-index: 10;
 
				display: -webkit-box;
 
				padding: 3px 0;
 
			}
 
			.handle-bar div{
 
				-webkit-box-flex: 1;
 
				width: 0;
 
				padding-top: 8px;
 
				box-sizing: border-box;
 
				-webkit-box-sizing: border-box;
 
				-moz-box-sizing: border-box;
 
				position: relative;
 
				text-align: center;
 
				height: 40px;
 
			}
 
			.handle-bar div:first-child{
 
				border-right: 1px solid #e1e1e1;
 
			}
 
			.handle-bar div img{
 
				vertical-align: middle;
 
				margin-right: 12px;
 
			}
 
        </style>
 
	</head>
 
	<body>
 
		<div id="wrapper1"><!--class="mb50"-->
 
			<div class="iScroller" style="padding-bottom: 50px;">
 
	        
			</div>
 
			<div class="handle-bar c-border-t c-f16">
 
	            
	       </div>
 
        </div>
 
        <script type="text/html" id="article_temp">
 
	        <div class="c-content p10 bgc-fff">
 
	            <h1 class="c-f18 c-bold c-333">{{it.articleTitle}}</h1>
 
	            <div class="c-f13 c-909090 mb20">
 
	                <span>{{it.updateTime | setTimer}}</span>
 
	                <span class="fr">{{it.browseNumber}}人浏览</span>
 
	            </div>
 
	            <div id="articleContent" class="article-content c-f14 c-333" style="word-wrap: break-word;">
 
	                <img src="{{url | setPhoto}}">
 
	                <p>
 
	                   	 {{#content}}
 
	                </p>
 
	            </div>
 
	        </div>
 
        </script>
 
        <script type="text/html" id="article_temp2">
 
         {{if collectionNumber}}
 
        		<div class="collection" data-status="{{isCollection}}" article-id={{articleId}}> 
        			<img src="{{(isCollection)==0?'../images/shoucang_button.png':'../images/shoucang_pre.png'}}" width="17">
 
	            <span>{{(isCollection)==0?'收藏':'已收藏'}}</span>
 
            </div>
 
        {{/if}}
 
        		
        </script>
 
        <script type="text/javascript"  src="../../../js/jquery/2.1.3/jquery.js"></script>
 
		<script type="text/javascript"  src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
 
		<script type="text/javascript"  src="../../../js/common_http.js" ></script>
 
		<script type="text/javascript"  src="../../../js/weixin_common.js?1=2" ></script>
 
		<script type="text/javascript"  src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
 
		<script type="text/javascript"  src="../../../js/iscroll-probe.js"></script>
 
		<script type="text/javascript"  src="../../../js/iscroll-pull-up-down.js"></script>
 
		<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
 
		<script type="text/javascript"  src="../js/article2.js?v=1.3.4"></script>    
		
	</body>
 
</html>

+ 210 - 0
html/jkjy/html/article_list.html
View File 

@ -0,0 +1,210 @@
 
<!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="../../../css/mui.min.css"/>
 
        <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
 
        <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
 
        <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
 
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
 
        <link rel="stylesheet" type="text/css" href="../css/article_list.css"/>
 
	</head>
 
	<body class="bgc-f2f4f6">
 
		<div id="memberContainer"></div>
 
		<div class="main-content">
 
		<div id="slider" class="mui-slider mui-fullscreen">
 
            <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
 
                <div class="c-row bgc-fff" id="categoryBox">
 
                
                </div>
 
            </div>
 
            <div class="mui-slider-group">
 
                <div id="item1" class="mui-slider-item mui-control-content mui-active">
 
                    <div class="mui-scroll-wrapper">
 
                        <div class="mui-scroll">
 
                            <ul id="recordList0" class="mb40">
 
                                
                            </ul>
 
                        </div>
 
                    </div>
 
                    <div class="div-no-info c-hide">
 
                        <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
 
                        <div class="info-text c-f14">暂无记录</div>
 
                    </div>
 
                    <div id="read_all0" style="display:block;position: fixed; bottom: 20px; right: 20px; background-color: rgba(0,0,0,0.6); width: 50px; height: 50px; border-radius: 50%; text-align: center; z-index: 200;">
 
					    <span class="c-fff c-f16" style="display:inline-block; line-height: 20px; margin-top: 5px;">一键<br/>已读</span>
 
					</div>
 
                </div>
 
                <div id="item2" class="mui-slider-item mui-control-content">
 
                    <div class="mui-scroll-wrapper">
 
                        <div class="mui-scroll">
 
                            <ul id="recordList1" class="mb40">
 
                            </ul>
 
                        </div>
 
                    </div>
 
                    <div class="div-no-info c-hide">
 
                        <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
 
                        <div class="info-text c-f14">暂无记录</div>
 
                    </div>
 
                    <div id="read_all1" style="display:block;position: absolute; bottom: 20px; right: 20px; background-color: rgba(0,0,0,0.6); width: 50px; height: 50px; border-radius: 50%; text-align: center; z-index: 200;">
 
					    <span class="c-fff c-f16" style="display:inline-block; line-height: 20px; margin-top: 5px;">一键<br/>已读</span>
 
					</div>
 
                </div>
 
                <div id="item3" class="mui-slider-item mui-control-content">
 
                    <div class="mui-scroll-wrapper">
 
                        <div class="mui-scroll">
 
                            <ul id="recordList2" class="mb40 mui-table-view" style="background-color: #F2F4F6;margin-top: 10px;">
 
                            </ul>
 
                        </div>
 
                    </div>
 
                    <div class="div-no-info c-hide">
 
                        <img src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
 
                        <div class="info-text c-f14">暂无记录</div>
 
                    </div>
 
                </div>
 
            </div>
 
            
        </div>
 
        
	</div>
 
        <div id="building" class="c-hide">
 
            <div style="position: absolute; width: 100%; top: 50%; margin-top: -125px;">
 
                <img src="../../../images/03queshengye_img.png" width="100%" alt="" />
 
                <p class="mt30 c-f14 c-909090 c-t-center">正在建设中，敬请期待...</p>
 
            </div> 
        </div>
 
        
	<!--渲染文章分类（一级标题）-->
 
	<script type="text/html" id="categoryList"> 
	{{each list as val i}}
 
		{{if i==0}}
 
			<div class="c-33 c-t-center" id="tab{{i}}" data-type="{{val.categoryid}}">
 
           		 <a class="c-f16 mui-control-item mui-active" href="#item{{i+1}}" data-type="{{val.categoryid}}">{{val.categoryname}}</a>
 
        		</div>
 
	    {{/if}}
 
	    {{if i > 0}}
 
			<div class="c-33 c-t-center" id="tab{{i}}" data-type="{{val.categoryid}}">
 
	            <a class="c-f16 mui-control-item" href="#item{{i+1}}" data-type="{{val.categoryid}}">{{val.categoryname}}</a>
 
	        </div>
 
		{{/if}}
 
     {{/each}}
 
        <div class="c-33 c-t-center">
 
            <a class="c-f16 mui-control-item" href="#item3">我的收藏</a>
 
        </div>
 
	</script>
 
		<!--公告通知列表-->
 
	    <script type="text/html" id="annoce_list_temp">
 
	    		{{each list as it}}
 
	    	 <li class="article-li" data-code="{{it.article}}" data-id="{{it.articleId}}">
 
	            <div class="sharer-info">
 
	                <div class="c-avatar-m c-images-cycle mr10">
 
	                    <img src="{{it.photo | setPhoto}}">
 
	                </div>
 
	                <div class="">
 
	               	 	<h4 class="c-f16 c-bold c-333 mt5 mb5">{{it.sendName}}</h4>
 
	                 	<p class="c-f12 c-909090">{{it.createTime | setTimer}}</p>
 
	                </div>
 
	            </div>
 
	            <div class="content-detail c-nowrap-multi">
 
		            	<span class="c-333 c-f16">医生留言：</span>
 
		            	<span class="info2 c-f16">{{it.leaveWords}}</span>
 
	            </div>
 
	            <div class="content-detail c-nowrap-multi">
 
		            	<span class="c-333 c-f16">公告标题：</span>
 
		            	<span class="info c-f16">{{it.attachedTitle}}</span>
 
	            </div>
 
	            <div class="view-detail c-f14 c-909090">
 
	                <label>查看文章详情</label>
 
	                <div class="c-arrow-r"></div>
 
	            </div>
 
	            <div class="new-flag {{(it.isread)==0?'':'f-dn'}}"><img style="width:30px;height:30px;" src="../images/new_icon.png"></div>
 
	            
	         </li>
 
	        {{/each}}
 
	    </script>
 
	    <!--我的文章列表-->
 
	    <script type="text/html" id="article_list_temp">
 
	    		{{each list as it}}
 
	    	 <li class="article-li" data-code="{{it.article}}" data-id="{{it.articleId}}">
 
	            <div class="sharer-info">
 
	                <div class="c-avatar-m c-images-cycle mr10">
 
	                    <img src="{{it.photo | setPhoto}}">
 
	                </div>
 
	                <div class="">
 
	               	 	<h4 class="c-f16 c-bold c-333 mt5 mb5">{{it.sendName}}</h4>
 
	                 	<p class="c-f12 c-909090">{{it.createTime | setTimer}}</p>
 
	                </div>
 
	            </div>
 
	            <div class="content-detail c-nowrap-multi">
 
	            	<span class="c-333 c-f16">医生留言：</span>
 
	            	<span class="info2 c-f16">{{it.leaveWords}}</span>
 
	            </div>
 
	            <div class="content-detail c-nowrap-multi">
 
	            	<span class="c-333 c-f16">文章标题：</span>
 
	            	<span class="info c-f16">{{it.attachedTitle}}</span>
 
	            </div>
 
	            <div class="view-detail c-f14 c-909090">
 
	                <label>查看文章详情</label>
 
	                <div class="c-arrow-r"></div>
 
	            </div>
 
	            <div class="new-flag {{(it.isread)==0?'':'f-dn'}}"><img style="width:30px;height:30px;" src="../images/new_icon.png"></div>
 
	            
	         </li>
 
	        {{/each}}
 
	    </script>
 
	    <!--我的收藏列表-->
 
	    <script type="text/html" id="myCollection_list_temp">
 
	    	{{each list as it}}
 
	    	 <li class="article-li bgc-fff" data-code="{{it.article}}" data-id="{{it.articleId}}">	
	    	 	<p class="c-nowrap collec-title c-f16">{{it.articleTitle}}</p>
 
            <div class="c-border-t c-border-b collec-content"  data-article-code="{{it.code}}" data-title="{{it.title}}">
 
                <!--<div class="image-item fl mr10">
 
                    {{if it.articleCover}}
 
                    <img src="{{it.articleCover | setPhoto}}">
 
                    {{/if}}
 
                </div>-->
 
                {{if it.articleCover}}
 
	                <div class="image-item fl mr10">
 
	                    <img src="{{it.articleCover | setPhoto}}">
 
	                </div>
 
                {{/if}}
 
                <h4 class="c-nowrap c-nowrap-multi"><span class="c-f14">分类: </span><span class="c-f12">{{it.secondLevelCategoryName}}</span></h4>
 
                <p class="c-nowrap c-333333 p-mrt c-nowrap-multi">
 
                		{{if it.firstLevelCategoryName=='公告通知'}}
 
                		<span class="c-f14">公告标题: </span>
 
                		{{else}}
 
                		<span class="c-f14">文章标题: </span>
 
                		{{/if}}
 
                		<span class="c-f12">{{it.articleTitle}}</span>
 
                </p>
 
                <p class="content-collec-time c-f12">收藏时间：{{it.insertTime | setTimer}}</p>
 
            </div>
 
           </li>
 
	        {{/each}}
 
	    </script>
 
	    <div class="div-no-search-info f-dn">
 
			<div class="div-img"></div>
 
			<div style=" vertical-align: middle; margin: 15px auto 30px;text-align: center;">
 
				无相关健康教育记录
 
			</div>
 
		</div>
 
	</body>
 
	<script type="text/javascript"  src="../../../js/jquery/2.1.3/jquery.js"></script>
 
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
 
	<script type="text/javascript"  src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
 
	<script type="text/javascript"  src="../../../js/common_http.js" ></script>
 
	<script type="text/javascript"  src="../../../js/weixin_common.js" ></script>
 
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
 
	<script src="../../../js/underscore.js"></script>
 
	<script src="../../../js/es6-promise.js"></script>
 
	<script src="../../../js/family-members.js"></script>
 
	<script type="text/javascript"  src="../js/article_list.js"></script>
 
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
 
    
</html>

BIN
html/jkjy/images/new_icon.png
View File


BIN
html/jkjy/images/shoucang_button.png
View File


BIN
html/jkjy/images/shoucang_pre.png
View File


BIN
html/jkjy/images/zhuanfa2_icon.png
View File


+ 330 - 0
html/jkjy/js/article.js
View File 

@ -0,0 +1,330 @@
 
var userAgent = window.localStorage.getItem(agentName);
 
var d = dialog({contentType:'load', skin:'bk-popup'});
 
var Request = GetRequest();
 
var openid = Request["openid"];
 
var dataId=null,scroller1=null,articleId='';
 
var pagetype=27;
 
var toUser = Request["toUser"];
 
var toName = decodeURIComponent(Request["toName"]);
 
var represented = Request["represented"];
 
var doctorCode;
 
localStorage.setItem("toUser",toUser);
 
$(function(){
 
	dataId = Request["dataId"];
 
	articleId = Request.articleId;
 
	localStorage.setItem("article",dataId);
 
	article.closeWindow();
 
    if(!userAgent) {
 
        localStorage.setItem("toUser",toUser);
 
        window.location.href = server + "wx/html/home/html/zhmm-login.html?openid=" + openid+"&type="+pagetype;
 
        return false;
 
    }else{
 
        queryInit();
 
    }
 
})
 
function queryInit(){	
	article.initPage();	
}
 
var article={
 
	initPage:function(){
 
		article.initScroll();
 
		
		var newUaObj = JSON.parse(window.localStorage.getItem(agentName))
 
		//判断关系
 
		function hasFamilyRelation(a,b){
 
			return new Promise(function(resolve, reject) {
 
				var data={
 
					patient:a,
 
					familyMember:b
 
				}
 
				sendPost("patient/family/is_authorize", data, "json", "get", function(res){
 
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求家庭成员关系失败'}).show(); 
				}, function(res){
 
					if(res.status == 200) {
 
						window.localStorage.setItem('nowPatientName',res.data.name);
 
						resolve(res)
 
					}else if(res.status == 100) {
 
						dialog({
 
							content:'对不起，'+res.data.name+'未授权给您，如需查看，请切换'+res.data.name+'账号登录',
 
							okValue:'切换账号',
 
							ok: function() {
 
								window.localStorage.setItem(pageName, JSON.stringify({pageurl: location.href}))
 
								window.location.href = "../../grzx/html/change-login.html?type=0&openid="+ Request["openid"];
 
							},
 
							cancelValue: '我不看了',
 
							cancel: function () {
 
								wx.closeWindow();
 
				            }
 
						}).showModal();
 
					}else{
 
						relogin();
 
					}
 
					
				})
 
			})
 
		}
 
		//重新登录操作
 
		function relogin(){
 
			dialog({
 
				content:'对不起，该消息是发给'+toName+'，如需查看，请切换'+toName+'账号登录',
 
				okValue:'切换账号',
 
				ok: function() {
 
					window.localStorage.setItem(pageName, JSON.stringify({pageurl: location.href}))
 
					window.location.href = "../../grzx/html/change-login.html?type=0&openid="+ Request["openid"];
 
				},
 
				cancelValue: '我不看了',
 
				cancel: function () {
 
					wx.closeWindow();
 
	            }
 
			}).showModal();
 
		}
 
		//保存信息
 
		function saveUserInfo(a,b){
 
			Promise.all([hasFamilyRelation(a,b)]).then(function () {
 
				newUaObj.represented = represented;
 
				window.localStorage.setItem(agentName,JSON.stringify(newUaObj));
 
				userAgent = window.localStorage.getItem(agentName);
 
				article.initData();
 
				article.bindEvents();
 
			})
 
		}
 
		
		function initFamilyData () {
 
			//从微信模板消息进入
 
			if(represented && userAgent && toUser){
 
				if(toUser == represented){
 
					saveUserInfo(represented,newUaObj.uid)
 
				}else if(toUser != represented && represented == newUaObj.uid){
 
					//本人代理
 
					saveUserInfo(represented,newUaObj.uid)
 
				}else if(toUser != represented && toUser == newUaObj.uid){
 
					//需要判定关系 200有授权 100家人 1无关系	
					saveUserInfo(represented,newUaObj.uid)
 
				}else{
 
					//重新登录	
					relogin();
 
				}
 
			}else{
 
				article.initData();
 
				article.bindEvents();
 
			}
 
		}
 
		initFamilyData();
 
	},
 
	initData:function(){
 
		d.show();
 
		var params = {};
 
		params.article = dataId;
 
		sendPost("/patient/health/edu/article",params,"JSON","POST",article.queryFailed,article.querySuccess);	
	}, 
	initScroll:function(){
 
		scroller1 =  new IScrollPullUpDown('wrapper1',{
 
			probeType:2,
 
			bounceTime: 250,
 
			bounceEasing: 'quadratic',
 
			mouseWheel:false,
 
			scrollbars:true,
 
			fadeScrollbars:true,
 
			click:true,
 
			interactiveScrollbars:false
 
		},null,null);	
		function pullDownAction(theScrollerTemp) {
 
			$(".pullDown").show();
 
			$(".pullDownLabel").html("数据刷新中....");	
			setTimeout(function () {
 
				article.initData();	
			}, 1000);	
		}	
	},queryFailed:function(res){
 
		$(".pullUp,.pullDown").hide();
 
		d.close();
 
		if(res.msg){
 
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg,bottom:true}).show(); 
		}else{
 
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'数据加载失败！',bottom:true}).show(); 
		}
 
	},querySuccess:function(res){
 
		$(".pullUp,.pullDown").hide();
 
		d.close();
 
		if(res.status==200){
 
			var data = res.data;
 
			var html = template("article_temp",data);
 
			$(".iScroller").html(html);
 
			setTimeout(function(){
 
				scroller1.myScroll.refresh();
 
			},1000);
 
		}else{
 
			if(res.status==-2){
 
				dialog({
 
					content:'对不起，该消息不是您的消息，您无法查看哦~',
 
					okValue:'我知道了',
 
					ok: function() {
 
						wx.closeWindow();
 
					}
 
				}).showModal();
 
			}
 
			article.queryFailed();		
		}
 
	},closeWindow:function(){
 
		var params = {};
 
		params.pageUrl = window.location.href;
 
		$.ajax(server + "weixin/getSign", {
 
			data: params,
 
			dataType: "json",
 
			type: "post",
 
			success: function(res) {
 
				if(res.status == 200) {
 
					var t = res.data.timestamp;
 
					var noncestr = res.data.noncestr;
 
					var signature = res.data.signature;
 
					wx.config({
 
						//debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
 
						appId: appId, // 必填，公众号的唯一标识
 
						timestamp: t, // 必填，生成签名的时间戳
 
						nonceStr: noncestr, // 必填，生成签名的随机串
 
						signature: signature, // 必填，签名，见附录1
 
						jsApiList: [
 
								'closeWindow'
 
							] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
 
					});
 
				}
 
			}
 
		});
 
	},
 
	bindEvents: function() {
 
		$("#zixun").on("click", function () {
 
			article.querySignType();
 
		});
 
	},
 
	querySignType: function() {
 
		d.show();
 
		sendPost('patient/sign_doctors', {}, 'json', 'post', article.querySignTypeFailed, article.querySignTypeSuccess);
 
	},
 
	querySignTypeFailed: function(res) {
 
		d.close();
 
		if (res && res.msg) {
 
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
		} else {
 
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取咨询类型失败'}).show(); 
		}
 
	},
 
	querySignTypeSuccess: function(data) {
 
		
		if (data.status == 200) {
 
			var doctors = data.familyDoctors;
 
			
			type = 2;
 
			var docInfo,docQkInfo;
 
			if(doctors.length == 0){
 
			    doctors = data.teamDoctors;
 
			    type = 1;
 
			}
 
			$.each(doctors, function(i, v) {
 
				if(v.teamlevel){
 
					if(v.teamlevel == 3){
 
						docInfo = v;
 
					}
 
					if(v.teamlevel == 2){
 
						docQkInfo = v;
 
					}
 
				}else{
 
					if(v.level == 3){
 
						docInfo = v;
 
					}
 
					if(v.level == 2){
 
						docQkInfo = v;
 
					}
 
				}
 
			});
 
			if(!docInfo){
 
				docInfo = docQkInfo;
 
			}
 
			sendPost('patient/consult/is_consult_unfinished', {doctor: docInfo ? docInfo.code : docQkInfo.code}, 'json', 'post', 
				function(res){
 
					d.close();
 
					if (res && res.msg) {
 
						dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
					} else {
 
						dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取是否存在咨询失败'}).show(); 
					}
 
				}, function(res){
 
					
					if(res.status == 200){
 
						if(res.data == ""){
 
							checkDocInWork(0, docInfo.code, articleId);
 
						} else {
 
							d.close();
 
							dialog({
 
								    content: '十分抱歉，您与'+ docInfo.name +'医生还有<br/>未结束咨询，无法发起新的咨询',
 
								    okValue:'前往查看',
 
								    ok: function (){	
								    	var userInfo = JSON.parse(userAgent);
 
								    	var rep = userInfo.represented?userInfo.represented:userInfo.uid;
 
								    	window.location.href = "../../yszx/html/consulting-doctor.html?consult=" + res.data +"&toUser="+rep+"&type="+type+"&doctor="+docInfo.code;								      	
								    },
 
								    cancelValue: '我知道了',
 
								    cancel: function () {
 
										return;
 
								    }
 
						   	}).showModal();
 
						}
 
					} else {
 
						dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
 
					}
 
				}
 
			);
 
		} else {
 
			article.querySignTypeFailed(res);
 
		}
 
	}
 
}
 
function queryFailed(res){
 
	d.close();
 
	if(res.msg){
 
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg,bottom:true}).show(); 
	}else{
 
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'操作失败！',bottom:true}).show(); 
	}
 
}
 
function checkDocInWork(type, doctor, id){
 
	sendPost('patient/consult/is_doctor_working', {doctor:doctor}, 'json', 'get', queryFailed, function(res){
 
		if(res.status==200){
 
			d.close();
 
			if(res.data==2){
 
				dialog({
 
				    content: '您好，由于您的签约医生工作繁忙，设置了每日回复咨询的时间段，所以，在该时间段外的时间，您的咨询将不会马上获得医生的回复。',
 
				    okValue:'查看医生工作时间',
 
				    ok: function (){				            		
				      	window.location.href = "../../yszx/html/doctor-work-hours.html?doctor=" + doctor;
 
				    },
 
				    cancelValue: '继续新增咨询',
 
				    cancel: function () {
 
//						window.location.href = "../../yszx/html/add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor;
 
	    	   			window.location.href = "../../yszd/html/add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor+'&fromPage=jkzx';
 
				    }
 
		   		 }).showModal();
 
			}else if(res.data==0){//医生不接受咨询
 
				dialog({
 
				    content: '对不起，该医生暂时关闭了咨询功能，<br/>暂时无法咨询该医生',
 
				    cancelValue: '我知道了',
 
				    cancel: function () {
 
						wx.closeWindow();
 
				    }
 
				}).showModal();
 
			}else{
 
				//三师咨询或家庭签约咨询,跳转到新增咨询页面
 
//				window.location.href = "add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor;
 
	    	    window.location.href = "../../yszd/html/add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor+'&fromPage=jkzx';
 
			}
 
		}else{
 
			queryFailed(res);
 
		}			
	})
 
}
 
template.helper("setPhoto", function(p) {		
		return getImgUrl(p);
 
});

+ 443 - 0
html/jkjy/js/article2.js
View File 

@ -0,0 +1,443 @@
 
var userAgent = window.localStorage.getItem(agentName);
 
var d = dialog({contentType:'load', skin:'bk-popup'});
 
var Request = GetRequest();
 
var openid = Request["openid"];
 
var dataId=null,scroller1=null,articleId='',type="";
 
var pagetype=50;
 
var toUser = Request["toUser"];
 
var toName = decodeURIComponent(Request["toName"]);
 
var represented = Request["represented"];
 
var doctorCode;
 
localStorage.setItem("toUser",toUser);
 
$(function(){
 
	dataId = Request["dataId"];
 
	articleId = Request.articleId || dataId;
 
	type = Request.type;
 
	window.localStorage.setItem("article2",dataId);
 
	article.closeWindow();
 
    if(!userAgent) {
 
        window.localStorage.setItem("toUser",toUser);
 
        window.location.href = "../../home/html/zhmm-login.html?openid=" + openid+"&type="+pagetype;
 
    }else{
 
        queryInit();
 
    }
 
})
 
function queryInit(){	
	article.initPage();	
}
 
var article={
 
	initPage:function(){
 
		article.initScroll();
 
		
		var newUaObj = JSON.parse(window.localStorage.getItem(agentName))
 
		//判断关系
 
		function hasFamilyRelation(a,b){
 
			return new Promise(function(resolve, reject) {
 
				var data={
 
					patient:a,
 
					familyMember:b
 
				}
 
				sendPost("patient/family/is_authorize", data, "json", "get", function(res){
 
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求家庭成员关系失败'}).show(); 
				}, function(res){
 
					if(res.status == 200) {
 
						window.localStorage.setItem('nowPatientName',res.data.name);
 
						resolve(res)
 
					}else if(res.status == 100) {
 
						dialog({
 
							content:'对不起，'+res.data.name+'未授权给您，如需查看，请切换'+res.data.name+'账号登录',
 
							okValue:'切换账号',
 
							ok: function() {
 
								window.localStorage.setItem(pageName, JSON.stringify({pageurl: location.href}))
 
								window.location.href = "../../grzx/html/change-login.html?type=0&openid="+ Request["openid"];
 
							},
 
							cancelValue: '我不看了',
 
							cancel: function () {
 
								wx.closeWindow();
 
				            }
 
						}).showModal();
 
					}else{
 
						relogin();
 
					}
 
					
				})
 
			})
 
		}
 
		//重新登录操作
 
		function relogin(){
 
			dialog({
 
				content:'对不起，该消息是发给'+toName+'，如需查看，请切换'+toName+'账号登录',
 
				okValue:'切换账号',
 
				ok: function() {
 
					window.localStorage.setItem(pageName, JSON.stringify({pageurl: location.href}))
 
					window.location.href = "../../grzx/html/change-login.html?type=0&openid="+ Request["openid"];
 
				},
 
				cancelValue: '我不看了',
 
				cancel: function () {
 
					wx.closeWindow();
 
	            }
 
			}).showModal();
 
		}
 
		//保存信息
 
		function saveUserInfo(a,b){
 
			Promise.all([hasFamilyRelation(a,b)]).then(function () {
 
				newUaObj.represented = represented;
 
				window.localStorage.setItem(agentName,JSON.stringify(newUaObj));
 
				userAgent = window.localStorage.getItem(agentName);
 
				article.initData();
 
				article.bindEvents();
 
			})
 
		}
 
		
		function initFamilyData () {
 
			//从微信模板消息进入
 
			if(represented && userAgent && toUser){
 
				if(toUser == represented){
 
					saveUserInfo(represented,newUaObj.uid)
 
				}else if(toUser != represented && represented == newUaObj.uid){
 
					//本人代理
 
					saveUserInfo(represented,newUaObj.uid)
 
				}else if(toUser != represented && toUser == newUaObj.uid){
 
					//需要判定关系 200有授权 100家人 1无关系	
					saveUserInfo(represented,newUaObj.uid)
 
				}else{
 
					//重新登录	
					relogin();
 
				}
 
			}else{
 
				article.initData();
 
				article.bindEvents();
 
			}
 
		}
 
		initFamilyData();
 
	},
 
	initData:function(){
 
		d.show();
 
		var params = {};
 
		params.articleId = articleId;
 
		params.userType = '2';
 
		sendPost("/third/jkEdu/Article/getArticalById",params,"JSON","GET",article.queryFailed,article.querySuccess);	
		// 更新浏览量
 
		sendPost("patient/jkEdu/article/saveBehavior",{
 
			articleId: articleId,
 
			behaviorAction: 4
 
		},"JSON","POST",function fail() {
 
			dialog({contentType:'tipsbox', skin:'bk-popup' , content: "浏览量更新失败",bottom:true}).show(); 
		},function success(res) {
 
			if(res.status !=200){
 
				dialog({contentType:'tipsbox', skin:'bk-popup' , content: res.msg || "浏览量更新失败",bottom:true}).show(); 
			}
 
		});
 
	}, 
	initScroll:function(){
 
		scroller1 =  new IScrollPullUpDown('wrapper1',{
 
			probeType:2,
 
			bounceTime: 250,
 
			bounceEasing: 'quadratic',
 
			mouseWheel:false,
 
			scrollbars:true,
 
			fadeScrollbars:true,
 
			click:true,
 
			interactiveScrollbars:false
 
		},null,null);	
		function pullDownAction(theScrollerTemp) {
 
			$(".pullDown").show();
 
			$(".pullDownLabel").html("数据刷新中....");	
			setTimeout(function () {
 
				article.initData();	
			}, 1000);	
		}	
	},queryFailed:function(res){
 
		$(".pullUp,.pullDown").hide();
 
		d.close();
 
		if(res.msg){
 
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg,bottom:true}).show(); 
		}else{
 
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'数据加载失败！',bottom:true}).show(); 
		}
 
	},querySuccess:function(res){
 
		$(".pullUp,.pullDown").hide();
 
		d.close();
 
		if(res.status==200){
 
			var content = res.data.articleContent;
 
            var reg=/group1\//g;
 
            content = content.replace(reg,imgUrlDomain+ 'group1/');
 
			var data = res.data;
 
			var html = template("article_temp",{ it: res.data, content: content});
 
			$(".iScroller").html(html);
 
//			if(type==1||type==2){
 
				var html2 = template("article_temp2",data);
 
				$(".handle-bar").html(html2);	
//			}
 
			setTimeout(function(){
 
				scroller1.myScroll.refresh();
 
			},1000);
 
		}else{
 
			if(res.status==-1){
 
//				dialog({
 
//					content:'查询失败',
 
//					ok: function() {
 
//						wx.closeWindow();
 
//					}
 
//				}).showModal();
 
			}
 
			article.queryFailed(res);		
		}
 
	},closeWindow:function(){
 
		var params = {};
 
		params.pageUrl = window.location.href;
 
		$.ajax(server + "weixin/getSign", {
 
			data: params,
 
			dataType: "json",
 
			type: "post",
 
			success: function(res) {
 
				if(res.status == 200) {
 
					var t = res.data.timestamp;
 
					var noncestr = res.data.noncestr;
 
					var signature = res.data.signature;
 
					wx.config({
 
						//debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
 
						appId: appId, // 必填，公众号的唯一标识
 
						timestamp: t, // 必填，生成签名的时间戳
 
						nonceStr: noncestr, // 必填，生成签名的随机串
 
						signature: signature, // 必填，签名，见附录1
 
						jsApiList: [
 
								'closeWindow'
 
							] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
 
					});
 
				}
 
			}
 
		});
 
	},
 
	bindEvents: function() {
 
//		$("#zixun").on("click", function () {
 
//			article.querySignType();
 
//		});
 
		$(".handle-bar").on("click",".collection",function(){
 
		var status = $(this).attr("data-status");
 
		var id = $(this).attr("article-id");
 
		if(status==0){
 
			collectionArticle(article,$(this),id)
 
		}else{
 
			unCollectionArticle(article,$(this),id)
 
		} 
		return;
 
	});
 
	},
 
	querySignType: function() {
 
		d.show();
 
		sendPost('patient/sign_doctors', {}, 'json', 'post', article.querySignTypeFailed, article.querySignTypeSuccess);
 
	},
 
	querySignTypeFailed: function(res) {
 
		d.close();
 
		if (res && res.msg) {
 
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
		} else {
 
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取咨询类型失败'}).show(); 
		}
 
	},
 
	querySignTypeSuccess: function(data) {
 
		
		if (data.status == 200) {
 
			var doctors = data.familyDoctors;
 
			
			type = 2;
 
			var docInfo,docQkInfo;
 
			if(doctors.length == 0){
 
			    doctors = data.teamDoctors;
 
			    type = 1;
 
			}
 
			$.each(doctors, function(i, v) {
 
				if(v.teamlevel){
 
					if(v.teamlevel == 3){
 
						docInfo = v;
 
					}
 
					if(v.teamlevel == 2){
 
						docQkInfo = v;
 
					}
 
				}else{
 
					if(v.level == 3){
 
						docInfo = v;
 
					}
 
					if(v.level == 2){
 
						docQkInfo = v;
 
					}
 
				}
 
			});
 
			if(!docInfo){
 
				docInfo = docQkInfo;
 
			}
 
			sendPost('patient/consult/is_consult_unfinished', {doctor: docInfo ? docInfo.code : docQkInfo.code}, 'json', 'post', 
				function(res){
 
					d.close();
 
					if (res && res.msg) {
 
						dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
					} else {
 
						dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取是否存在咨询失败'}).show(); 
					}
 
				}, function(res){
 
					
					if(res.status == 200){
 
						if(res.data == ""){
 
							checkDocInWork(0, docInfo.code, articleId);
 
						} else {
 
							d.close();
 
							dialog({
 
								    content: '十分抱歉，您与'+ docInfo.name +'医生还有<br/>未结束咨询，无法发起新的咨询',
 
								    okValue:'前往查看',
 
								    ok: function (){	
								    	var userInfo = JSON.parse(userAgent);
 
								    	var rep = userInfo.represented?userInfo.represented:userInfo.uid;
 
								    	window.location.href = "../../yszx/html/consulting-doctor.html?consult=" + res.data +"&toUser="+rep+"&type="+type+"&doctor="+docInfo.code;								      	
								    },
 
								    cancelValue: '我知道了',
 
								    cancel: function () {
 
										return;
 
								    }
 
						   	}).showModal();
 
						}
 
					} else {
 
						dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
 
					}
 
				}
 
			);
 
		} else {
 
			article.querySignTypeFailed(res);
 
		}
 
	}
 
}
 
function queryFailed(res){
 
	d.close();
 
	if(res.msg){
 
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg,bottom:true}).show(); 
	}else{
 
		dialog({contentType:'tipsbox', skin:'bk-popup' , content:'操作失败！',bottom:true}).show(); 
	}
 
}
 
function checkDocInWork(type, doctor, id){
 
	sendPost('patient/consult/is_doctor_working', {doctor:doctor}, 'json', 'get', queryFailed, function(res){
 
		if(res.status==200){
 
			d.close();
 
			if(res.data==2){
 
				dialog({
 
				    content: '您好，由于您的签约医生工作繁忙，设置了每日回复咨询的时间段，所以，在该时间段外的时间，您的咨询将不会马上获得医生的回复。',
 
				    okValue:'查看医生工作时间',
 
				    ok: function (){				            		
				      	window.location.href = "../../yszx/html/doctor-work-hours.html?doctor=" + doctor;
 
				    },
 
				    cancelValue: '继续新增咨询',
 
				    cancel: function () {
 
//						window.location.href = "../../yszx/html/add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor;
 
	    	   			window.location.href = "../../yszd/html/add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor+'&fromPage=jkzx';
 
				    }
 
		   		 }).showModal();
 
			}else if(res.data==0){//医生不接受咨询
 
				dialog({
 
				    content: '对不起，该医生暂时关闭了咨询功能，<br/>暂时无法咨询该医生',
 
				    cancelValue: '我知道了',
 
				    cancel: function () {
 
						wx.closeWindow();
 
				    }
 
				}).showModal();
 
			}else{
 
				//三师咨询或家庭签约咨询,跳转到新增咨询页面
 
//				window.location.href = "add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor;
 
	    	    window.location.href = "../../yszd/html/add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor+'&fromPage=jkzx';
 
			}
 
		}else{
 
			queryFailed(res);
 
		}			
	})
 
}
 
template.helper('setTimer',function(o){
 
	return o.substr(0,19)
 
})
 
template.helper("setPhoto", function(p) {		
		return getImgUrl(p);
 
});
 
var collectionArticle=function(code,$this,id){
 
	
	d.showModal()
 
	
	var url = "/third/jkEdu/Article/saveArticleCollection",
 
        params = {
 
			articleId: articleId,
 
			userType: "2"
 
		};
 
    sendPost(url, params, 'json', 'POST', collecFailed, function(res){
 
        d.close();
 
        if(res.status == 200){
 
			$this.attr("data-status", 1);
 
            $this.find("img").attr("src", "../images/shoucang_pre.png");
 
            var span  = $this.find("span");
 
            span.html("已收藏");
 
            dialog({
 
	            contentType: 'tipsbox',
 
	            skin: 'bk-popup',
 
	            content: '收藏成功'
 
	        }).show();
 
        }else{
 
            collecFailed(res);
 
        }
 
    })
 
	},
 
collecFailed = function(res){
 
	    d.close();
 
	    if(res && res.msg) {
 
	        dialog({
 
	            contentType: 'tipsbox',
 
	            skin: 'bk-popup',
 
	            content: res.msg
 
	        }).show();
 
	    } else {
 
	        dialog({
 
	            contentType: 'tipsbox',
 
	            skin: 'bk-popup',
 
	            content: '收藏失败'
 
	        }).show();
 
	    }
 
	},
 
unCollectionArticle=function(code,$this,id){
 
	d.showModal()
 
	var url = "/third/jkEdu/Article/cancelArticleCollection",
 
        params = {
 
			articleId: articleId,
 
			userType:2
 
		};
 
    sendPost(url, params, 'json', 'POST', unCollecFailed, function(res){
 
        d.close();
 
        if(res.status == 200){
 
			$this.attr("data-status", 0);
 
            $this.find("img").attr("src", "../images/shoucang_button.png");
 
             var span  = $this.find("span");
 
             span.html("收藏");
 
             dialog({
 
	            contentType: 'tipsbox',
 
	            skin: 'bk-popup',
 
	            content: '取消收藏成功'
 
	        }).show();
 
		}else{
 
            unCollecFailed(res);
 
        }
 
    })
 
	},
 
unCollecFailed = function(res){
 
	    d.close();
 
	    if(res && res.msg) {
 
	        dialog({
 
	            contentType: 'tipsbox',
 
	            skin: 'bk-popup',
 
	            content: res.msg
 
	        }).show();
 
	    } else {
 
	        dialog({
 
	            contentType: 'tipsbox',
 
	            skin: 'bk-popup',
 
	            content: '取消收藏失败'
 
	        }).show();
 
	    }
 
	};

+ 414 - 0
html/jkjy/js/article_list.js
View File 

@ -0,0 +1,414 @@
 
var d = dialog({
 
    contentType: 'load',
 
    skin: 'bk-popup'
 
});
 
var pagetype = 26;
 
var $eventListWrapper = $('.main-content');
 
var $noResultWrap = $('#building');
 
var articleId,annoceId;
 
var pagesize = [5,5,5],
 
    page = [1,1,0], //3个tab对应的分页的页数
 
    loaded = [true, false, false]; //3个tab对应的页面是否加载过，第一个tab默认加载过
 
var userAgent = window.localStorage.getItem(agentName);
 
var userInfo;
 
var level1Type;//一键已读的类别
 
$(function(){
 
    checkUserAgent(); 
});
 
function initScroller(){
 
    //阻尼系数
 
    var deceleration = mui.os.ios?0.003:0.0009;
 
    mui('.mui-scroll-wrapper').scroll({
 
        bounce: false,
 
        indicators: true, //是否显示滚动条
 
        deceleration:deceleration
 
    });
 
    mui.ready(function() {
 
        //循环初始化所有下拉刷新，上拉加载。
 
        $.each(document.querySelectorAll('.mui-slider-group .mui-scroll-wrapper'), function(index, pullRefreshEl) {
 
            if(index == 0){
 
                mui(pullRefreshEl).pullRefresh({
 
                    down: {
 
                        callback: function() {
 
                            var self = this;
 
                            setTimeout(function() {
 
                                getHealthArticle(index,articleId, true,1);
 
                                self.endPulldownToRefresh();
 
                            }, 1000);
 
                        }
 
                    },
 
                    up: {
 
                        callback: function() {
 
                            var self = this;
 
                            setTimeout(function(){
 
                                getHealthArticle(index,articleId, false,1);
 
                                self.endPullupToRefresh();
 
                            }, 1000);
 
                        }
 
                    }
 
                });
 
            }if(index == 1){
 
                mui(pullRefreshEl).pullRefresh({
 
                    down: {
 
                        callback: function() {
 
                            var self = this;
 
                            setTimeout(function() {
 
                                getHealthArticle(index,annoceId, true,2);
 
                                self.endPulldownToRefresh();
 
                            }, 1000);
 
                        }
 
                    },
 
                    up: {
 
                        callback: function() {
 
                            var self = this;
 
                            setTimeout(function() {
 
                                getHealthArticle(index,annoceId,false,2);
 
                                self.endPullupToRefresh();
 
                            }, 1000);
 
                        }
 
                    }
 
                });
 
            }if(index == 2){
 
                mui(pullRefreshEl).pullRefresh({
 
                    down: {
 
                        callback: function() {
 
                            var self = this;
 
                            setTimeout(function() {
 
                                getMyCollection(index, true);
 
                                self.endPulldownToRefresh();
 
                            }, 1000);
 
                        }
 
                    },
 
                    up: {
 
                        callback: function() {
 
                            var self = this;
 
                            setTimeout(function() {
 
                                getMyCollection(index);
 
                                self.endPullupToRefresh();
 
                            }, 1000);
 
                        }
 
                    }
 
                });
 
            }
 
        });
 
    });
 
}
 
//获取文章分类（一级标题）
 
getCategoryList = function () {
 
	var url = "/third/jkEdu/Article/getCategoryList",
 
        params = {
 
            categoryLevel: "1"
 
        };
 
    return new Promise(function(resolve, reject) {
 
    		sendPost(url, params, 'json', 'GET', queryCategoryListFailed, function(res){
 
	        if(res.status == 200){
 
		    		d.close();
 
		    		var  list = res.data;
 
		    		if(list.length == 0) {
 
					$eventListWrapper.hide();
 
					$noResultWrap.show();  				
				} else {			
					$noResultWrap.hide();
 
					$eventListWrapper.show();
 
			    		var html = template('categoryList', {list:list}); 
			    		$("#categoryBox").html(html);
 
			    		articleId = $("#tab0").attr('data-type');	
			    		annoceId = $("#tab1").attr('data-type');	
			    		initScroller();
 
				}	
				resolve(true)
 
			}else{
 
	            queryCategoryListFailed(res);
 
	        }
 
	    });
 
    })
 
}
 
function queryCategoryListFailed(res){
 
		$eventListWrapper.hide();
 
		$noResultWrap.show();
 
		dialog({
 
            contentType: 'tipsbox',
 
            skin: 'bk-popup',
 
            content: res.msg
 
        }).show();
 
}
 
function getHealthArticle(index,categoryId, isInit,type){
 
    var tmpIndex = parseInt(index) + 1;
 
    if(isInit){
 
        page[index] = 1;
 
        mui("#item"+tmpIndex+" .mui-scroll-wrapper").pullRefresh().scrollTo(0, 0, 1000);
 
    }
 
    var url = "/patient/jkEdu/article/fetchArticlePushedList",
 
        params = {
 
            page: page[index],
 
            pagesize: pagesize[index],
 
            level1Type: categoryId
 
        };
 
    sendPost(url, params, 'json', 'GET', queryFailed, function(res){
 
        d.close();
 
        if(res.status == 200){
 
	        	$('#read_all0').show();
 
	        $('#read_all1').show();
 
            loaded[index] = true;
 
            //暂时默认数据是按年份group了的 [{year: 2017, list:[]}]
 
            if(res.data.length > 0){
 
            		if(type==1){
 
            			var temp = 'annoce_list_temp';
 
            		}else{
 
            			var temp = 'article_list_temp';
 
            		}
 
//				level1Type = res.data[0].level1Type;
 
            		
                var html = template(temp, {list: res.data});
 
                if(isInit){
 
                    $("#item"+tmpIndex+" .mui-scroll-wrapper").show();
 
                    $("#item"+tmpIndex+" .div-no-info").hide();
 
                    $("#recordList"+index).empty().append(html);
 
                }else{
 
                    $("#recordList"+index).append(html);
 
                }
 
                if(res.data.length < pagesize){
 
                    mui("#item"+tmpIndex+" .mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
 
                }else{
 
                    page[index] ++;
 
                }
 
            }else{
 
                if(isInit){
 
//              		$('#read_all').hide();
 
                		//type为1代表第一个tab栏
 
                		if(type==1){
 
                			//无数据
 
	                    $("#item1 .mui-scroll-wrapper").hide();
 
	                    $("#item1 .div-no-info").show();
 
	                    $('#read_all0').hide();
 
                		}else{
 
                			//无数据
 
	                    $("#item2 .mui-scroll-wrapper").hide();
 
	                    $("#item2 .div-no-info").show();
 
	                    $('#read_all1').hide();
 
                		}   
                }else{
 
                    if(type==1){
 
                			mui("#item1 .mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
 
                		}else{
 
                			mui("#item2 .mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
 
                		}
 
                }
 
            }
 
        }else{
 
            queryFailed(res);
 
        }
 
    });
 
} 
function getMyCollection(index, isInit){
 
    var tmpIndex = parseInt(index) + 1;
 
    if(isInit){
 
        page[index] = 0;
 
        mui("#item"+tmpIndex+" .mui-scroll-wrapper").pullRefresh().scrollTo(0, 0, 1000);
 
    }
 
    var url = "/third/jkEdu/Article/getCollectionArticalList",
 
        params = {
 
            pageIndex: page[index],
 
            pagesize: pagesize[index],
 
            articleState: "1",
 
            userType: '2'
 
        };
 
    sendPost(url, params, 'json', 'GET', queryFailed, function(res){
 
        d.close();
 
        if(res.status == 200){
 
            loaded[index] = true;
 
            //暂时默认数据是按年份group了的 [{year: 2017, list:[]}]
 
            if(res.data.length > 0){
 
                var temp = 'myCollection_list_temp';
 
                var html = template(temp, {list: res.data});
 
                if(isInit){
 
                    $("#item"+tmpIndex+" .mui-scroll-wrapper").show();
 
                    $("#item"+tmpIndex+" .div-no-info").hide();
 
                    $("#recordList"+index).empty().append(html);
 
                }else{
 
                    $("#recordList"+index).append(html);
 
                }
 
                if(res.data.length < pagesize){
 
                    mui("#item"+tmpIndex+" .mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
 
                }else{
 
                    page[index] ++;
 
                }
 
            }else{
 
                if(isInit){
 
                    //无数据
 
                    $("#item3 .mui-scroll-wrapper").hide();
 
                    $("#item3 .div-no-info").show();
 
                }else{
 
                    mui("#item3 .mui-scroll-wrapper").pullRefresh().endPullupToRefresh(true);
 
                }
 
            }
 
        }else{
 
            queryFailed(res);
 
        }
 
    });
 
} 
function queryFailed(res){
 
    d.close();
 
    if(res && res.msg) {
 
        dialog({
 
            contentType: 'tipsbox',
 
            skin: 'bk-popup',
 
            content: res.msg
 
        }).show();
 
    } else {
 
        dialog({
 
            contentType: 'tipsbox',
 
            skin: 'bk-popup',
 
            content: '加载失败'
 
        }).show();
 
    }
 
}
 
function bindEvents(){
 
    document.querySelector('.mui-slider').addEventListener('slide', function(event) {
 
        var index = event.detail.slideNumber;
 
        if(!loaded[index]){ //tab未加载过，则加载数据
 
            d.showModal();
 
            if(index == 0){
 
                getHealthArticle(index,articleId,true,1);
 
            }if(index == 1){
 
                getHealthArticle(index,annoceId,true,2);
 
            }if(index == 2){
 
                getMyCollection(index,true);
 
            }
 
        }
 
    });
 
      
    //tab内item的点击事件
 
    $("#recordList0").on('tap', 'li', function(){
 
 		var dataId  = $(this).attr("data-code");
 
		var articleId = $(this).attr("data-id");
 
		$(this).find(".new-flag").hide();
 
		window.location.href="article2.html?dataId="+dataId+'&articleId='+articleId+'&type='+'1';;	
    });
 
    
    //'健康文章'tab内item对应的点击事件
 
    $("#recordList1").on('tap', 'li', function(){
 
   	 	var dataId  = $(this).attr("data-code");
 
		var articleId = $(this).attr("data-id");
 
		$(this).find(".new-flag").hide();
 
		window.location.href="article2.html?dataId="+dataId+'&articleId='+articleId+'&type='+'2';;	
       
    });
 
    //'我的收藏'tab内item对应的点击事件
 
    $("#recordList2").on('tap', ' li', function(){
 
        var dataId  = $(this).attr("data-code");
 
		var articleId = $(this).attr("data-id");
 
		$(this).find(".new-flag").hide();
 
		window.location.href="article2.html?dataId="+dataId+'&articleId='+articleId+'&type='+'3';
 
    });
 
}
 
function queryInit(){
 
	getCategoryList().then(function() {
 
		//一键已读
 
		$('#read_all0').on('click', function () {
 
				setReadTrue (articleId);
 
		})
 
		//一键已读
 
		$('#read_all1').on('click', function () {
 
				setReadTrue (annoceId);
 
		})
 
	    userInfo = JSON.parse(userAgent);
 
	    if(!canPrescription){
 
	        $('#memberContainer').hide();
 
	        $("#slider").hide();
 
	        $("#building").show();
 
	    }else{
 
	        initFamilyData();
 
	        checkPatientInfo();
 
	        bindEvents();
 
	    }
 
	    wxGetSign();
 
	}).catch(function(e) {
 
		console && console.error(e)
 
	});
 
}
 
//初始化家庭成员
 
function initFamilyData(){
 
    appendFamilyMember($('#memberContainer'),function(){
 
        loaded = [false, false, false];
 
        page = [0,1,1];
 
        checkPatientInfo();
 
    },function(){
 
        //判断有授权家人，修改样式
 
        $("#slider").css({
 
            'top': '90px',
 
            'height': 'calc(100% - 90px)'
 
        });
 
    });
 
}
 
//判断患者是否是慢病患者
 
function checkPatientInfo(){
 
    d.showModal();
 
    //显示3个tab
 
    mui('#slider').slider().gotoItem(0);
 
    $(".mui-slider-indicator .c-33").eq(1).show();
 
    $(".mui-slider-indicator .c-33").eq(2).show();
 
    mui('#slider').slider().setStopped(false);
 
    
	getHealthArticle(0,articleId,true,1);
 
}
 
//获取微信信息，并配置微信api接口
 
function wxGetSign(){
 
    var params = {};
 
    params.pageUrl = window.location.href;
 
    $.ajax(server + "weixin/getSign", {
 
        data: params,
 
        dataType: "json",
 
        type: "post",
 
        success: function(res){
 
            if (res.status == 200) {
 
                var t = res.data.timestamp;
 
                var noncestr = res.data.noncestr;
 
                var signature = res.data.signature;
 
                wx.config({     
                    //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
 
                    appId: appId, // 必填，公众号的唯一标识
 
                    timestamp: t, // 必填，生成签名的时间戳
 
                    nonceStr: noncestr, // 必填，生成签名的随机串
 
                    signature: signature,// 必填，签名，见附录1
 
                    jsApiList: [
 
                        'closeWindow'
 
                    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
 
                });
 
            } 
        }
 
    });
 
}
 
template.helper("setPhoto", function(p) {		
		return getImgUrl(p);
 
});
 
template.helper('setTimer',function(o){
 
	return o.substr(0,19)
 
});
 
//设置已读
 
function setReadTrue (id) {
 
	d.show();
 
    sendPost("patient/health/edu/readAllArticle",{firstLevelCategoryId:id},'json','get', function(res){
 
        d.close();
 
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}); 
    },
 
    function(res){
 
        if(res.status == 200){
 
            //隐藏所有的newicon
 
            $(".new-flag").hide();
 
        }
 
        d.close();
 
    })
 
}