增加核酸预约功能

html/hesuanYuYue/css/payment.css

@@ -0,0 +1,575 @@
.bgc-f2f3f4{
	background-color: #f2f3f4;
}
.bgc-000{
	background-color: #000000;
}
.c-ff9526{
	color: #ff9526;
}
.c-ff5e6c{
	color: #ff5e6c;	
}
.c-FF6A56{
color: #FF6A56; 
}
.c-f25{
	font-size: 25px;
}
.c-f30{
	font-size: 30px;
}
.plr35{
	padding-left: 35px;
	padding-right: 35px;	
}
.plr30{
	padding-left: 30px;
	padding-right: 30px;	
}
.ptb3{
	padding-top: 3px;
	padding-bottom: 3px;
}
.ptb8{
	padding-top: 8px;
	padding-bottom: 8px;
}
.p30{
	padding: 30px;
}
.p15{
	padding: 15px;
}
.pb25{
	padding-bottom: 25px;
}
.pb15{
	padding-bottom: 15px;
}
.pt15{
	padding-top: 15px;
}
.c-95{
	width: 92%;
}
.c-radius-5{
	border-radius: 5px;
}
.c-c8c8c8{
	color: #c8c8c8;	
}
.c-t-lr-radius-20{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.c-b-lr-radius-20{
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.c-radius-20{
	border-radius: 10px;
}
.ptb13{
	padding-top: 13px;
	padding-bottom: 13px;	
}
.pl25{
padding-left: 25px;}
.mt7{
	margin-top: 7px;
}
.mt25{
	margin-top: 25px;
}
.pt12{
	padding-top: 12px;
}
[v-cloak] {
  display: none;
}
.w3-row:after {
	content: "";
	display: table;
	clear: both
}
.w3-col {
	float: left;
	width: 100%
}
.w3-rest{overflow:hidden}
a:active{
	color:#FFFFFF;
}
/*缺省页*/
.default-div{
	text-align: center;
	position: relative;
	top: 100px;
}
/*缺省页*/
/*缴费查询*/
.qiehuan-txt{
	color:#17B3EC;
	text-decoration: underline;
	/*padding-left: 10px;*/
}
.date-icon{
	float: right;
	width: 20px;
	height: 20px;
	margin-top: 3px;
}
.labelIcon{
  background-repeat: no-repeat;
  background-image: url(../../payment/images/weixinzhifu_bg_img.png);
  background-size: 100% 100%;
  padding:9px  10px 9px 15px;
  /*height: 100px;*/
  color:#ffffff;
  margin-top: 15px;
  position: relative;
}
.labelIcon.weixin{
  background-image: url(../../payment/images/weixinzhifu_bg_img.png);	
}
.labelIcon.zhifubao{
  background-image: url(../../payment/images/zhifubaozhifu_bg_img.png);	
}
.labelIcon.yinlian{
  background-image: url(../../payment/images/yinlianzhifu_bg_img.png);	
}
.labelIcon.xianjin{
  background-image: url(../../payment/images/xianjichongzhi_bg_img.png);	
}
.labelIcon.jiuzhen2{
  padding: 0;
  background-image: url(../../payment/images/icon_jiuzhen2.png);	
}
.labelIcon.zhuyuan2{
  padding: 0;
  background-image: url(../../payment/images/icon_zhuyuan2.png);	
}
.circle-btn{
	position: fixed;
    bottom: 80px;
    right: 20px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #4DCD70;
    border: 1px solid #12AA3C;
    font-size: 11px;
    color: #FFFFFF;    
    text-align: center;
    z-index: 2;
}
.mask{
	background-color: rgba(0,0,0,.5);
    font-size: 17px;
    line-height: 104px;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: -webkit-fill-available;
    width: -webkit-fill-available;
    width: -moz-fill-available;
    width: -moz-available;    /* FireFox目前这个生效 */
    width: fill-available;
    border-radius: 5px;
}
.mbsc-ios .dwwol {
    padding: 0 .833333em;
    height: 50px;
    margin: -1.5em 0;
    border-top: 0px solid #dbdbdb;
    border-bottom: 0px solid #dbdbdb;
}
.c-lab-mor li{
	border-bottom: 0px;
	padding-top: 8px;
	padding-bottom: 7px;
	font-size: 16px;
	line-height: 30px;
	height: 45px;
	color: #666666;
}
.c-lab-mor li.curr{
	color: #4DCD70;
}
.c-lab-mor li.curr:after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    background: #4DCD70;
    margin: 3px auto;
}
.c-lab-mor li:first-child {
   /*border-right: 1px solid #E1E1E1;*/
}
/*缴费查询*/
/*就诊卡缴费*/
.jiuzhen,.jiuzhen2{
	
}
.jiuzhen .card-icon{
   background-repeat: no-repeat;
   background-image: url(../../payment/images/biaoqian_lvse_img.png);
   /*background-image: url(../../payment/images/icon_jiuzhen3.png);*/
   background-size: 100% 100%;
   padding:1px  10px 1px 18px;
   color:#ffffff;   
   font-size: 14px;
   height: 20px;
   line-height: 20px;
}
.jiuzhen2 .card-icon{
   background-repeat: no-repeat;
   /*background-image: url(../../payment/images/biaoqian_lvse_img.png);*/
   background-image: url(../../payment/images/icon_jiuzhen3.png);
   background-size: 100% 100%;
   padding:1px  10px 1px 18px;
   color:#ffffff;   
   font-size: 14px;
   height: 20px;
   line-height: 20px;
}
.jiuzhen .c-btn-full,.jiuzhen .c-btn-big{
	background: #4dcd70;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.zhuyuan,.zhuyuan2{
	
}
.zhuyuan .card-icon{
   background-repeat: no-repeat;
   background-image: url(../../payment/images/biaoqian_hongse_img.png);
   /*background-image: url(../../payment/images/icon_zhuyuan3.png);*/
   background-size: 100% 100%;
   padding:1px  10px 1px 18px;
   color:#ffffff; 
   font-size: 14px; 
   height: 20px;
   line-height: 20px;
}
.zhuyuan2 .card-icon{
   background-repeat: no-repeat;
   /*background-image: url(../../payment/images/biaoqian_hongse_img.png);*/
   background-image: url(../../payment/images/icon_zhuyuan3.png);
   background-size: 100% 100%;
   padding:1px  10px 1px 18px;
   color:#ffffff;  
   height: 20px;
   font-size: 14px;
   line-height: 20px;
}
.zhuyuan .c-btn-full,.zhuyuan .c-btn-big{
	background: #17B3EC;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.jiuzhen2 .createdata,.zhuyuan2 .createdata{
	color: #D7FFE2;
}
.zhuyuan2 .createdata{
	color: #FFC8CD;
}
.p-fix-bottom-0{
	position: fixed;bottom: 0px;
}
.c-f14-320-12{font-size: 14px;}
.surplusMoney{float: right;margin-top: -2px;}
@media screen and (device-width: 320px)  and (-webkit-device-pixel-ratio: 2){
	.surplusMoney{float: none;margin-top:5px;font-size: 14px;}
	.c-f14-320-12{font-size: 12px;}
}
.morenSpan{
	border: 1px solid #ffffff;
    padding: 0px 5px;
    border-radius: 3px;
}
.red-point,.white-line{
  position: relative;
}
.red-point::before{
  content: " ";
  border: 4px solid #FF5E6C;/*设置红色*/
  border-radius:4px;/*设置圆角*/
  position: absolute;
  z-index: 1000;
  right: 0;
  margin-right: -5px;
}
.white-line::after{
	position: absolute;
    top: 5px;
    right: 0px;
    width: 1px;
    height: 14px;
    content: "";
    background: rgb(220,238,226);
}
/*就诊卡缴费*/
/*缴费结果页面*/
.success-pay{}
.success-pay .txtColor,.c-4dcd70{
	color: #4dcd70;
}
.failure-pay{}
.failure-pay .txtColor{
	color: #FF5E6C;
}
.synchronization-pay{}
.synchronization-pay .txtColor{
	color: #FF5E6C;
}
/*.synchronization-pay .failure-btn,.success-pay .failure-btn{display: none;}*/
.failure-pay .success-list{display: none;}
/*缴费结果页面*/
/*我的就诊卡包*/
.geduan{
  background-repeat: no-repeat;
  background-image: url(../../payment/images/geduan_img.png);
  background-size: 100% 100%;
  height: 15px;
}
.jiaoyanBtn{
	border:1px solid #4dcd70;
	border-radius: 15px;
	width: 90px;
	text-align: center;
	color: #4dcd70;
	font-size: 14px;
	height: 28px;
    line-height: 28px;
    float: right;
    margin-top: 1px;
}
.input-bcard{
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	color:#999999;
	line-height: 32px;
	width: calc(100vw - 125px);
}
.w-calc-220{
	width: calc(100vw - 220px);
}
/*我的就诊卡包*/
/*候诊查询*/
.top-div{
	padding: 15px 10px;
}
.jiuzhen .top-div{
	background: #4DCD70;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.jiancha{}
.jiancha .top-div{
	background: #FF9526;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.waitingDoctorList:after {
    content: '';
    height:100px;
    width: 180px;
    background: url(../../payment/images/paiduipeitu_img.png) no-repeat;
    background-size: 180px 96px;
    background-position: 50%;
    margin-left: -90px;
    position: fixed;
    left: 50%;
    bottom: 100px;
    z-index: -1;
}
/*候诊查询*/
.c-list>.list-arrow-r:after, .c-list>.list-arrow-u:after, .c-list>.list-arrow-d:after {
    position: absolute;
    top: 50%;
    right: .75rem;
    margin-top: -0.25rem;
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    border: solid #cdcdcd;
    border-width: .1rem .1rem 0 0;
    /*-webkit-transform: rotate(45deg);
    transform: rotate(45deg);*/
}
.c-list>.list-arrow-d:after {
    right: .65rem;
    margin-top: -0.5rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.c-list>.list-arrow-u:after {
    right: .65rem;
    margin-top: -0.1rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#fee-table{
	
}
#fee-table td,#fee-table th{
	padding-top: 10px;
}
#fee-table th{
	font-size: 12px;
}
#fee-table td{
	font-size: 14px;
}
.c-list > .c-list-link:active {
    background-color: #ffffff;
    }
    
