厦门i健康1.4.8版本的代码作为初始版本

html/jkjf/css/index.css

@@ -0,0 +1,263 @@
*{box-sizing: border-box;}
p{margin-bottom: 0;}
body{background: #f2f3f5;}
/*顶部轮播图*/
.fuwu-swiper,.activity-swiper{background: #fff;}
.fuwu-swiper img{width: 100%;height: auto;display: block;margin: 0 auto;}
/*我的活动*/
.activity-swiper .swiper-slide{padding: 15px;}
.activity-title{font-size: 17px;color: #333;line-height: 1.6;}
.activity-title.line-clamp2{height: 54px;}
.line-clamp2{text-overflow: -o-ellipsis-lastline;text-overflow: -webkit-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;text-overflow:display: -o-box;-webkit-line-clamp:2;-o-line-clamp:2;-webkit-box-orient: vertical;-o-box-orient: vertical;}
.activity-swiper .activity-img{height: 120px;display: flex;align-items: center;border-radius: 8px;overflow: hidden;margin-bottom: 10px;}
.activity-img img,.health-shop img{width: 100%;height: 100%;display: block; object-fit: contain;}
.activity-other{line-height: 30px;}
.activity-swiper .swiper-pagination-bullet{transition: all .3s ease-in-out;}
.activity-swiper .swiper-pagination-bullet-active{background-color: #5cb85c;width: 20px;border-radius: 4px;}
.activity-swiper>.swiper-pagination{bottom: 5px;}
.swiper-button-next,.swiper-button-prev{height: 25px;}
.activity-other .i-btn,.activity-list-item .i-btn{width: 90px;text-align: center;border-color: transparent;}
.activity-list-item .i-btn[data-status="2"]{background-color: #ff9526;}
.activity-list-item .i-btn[data-status="3"]{background-color: #ccc;}
.hdbmz{position: absolute;right: 0;top: 0;width: 50px;height: auto;display: block;}
/*公共样式*/
.i-333{color: #333!important;}
.i-666{color: #666!important;}
.i-999{color: #999!important;}
.i-909090{color: #909090!important;}
.i-ff9526{color: #ff9526!important;}
.i-f14{font-size: 14px!important;}
.i-f12{font-size: 12px!important;}
.i-f17{font-size: 17px!important;}
.i-c-rang-right:before{width: 20px;content: '';display: inline-block;height: 100%;background: url(../images/tiaozhuan_icon.png) no-repeat center;background-size: 6px 13px;top: 0;color: #c8c8c8;font-size: 18px;position: absolute;right: 15px;}
.i-c-rang-right .pull-right{padding-right: 20px;}
.pull-right{float: right;}
.p10-15{padding: 10px 15px;}
.pt10{padding-bottom: 10px;}
/*panel开始*/
.i-panel{position: relative;margin-bottom: 10px;background: #fff;border-top: 1px solid #ececec;}
.i-panel-title{position: relative;color: #323232;padding: 12px 15px;font-size: 14px;}
.i-panel-body{position: relative;border-bottom: 1px solid #ececec;padding: 10px 15px;overflow: hidden;}
.i-panel-title+.i-panel-body:before{height: 1px;left: 0;background: #ececec;display: block;content: '';position: absolute;right: 0;top: 0;}
.i-panel-footer{padding: 10px;font-size: 14px;}
/*panel结束*/
/*积分列表*/
.i-integral-list{display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 overflow: hidden;justify-content: center;flex-direction: row;align-items: center;line-height: 1;}
.i-integral-item{position: relative;
-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 50%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 height: 72px;padding: 4px 0;}
 
.i-integral-content{position: relative;}
.i-panel-body-title{margin-top: -10px;}
.i-panel-body-title>span{font-size: 12px;line-height: 1;display: inline-block;}
.i-panel-body-title .pull-right{padding: 6px 10px;}
.integral-surplus{padding: 6px 15px;color: #fff;border-bottom-right-radius: 24px;background: #0AD800;position: relative;top: -1px;}
.i-integral-item:before{cursor: pointer;content: '';position: absolute;height: 55%;top: 30%;width: 1px;background: #ececec;left: -1px;}
.i-integral-item p{font-size: 14px;text-align: center;}
/*积分小图标*/
.i-jf-icon:after{content: '';width: 17.5px;margin-left: 4px;position: relative;top: 4px;height: 17.5px;display: inline-block;background: url(../images/icon_jifen2.png) no-repeat center;background-size: 17.5px 17.5px;}
.i-integral-item .integral-number{font-size: 25px;bottom: 14px;text-align: center;margin-top: 10px;}
/*积分规则*/
.health-smelling p,.integral-rule p{font-size: 12px;line-height: 1.8;margin-bottom: .5em;position: relative;}
.health-smelling p{margin-left: 25px;}
.health-smelling p:before{content: '';background: url(../images/huodongweiwen_icon.png) no-repeat round;display: inline-block;width: 14px;height: 14px;position: absolute;left: -25px;top: 3px;}
/*获取积分列表*/
.get-integral-act-list{}
.get-integral-act-item{display: -webkit-box; -webkit-box-align: center; border-radius: 5px;background: #eef1f8;padding: 10px;margin-bottom: 10px;}
.integral-act-center{-webkit-box-flex: 1;padding-left: 10px;padding-right: 10px;}
.integral-act-left,
.integral-act-right{-webkit-box-flex: 0;}
.integral-act-left img{width: 50px;height: 50px;display: block;}
.integral-act-right .i-btn{width: 70px;}
.acticity-after-img:after{content: '';display: inline-block;width: 50px;height: 17px;background: url(../images/huodong_img.png) no-repeat round;margin-left: 10px;position: relative;top: 2.5px;}
.renwu-img img{width: 100%;height: auto;display: block;margin-bottom: 10px;}
/*健康商城*/
.health-shop,.activity-swiper{margin-left: -15px;margin-right: -15px;}
.health-shop .swiper-wrapper .swiper-slide{ width: auto; border-radius: 10px;overflow: hidden;}
.health-shop .swiper-wrapper .swiper-slide img{width: 100%; height: auto;display: block;transition: all .3s ease-in-out;}
.health-shop .swiper-wrapper .swiper-slide-prev{transform: scale(0.8);transform-origin: 100% 0;}
.health-shop .swiper-wrapper .swiper-slide-next{transform: scale(0.8);transform-origin: 0 0;}
.health-shop .swiper-wrapper .swiper-slide-active{margin-top: 7px;}
.new-news{position: relative;margin-bottom: 20px;padding-left: 80px;}
.new-news:before{content: '';width: 50px;position: absolute;left: 15px;height: 20px;display: inline-block;background: url(../images/NEW_img.png) no-repeat round;}
.new-news-scroll{font-size: 0;height: 20px;white-space: nowrap;overflow: hidden;}
.new-news-list{white-space: nowrap;display:inline-block;}
.new-news-list li{padding-right: 60px;color: #ff5e6c;display: inline-block;font-size: 14px;line-height: 20px;}
.i-btn{display: inline-block;padding: 6px 12px;outline: none;margin-bottom: 0;font-size: 12px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.i-btn-success {color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.i-btn-gray{color: #fff;background: #ccc;border-color: #bbb;}
.i-btn.disabled{pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
.i-border-radius-15{border-radius: 15px;}
.i-text-center{text-align: center;}
.i-text-right{text-align: right;}
.integral-act-name{font-size: 14px;color: #323232;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dialing{width: 90px;position: absolute;right: 10px;bottom: 5px;}
.rxdh{font-size: 12px;color: #232323;position: relative;padding: 12px 10px;}
.qytsfw{border-radius: 5px;overflow: hidden;border: 1px solid #ececec;}
.qytsfw img{width: 100%;height: auto;display: block;}
/*签约的好处*/
.qydhc{margin: 0 15px 10px;}
.qydhc-top{height: 10px;border: 3px solid #eef8f1;border-radius: 5px;padding: 0 2px;}
.qydhc-top span{background: #5cb85c;display: block;height: 100%;border-radius: 2px;}
.qydhc-body{margin: -5px 12px 0;background: #eef1f8;border-radius: 0 0 5px 5px;padding: 12px 5px 10px 10px;}
.qydhc-title{color: #4dcd70;font-size: 16px;}
.qydhc-title:before{background: url(../images/icon_qianyuehaochu.png) no-repeat;background-size: 100% auto;margin-right: 8px;position: relative;top: 2px;content: '';width: 15.5px;height: 15.5px;display: inline-block;}
.haochu-item{position: relative;padding-left: 20px;font-size: 12px;color: #232323;line-height: 2;margin-bottom: .2em;}
.haochu-item:before{position: absolute;content: 'O';left: 0;top: 0;color: #5cb85c;}
.i-flex-box{display: -webkit-box; -webkit-box-align: center;}
.i-flex-box-item{display: block; -webkit-box-flex: 1;}
.action-list{margin-bottom: -12px;border-top: 1px solid #ececec;padding: 0 25px;}
.action-list li{position: relative;padding: 10px 0 5px;}
.action-list li span{position: relative;font-size: 14px;color: #323232;margin-left: 5px;top: 10px;}
.action-list li img{width: 57px;height: auto;}
.integral-source{background: #fff;}
.integral-type>*{font-size: 15px;color: #323232;padding: 13px 0;position: relative;}
.activity-square .integral-type>*{font-size: 16px;color: #666;}
/*下划线动画*/
.integral-type>*:after{transition: all .5s ease-in-out;position: absolute;content: '';width: 0;left: -50%;bottom: 0;height: 2px;background: transparent;}
.integral-type .mui-active{color: #5cb85c!important;}
.integral-type>*.mui-active:after{background: #5cb85c;height: 3px;width: 30px;margin-left: -15px;;left: 50%;}
.all-total{padding: 15px 15px 30px;border: none;background: url(../images/shouyi_bg_img.png) no-repeat top center;background-size: 100% 100%;}
.all-total p{color: #fff;}
#totalIncome{font-size: 28px;}
.icon-jifen{width: 17px;height: 17px;display: inline-block;vertical-align: sub;margin-right: 3px;background: url(../images/shouyi_icon.png) no-repeat;background-size: 100% 100%;}
/*积分来源样式*/
.integral-content{display: none;}
.integral-list{background: #fff;}
.integral-list-item{display: -webkit-box; -webkit-box-align: center;position: relative;padding: 9px 15px;font-size: 14px;}
.integral-list-item .i-flex-box-item{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;}
.zwkf:before{position: absolute;left: -25px;right: 0;bottom: 2px;top: 0;content: '暂未开放';color: #fff;font-size: 14px;background-color: rgba(0,0,0,.5);z-index: 2;line-height: 72px;cursor: default;pointer-events: none;text-align: center;}
.integral-list-item:after{left: 15px;right: 0;position: absolute;content: '';bottom: 0;background: #ececec;height: 1px;}
.integral-list-item:last-child:after{left: 0;}
.integral-value{-webkit-box-flex: 0;font-size: 17px;color: #4DCD70;white-space: nowrap;text-align: center;}
.reduce-value{color: #323232;}
.add-value {color: #ff9526;}
.create-tiem{-webkit-box-flex: 0;font-size: 14px;color: #808080;margin-right: 20px;margin-left: 20px;}
.create-tiem:empty{display: none;}
.div-no-info{position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: center;}
.div-no-info img{width: 100%;}
.integral-source .mui-fullscreen{top: 165px;height: auto;background: #fff;}
.activity-square .mui-fullscreen .mui-segmented-control~.mui-slider-group{top: 50px;}
.activity-square .mui-fullscreen{height: auto;background: #F2F2F2;}
.integral-source .mui-scroll,.activity-square .mui-scroll{width: 100%!important;}
.integral-source .mui-segmented-control.mui-scroll-wrapper{height: 40px;}
.activity-square .mui-segmented-control.mui-scroll-wrapper .mui-scroll,.activity-square .mui-segmented-control.mui-scroll-wrapper{height: 50px;background: #FFF;}
.integral-source .mui-control-item{line-height: 40px;}
.activity-square .mui-control-item{line-height: 50px;}
.mui-pull-caption{font-weight: 100;font-size: 14px;}
.i-btn-success+.i-btn-success{margin-top: 10px;}
/*活动广场列表*/
.activity-list{background: #F2F2F2;}
.activity-list-item{background: #fff;padding: 15px 15px 10px;margin-bottom: 10px;}
/*已参与活动统计*/
.activity-statistics{margin-bottom: 5px;margin-top: 10px;border-radius: 4px;flex-wrap: wrap;border: 1px solid #ececec;height: 140px;line-height: 1;text-align: center;width: 100%;}
.activity-statistics .i-flex-box-item{height: 68px;padding-top: 15px;font-size: 14px;position: relative;}
.activity-statistics .i-flex-box-item:before{position: absolute;left: 0;top: 15px;bottom: 15px;width: 1px;background-color: #ececec;content: '';margin-left: -1px;}
.my-rankings{height: 50%;width: 100%;border-top: 1px solid #ececec;padding-top: 10px;background: url(../images/paiming_bg_img.png) no-repeat;background-size: 100% 100%;}
.rankings{font-size: 28px;color: #ff9526;}
.activity-statistics > div > p:first-child{margin-bottom: 10px;}
/*活动奖励*/
.activity-detail .i-panel-title:after{left: 0;}
.hdjl-swiper{padding-bottom: 28px;}
.hdjl-swiper.swiper-container-horizontal>.swiper-pagination{bottom: 0;line-height: 1;}
.hdjl-swiper .swiper-pagination-bullet-active{background: #4DCD70;}
.hdjl-swiper .swiper-slide{border-radius: 5px;border: 1px solid #ddd;position: relative;padding-bottom: 20px;max-width: 33%;width: auto;}
.hdjl-swiper .swiper-slide>p{position: absolute;bottom: 0;text-align: center;background: #4DCD70;color: #fff;font-size: 12px;line-height: 20px;left: 0;right: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*活动介绍*/
/*.activity-introduction{padding: 0 10px;}*/
.activity-introduction  span:first-child{display: block;width: 75px;text-align: right;align-self: flex-start;}
.activity-introduction .i-flex-box{position: relative;padding-left: 20px;font-size: 14px;margin-bottom: 10px;color: #666;}
.activity-introduction .i-flex-box:after,
.activity-introduction .i-flex-box:before{position: absolute;content: '';display: inline-block;}
.activity-introduction .i-flex-box:after{left: 0px;width: 14px;height: 14px;background: #4DCD70;top: 5px;z-index: 1;transform: rotateZ(45deg);}
.activity-introduction .i-flex-box:before{left: 4px;width: 6px;height: 6px;background: #fff;top: 9px;z-index: 2;}
.ycy{color: #ff9526;font-size: 20px;}
.qcy{margin-top: 25px;width: 120px;height: 40px;border-radius: 20px;font-size: 14px;}
/*报名成功提示*/
.i-modal-open { overflow: hidden;}/*禁止屏幕滚动*/
.i-modal{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;display: none;}
.i-modal-layer{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.3);z-index: 1;}
.prompt-content{width: 255px;height: auto;background: #fff;border-radius: 10px;margin: 50px auto;z-index: 2;position: relative;}
.success-image{font-size: 17px;color: #FF9526;text-align: center;border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: hidden;}
.success-image img {width: 100%;height: auto;display: block;}
.user-info{padding: 15px 15px 20px;}
.info-list{border-top: 1px solid #e1e1e1;}
.info-list-item{color: #333;}
.info-list-title{font-size: 17px;margin-top: 15px;}
.item-name,.item-name+p{font-size: 14px;position: relative;line-height: 2;}
.item-name{width: 75px;padding-right: 15px;text-align: justify;color: #999;text-align-last: justify;align-self: flex-start;}
.item-name:after{content: '：';right: 3px;position: absolute;}
.i-modal-close{position: absolute;bottom: -60px;left: 50%;margin-left: -15px;color: #999;background: #fff;text-align: center;font-weight: bold;width: 30px;height: 30px;line-height: 28px;border-radius: 100%;display: inline-block;font-size: 25px;}
/*报名信息确认*/
.comfirm-image{background: url(../images/baoming_biaoqian_img.png) no-repeat round;background-position: center top;background-size: 75% 100%;color: #fff;padding: 10px 40px 18px;font-size: 17px;line-height: 1;text-align: center;}
.comfirm-info .prompt-content{padding-top: 15px;margin-top: 90px;}
.help-block {display: block;margin-top: 10px;line-height: 1;margin-bottom: 15px;color: #737373;font-size: 14px;}
.has-error .help-block{color: #ff5e6c;}
.user-select{
    display: block;
    width: calc(100% - 15px);
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    outline: none;
    color: #999;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border: none;
    border-radius: 25px;
    padding-right: 15px;
    background: #fff;
}
.select-box{
    position: relative;
    height: 45px;
    border-radius: 25px;
    background: #fff;
    border:1px solid #ececec;
    padding-left: 15px;
}
.select-box:after{
    content: '';
    position: absolute;
    width: 14px;
    height: 7px;
    right: 15px;
    top: 50%;
    margin-top: -3.5px;
    background: url(../images/xiazhan_icon.png) no-repeat;
    background-size: 100% 100%;
}
.select-user-info{border-top: 1px solid #ececec;padding: 10px 0 20px;}
.comfirm-btn{font-size: 17px;padding: 7px 35px;border-radius: 40px;margin-bottom: -10px;}
/*活动规则*/
.rule-list{list-style: none;font-size: 12px;color: #999;}
img.event_none {pointer-events: none;} 

html/jkjf/html/activity-detail.html

@@ -0,0 +1,209 @@
<!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" href="../../../widget/swiper/3.1/swiper.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" href="../css/index.css" />
	</head>
	<body>
		<div class="i-container activity-detail">
		</div>
			<script type="text/html" id="page_tmpl">
          	<!--活动头部-->
          	<div class="i-panel">
   				<div class="activity-img">
       				<img class="event_none" src="{{activity.img | getBigImage }}" />
   				</div>
   				<p class="activity-title p10-15">{{activity.title}}</p>
          	</div>
          	
          	<!--活动奖励-->
          	<div class="i-panel">
          		<div class="i-panel-title">活动奖励</div>
          		<div class="i-panel-body" style="padding: 10px 15px;">
          			<div class="swiper-container hdjl-swiper">
		        		<div class="swiper-wrapper">
		           			<div class="swiper-slide">
		           				<div class="activity-img">
			           				<img src="http://f1.yihuimg.com/TFS/upfile/doctor_honor/2016-07-11/513080_1468201026156.png" />
		           				</div>
		           				<p class="">血压计750积分</p>
		           			</div>
		           			<div class="swiper-slide">
		           				<div class="activity-img">
			           				<img src="http://f1.yihuimg.com/TFS/upfile/doctor_honor/2016-07-11/513080_1468201026156.png" />
		           				</div>
		           				<p class="">血糖仪550积分</p>
		           			</div>
		           			<div class="swiper-slide">
		           				<div class="activity-img">
			           				<img src="http://f1.yihuimg.com/TFS/upfile/doctor_honor/2016-07-11/513080_1468201026156.png" />
		           				</div>
		           				<p class="">血压计500积分</p>
		           			</div>
		          		</div>
		          		<div class="swiper-pagination"></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 class="i-panel">
          		<div class="i-panel-title">活动介绍</div>
          		<div class="i-panel-body">
          			<div class="activity-introduction">
          				<div class="i-flex-box"><span>活动主办：</span><span class="i-flex-box-item">{{activity.organizer}}</span></div>
	          			<div class="i-flex-box"><span>活动类型：</span><span class="i-flex-box-item">{{activity.type}}</span></div>
	          			<div class="i-flex-box"><span>活动时间：</span><span class="i-flex-box-item">{{activity.startTime}} ~ {{activity.endTime}}</span></div>
	          			<div class="i-flex-box"><span>活动地点：</span><span class="i-flex-box-item">{{activity.location}}</span></div>
          			</div>
	          		<div class="i-text-center">
	          			<p class="ycy">已参与： {{activity.total || 0}}人</p>
	          			{{if activity.status == -1}}
	          				<button class="i-btn i-btn-success qcy disabled">已结束</button>
	          			{{else if activity.taskPatientDetailDOS.length>=1}}
							<button class="i-btn i-btn-success qcy act-into">获取积分</button>
						{{else if activity.status == 0}}
	          				<button class="i-btn i-btn-success qcy join">进行中</button>
						{{else}}
							<button class="i-btn i-btn-success qcy join">去参与</button>
						{{/if}}	
	          		</div>
          		</div>
          	</div>
          	<!--积分规则-->
          	<div class="i-panel" style="margin-bottom: 0;">
          		<div class="i-panel-title">活动说明</div>
          		<div class="i-panel-body integral-rule">
          			<p class="i-909090">{{activity.description}}</p>
          		</div>
          	</div>
        </script>
        
			<!--签约特色服务-->
          	<!--<div class="i-panel">
          		<div class="i-panel-title">签约特色服务</div>
          		<div class="i-panel-body">
          			<div class="qytsfw">
	          			<img src="../images/dianhuarexiao_banner.jpg" />
	          			<p class="rxdh">
	          				<a class="i-btn i-btn-success dialing" href="tel:0592-6708090">立即拨打</a>
	          				<span>热线电话：0592-6708090</span>
	          			</p>
          			</div>
          		</div>
          	</div>-->
			<!--签约的好处-->
			<!--<div class="qydhc">
				<div class="qydhc-top"><span></span></div>
				<div class="qydhc-body">
					<div class="qydhc-title i-text-center">签约的好处</div>
					<ul class="haochu-list">
						<li class="haochu-item">健康随时咨询(0592-6708090、全科医生电话i健康APP)</li>
						<li class="haochu-item">多、快、好、省</li>
						<li class="haochu-item">便捷预约挂号、便捷转上级医院</li>
						<li class="haochu-item">高血压、糖尿病三师管理(专家、全科、健康管理师</li>
						<li class="haochu-item">免门诊起付线(500元)</li>
						<li class="haochu-item">免二次住院起付线</li>
					</ul>
				</div>
			</div>-->
		<!--确认信息-->
		<div class="i-modal comfirm-info">
			<!--蒙层-->
			<div class="i-modal-layer"></div>
			<div class="prompt-content">
				<div class="comfirm-image">
					报名信息确认
				</div>
				<div class="user-info">
				    <div class="select-box">
				        <select class="user-select c-t-center"></select>
				    </div>
					<p class="has-error i-text-center"><span class="help-block">提示：一个微信账号只能报名一个人</span></p>
					<ul class="select-user-info">
						
					</ul>
					<div class="i-text-center">
						<button class="i-btn i-btn-success comfirm-btn">确认报名</button>
					</div>
					<span class="i-modal-close">&times;</span>
				</div>
			</div>
		</div>
		
		<!--报名成功-->
		<div class="i-modal successful-enrolment">
			<!--蒙层-->
			<div class="i-modal-layer"></div>
			<div class="prompt-content">
				<div class="success-image">
					<img src="../images/baomingchengong_bg_img.png" />
					恭喜您！<br/>
					已经报名成功~~~
				</div>
				<div class="user-info">
					<ul class="info-list">
						<li class="info-list-item info-list-title i-flex-box">
							<p class="i-flex-box-item">您的报名信息</p>
						</li>
						<li class="info-list-item i-flex-box">
							<p class="item-name">姓名</p>
							<p class="i-flex-box-item">张国民</p>
						</li>
						<li class="info-list-item i-flex-box">
							<p class="item-name">电话</p>
							<p class="i-flex-box-item">17805985317</p>
						</li>
						<li class="info-list-item i-flex-box">
							<p class="item-name">签约机构</p>
							<p class="i-flex-box-item">厦门市海沧区嵩屿社区卫生服务中心</p>
						</li>
					</ul>
					<span class="i-modal-close">&times;</span>
				</div>
			</div>
		</div>
		<script type="text/html" id="user_option_tmpl">
			{{each data as it}}
				<option data-code="{{it.code}}" data-card="{{it.idcard}}">{{it.name}}</option>
			{{/each}}
		</script>
		<script type="text/html" id="user_info_tmpl">
			<li class="info-list-item i-flex-box">
				<p class="item-name">姓&emsp;&emsp;名</p>
				<p class="i-flex-box-item">{{item.name}}</p>
			</li>
			<li class="info-list-item i-flex-box">
				<p class="item-name">电&emsp;&emsp;话</p>
				<p class="i-flex-box-item">{{item.mobile}}</p>
			</li>
			<li class="info-list-item i-flex-box">
				<p class="item-name">签约机构</p>
				<p class="i-flex-box-item">{{item.hospital}}</p>
			</li>
		</script>
		
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript" src="../../../js/template.js"></script>
		<script type="text/javascript" src="../../zxwz/js/swiper.min.js"></script>
		<!--用于h5跳转小程序的微信api-->
		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
		<script type="text/javascript" src="../js/activity-detail.js"></script>
	</body>
</html>

html/jkjf/html/activity-square.html

@@ -0,0 +1,137 @@
<!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/mui.min.css"/>
		<link rel="stylesheet" href="../css/index.css" />
		<style type="text/css">
			html,body{height: 100%;}
		</style>
	</head>
	<body>
      	<!--活动广场-->
      	<div class="activity-square">
      		<div class="mui-content">
				<div id="slider" class="mui-slider mui-fullscreen">
					<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
						<div class="mui-scroll integral-type i-flex-box">
							<a class="mui-control-item i-flex-box-item mui-active" href="#all-integral">
								活动专区
							</a>
							<a class="mui-control-item i-flex-box-item" href="#already-integral">
								我参与的
							</a>
						</div>
					</div>
					<div class="mui-slider-group">
	          			<div id="all-integral" class="mui-slider-item mui-control-content mui-active">
	                    	<div class="mui-scroll-wrapper">
	                       	 	<div class="mui-scroll">
					      			<ul class="activity-list">
					      				
					      			</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 id="already-integral" class="mui-slider-item mui-control-content">
	                    	<div class="mui-scroll-wrapper">
	                       	 	<div class="mui-scroll">
					      			<ul class="activity-list">
					      				
					      			</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>
		<script type="text/html" id="li_tmpl">
			{{each list as it}}
				<li class="activity-list-item" data-code="{{it.id}}">
       				<div class="activity-img">					
           				<img src="{{it.img | getImage}}" />
       				</div>
       				<p class="activity-title">{{it.title}}</p>
	          		<p class="activity-other i-flex-box">
	          			<span class="i-999 i-f14 i-flex-box-item">活动时间：{{it.startTime+"-"+it.endTime}}</span>
	          			<button class="i-btn ckxq {{it.status | getStatusClass}}" data-code="{{it.id}}">{{it.status | getStatusName}}</button>
	          		</p>
       			</li>
        	{{/each}}
		</script>
		<script type="text/html" id="li_tmpl_cy">
			{{each list as it}}
				<li class="activity-list-item" data-code="{{it.id}}">
       				<div class="activity-img">           					
           				<img src="{{it.img | getImage}}" />
       				</div>
       				<p class="activity-title">{{it.title}}</p>
	          		<div class="activity-other">
	          			<div class="i-flex-box">
	          				<div class="i-flex-box-item i-999 i-f14">
	          					<p class="i-flex-box"><span>活动地点：</span><span class="i-flex-box-item">{{it.location}}</span></p>         					
	          					<p class="i-flex-box"><span>活动类型：</span><span class="i-flex-box-item">{{it.type}}</span></p>
	          					<p class="i-flex-box"><span>活动时间：</span><span class="i-flex-box-item">{{it.startTime}}-{{it.endTime}}</span></p>
	          				</div>
	          				<button class="i-btn ckxq {{if it.status==-1}} i-btn-gray disabled{{else}} i-btn-success{{/if}}">{{it.status==1?'进行中':(it.status==-1)?'已结束':'进行中'}}</button>
	          			</div>
	          		</div>
	          		<!--以后的需求   数据对接后直接用-->
	          		<!--<div class="activity-statistics i-flex-box">
	          			<div class="number-of-participants i-flex-box-item">
	          				<p class="i-999">已报名人数</p>
	          				<p class="i-333">4540</p>
	          			</div>
	          			<div class="get-a-reward i-flex-box-item">
	          				<p class="i-999">被赞数</p>
	          				<p class="i-333">21</p>
	          			</div>
	          			<div class="exchange-reward i-flex-box-item">
	          				<p class="i-999">兑换奖励</p>
	          				<p class="i-333">0</p>
	          			</div>
		          		<div class="my-rankings">
	          				<p class="i-333">我的排名</p>
	          				<p class="rankings">4180</p>
	          			</div>
	          		</div>-->
	          		<!--目前的需求-->
	          		<div class="activity-statistics i-flex-box" style="height: 70px;">
	          			<div class="number-of-participants" style="padding: 0 15px;">
	          				<p class="i-999">已报名人数</p>
	          				<p class="i-333">{{it.total || '--'}}</p>
	          			</div>
		          		<div class="my-rankings i-flex-box-item" style="margin-top: -1px;height: 69px;padding-top: 10px;background-image: url(../images/chendi_bg_img.png);">
	          				<p class="i-333">我的排名</p>
	          				<p class="rankings">{{it.activityRanking || '--'}}</p>
	          			</div>
	          		</div>
       			</li>
        	{{/each}}
		</script>
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
			<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript" src="../../../js/template.js"></script>
		<script type="text/javascript" src="../js/activity-square.js"></script>
	</body>
</html>

html/jkjf/html/index.html

@@ -0,0 +1,216 @@
<!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" href="../../../widget/swiper/3.1/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" href="../css/index.css" />
		<style type="text/css">
			body{opacity: 0;transition: all .3s ease-in-out;}
			.opened{opacity: 1;}
			
		</style>
	</head>
	<body>
		<div class="i-container">
			<div class="swiper-container fuwu-swiper">
        		<div class="swiper-wrapper">
           			<div class="swiper-slide"><img class="event_none" src="../images/fuwuxiangqing_banner.png?v=1" /></div>
          		</div>
          		<div class="swiper-pagination"></div>
          	</div>
          	<div class="i-panel">
          		<div class="i-panel-title i-c-rang-right"><span onclick="goUrl('my-passbook.html')" class="pull-right i-909090 i-f14">进入</span>健康存折</div>
          		<div class="i-panel-body">
          			<div class="i-integral-content">
          				<ul class="i-integral-list">          					
          					<li class="i-integral-item" onclick="goUrl('passbook.html')">
          						<p class="i-909090 i-jf-icon">可用积分</p>
          						<p class="integral-number i-ff9526" id="total">--</p>
          					</li>
          					<li class="i-integral-item" onclick="goUrl('passbook.html#1')">
          						<p class="i-909090 i-jf-icon">已用积分</p>
          						<p class="integral-number i-909090" id="useTotal">--</p>
          					</li>
          				</ul>
          			</div>
          		</div>
          	</div>
          	<!--活动广场-->
          	<div class="i-panel">
          		<div class="i-panel-title i-c-rang-right"><span onclick="goUrl('activity-square.html')" class="pull-right i-909090 i-f14">全部</span>活动广场</div>
	          	<div class="i-panel-body">
	          		<div class="swiper-container activity-swiper">
		        		<div class="swiper-wrapper" id="activity_list">
		        			
		        		</div>
		          		<div class="div-no-info c-hide">
	                        <img class="event_none" src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
	                        <div class="info-text c-f14">暂无活动</div>
	                    </div>
		          		<div class="swiper-pagination"></div>
		          	</div>
	          	</div>
	        </div>
	        <!--健康商城：后续开发，暂时不上-->
          	<div class="i-panel c-hide">
          		<div class="i-panel-title i-c-rang-right"><span onclick="goUrl('')" class="pull-right i-909090 i-f14">全部</span>健康商城</div>
	          	<div class="i-panel-body">
	          		<div class="new-news">
	          			<div class="new-news-scroll">
	          				<ul class="new-news-list">
		          				<li>薛**兑换了心心相映面巾纸一包</li>
		          			</ul>
	          			</div>
	          		</div>
	          		<div class="swiper-container health-shop">
		        		<div class="swiper-wrapper" id="goods_list">
	           				<div class="swiper-slide"><img src="../images/fuwuxiangqing_banner.png?v=1" /></div>
	           				<div class="swiper-slide"><img src="../images/fuwuxiangqing_banner.png?v=1" /></div>
	           				<div class="swiper-slide"><img src="../images/fuwuxiangqing_banner.png?v=1" /></div>
		          		
		          		</div>
		          	</div>
	          	</div>
	        </div>
	        
          	<!--健康微闻 ：后续开发，暂时不上-->
          	<div class="i-panel c-hide">
          		<div class="i-panel-title">健康微闻</div>
          		<div class="i-panel-body health-smelling">
          			<p class="i-666">所有积分可用于兑换商城奖品</p>
          			<p class="i-666">所有积分可用于兑换商城奖品</p>
          			<p class="i-666">所有积分可用于兑换商城奖品</p>
          		</div>
          	</div>
          	
          	<!--积分规则: 这个版本隐藏了，最早版本有-->
          	<div class="i-panel c-hide">
          		<div class="i-panel-title">积分规则</div>
          		<div class="i-panel-body integral-rule">
          			<p class="i-909090">1.所有积分可用于兑换商城奖品，部分活动积分仅限兑换活动</p>
          			<p class="i-909090">2.首次绑定设备可以获得奖励积分</p>
          			<p class="i-909090">3.每日使用设备，上传数据可获得积分，1次数据成功上传获得1积分，每日仅限1次</p>
          			<p class="i-909090">4.关注厦门i健康，参与社区及地区组织的健康活动能轻松获得积分兑换丰厚的奖品</p>
          		</div>
          	</div>
          	<!--获取积分-->
          	<div class="i-panel get-integral">
          		<div class="i-panel-title acticity-after-img">健康任务</div>
          		<div class="i-panel-body">
          			<div class="renwu-img">
          				<img class="event_none" src="../images/renwu_banner_img.png" />
          			</div>
          			<ul class="get-integral-act-list">
          				
          			</ul>
          			<div class="div-no-info c-hide">
                        <img class="event_none" src="../../../images/shujuweikong_img.png" alt="无数据" style="width: 100%;">
                        <div class="info-text c-f14">暂无任务</div>
                    </div>
          		</div>
          	</div>
			<!--签约特色服务-->
          	<!--<div class="i-panel">
          		<div class="i-panel-title">签约特色服务</div>
          		<div class="i-panel-body">
          			<div class="qytsfw">
	          			<img src="../images/dianhuarexiao_banner.jpg" />
	          			<p class="rxdh">
	          				<a class="i-btn i-btn-success dialing" href="tel:0592-6708090">立即拨打</a>
	          				<span>热线电话：0592-6708090</span>
	          			</p>
          			</div>
          		</div>
          	</div>-->
			<!--签约的好处-->
			<!--<div class="qydhc">
				<div class="qydhc-top"><span></span></div>
				<div class="qydhc-body">
					<div class="qydhc-title i-text-center">签约的好处</div>
					<ul class="haochu-list">
						<li class="haochu-item">健康随时咨询(0592-6708090、全科医生电话i健康APP)</li>
						<li class="haochu-item">多、快、好、省</li>
						<li class="haochu-item">便捷预约挂号、便捷转上级医院</li>
						<li class="haochu-item">高血压、糖尿病三师管理(专家、全科、健康管理师</li>
						<li class="haochu-item">免门诊起付线(500元)</li>
						<li class="haochu-item">免二次住院起付线</li>
					</ul>
				</div>
			</div>-->
		<script type="text/html" id="action_tmpl">
			{{each data as it}}
					<li class="get-integral-act-item">
						<div class="integral-act-left">
							{{if it.taskCode=="GLU_MEASURE"}}
								<img src="../images/xuetangyi_celiang_icon.png" />
							{{else if it.taskCode=="BP_MEASURE"}}
								<img src="../images/xueyaji_celiang_icon.png" />
							{{else if it.taskCode=="GLU_BIND"}}
								<img src="../images/xuetangyi_bangding_icon.png" />
							{{else if it.taskCode=="BP_BIND"}}
								<img src="../images/xueyaji_bangding_icon.png" />
							{{/if}}
						</div>
						<div class="integral-act-center">
		  					<p class="integral-act-name">{{it.title}}
		  						{{if it.taskCode.indexOf("BIND")!==-1}}
		  							<span class="i-909090 i-f12">({{it.taskPatientDetailDOS.length>0?('已绑定 '+it.taskPatientDetailDOS.length+' 台'):'未绑定'}})</span>
		  						{{/if}}</p>
		  					<p class="i-909090 i-f12 line-clamp2">{{it.content}}</p>
						</div>
						<div class="integral-act-right">
							{{if it.period==1}}
								<a class="i-btn i-btn-success i-border-radius-15" href="../../wdsb/html/my-equipments.html">{{it.taskPatientDetailDOS.length==0?'去完成':'已完成'}}</a>
							{{else}}
								<a class="i-btn i-btn-success i-border-radius-15" href="../../jkjl/html/health-record.html">{{it.taskPatientDetailDOS.length==0?'去完成':'已完成'}}</a>
							{{/if}}
						</div>
					</li>
			{{/each}}
		</script>
		
		<script type="text/html" id="activity_tmpl">
			{{each data as it}}
				<a class="swiper-slide ckxq" data-code="{{it.id}}">
					{{ if it.status==1}}
						<img class="hdbmz" src="../images/baomingzhong_jiaobiao_img.png" />
					{{else if it.status==0}}
						<img class="hdbmz" src="../images/jingxinzhong_jiaobiao_img.png" />
					{{else}}
						<img class="hdbmz" src="../images/yijieshu_jiaobiao_img.png" />
					{{/if}}
       				<div class="activity-img">				
           				<img src="{{it.img | getImageUrl}}" />
       				</div>
       				<p class="activity-title">{{it.title}}</p>
	          		<div class="i-flex-box pt10">
	          			<div class="i-flex-box-item i-999 i-f14">
	          				<p class="i-flex-box" style="align-items: flex-start;"><span>活动主办：</span><span class="i-flex-box-item">{{it.organizer}}</span></p>			          				
	          				<!--<p>参与人群：海沧区、45-65岁、高血压</p>-->			          				
	          				<p class="i-flex-box" style="align-items: flex-start;"><span>活动时间：</span><span class="i-flex-box-item">{{it.startTime+"-"+it.endTime}}</span></p>          				
	          			</div>
	          			<!--<button style="align-self: flex-end;" class="i-btn  {{if it.status!=1}} i-btn-gray disabled{{else}} i-btn-success{{/if}}" data-code="{{it.id}}">{{it.status==1?'报名中':(it.status==-1)?'已结束':'无效'}}</button>-->
	          		</div>
       			</a>
			{{/each}}
		</script>
		
		</div>
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript" src="../../../js/template.js"></script>
		<script type="text/javascript" src="../../zxwz/js/swiper.min.js"></script>
		<script type="text/javascript" src="../js/index.js"></script>
	</body>
</html>

html/jkjf/html/my-activities.html

@@ -0,0 +1,87 @@
<!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" href="../../../css/cross.css" />
		<link rel="stylesheet" href="../css/index.css" />
		<style type="text/css">
			.mui-content>.mui-table-view:first-child {
				margin-top: -1px;
			}
			.activity-filter{line-height: 44px;height: 44px;z-index: 12;background: #fff;box-shadow: none;position: fixed;top: 0;left: 0;right: 0;z-index: 11;padding: 0 10px;}
			#pageTitle{font-size: 17px;}
			.activity-nav{line-height: 40px;height: 40px;top: 44px;display: none;}
			.is-show-nav{display: block;}
			.is-show-nav~.mui-content{padding-top: 84px;}
			.leibiao_icon{width: 20px;height: 20px;display: block;position: relative;top: 12.5px;}
			.i-dropdown-menu{position: absolute;top: 0;left: 0;right: 0;max-height: 0;overflow: hidden;text-align: center;opacity: 0;background: #fff;transition: all .3s ease-in-out;box-shadow: 0px 1px 5px #ccc;}
			.i-dropdown-menu.i-dropdown-menu-open{max-height: 450px;overflow-y: scroll;opacity: 1;}
			.i-dropdown-menu-open .i-dropdown-layer{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;background: rgba(0,0,0,.3);}
			.dropdown-list{position: relative;z-index: 2;}
			.dropdown-list-item{line-height: 45px;background: #fff;font-size: 17px;color: #666;border-top: 1px solid #ececec;margin-top: -1px;}
			.dropdown-list-item.activity-active{color: #4DCD70}
			.set-c-f14 {font-size: 14px;}
		</style>
	</head>
	<body>
		<header class="activity-filter">
			<p class="i-909090 plr5"><span class="pull-right"><img class="leibiao_icon" onclick="togglemenu()" src="../images/leibiao_icon.png"></span><span id="pageTitle">选择活动</span></p>
			<div class="i-dropdown-menu">
				<ul class="dropdown-list">
					<li class="dropdown-list-item activity-active" onclick="togglemenu(-1)">全部</li>
				</ul>
				<div class="i-dropdown-layer" onclick="togglemenu()"></div>
			</div>
		</header>
		<header class="mui-bar mui-bar-nav activity-nav is-show-nav">
			<p class="i-909090 i-f14 plr5"><span class="pull-right i-f14">积分累计</span>活动名称</p>
		</header>
		<!--下拉刷新容器-->
		<div id="refreshContainer" class="mui-content mui-scroll-wrapper activity-wrapper">
			<div class="mui-scroll">
			    <!--数据列表-->
			    <ul class="integral-list">
	  				
	  			</ul>
			</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>
		<script type="text/html" id="li_tmpl">
			{{each list as it}}
				<li class="integral-list-item  i-flex-box">
					<p class="i-flex-box-item">{{it.taskDO && it.taskDO.title || '活动标题'}}</p>
					<p class="create-tiem">{{it.createTime.substr(0,10)}}</p>
					{{if it.integrate == 0}}
					<p class="integral-value set-c-f14">清零</p>
					{{else}}
					<p class="integral-value {{it.tradeDirection==-1?'':'add-value'}}">{{it.tradeDirection==-1?'-':'+'}}{{it.integrate}}</p>
					{{/if}}
				</li>
        	{{/each}}
		</script>
		<script type="text/html" id="activity_list_tmpl">
			{{each list as it index}}
				<li class="dropdown-list-item" onclick="togglemenu({{index}},'{{it.id}}')">{{it.title}}</li>
        	{{/each}}
		</script>
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
			<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript" src="../../../js/template.js"></script>
		<script type="text/javascript" src="../js/my-activities.js"></script>
	</body>
</html>

html/jkjf/html/my-passbook.html

@@ -0,0 +1,65 @@
<!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/mui.min.css"/>
		<link rel="stylesheet" href="../css/index.css" />
		<style type="text/css">
			html,body{height: 100%;}
		</style>
	</head>
	<body>
		<div class="i-panel" style="margin-bottom: 0;">
			<div class="i-panel-body all-total i-f17">
				<p><span class="icon-jifen"></span>剩余积分：</span>
				<p class="i-text-center"><span class="totalable">---</span>分</p>
			</div>
		</div>
      	<div class="i-panel" style="border-top: 0;">
      		<div class="i-panel-body" style="padding: 10px 0;">
      			<div class="i-panel-body-title">
      				<span class="pull-right" onclick="goUrl('passbook.html')">积分记录</span>
      				<span class="integral-surplus">积分盈余</span>
      			</div>
      			<div class="i-integral-content">
      				<ul class="i-integral-list">          					
      					<li class="i-integral-item" onclick="goUrl('passbook.html')">
      						<p class="i-909090 i-jf-icon">可用积分</p>
      						<p class="integral-number i-ff9526 totalable">--</p>
      					</li>
      					<li class="i-integral-item" onclick="goUrl('passbook.html#1')">
      						<p class="i-909090 i-jf-icon">已用积分</p>
      						<p class="integral-number i-909090" id="useTotal">--</p>
      					</li>
      				</ul>
      			</div>
      		</div>
      	</div>
      	<div class="i-panel">
      		<div class="i-panel-title">活动规则</div>
      		<div class="i-panel-body">
      			<ul class="rule-list">
      				<li>1.所有积分可用于兑换商城奖品，部分活动积分仅限兑换活动</li>
          			<li>2.首次绑定设备可以获得奖励积分</li>
          			<li>3.每日使用设备，上传数据可获得积分，1次数据成功上传获得1积分，每日仅限1次</li>
          			<li>4.关注厦门i健康，参与社区及地区组织的健康活动能轻松获得积分兑换丰厚的奖品</li>
      			</ul>
      		</div>
      	</div>
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript" src="../../../js/template.js"></script>
		<script type="text/javascript" src="../js/my-passbook.js"></script>
	</body>
</html>

html/jkjf/html/passbook.html

@@ -0,0 +1,121 @@
<!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/mui.min.css"/>
		<link rel="stylesheet" href="../css/index.css" />
		<style type="text/css">
			html,body{height: 100%;}
			.set-c-f14 {font-size: 14px;}
		</style>
	</head>
	<body>
      	<div class="i-panel">
      		<div class="i-panel-body" style="padding: 10px 0;">
      			<div class="i-integral-content">
      				<ul class="i-integral-list">          					
      					<li class="i-integral-item">
      						<p class="i-909090 i-jf-icon">可用积分</p>
      						<p class="integral-number i-ff9526" id="total">--</p>
      					</li>
      					<li class="i-integral-item">
      						<p class="i-909090 i-jf-icon">已用积分</p>
      						<p class="integral-number i-909090" id="useTotal">--</p>
      					</li>
      				</ul>
      				<ul class="i-flex-box action-list">
      					<li class="i-flex-box-item" onclick="goUrl('./zwkf.html')">
      						<img src="../images/icon_jifenshangc.png" />
      						<span>积分商城</span>
      					</li>
      					<li class="i-flex-box-item i-text-right" onclick="goUrl('./my-activities.html')">
      						<img src="../images/icon_wodehuodong.png" />
      						<span>我的活动</span>
      					</li>
      				</ul>
      			</div>
      		</div>
      	</div>
      	<!--积分来源-->
      	<div class="integral-source">
      		<div class="mui-content">
				<div id="slider" class="mui-slider mui-fullscreen">
					<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
						<div class="mui-scroll integral-type i-flex-box">
							<a class="mui-control-item i-flex-box-item mui-active" href="#all-integral">
								全部积分
							</a>
							<a class="mui-control-item i-flex-box-item" href="#already-integral">
								已用积分
							</a>
						</div>
					</div>
					<div class="mui-slider-group">
	          			<div id="all-integral" class="mui-slider-item mui-control-content mui-active">
	                    	<div class="mui-scroll-wrapper">
	                       	 	<div class="mui-scroll">
					      			<ul class="integral-list">
					      				<!--<li class="integral-list-item  i-flex-box">
					      					<p class="i-flex-box-item">每日测量奖励</p>
					      					<p class="create-tiem">2018-12-12</p>
					      					<p class="integral-value">+1</p>
					      				</li>-->
					      			</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 id="already-integral" class="mui-slider-item mui-control-content">
	                    	<div class="mui-scroll-wrapper">
	                       	 	<div class="mui-scroll">
					      			<ul class="integral-list">
					      				<!--<li class="integral-list-item  i-flex-box">
					      					<p class="i-flex-box-item">每日测量奖励</p>
					      					<p class="create-tiem">2018-12-12</p>
					      					<p class="integral-value">+1</p>
					      				</li>-->
					      			</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>
		<script type="text/html" id="li_tmpl">
			{{each list as it}}
				<li class="integral-list-item  i-flex-box">
					<p class="i-flex-box-item">{{it.taskDO && it.taskDO.title || '活动标题'}}</p>
					<p class="create-tiem">{{it.createTime.substr(0,10)}}</p>
					{{if it.integrate == 0}}
					<p class="integral-value set-c-f14">清零</p>
					{{else}}
					<p class="integral-value {{it.tradeDirection==-1?'':'add-value'}}">{{it.tradeDirection==-1?'-':'+'}}{{it.integrate}}</p>
					{{/if}}
				</li>
        	{{/each}}
		</script>
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
			<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript" src="../../../js/template.js"></script>
		<script type="text/javascript" src="../js/passbook.js"></script>
	</body>
</html>

html/jkjf/html/unopened.html

@@ -0,0 +1,65 @@
<!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" href="../../../widget/swiper/3.1/swiper.min.css" />
		<link rel="stylesheet" href="../../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../css/index.css"/>
	</head>
	<body>
		<div id="refreshContainer" class="mui-content mui-scroll-wrapper activity-wrapper c-hide">
			<div class="div-no-info">
				<img src="../images/jianshezhong_bg_img.png" alt="暂未开放" style="width: 100%;">
				<div class="info-text c-f14" style="margin-top: 40px;">
					<a style="color: #666666;">抱歉！此功能暂未开放~~~<br>敬请期待</a>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../../../js/mui.js"></script>
	<script src="../../../js/template.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js"></script>
	<script>
	    var d = dialog({contentType:'load', skin:'bk-popup'});
	    var pagetype = 57;
		(function() {
			checkUserAgent();
		})()
		
		function queryInit(){
		    //获取患者信息
		    var userAgent = JSON.parse(window.localStorage.getItem(agentName));
            sendPost('/patient/healthBank/distinguish', {
                patient: userAgent.uid
            }, 'json', 'get', queryFailed, function(res) {
                if(res.status == 200) {
                    if(res.data && res.data.cityName == "厦门市" && res.data.townName == "海沧区") {
                        window.location.replace('index.html');
                    }else{
                        $("#refreshContainer").show();
                    }
                } else {
                    queryFailed(res);
                }
            })
		}
		//请求失败
        function queryFailed(res) {
            dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
        }
	</script>
</html>

html/jkjf/html/zwkf.html

@@ -0,0 +1,35 @@
<!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" href="../../../widget/swiper/3.1/swiper.min.css" />
		<link rel="stylesheet" href="../../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" href="../css/index.css" />
	</head>
	<body>
		<div class="mui-content mui-scroll-wrapper activity-wrapper">
			<div class="div-no-info">
				<img src="../images/jianshezhong_bg_img.png" alt="暂未开放" style="width: 100%;">
				<div class="info-text c-f14" style="margin-top: 40px;">
					<a style="color: #666666;">抱歉！此功能暂未开放~~~<br>敬请期待</a>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../../../js/mui.js"></script>
	<script src="../../../js/template.js"></script>
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
	<script type="text/javascript" src="../../../js/common_http.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js"></script>
</html>

html/jkjf/js/activity-detail.js

@@ -0,0 +1,166 @@
var d = dialog({contentType:'load', skin:'bk-popup'});	
var pagetype=56;
var unionId,
	taskCode;
var actObj = {};
var activityId, taskId;
(function(){
	var swiperLength=$(".hdjl-swiper .swiper-wrapper").children().length;
	if(swiperLength>=3){
		var swiper = new Swiper('.hdjl-swiper', {
		    pagination: '.swiper-pagination',
		    paginationClickable: true,
		    spaceBetween: 15,
		    slidesPerView:3
		});
	}
})();
(function(){
	checkUserAgent();
	var useAgent=JSON.parse(window.localStorage.getItem(agentName));
	var request=GetRequest();
	var activity_id=request['activity_id']||'';
	var userData=[];
	initPage();
	getUnionId();
	function initPage(){
		var params={
				page:1,
				size:1,
				task:JSON.stringify({"id":activity_id}),
		}
		sendPost('patient/healthBank/selectTask', params, 'json', 'post',function(){
	    	airDialog("系统繁忙，请稍后再试！")
	   },function(res){
	    	if(res.status==200){
	    		actObj = res.data && res.data.detailModelList && res.data.detailModelList[0] || [];
	    		taskCode = actObj.taskDOS && actObj.taskDOS[0] && actObj.taskDOS[0].taskCode || "";
	    		activityId = actObj.taskPatientDetailDOS && actObj.taskPatientDetailDOS[0] && actObj.taskPatientDetailDOS[0].activityId || "";
	    		taskId = actObj.taskPatientDetailDOS && actObj.taskPatientDetailDOS[0] && actObj.taskPatientDetailDOS[0].taskId || "";
	    		var html =template('page_tmpl',{activity:actObj})
	    		$('.activity-detail').html(html);
	    		var swiperLength=$(".hdjl-swiper .swiper-wrapper").children().length;
				if(swiperLength>=3){
					var swiper = new Swiper('.hdjl-swiper', {
					    pagination: '.swiper-pagination',
					    paginationClickable: true,
					    spaceBetween: 15,
					    slidesPerView:3
					});
				}
//				getUserList()
				actObj && (!actObj.taskPatientDetailDOS.length) && getUserList();
	    	}else{
	    		$('.activity-swiper').find('.div-no-info').removeClass('c-hide');
	    	}
	    })
	}
	function getUserList(){
	   	sendPost('patient/healthBank/selectByOpenId', {}, 'json', 'post',function(){
	    	airDialog("系统繁忙，请稍后再试！");
	   	},function(res){
	    	if(res.status==200){
	    		userData = res.data && res.data.patientList || [];
	    		$('.user-select').append(template('user_option_tmpl',{data:userData}))
	    		var item=userData[0];
	    		$('.select-user-info').html(template('user_info_tmpl',{item:item}))
	    	}else{
	    		airDialog(res.msg||"获取报名列表失败")
	    	}
	    })
	}
	$('.user-select').on('change',function(){
		$('.select-user-info').html(template('user_info_tmpl',{item:userData[$(event.target).children('option:selected').index()]}))	
	});
	// 报名
	$('.activity-detail').on('click','.join',function(){
		showModel();
	});
	// 活动入口
	$('.activity-detail').on('click','.act-into',function(){
		var nowTimes = new Date().getTime();
		var times = Date.parse(new Date(actObj.startTime.replace(/-/g, "/")));
		if(nowTimes < times) {
			airDialog("本活动将于 " + actObj.startTime + " 时间开放，请按时参加~")
		} else {
			// 小程序jssdk参数配置
			var appid = "wx0e663ce069b5170c",
				secret = "02de788ffea28f2aa3b9bf10312ab05e";
			$jssdk = new JSSDK(appid, secret);
			console.log($jssdk)
			$signPackage = $jssdk.GetSignPackage();
//			 尝试跳转
			var programUrl = "pages/index/index?activityId=" + activityId + "&taskId=" + taskId;
			wx.miniProgram.navigateTo({url: programUrl})
//			airDialog("恭喜您！活动入口消息已发送至公众号，请关闭健康银行前去参加~")
		}
	});
	$('.i-modal-close, .i-modal-layer').on('click',function(){
		hideModel();
	});
	// 阻止滑动
	$(".i-modal").on("touchmove", function(e) {
		e.preventDefault();
	});
	$('.comfirm-btn').on('click',function(){
		hideModel();
		var select=$('.user-select').children('option:selected')
		var patientId=select.data('code');
		var patientIdcard=select.data('card');
		var params={
			taskPatientDetail:JSON.stringify({
				"saasId":"dev",
				"patientId":patientId,
				"patientIdcard":patientIdcard,
				"doctorId":"",
				"activityId":activity_id,
				"unionId": unionId,
				"taskCode": taskCode
			})
		}
		sendPost('patient/healthBank/attendTask', params, 'json', 'post',function(){
	    	airDialog("系统繁忙，请稍后再试！");
	   },function(res){
	    	airDialog(res.data && res.data.message || res.msg);
	    	if(!res.data.message) initPage();
	    })
	})
	function hideModel(){
		$(".comfirm-info").fadeOut();
		$('body').removeClass("i-modal-open");
	}
	function showModel(){
		$(".comfirm-info").fadeIn();
		$('body').addClass("i-modal-open");//禁止屏幕滚动
	}
})();
function getUnionId(){
    var openid = JSON.parse(window.localStorage.getItem("OpenidAgent")).openid;
    var url = "weixin/getUnionidByOpenid",
        params = {
            openid: openid
        };
    sendPost(url, params, 'json', 'GET', function(res){
        airDialog(res.msg);
    }, function(res){
        if(res.status == 200){
            unionId = res.unionid;
        }else{
            airDialog(res.msg);
        }
    })
}
function airDialog(content){
	dialog({contentType:'tipsbox',top:true, skin:'bk-popup' , content:content}).show();
}
template.helper("getBigImage", function(str){
    if(str){
        return getImgUrl(str);
    }else{
        return "../images/morenhuodong_banner02_img.png";
    }
})

html/jkjf/js/activity-square.js

@@ -0,0 +1,145 @@
mui.init();
var d = dialog({contentType:'load', skin:'bk-popup'});
var pagetype=55;
(function(mui) {
	checkUserAgent();
	var unUserPage=userPage=1;//初始化页数
	var loadMoreNumber=15;//一次加载几条
	var useAgent=JSON.parse(window.localStorage.getItem(agentName));
	getTemplateHelper();
	!function(){
		var deceleration = mui.os.ios?0.003:0.0009;
		mui('.mui-scroll-wrapper').scroll({
			bounce: false,
			indicators: false, //是否显示滚动条
			deceleration:deceleration
		});
		mui.each(document.querySelectorAll('.mui-slider-group .mui-scroll-wrapper'), function(index, pullRefreshEl) {
            mui(pullRefreshEl).pullRefresh({
                down: {
                    callback: function() {
                    	getIntegralList.call(this,index, false)
                    }
                },
                up: {
                	auto:true,
                    callback : function() {
                    	getIntegralList.call(this,index,true)
                    }
                }
            });
       });
       	var request=GetRequest();
		if('selectIndex'in request){
			var selectIndex=request['selectIndex']|0
			if($('.integral-type').find('a').length<=selectIndex) return ;
			$('.integral-type').find('a').eq(selectIndex).addClass('mui-active').siblings('a').removeClass('mui-active');
			$('.mui-slider-item').eq(selectIndex).addClass('mui-active').siblings('div').removeClass('mui-active');
			$('.mui-slider-group').css({'transform': ('translate3d(-'+($('.mui-scroll').width()*selectIndex)+'px, 0px, 0px) translateZ(0px)'),'transition-duration': '0ms'});
		}
   }()
	function getIntegralList(index, isLoadMore){
		var self= this;
		var tradeDirection,__page,templateName,_url;
		var useAgent=JSON.parse(window.localStorage.getItem(agentName));
		var accountId=window.localStorage.getItem("accountId");
		var params;
		if(index===0){
			tradeDirection=1;
			unUserPage=__page=isLoadMore?unUserPage:1;
			templateName='li_tmpl';
			_url='patient/healthBank/selectTask';
			params={
				page:__page,
				size:loadMoreNumber,
				task:JSON.stringify({})
			}
		}else{
			tradeDirection=-1;
			userPage=__page=isLoadMore?userPage:1;
			templateName='li_tmpl_cy';
			_url='patient/healthBank/selectByPatient';
			params={
				page:__page,
				size:loadMoreNumber
			}
		}
	   	sendPost(_url, params, 'json', 'post',function(){
        	if(isLoadMore){
        		self.endPullupToRefresh();
        	}else{
        		self.endPulldownToRefresh();
        	}
        	airDialog('服务器繁忙，请稍后再试！')
        },function(res){
        	var _data = res.data && res.data.detailModelList || [];
    		for(var i=0,len=_data.length;i<len;i++){
    			_data[i].endTime=_data[i].endTime.substr(5,5).replace(/-/g,'.');
    			_data[i].startTime=_data[i].startTime.substr(0,10).replace(/-/g,'.');
    		}
        	html = template(templateName,{list: _data});
			var ul=self.element.querySelector('.activity-list');
			var length=res.data && res.data.detailModelList && res.data.detailModelList.length || 0;
			if(isLoadMore){//是否是上拉加载
				ul.innerHTML+=html;
				//加载完新数据后，必须执行如下代码，true表示没有更多数据了：
				if(length==0&&unUserPage==1){
					$('.mui-pull-caption-refresh').hide();
					$(ul).hide();
					$(ul).parents(".mui-slider-item").find('.div-no-info').removeClass("c-hide");
				}else{					
					if(index===0) unUserPage++;
					else userPage++;
				}
				//
				self.endPullupToRefresh(length<loadMoreNumber);
			}else{
				ul.innerHTML=html;
				self.endPulldownToRefresh();
			}
        })
	}
	$(".activity-list").on('tap','.activity-list-item',function(){
		var code=$(this).data('code');
		location.href="./activity-detail.html?activity_id="+code;
	})
})(mui);
function airDialog(content){
	dialog({contentType:'tipsbox',top:true, skin:'bk-popup' , content:content}).show();
}
function goUrl(url){
	if(url) location.href=url;
	else airDialog('功能开发中，敬请期待！')
}
function getTemplateHelper(){
    template.helper("getImage", function(str){
        if(str){
            return getImgUrl(str);
        }else{
            return "../images/morenhuodong_banner01_img.png";
        }
    });
    
    template.helper("getStatusClass", function(status){
        if(status == "-1"){
            return "i-btn-gray disabled";
        }else{
            return "i-btn-success";
        }
    });
    
    template.helper("getStatusName", function(status){
        switch(parseInt(status)){
            case -1:
                return "已结束";
                break;
            case 0:
                return "进行中";
                break;
            case 1:
                return "报名中";
                break;
        }
    })
}

html/jkjf/js/index.js

@@ -0,0 +1,164 @@
var d = dialog({contentType:'load', skin:'bk-popup'});	
var pagetype=51;
var regionalRestrictions="350205";//地区限制，开放所有就改为空字符串
(function(){
	var swiperLength=$(".fuwu-swiper .swiper-wrapper").children().length;
	if(swiperLength>1){
		var swiper = new Swiper('.fuwu-swiper', {
		    pagination: '.swiper-pagination',
		    paginationClickable: true,
		    spaceBetween: 10,
		    centeredSlides: true,
		    autoplay: 500,
		    autoplayDisableOnInteraction: false
		});
	}
	if(!$(".health-shop").parents(".i-panel").hasClass("c-hide")){
		var inifateLeft = (function(){//水平滚动代码
			var scrollDiv=$('.new-news-scroll');
			var speend=40
			var obj=$(".new-news-list")
			var html=obj.html();
			obj.html(html+html);
			var maxLeft=obj.width();
			var left=0;
			return function(){
				setTimeout(function(){
					left++;
					if(left==maxLeft/2) left=0;
					scrollDiv.scrollLeft(left)
					inifateLeft();
				},speend)
			}
		})()
		inifateLeft()
		var mySwiper = new Swiper ('.health-shop', {
	        direction: 'horizontal',
	        loop: true,
	        slidesPerView: 1.5,
	        centeredSlides:true,
	        spaceBetween: 15,
		 })
	}
	
})();
(function(){
	checkUserAgent();
	var request=GetRequest();
	if(('acquisition' in request)&&(location.hash.indexOf("acquisitionFlag")===-1)){//判断是推送消息过来的，并且防止用户刷新页面
		dialog({quickClose: true,skin:'bk-transparent', content:'<div style="position: relative;background:#fff url(../images/icon_jifen.png) no-repeat -10px 0;border-radius: 5px;background-size: 65% auto;height: 136px;">'+
		'<p style="position: absolute;right: 26px;top: 0;line-height: 136px;font-size: 25px;color: #ffa53e;">+'+request.acquisition+' 积分</p>'+
		'</div>'}).width(255).show();
		location.hash+="acquisitionFlag"
	}
	var useAgent=JSON.parse(window.localStorage.getItem(agentName));
	var accountId=window.localStorage.getItem("accountId");
	
	getTemplateHelper();
	
//	获取用户积分
	!function(){
		var params={
			creditsDetail:JSON.stringify({patientId:useAgent.uid,tradeDirection:-1}),
		};
	   	sendPost('patient/healthBank/selectAccount', params, 'json', 'post',function(){
	    	airDialog("系统繁忙，请稍后再试！");
	    	$('body').addClass('opened');
	   	},function(res){
	   		var hospital=res.data&&res.data.obj&&res.data.obj.hospital || '';
	   		var isOpen=!regionalRestrictions || regionalRestrictions.indexOf(hospital)!==-1;
//	   		if(isOpen) 
	   		$('body').addClass('opened');
//	   		else location.replace("./unopened.html");//替换当前页面
	    	if(res.status==200){
	    		var accountId=res.data&&res.data.obj&&res.data.obj.id || "";
	    		if(accountId){
	    			window.localStorage.setItem("accountId",accountId);
	    		}else{
	    			airDialog("获取用户账户信息失败")
	    		}
	    		$("#total").text(res.data&&res.data.obj&&res.data.obj.total||0);
	    		$("#useTotal").text(res.data&&res.data.obj&&res.data.obj.usedTotal||0);   
	    	}else if(res.status==-1){
	    		//商城未开放 先注释
//	    		location.replace("./unopened.html");
	    	}
	    	else{
	    		airDialog(res.msg)
	    	}
	    })
	}()
//	获得积分列表
	!function(){
	   	var params={
			task:JSON.stringify({"taskCode":["BP_BIND","GLU_BIND","BP_MEASURE","GLU_MEASURE"],"patientId":useAgent.uid}),
			page:1,
			size:10
		};
	   	sendPost('patient/healthBank/selectTasks', params, 'json', 'post',function(){
	    	airDialog("系统繁忙，请稍后再试！")
	   	},function(res){
	    	if((res.status==200)&&res.data){
		    	html = template('action_tmpl',{data: res.data.detailModelList||[]});
				$(".get-integral-act-list").html(html);
	    	}else{
	    		$('.get-integral').find('.div-no-info').removeClass('c-hide');
	    	}
	    })
	}()
//	活动列表
	!function(){
		var params={
			page:1,
			size:3, //默认初始只显示3个活动
			task:JSON.stringify({}),
		}
		sendPost('patient/healthBank/selectTask', params, 'json', 'post',function(){
	    	airDialog("系统繁忙，请稍后再试！")
	   	},function(res){
	    	if(res.status==200){
	    		var _data = res.data && res.data.detailModelList || [];
	    		for(var i=0,len=_data.length;i<len;i++){
	    			_data[i].endTime=_data[i].endTime.substr(0,10).replace(/-/g,'.');
	    			_data[i].startTime=_data[i].startTime.substr(0,10).replace(/-/g,'.');
	    		}
	    		$("#activity_list").html(template('activity_tmpl',{data: _data}));
	    		if(_data.length>1){
//					setTimeout(function(){
						var swiper = new Swiper('.activity-swiper', {
						    pagination: '.swiper-pagination',
						    paginationClickable: true,
						    spaceBetween: 10,
						    centeredSlides: true,
						    autoplayDisableOnInteraction: false,
						    autoplay: 2500
						});
//					},100)
	    		}
	    	}else{
	    		$('.activity-swiper').find('.div-no-info').removeClass('c-hide');
	    	}
	    })
	}()
	$("#activity_list").on('click','.ckxq',function(){
		var code=$(this).data('code');
		location.href="./activity-detail.html?activity_id="+code;
	})
	
})()
function airDialog(content){
	dialog({contentType:'tipsbox',top:true, skin:'bk-popup' , content:content}).show();
}
function goUrl(url){
	location.href=url
}
function getTemplateHelper(){
    template.helper("getImageUrl", function(str){
        if(str){
            return getImgUrl(str);
        }else{
            return "../images/morenhuodong_banner01_img.png";
        }
    })
}

html/jkjf/js/my-activities.js

@@ -0,0 +1,129 @@
var pagetype=54;
var useAgent=JSON.parse(window.localStorage.getItem(agentName));
var accountId=window.localStorage.getItem("accountId");
var page=1;
var loadMoreNumber=15;
var __that;
var __index=-1;
window.localStorage.removeItem('activeteCode');
!function(){
	mui.init({
	  pullRefresh : {
	    container:"#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
	    down : {
	      style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
	      color:'#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
	      height:'50px',//可选,默认50px.下拉刷新控件的高度,
	      range:'100px', //可选 默认100px,控件可下拉拖拽的范围
	      offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
	      height:50,//可选,默认50.触发下拉刷新拖动距离,
	      contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
	      contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
	      contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
	      callback :function(){
	      	getMoreList.call(this,false) //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务
	      }
	    },
	    up : {
	      height:50,//可选.默认50.触发上拉加载拖动距离
	      auto:true,//可选,默认false.自动上拉加载一次
	      contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
	      contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
	      callback :function(){
	      	__that=this;
	      	getMoreList.call(this,true) //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
	      }
	    }
	  }
	});
}()
function togglemenu(obj,id){
	if(obj!==undefined){
		if(__index==obj) return $('.i-dropdown-menu').toggleClass('i-dropdown-menu-open');
		__index=obj;
		page=1;
		var current=$((event || window.event).target);
		current.addClass('activity-active').siblings().removeClass('activity-active');
		$('#pageTitle').html(obj>=0?current.html():'选择活动')
		if(obj>=0){
			$('.activity-nav').removeClass('is-show-nav');
			window.localStorage.setItem('activeteCode',id)
		}else{
			$('.activity-nav').addClass('is-show-nav');
			window.localStorage.removeItem('activeteCode')
		}
		getMoreList.call(__that,false);
	}
	$('.i-dropdown-menu').toggleClass('i-dropdown-menu-open');
}
function getMoreList(isLoadMore) {
	var self=this;
	var __page=page=isLoadMore?page:1;
	var _url,params;
	var code=window.localStorage.getItem('activeteCode');
	$('.div-no-info').addClass('c-hide');
	if(code){
		$('.mui-pull-bottom-pocket').addClass('mui-block mui-visibility')
		_url='patient/healthBank/selectByActivity';
		params={
			creditsLogDo : JSON.stringify({"accountId":accountId}),
			page : __page,
			activityId:code,
			patientId:useAgent.uid,
			size : loadMoreNumber
		};
	}else{
		params={
			creditsLogDo : JSON.stringify({"accountId":accountId}),
			page : __page,
			size : loadMoreNumber
		};
	}
	sendPost((_url || 'patient/healthBank/selectDetails'), params, 'json', 'post',function(){
    	if(isLoadMore){
    		self.endPullupToRefresh();		        		
    	}else{		        		
    		self.endPulldownToRefresh();
    	}
    },function(res){
    	html = template('li_tmpl',{list: res.data.detailModelList});
		var ul=self.element.querySelector('.integral-list');
		var length=res.data.detailModelList.length || 0;
		!length && $('.div-no-info').removeClass('c-hide') && (__page==1 && $('.mui-pull-bottom-pocket').removeClass('mui-block mui-visibility'));
		if(isLoadMore){//是否是上拉加载
			//加载完新数据后，必须执行如下代码，true表示没有更多数据了：
			var noData=(length<loadMoreNumber);
			ul.innerHTML+=html;
			self.endPullupToRefresh(noData);
		}else{
			ul.innerHTML=html;
			self.endPulldownToRefresh();
		}
   })
}
function pullfresh() {
	var that=this;
	setTimeout(function(){
		
		//没有更多内容了，endPulldown 传入true， 不再执行下拉刷新
		that.endPulldownToRefresh();
	},1000)
}
//	活动列表
!function(){
	var params={
		page:1,
		size:10,
		task:JSON.stringify({}),
	}
	sendPost('patient/healthBank/selectTask', params, 'json', 'post',function(){
    	airDialog("系统繁忙，请稍后再试！")
   	},function(res){
    	if(res.status==200){
    		var _data = res.data && res.data.detailModelList || [];
    		$(".dropdown-list").append(template('activity_list_tmpl',{list: _data}));
    	}else{
    		$('.activity-swiper').find('.div-no-info').removeClass('c-hide');
    	}
    })
}()

html/jkjf/js/my-passbook.js

@@ -0,0 +1,100 @@
mui.init();
var d = dialog({contentType:'load', skin:'bk-popup'});
var pagetype=53;
(function(mui) {
	checkUserAgent();
	var unUserPage=userPage=1;//初始化页数
	var loadMoreNumber=15;//一次加载几条
	var useAgent=JSON.parse(window.localStorage.getItem(agentName));
	var accountId=window.localStorage.getItem("accountId");
	findAccount();
	function initPage(){
		var deceleration = mui.os.ios?0.003:0.0009;
		mui('.mui-scroll-wrapper').scroll({
			bounce: false,
			indicators: false, //是否显示滚动条
			deceleration:deceleration
		});
		
	}
	function getIntegralList(index, isLoadMore){
		var self= this;
		var tradeDirection,__page;
		var useAgent=JSON.parse(window.localStorage.getItem(agentName));
		if(index===0){
			tradeDirection=1;
			unUserPage=__page=isLoadMore?unUserPage:1;
		}else{
			tradeDirection=-1;
			userPage=__page=isLoadMore?userPage:1;
		}
		var params={
			creditsLogDo : JSON.stringify({"accountId":accountId,"tradeDirection":tradeDirection}),
//					tradeDirection : tradeDirection,
			page : __page,
			size : loadMoreNumber
		};
	   	sendPost('healthBank/selectDetails', params, 'json', 'post',function(){
        	if(isLoadMore){
        		self.endPullupToRefresh();
        	}else{
        		self.endPulldownToRefresh();
        	}
        	airDialog('服务器繁忙，请稍后再试！')
        },function(res){
        	html = template('li_tmpl',{list: res.data&&res.data.detailModelList});
			var ul=self.element.querySelector('.integral-list');
			var length=res.data && res.data.detailModelList && res.data.detailModelList.length || 0;
			if(isLoadMore){//是否是上拉加载
				ul.innerHTML+=html;
				//加载完新数据后，必须执行如下代码，true表示没有更多数据了：
				if((length==0&&unUserPage==1)||(length==0&&userPage==1)){
					$('.mui-pull-caption-refresh').hide();
					$(ul).hide();
					$(ul).parents(".mui-slider-item").find('.div-no-info').removeClass("c-hide");
				}else{					
					if(index===0) unUserPage++;
					else userPage++;
				}
				//
				self.endPullupToRefresh(length<loadMoreNumber);
			}else{
				ul.innerHTML=html;
				self.endPulldownToRefresh();
			}
       })
	}
	function findAccount(){
		var params={
			creditsDetail:JSON.stringify({patientId:useAgent.uid,tradeDirection:-1}),
		};
	   	sendPost('patient/healthBank/selectAccount', params , 'json', 'post',function(){
	    	airDialog("系统繁忙，请稍后再试！");
	    	$('.div-no-info').removeClass('c-hide');
	   	},function(res){
	    	if(res.status==200){
	    		var accountId=res.data&&res.data.obj&&res.data.obj.id || "";
	    		if(accountId){
	    			window.localStorage.setItem("accountId",accountId);
	    			initPage();
	    		}else{
	    			$('.div-no-info').removeClass('c-hide');
	    			airDialog("获取用户账户信息失败")
	    		}
	    		var total=res.data && res.data.obj && res.data.obj.total || 0;
	    		var useTotal=res.data && res.data.obj && res.data.obj.usedTotal || 0;
	    		$(".totalable").text(total);
	    		$("#useTotal").text(useTotal);
	    	}else{
	    		airDialog(res.msg)
	    	}
	    })
	}
})(mui);
function airDialog(content){
	dialog({contentType:'tipsbox',top:true, skin:'bk-popup' , content:content}).show();
}
function goUrl(url){
	if(url) location.href=url;
	else airDialog('功能开发中，敬请期待！')
}

html/jkjf/js/passbook.js

@@ -0,0 +1,119 @@
mui.init();
var d = dialog({contentType:'load', skin:'bk-popup'});
var pagetype=52;
(function(mui) {
	checkUserAgent();
	var unUserPage=userPage=1;//初始化页数
	var loadMoreNumber=15;//一次加载几条
	var useAgent=JSON.parse(window.localStorage.getItem(agentName));
	var accountId=window.localStorage.getItem("accountId");
	findAccount();
	function initPage(){
		var deceleration = mui.os.ios?0.003:0.0009;
		mui('.mui-scroll-wrapper').scroll({
			bounce: false,
			indicators: false, //是否显示滚动条
			deceleration:deceleration
		});
		mui.each(document.querySelectorAll('.mui-slider-group .mui-scroll-wrapper'), function(index, pullRefreshEl) {
	            mui(pullRefreshEl).pullRefresh({
	                down: {
	                    callback: function() {
	                    	getIntegralList.call(this,index, false)
	                    }
	                },
	                up: {
	                	auto:true,
	                    callback : function() {
	                    	getIntegralList.call(this,index,true)
	                    }
	                }
            });
	 	})
		var selectIndex=location.hash.substr(1) | 0
		if(selectIndex){
			if($('.integral-type').find('a').length<=selectIndex) return ;
			$('.integral-type').find('a').eq(selectIndex).addClass('mui-active').siblings('a').removeClass('mui-active');
			$('.mui-slider-item').eq(selectIndex).addClass('mui-active').siblings('div').removeClass('mui-active');
			$('.mui-slider-group').css({'transform': ('translate3d(-'+($('.mui-scroll').width()*selectIndex)+'px, 0px, 0px) translateZ(0px)'),'transition-duration': '0ms'});
		}
	}
	function getIntegralList(index, isLoadMore){
		var self= this;
		var tradeDirection,__page;
		var useAgent=JSON.parse(window.localStorage.getItem(agentName));
		var accountId=window.localStorage.getItem("accountId");
		if(index===0){
			tradeDirection=null;
			unUserPage=__page=isLoadMore?unUserPage:1;
		}else{
			tradeDirection=-1;
			userPage=__page=isLoadMore?userPage:1;
		}
		var params={
			creditsLogDo : JSON.stringify({"accountId":accountId,"tradeDirection":tradeDirection}),
			page : __page,
			size : loadMoreNumber
		};
	   	sendPost('patient/healthBank/selectDetails', params, 'json', 'post',function(){
        	if(isLoadMore){
        		self.endPullupToRefresh();
        	}else{
        		self.endPulldownToRefresh();
        	}
        	airDialog('服务器繁忙，请稍后再试！')
        },function(res){
        	html = template('li_tmpl',{list: res.data&&res.data.detailModelList});
			var ul=self.element.querySelector('.integral-list');
			var length=res.data && res.data.detailModelList && res.data.detailModelList.length || 0;
			if(isLoadMore){//是否是上拉加载
				ul.innerHTML+=html;
				//加载完新数据后，必须执行如下代码，true表示没有更多数据了：
				if(length==0&&unUserPage==1){
					$('.mui-pull-caption-refresh').hide();
					$(ul).hide();
					$(ul).parents(".mui-slider-item").find('.div-no-info').removeClass("c-hide");
				}else{					
					if(index===0) unUserPage++;
					else userPage++;
				}
				//
				self.endPullupToRefresh(length<loadMoreNumber);
			}else{
				ul.innerHTML=html;
				self.endPulldownToRefresh();
			}
       })
	}
	function findAccount(){
		var params={
			creditsDetail:JSON.stringify({patientId: useAgent.uid,tradeDirection:-1}),
		};
	   	sendPost('patient/healthBank/selectAccount', params , 'json', 'post',function(){
	    	airDialog("系统繁忙，请稍后再试！");
	    	$('.div-no-info').removeClass('c-hide');
	   	},function(res){
	    	if(res.status==200){
	    		var accountId=res.data&&res.data.obj&&res.data.obj.id || "";
	    		if(accountId){
	    			window.localStorage.setItem("accountId",accountId);
	    			initPage();
	    		}else{
	    			$('.div-no-info').removeClass('c-hide');
	    			airDialog("获取用户账户信息失败")
	    		}
	    		$("#total").text(res.data&&res.data.obj&&res.data.obj.total||0);
	    		$("#useTotal").text(res.data&&res.data.obj&&res.data.obj.usedTotal||0);   
	    	}else{
	    		airDialog(res.msg)
	    	}
	    })
	}
})(mui);
function airDialog(content){
	dialog({contentType:'tipsbox',top:true, skin:'bk-popup' , content:content}).show();
}
function goUrl(url){
	if(url) location.href=url;
	else airDialog('功能开发中，敬请期待！')
}