.dianzikaBg{
  background-repeat: no-repeat;
  background-image: url(../../payment/images/dianzika_bg_img.png);
  background-size:100% 100%;
  padding:72px  10px 58px 15px;
  /*height: 100px;*/
  position: relative;
  text-align: center;
}
.dianzikaFont{
 color: #333333;
 font-size: 14px;
 text-align: left;
 padding-left: 20px;
}
@media screen and (max-width: 330px) {
    .dianzikaFont{
         font-size: 12px;
         padding-left: 10px;
    }
    .dianzikaBg{
        background-size:contain;
        padding:52px 10px 48px 15px;
    }
}
@media screen and (min-width: 750px) {
    .dianzikaFont{
         font-size: 12px;
         padding-left: 10px;
    }
    .dianzikaBg{
        background-size:contain;
        padding:52px 10px 48px 15px;
    }
    .jiuzhenma{
        width: 290px;
    }
}
.c-border-r-5{
    border-radius: 5px;
}
.c-border-r-10{
    border-radius: 10px;
}
.mui-picker-col-name{
    display:none;
}
.mui-picker,.mui-poppicker{
    background-color: #ffffff
}
.mui-pciker-list li.highlight,.mui-poppicker-btn-ok{
    color:#4dcd70;
}
.mui-poppicker-header .mui-btn{
    font-size: 16px;
    border: none;
    background: none;
}
.input-group.input-border .form-control,.input-group.input-border .input-group-addon{
    font-size: 16px;
}
.electronic .card-icon{
   background-repeat: no-repeat;
   background-image: url(../../payment/images/biaoqian_huangse_img.png);
   background-size: 100% 100%;
   padding:1px  10px 1px 18px;
   color:#ffffff; 
   font-size: 14px; 
   height: 20px;
   line-height: 20px;
}
.radioClass{
    margin-top: 5px;
}
.radioClass::before{
  content:"";
   background-repeat: no-repeat;
   background-image: url(../../payment/images/xuanze_moren_btn.png);
   background-size: 100% 100%;
   padding:1px  10px 1px 10px;
   color:#ffffff; 
   font-size: 14px; 
   margin-right:5px;
}
.radioClass.active::before{
   background-repeat: no-repeat;
   background-image: url(../../payment/images/dianxuan_btn.png);
   background-size: 100% 100%;
}

html/hesuanYuYue/html/selPatient.html

@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
        <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"/>
		<title>选择就诊人</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="shortcut icon" href="../../../favicon.ico">
		<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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../css/mobiscroll.css">
		<link rel="stylesheet" href="../css/payment.css" />		
	</head>
	<style>
		body:after{
			background: none;
		}
	</style>
	<body class="bgc-f2f3f4">
		<div id="app" v-cloak>
			<!--<div class="c-f14 c-fff ptb10 bgc-000 pl15"><img src="../../payment/images/tishi02_icon.png" width="13" class="mr10"/>查看就诊卡信息，快速进行在线缴费</div>-->
			<div  class="plr15" v-show="length!=0">	
			    <div class="mt10" @click="gotoEHCard('')" v-if="!hasEleCard">
			        <img src="../../payment/images/jiankangkabao_img.png" style="width: 100%;"/>
			    </div>
				<div class="bgc-fff mt10 c-radius-20 c-f14" :class="item.type=='1'?'jiuzhen':'electronic'" v-for="(item,i) in dataList" v-key="i"  @click="gotoDetail(item.id,item.type)">
					<div class="pt12 pb5 pl15">
						<span class="c-333333">{{item.cardNo}}&nbsp;({{item.name}})&nbsp;</span>
						<span  style="float: right;">
							<span class="card-icon c-f14">{{item.type=='1'?'就诊卡':'健康卡'}}</span>
						</span>						
					</div>	
					<div class="geduan"></div>
					<div class="pt5 pb10 c-t-center">
						<span v-if="item.isDefault==1" v-on:click.stop="setDefault(item.id,0,'是否取消默认')" class="c-4dcd70"><img src="../../payment/images/xuanzhemoren_btn.png" width="22" class="mr5"/>默认</span>
						<span v-else class="c-4dcd70" v-on:click.stop="setDefault(item.id,1,'是否设置为默认')"><img src="../../payment/images/quxiaomoren_btn.png" width="22" class="mr5"/>设为默认</span>
					</div>
				</div>
			</div>
			<div class="default-div" v-show="length==0">
				<img src="../../payment/images/wushuju.png" width="222"/>
				<div class="c-999 c-f14 pt30" @click="gotoBindingCard">
					暂无就诊卡或健康卡，请添加
				</div>
			</div>
	        <!--<div style="position: fixed;right: 10px;bottom: 180px;" @click="yuyueListGo">
	            <img src="../images/shenqingjilu.png" width="50">
	        </div>-->
	        <div style="position: fixed;right: 10px;bottom: 110px;" @click="reportListGo">
	            <img src="../images/chaxunbaogao.png" width="50">
	        </div>
			<div :class="BtnClass" class="c-100">	
				<div class="pb20 plr15" style="margin: 0 auto 10px;">					
			<button type="button" class="c-btn-087eff c-btn-full c-btn-big scrollBtn" style="height: 45px;color:#fff;"><img src="../../payment/images/tianjia_icon.png" width="22" class="mr10"/>添加就诊卡或健康卡</button>
					<!--<div class="mt10 c-t-center c-c8c8c8 c-f14">还可以添加<span class="c-4dcd70">{{surplus}}</span>张</div>-->
				</div>	
			</div>
		</div>
		<script src="../../../js/post.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
		<script src="../../../js/mobiscroll-2.17.1-new.js"></script>
		<script src="../js/selPatient.js"></script>
	</body>
</html>

html/hesuanYuYue/html/yuyueDetail.html

@@ -0,0 +1,254 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
        <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"/>
		<title>申请详情</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="shortcut icon" href="../../../favicon.ico">
		<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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" href="../css/payment.css" />		
	</head>
	<body class="bgc-f2f3f4">
		<div id="app"  v-cloak>	
			<div class="mt10 success-list">	
				<div class="c-f16 plr15 pb10">
					申请信息
				</div>
				<ul class="c-list  c-border-b">
					<li class="ptb13">
						<div class="c-list-info c-999">姓名</div>
			            <div class="c-list-key">{{data.name||applyInfo.name}}</div>					
					</li>
					<li class="ptb13">
						<div class="c-list-info c-999">就诊卡号</div>
			            <div class="c-list-key">{{data.cardNo1||applyInfo.caseNumber1}}</div>					
					</li>
					<li class="ptb13">
						<div class="c-list-info c-999">申请时间</div>
			            <div class="c-list-key">{{applyInfo.appointmentTime}}</div>					
					</li>
					<li class="ptb13 ui-grid">
						<div class="ui-col-0 pr15 c-999">申请项目</div>
		    			<div class="ui-col-0 c-t-right" style="width: calc(100% - 90px);">
		    				<span style="text-align:left;display: inline-block;display: -webkit-inline-box;">{{applyInfo.inspectionName}}</span>
		    			</div>				
					</li>
					<li class="ptb13">
						<div class="c-list-info c-999">费用</div>
			            <div class="c-list-key">{{applyInfo.payAmount}} 元</div>					
					</li>
				</ul>
			</div>
			<div class="pt20 c-333 c-f14 plr15" v-if="applyInfo.payStatus == 1"> <!--已支付-->
				<img src="../../payment/images/tishi_icon.png" width="13" class="mr10"/>温馨提示:
				<div class="c-999 mt15">
					<p>1.请您持核酸开单支付凭证、就诊卡号至我院核酸检测点（门诊门口愿检尽检核酸采样点）进行采样检验。</p>
					<p>2.查询核酸检测报告，报告查询-查看检验报告；如需打印，请至门诊大厅自助机打印检测报告单；如需盖章，请至服务中心窗口盖章。</p>
					<p>3.若需退费，请到门诊大厅收费窗口进行退费。</p>
				</div>
			</div>
			<div class="c-100 mt50" v-if="toYuyue"><!--待预约-->
				<div class="mtb5 plr15 w3-row">
					<div class="w3-col" style="width:50%;">
					<button type="button" class="c-btn-fff c-btn-arc  c-btn-full c-btn-big mr5" style="height: 45px;color:#333333;padding: 0;" @click="cancleDetail">取消</button>			
					</div>
					<div class="w3-col" style="width:50%;">
					<button type="button" class="c-btn-4dcd70 c-btn-arc c-btn-full c-btn-big ml5" style="height: 45px;" @click="confirmDetail">确认</button>						
					</div>					
				</div>
			</div>
			<div class="p30 failure-btn" v-if="applyInfo.payStatus == 0"><!--待支付-->
				<button type="button" class="c-btn-4dcd70 c-btn-arc c-btn-full  c-btn-big" style="height: 45px;" @click="gotoPay">去支付</button>
			</div>
		</div>
		<script src="../../../js/post.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
		<script>
			var Request = GetRequest();
			var checktype=false;
			var loading = dialog({
				contentType: 'load',
				skin: 'bk-popup',
			});
			(function() {
				var myvue=new Vue({
					el: "#app",
					data: {
						applyInfo:{
							appointmentTime:"",
							inspectionName:"新型冠状病毒核酸检测组合套餐",
							payAmount:"69.00"
						},
						data:{},
						toYuyue:false,
					},
					mounted:function(){
						var vm = this
						checkUserAgent();
						vm.code=JSON.parse(localStorage.getItem("wlyyAgent")).uid
//						vm.checkType()
						vm.applyInfo.appointmentTime = getNowFormatDate()
						if(Request.toYuyue){
							document.title="确认申请"
							vm.toYuyue = true
							vm.checkType()
						}else if(Request.data){
							vm.applyInfo =JSON.parse(decodeURI(Request.data))
							vm.applyInfo.caseNumber1=vm.applyInfo.caseNumber.substr(0,1)+"*******"+vm.applyInfo.caseNumber.substr(vm.applyInfo.caseNumber.length-4,4)
							vm.applyInfo.payAmount = vm.applyInfo.chargeAmount.toFixed(2)
						}
					},
					methods: {
						//获取就诊卡
						getData: function() {
							var vm = this
							loading.showModal();
							sendPost("patient/card/getCardList", {
								patient: vm.code
							}, "json", "get", function() {
								loading.close();
								dialog({
									contentType: 'tipsbox',
									bottom: true,
									skin: 'bk-popup',
									content: '请求失败'
								}).show();
							}, function(res) {
								if(res.status == 200) {
									if(res.data.length > 0) {
										vm.cardlenght = res.data.length
										if(Request.id) {
											vm.data = res.data.filter(function(item) {
												return item.id == Request.id
											})[0]
											if(!vm.data) {
												vm.data = res.data.filter(function(item) {
													return item.isDefault == 1
												})[0]
											}
										} else {
											vm.data = res.data.filter(function(item) {
												return item.isDefault == 1
											})[0]
										}
										if(!vm.data) {
											vm.data = res.data[0]
										}   
										vm.data.cardNo1 = vm.data.cardNo
			                            if(vm.data.type=="2"){
			                                vm.data.cardNo1=vm.data.cardNo.substr(0,1)+"*******"+vm.data.cardNo.substr(vm.data.cardNo.length-4,4)
			                            }
										vm.cardId = vm.data.id
										vm.hisId = vm.data.hisId
									} else {
										dialog({
											content: "请先绑定就诊卡！",
											okValue: '确定',
											ok: function() {
												window.location.href = '../../hesuanYuYue/html/selPatient.html';
											},
										}).showModal()
									}
									loading.close();
								} else {
									loading.close();
									dialog({
										contentType: 'tipsbox',
										bottom: true,
										skin: 'bk-popup',
										content: '数据获取失败'
									}).show();
								}
							})
						},
						gotoPay:function(id){
						    window.location.href='../../payment/html/repayment.html?id='+id+"&origin=hesuanYuyue";
						},
						//确认预约
						confirmDetail:function(){
							var loading1 = dialog({
								contentType: '核酸检测申请中，请耐心等待……',
								skin: 'bk-popup'
							});
							var vm = this
							loading1.showModal();
							sendPost("patient/nucleciAcid/appointment", {
								caseNumber: vm.data.cardNo,
								type:vm.data.type
							}, "json", "post", function() {
								loading1.close();
								dialog({
									contentType: 'tipsbox',
									bottom: true,
									skin: 'bk-popup',
									content: '请求失败'
								}).show();
							}, function(res) {
								loading1.close()
								if(res.status == 200) {
									vm.gotoPay(vm.cardId)
								} else {
									dialog({
										contentType: 'tipsbox',
										bottom: true,
										skin: 'bk-popup',
										content: res.msg
									}).show();
								}
							})
						},
						//取消预约
						cancleDetail:function(){
							window.location.href="../../hesuanYuyue/html/selPatient.html";
						},
						//判断是否验证登录通过
						checkType:function(){
							var vm=this
							var timer = setInterval(function(){
								if(checktype){
									clearInterval(timer);
									vm.getData()
								}
							},10);
						},
					},
				})
			
			})()
			
			function queryInit(){
				checktype=true
			}
			function getNowFormatDate() {
				var date = new Date();
				var seperator1 = "-";
				var year = date.getFullYear();
				var month = date.getMonth() + 1;
				var strDate = date.getDate();
				if(month >= 1 && month <= 9) {
					month = "0" + month;
				}
				if(strDate >= 0 && strDate <= 9) {
					strDate = "0" + strDate;
				}
				var hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
				var minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
				var second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
				var currentdate = year + seperator1 + month + seperator1 + strDate + "  " + hour + ":" + minute + ":" + second;
				return currentdate;
			}
		</script>
	</body>
</html>

html/hesuanYuYue/html/yuyueList.html

@@ -0,0 +1,311 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">		
        <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"/>
		<title>核酸预约申请记录</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="shortcut icon" href="../../../favicon.ico">
		<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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../css/mobiscroll.css" />
		<link rel="stylesheet" href="../../informationSearch/css/index.css" />		
	</head>
	<body class="bgc-f2f3f4">
		<div id="app" v-cloak>
			<!--<div class="bgc-fff c-f17 plr15 ptb10" >
				<span class="c-333">{{data.cardNo}}&nbsp;<span v-if="data.name">(</span>{{data.name}}<span v-if="data.name">)</span>&nbsp;</span>
				<span v-if="cardlenght>1" class="qiehuan-txt" @click="changeCards">切换</span>
				<img src="../../informationSearch/images/rili_icon.png" class="date-icon"/>			
			</div>-->
			<div id="wrapper" class="mui-scroll-wrapper"> <!--style="top: 45px;"-->
				<div class="mui-scroll">
					<ul class="plr15 pb15"  v-show="length!=0">	
						<template  v-for="(item,i) in dataList" v-key="i">
							<li class="bgc-fff c-radius-5 mt15 c-border" @tap="gotoResult(item)">
								<div class="c-333 c-f14 plr10 ptb10 c-border-b">
									<span>上饶市广信区人民医院</span>
									<span style="float: right;" :class="item.payStatusJson.color">{{item.payStatusJson.name}}</span>
								</div>
								<div class="ptb10 plr10 c-333 c-f16">						
									<div>
										<span class="c-999">申请时间：</span>{{item.appointmentTime}}
									</div>	
									<div class="pt5">
										<span class="c-999">就诊人：</span>{{item.name}}
									</div>
									<div class="pt5">
										<span class="c-999">就诊卡号：</span>{{item.caseNumber}}
									</div>
									<div class="pt5 ellipsis-2">
										<span class="c-999">检查项目：</span>{{item.inspectionName}}
									</div>
								</div>
							</li>
						</template>
					</ul>
					<div class="default-div" v-show="length==0">
						<img src="../../informationSearch/images/wushuju.png" width="222"/>
						<div class="c-999 c-f14 pt30">
							暂无相关申请记录
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../../js/post.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
		<script src="../../../js/mobisroll-1412.js"></script>
		<script>
			var Request = GetRequest();
			var checktype=false;
			var loading = dialog({
				contentType: 'load',
				skin: 'bk-popup',
			});
			mui.init()
			var iscrollState='';//判断滑动方向
			(function() {
				mui.init({
					pullRefresh : {
					    container:'#wrapper',
					    down : {
						    height:50,
						    auto: false,
						    contentdown : "下拉可以刷新",
						    contentover : "释放立即刷新",
						    contentrefresh : "正在刷新...",
						    callback: function(){		    		
						    	iscrollState='down'
						    	myVue.isdown()
							}
					    },
					    up : {
					    	height:50,
						    contentinit: '',
							contentdown: '',
						    contentrefresh : "正在加载...",
						    contentnomore:'没有更多数据了',
						    callback: function() {
						    	iscrollState='up'
						    	myVue.isup()
							}
					    }
					}
				})
				var myVue=new Vue({
					el: "#app",
					data: {
						data:{},
						dataList:[],
						length:1,
						cardlenght:0,
						cardId:"",
						queryList:{
							patientCardNo:"",
						    startDate:"",
						    endDate:""
						},
						code:"",
						healthType:["","门诊充值","住院充值"],
						isUPsuccess:true,   //上拉锁，搜索成功则释放   
						page:1,
						size:10,
						payStatus:{'-1':{
							name:'已取消',color:"c-999"
						},'0':{
							name:'去支付',color:"c-ff5e6c"
						},'1':{
							name:'已支付',color:"c-4dcd70"
						},}
					},
					mounted: function() {
						var vm = this
						checkUserAgent();
						vm.checkType()
						vm.code=JSON.parse(localStorage.getItem("wlyyAgent")).uid	
			            vm.queryList.startDate=new Date().getFullYear()+"0101"	
			            vm.queryList.endDate=new Date().getFullYear()+"1231"
//						vm.eventClick()
						var deceleration = mui.os.ios ? 0.003 : 0.0009;
						mui('.mui-scroll-wrapper').scroll({
							bounce: false,
							indicators: true, //是否显示滚动条
							deceleration: deceleration,
						});		
					},
					methods: {	
						//获取就诊卡
						getData:function(){
							var vm=this
							loading.showModal();
							 sendPost("patient/card/getCardList", {patient:vm.code}, "json", "get",function(){
							 	loading.close();
						    	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求失败'}).show();
						       }, function(res){
						        if(res.status == 200){ 
						        	if(res.data.length>0){
						        		vm.cardlenght=res.data.length
										if(Request.id){																
							        		vm.data=res.data.filter(function(item){
							        			return item.id==Request.id
							        		})[0]
							        		if(!vm.data){
						        				vm.data=res.data.filter(function(item){
								        			return item.isDefault==1
								        		})[0]
						        			}
										}else{								
							        		vm.data=res.data.filter(function(item){
							        			return item.isDefault==1
							        		})[0]
										}
										if(!vm.data){
						        			vm.data=res.data[0]
						        		}
										vm.cardId=vm.data.id
						        		vm.queryList.patientCardNo=vm.data.cardNo                
			                            if(vm.data.type=="2"){
			                                vm.data.cardNo=vm.data.cardNo.substr(0,1)+"*******"+vm.data.cardNo.substr(vm.data.cardNo.length-4,4)
			                            }
						        		vm.getList()
						        	}else{
						        		dialog({
								            content: "请先绑定就诊卡！", 
								            okValue: '确定',
								            ok: function(){
												window.location.href='../../hesuanYuyue/html/selPatient.html';
								            },
								        }).showModal()
						        	}
						        }else{
							 	  loading.close();
						          dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据获取失败'}).show();
						        }
						    })
						},
						//获取列表数据
						getList:function(){
							var vm=this
							loading.showModal();
							vm.dataList=[]
							var params={
								patient:vm.code,
								page:vm.page,
								size:vm.size
							}
			                sendPost("patient/nucleciAcid/appointmentList", params, "json", "get",function(){
						   		loading.close();
						   		mui('#wrapper').pullRefresh().endPulldownToRefresh(false);
								mui('#wrapper').pullRefresh().enablePullupToRefresh();//重置
						   		mui('#wrapper').pullRefresh().endPullupToRefresh(false);
						    	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求失败'}).show();
						      }, function(res){
						   		loading.close();
						   		vm.isUPsuccess=true
						        if(res.status == 200){
						        	_.each(res.data,function(item,index){
//						        		if(item.patientSourceType=="2"){  //电子健康卡
			                                item.caseNumber=item.caseNumber.substr(0,1)+"*******"+item.caseNumber.substr(item.caseNumber.length-4,4)
//			                            }
										item.payStatusJson = vm.payStatus[item.payStatus] 
						        		vm.dataList.push(item)
									})
						        	vm.length = vm.dataList.length
						        	if(iscrollState=="down"){
						        		mui('#wrapper').pullRefresh().endPulldownToRefresh(false);
										mui('#wrapper').pullRefresh().enablePullupToRefresh();//重置
						        	}else{
						        		if(res.data.length<vm.queryList.pageSize){
						        			mui('#wrapper').pullRefresh().endPullupToRefresh(true);
						        		}else{
						        			mui('#wrapper').pullRefresh().endPullupToRefresh(false);
						        		}
						        	}
						        }else{
						            dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据获取失败'}).show();
						        	mui('#wrapper').pullRefresh().endPulldownToRefresh(false);
									mui('#wrapper').pullRefresh().enablePullupToRefresh();//重置
							   		mui('#wrapper').pullRefresh().endPullupToRefresh(false);
						        }
						    })
						},
						//跳转到订单结果页
						gotoResult:function(item){
							var vm=this
							var data = encodeURI(JSON.stringify(item))
							window.location.href='../../hesuanYuyue/html/yuyueDetail.html?data='+data
						},
						gotoPay:function(id){
						    window.location.href='../../payment/html/repayment.html?id='+id+"&origin=hesuanYuyue";
						},
						//跳转切换就诊卡
						changeCards:function(){
							window.location.href='../../payment/html/changeCards.html?pre=reportList&origin=hesuanYuYue';
						},
						isdown:function(){
							this.page = 1
							this.isUPsuccess=true
							this.dataList = []
						    this.getList()
						},
						isup:function(){
							if(this.isUPsuccess){
								this.page++
								this.isUPsuccess=false
							}
							this.getList()
						},
						//绑定事件-时间
						eventClick:function(){
							var vm=this
							$('.date-icon').mobiscroll({
				                preset: 'date',
						        dateOrder: 'yy',
						        dateFormat: 'yy',
						        theme: 'ios',
						        lang:'zh',
						        minDate: new Date(2015),
						        maxDate: new Date(),
						        onSelect: function(valueText, inst){
									if(vm.queryList.startDate.substr(0,4)!=valueText){
										vm.queryList.startDate=valueText+"0101"	
			            				vm.queryList.endDate=valueText+"1231"
										vm.getList()							
									}
								},
				           });
						},
						//判断是否验证登录通过
						checkType:function(){
							var vm=this
							var timer = setInterval(function(){
								if(checktype){
									clearInterval(timer);
//									vm.getData()
									vm.getList()
								}
							},10);
						},
					},
				})
			
			})()
			
			
			function queryInit(){
				checktype=true
			}
		</script>
	</body>
</html>

html/hesuanYuYue/js/selPatient.js

@@ -0,0 +1,164 @@
var checktype=false;
(function() {
	myvue=new Vue({
		el: "#app",
		data: {
			dataList:[],
			BtnClass:"p-fix-bottom-0",
			length:0,
			code:"",
			surplus:5,
			hasEleCard:true,
		},
		mounted:function(){
			var vm = this
			checkUserAgent();
			vm.code=JSON.parse(localStorage.getItem("wlyyAgent")).uid
			vm.checkType()
			vm.initBtnScroll()
		},
		methods: {
			//获取列表数据
			getData:function(){
				var vm=this
				var loading = dialog({
					contentType: 'load',
					skin: 'bk-popup'
				});
				loading.showModal();
				 sendPost("patient/card/getCardList", {patient:vm.code}, "json", "get",function(){
				 	loading.close();
			    	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求失败'}).show();
			       }, function(res){
			   		loading.close();
			        if(res.status == 200){ 
			        	vm.dataList=_.map(res.data,function(item,index){
			        	    if(item.type=="2"){
//			        	    	vm.hasEleCard=true
			        	        item.cardNo=item.cardNo.substr(0,1)+"*******"+item.cardNo.substr(item.cardNo.length-4,4)
			        	    }
			        	    return item
			        	})
			            vm.length=vm.dataList.length
//		                vm.surplus=5-vm.length	                  
						if(vm.length>0){
							vm.$nextTick(function(){
						        vm.setBtnClass()
						   });											
						}
			        }else{
			          dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据获取失败'}).show();
			        }
			    })
			},
			//设置默认就诊卡
			setDefault:function(id,isDefault,str){
				var vm=this				
				var loading = dialog({
					contentType: 'load',
					skin: 'bk-popup',
					content:'设置中...'
				});
				dialog({
					content: str, cancelValue: '否', okValue: '是', 
					cancel: function () { }, 
					ok: function () {
						loading.showModal()
						sendPost("/patient/card/defaultOpe", { id: id, isDefault: isDefault }, "json", "post", function () {
						}, function (res) {
							loading.close()
							if (res.status == 200) {
								dialog({ contentType: 'tipsbox', bottom: true, skin: 'bk-popup', content: res.msg }).show();
								vm.getData()
							} else {
								dialog({ contentType: 'tipsbox', bottom: true, skin: 'bk-popup', content: '数据获取失败' }).show();
							}
						})
					},
				}).showModal();
			},
			initBtnScroll: function () {
				var vm=this
				var fileName = ['就诊卡','电子健康卡']
				var fileCode = ['1', '2']
				$('.scrollBtn').mobiscroll({
					theme: 'ios',
					lang: 'zh',
					customWheels: true,
					wheels: [
						[{
							keys: fileCode,
							values: fileName
						}]
					],
					onSelect: function (valueText, inst) {
						var dd = eval("[" + valueText + "]");
						if (dd[0].keys == 1) {
							window.location.href='../../payment/html/bindingCard.html?origin=hesuanYuyue';
						} else {
							vm.gotoEHCard()
						}
					},
				});
			},
			//跳转绑定就诊卡
			gotoBindingCard:function(){
				var vm=this
//				if(vm.surplus>0){
					window.location.href='../../payment/html/bindingCard.html?origin=hesuanYuyue';
//				}else{
//					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:"最多只能绑定5张就诊卡"}).show();
//				}				
			},
			//前往电子健康卡
			gotoEHCard:function(id){
				var href='../../payment/html/electronicHealthCard.html?origin=hesuanYuyue'
				if(id){
					href=href+'&id='+id
				}
				window.location.href=href
			},
			gotoPay:function(id,type){
			    if(type=="1"){
			        window.location.href='../../payment/html/patientIDCards-pay.html?id='+id;
			    }else{
			        this.gotoEHCard(id)
			    }				
			},
			//前往申请
			gotoDetail:function(id){
				window.location.href='../../hesuanYuYue/html/yuyueDetail.html?toYuyue=1&id='+id;
			},
			reportListGo:function(){
				window.location.href='../../informationSearch/html/reportList.html?origin=hesuanYuYue';
			},
			yuyueListGo:function(){
				window.location.href='../../hesuanYuYue/html/yuyueList.html?origin=hesuanYuYue';
			},
			//屏幕高度太矮，下方按钮随页面滚动，反之固定底部
			setBtnClass:function(){
				var vm = this
				var screemH=window.screen.availHeight;	
				var bodyH=document.body.clientHeight;
				if(screemH-bodyH<130){
					vm.BtnClass="mt20"
				}				
			},
			//判断是否验证登录通过
			checkType:function(){
				var vm=this
				var timer = setInterval(function(){
					if(checktype){
						clearInterval(timer);
						vm.getData()
					}
				},10);
			},
		},
	})
})()
function queryInit(){
	checktype=true
}

html/informationSearch/js/reportList.js

@@ -79,7 +79,13 @@ var iscrollState='';//判断滑动方向
					            content: "请先绑定就诊卡，再查看检验检查报告！", 
					            okValue: '确定',
					            ok: function(){
									window.location.href='../../payment/html/patientIDCards.html';
									if(Request.origin){
										if(Request.origin == "hesuanYuyue"){
											window.location.href = '../../hesuanYuyue/html/selPatient.html';
										}
									}else{
										window.location.href = '../../payment/html/patientIDCards.html';
									}
					            },
					        }).showModal()
			        	}

html/payment/js/bindingCard.js

@@ -1,3 +1,4 @@
var Request = GetRequest(); 
var checktype=false;
(function() {
	new Vue({
@@ -136,7 +137,13 @@ var checktype=false;
			},
			back:function(){
				setTimeout(function(){
					window.location.href='../../payment/html/patientIDCards.html';
					if(Request.origin){
						if(Request.origin == 'hesuanYuyue'){
							window.location.href='../../hesuanYuyue/html/selPatient.html';
						}
					}else{
						window.location.href='../../payment/html/patientIDCards.html';
					}
				},500)
			},
		},

html/payment/js/changeCards.js

@@ -104,17 +104,17 @@ var checktype=false;
			},
			gotoPage:function(id){
				if(Request.pre=="paymentList"){   //跳到充值查询页面
					window.location.href='../../payment/html/paymentList.html?id='+id;
					window.location.href='../../payment/html/paymentList.html?id='+id+'&origin='+Request.origin;
				}else if(Request.pre=="waitingDoctorList"){   //跳到候诊查询页面
					window.location.href='../../informationSearch/html/waitingDoctorList.html?id='+id;
					window.location.href='../../informationSearch/html/waitingDoctorList.html?id='+id+'&origin='+Request.origin;
				}else if(Request.pre=="payment"){   //跳到支付页面
					window.location.href='../../payment/html/payment.html?id='+id+"&paytype="+Request.paytype;
					window.location.href='../../payment/html/payment.html?id='+id+"&paytype="+Request.paytype+'&origin='+Request.origin;
				}else if(Request.pre=="repayment"){   //跳到缴费结算页面
					window.location.href='../../payment/html/repayment.html?id='+id;
					window.location.href='../../payment/html/repayment.html?id='+id+'&origin='+Request.origin;
				}else if(Request.pre=="reportList"){   //跳到检验检查报告列表页面
					window.location.href='../../informationSearch/html/reportList.html?id='+id;
					window.location.href='../../informationSearch/html/reportList.html?id='+id+'&origin='+Request.origin;
				}else{  //默认跳转充值查询页面
					window.location.href='../../payment/html/paymentList.html?id='+id;
					window.location.href='../../payment/html/paymentList.html?id='+id+'&origin='+Request.origin;
				}
			},
			//判断是否验证登录通过

html/payment/js/electronicHealthCard.js

@@ -134,7 +134,7 @@ var checktype=false;
		        vm.validateEle()
		    },
			gotoRepay:function(id){
                window.location.href='../../payment/html/repayment.html?id='+id;
                window.location.href='../../payment/html/repayment.html?id='+id+'&origin='+Request.origin;
            },
            gotoPay:function(id){
                window.location.href='../../payment/html/patientIDCards-pay.html?id='+id;

html/payment/js/repayment.js

@@ -80,7 +80,13 @@ var iscrollState = ''; //判断滑动方向
								content: "请先绑定就诊卡，再查看就诊缴费帐单！",
								okValue: '确定',
								ok: function() {
									window.location.href = '../../payment/html/patientIDCards.html';
									if(Request.origin){
										if(Request.origin == "hesuanYuyue"){
											window.location.href = '../../hesuanYuyue/html/selPatient.html';
										}
									}else{
										window.location.href = '../../payment/html/patientIDCards.html';
									}
								},
								//						            cancelValue: '我再看看',
								//						            cancel: function(){}
@@ -302,13 +308,13 @@ var iscrollState = ''; //判断滑动方向
					loading.close();
					if(res.status == 200) {
						if(res.data.code == 0) {
							window.location.href = "../../payment/html/repaymentResult.html?patientName=" + vm.data.name + "&healthNo=" + vm.data.cardNo + "&payAmount=" + vm.waitPayTotal + "&createDate=" + getNowFormatDate() + "&cardId=" + vm.cardId;
							window.location.href = "../../payment/html/repaymentResult.html?patientName=" + vm.data.name + "&healthNo=" + vm.data.cardNo + "&payAmount=" + vm.waitPayTotal + "&createDate=" + getNowFormatDate() + "&cardId=" + vm.cardId + "&origin=" + Request.origin;
						} else {
							dialog({
								content:"您的就诊卡余额不足，请充值。充值后自动完成未结账单缴费~",
								okValue: '去充值',
								ok: function() {
									window.location.href = '../../payment/html/payment.html?id=' + vm.cardId + '&paytype=1&repayAmout=' + vm.waitPayTotal;
									window.location.href = '../../payment/html/payment.html?id=' + vm.cardId + '&paytype=1&repayAmout=' + vm.waitPayTotal+'&origin='+Request.origin;
								},
								cancelValue: '再等一下',
								cancel: function() {}
@@ -326,7 +332,7 @@ var iscrollState = ''; //判断滑动方向
			},
			//跳转切换就诊卡
			changeCards: function() {
				window.location.href = '../../payment/html/changeCards.html?pre=repayment';
				window.location.href = '../../payment/html/changeCards.html?pre=repayment&origin='+Request.origin;
			},
			//跳转我的就诊卡页面
			gotoCards: function() {