缴费结算

html/payment/css/payment.css

@@ -14,6 +14,9 @@
.c-f25{
	font-size: 25px;
}
.c-f30{
	font-size: 30px;
}
.plr35{
	padding-left: 35px;
	padding-right: 35px;	
@@ -35,6 +38,12 @@
.pb25{
	padding-bottom: 25px;
}
.pb15{
	padding-bottom: 15px;
}
.pt15{
	padding-top: 15px;
}
.c-95{
	width: 92%;
}
@@ -64,6 +73,9 @@
.mt7{
	margin-top: 7px;
}
.mt25{
	margin-top: 25px;
}
.pt12{
	padding-top: 12px;
}
@@ -134,6 +146,14 @@ a:active{
.labelIcon.xianjin{
  background-image: url(../images/xianjichongzhi_bg_img.png);	
}
.labelIcon.jiuzhen2{
  padding: 0;
  background-image: url(../images/icon_jiuzhen2.png);	
}
.labelIcon.zhuyuan2{
  padding: 0;
  background-image: url(../images/icon_zhuyuan2.png);	
}
.circle-btn{
	position: fixed;
@@ -178,6 +198,8 @@ a:active{
	border-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
	color: #666666;
}
.c-lab-mor li.curr{
@@ -186,8 +208,8 @@ a:active{
.c-lab-mor li.curr:after {
    content: '';
    display: block;
    width: 25%;
    height: .15rem;
    width: 20px;
    height: 3px;
    background: #4DCD70;
    margin: 9px auto;
}
@@ -199,16 +221,29 @@ a:active{
/*缴费查询*/
/*就诊卡缴费*/
.jiuzhen{
.jiuzhen,.jiuzhen2{
	
}
.jiuzhen .card-icon{
   background-repeat: no-repeat;
   background-image: url(../images/biaoqian_lvse_img.png);
   /*background-image: url(../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(../images/biaoqian_lvse_img.png);*/
   background-image: url(../images/icon_jiuzhen3.png);
   background-size: 100% 100%;
   padding:1px  10px 1px 18px;
   color:#ffffff;   
   font-size: 14px;
   height: 20px;
   line-height: 20px;
}
@@ -218,17 +253,31 @@ a:active{
	border-bottom-right-radius: 5px;
}
.zhuyuan{
.zhuyuan,.zhuyuan2{
	
}
.zhuyuan .card-icon{
   background-repeat: no-repeat;
   background-image: url(../images/biaoqian_hongse_img.png);
   /*background-image: url(../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(../images/biaoqian_hongse_img.png);*/
   background-image: url(../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{
@@ -236,8 +285,11 @@ a:active{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.zhuyuan .createdata{
	color: transparent;
.jiuzhen2 .createdata,.zhuyuan2 .createdata{
	color: #D7FFE2;
}
.zhuyuan2 .createdata{
	color: #FFC8CD;
}
.p-fix-bottom-0{
@@ -248,6 +300,37 @@ a:active{
@media screen and (device-width: 320px)  and (-webkit-device-pixel-ratio: 2){
	.surplusMoney{float: none;margin-top:5px;font-size: 14px;}
}
.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);
}
/*就诊卡缴费*/
/*缴费结果页面*/
@@ -338,3 +421,39 @@ a:active{
}
/*候诊查询*/
.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: 15px;
}

html/payment/html/patientIDCards-pay.html

@@ -21,46 +21,61 @@
	<body class="bgc-f2f3f4">
		<div id="app" v-cloak>
			<div class="plr15">
				<div class="bgc-fff mt10 jiuzhen c-radius-5">
					<div class="c-f14 ptb10 pl10">
						<span class="c-333">{{data.cardNo}}&nbsp;({{data.name}})&nbsp;</span>
						<span v-if="data.isDefault==1" class="c-4dcd70">默认</span>
				<div class="labelIcon mt10 jiuzhen2 c-radius-5 c-fff">
					<div class="c-f14 pt12 pl10">
						<span class="c-f16" style="line-height: 20px;">{{data.cardNo}}&nbsp;({{data.name}})&nbsp;</span>
						<span v-if="data.isDefault==1" class="c-f12 morenSpan">默认</span>
						<span class="card-icon" style="float: right;">就诊</span>
					</div>
					<div class="pb10 c-t-center c-ff9526 c-f25">
						<span class="c-f14 c-333" style="vertical-align: middle;">余额  </span>￥ {{data.cardMoney?data.cardMoney:0}} 元
					</div>
					<div class="pb10 c-999 pr10 c-f12 c-t-right createdata">
					<div class="pb10 pl10 c-f12 createdata">
						{{data.createDate}} 创建
					</div>
					<div>
						<button type="button" class="c-btn-full c-btn-big" style="height: 45px;" @click="gotoPay(1)">门诊充值</button>
					<div class="w3-row  mt15 pb10">
						<div class="w3-col c-f16 pt15" style="width:100px;float: right;">
							<span class="pr10 white-line" @click="gotoPay(1)">充值</span><span  class="pl10 c-f16" :class="{'red-point':data.needPayOup=='1'}" style="color: #FFEC12;" @click="gotoRepay(1)">缴费</span>
						</div>
						<div class="w3-rest pl10">
							<span class="c-f16">￥ </span><span class="c-f30">{{data.cardMoney?data.cardMoney:0}}</span>
						</div>
					</div>
				</div>
				<div class="bgc-fff mt10 zhuyuan c-radius-5" v-show="data.inpCardNo">
					<div class="c-f14 ptb10 pl10">
						<span class="c-333333">{{data.inpCardNo}}&nbsp;({{data.name}})&nbsp;</span>
						<span v-if="data.isDefault==1" class="c-4dcd70">默认</span>
				<div class="labelIcon mt10 zhuyuan2 c-radius-5 c-fff" v-show="data.inpCardNo">
					<div class="c-f14 pt12 pl10">
						<span class="c-f16" style="line-height: 20px;">{{data.inpCardNo}}&nbsp;({{data.name}})&nbsp;</span>
						<span v-if="data.isDefault==1" class="c-f12 morenSpan">默认</span>
						<span class="card-icon" style="float: right;">住院</span>
					</div>
					<div class="pb10 c-t-center c-ff9526 c-f25">
						<span class="c-f14 c-333" style="vertical-align: middle;">余额  </span>￥ {{data.cardInpMoney}} 元
					<div class="pb10 pl10 c-f12 createdata">
						{{data.createDate}} 创建
					</div>
					<div class="pb10 c-999 pr10 c-f12 c-t-right createdata">						
					<div class="w3-row  mt15 pb10">
						<div class="w3-col c-f16 pt15" style="width:50px;float: right;">
							<span class="" @click="gotoPay(2)">充值</span>
						</div>
						<div class="w3-rest pl10">
							<span class="c-f16">￥ </span><span class="c-f30">{{data.cardInpMoney?data.cardInpMoney:0}}</span>
						</div>
					</div>
					<div>
						<button type="button" class="c-btn-full c-btn-big" style="height: 45px;" @click="gotoPay(2)">住院充值</button>
				</div>
			</div>
			<div class="c-100 p-fix-bottom-0 bgc-fff" style="z-index: 2;">
				<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="untieCard()">解绑就诊卡</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="gotoList()">充值查询</button>						
					</div>					
				</div>
			</div>
			<div :class="BtnClass" class="c-100">
			<!--<div :class="BtnClass" class="c-100">
				<div class="pb20 plr30">
					<button type="button" class="c-btn-4dcd70 c-btn-arc c-btn-full  c-btn-big" style="height: 45px;" @click="gotoList()">充值查询</button>
				</div>
				<div class="pb20 mb15 plr30">
					<button type="button" class="c-btn-fff c-btn-full c-btn-arc c-btn-big" style="height: 45px;color:#FF5E6C;" @click="untieCard()">解绑就诊卡</button>
				</div>
			</div>
			</div>-->
		</div>
		<script src="../../../js/post.js"></script>

html/payment/html/repayment.html

@@ -0,0 +1,140 @@
<!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="../../../css/flex.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="bgc-fff c-f17 pl15 ptb10 jiuzhen">
				<span class="c-333">{{data.cardNo}}&nbsp;({{data.name}})&nbsp;</span>
				<span v-if="cardlenght>1" class="qiehuan-txt" @click="changeCards">切换</span>
				<span class="card-icon" style="float: right;margin-top: 3px;">就诊</span>
			</div>
			<div class="c-mor-hold c-border-t mt10">
				<ul class="c-lab-mor">
					<li :class="{curr:tabType==1}" @click="getrepayList()">待缴费账单</li>
					<li :class="{curr:tabType==2}" @click="paid()">已缴费账单</li>
				</ul>
			</div>
			<div style="top: 90px;margin-bottom: 65px;" class="c-border-b" v-show="tabType==1">
				<template v-if="waitPayList.length>0">
					<div v-for="(item,i) in waitPayList" v-key="i">
						<ul class="c-list  c-border-b">
							<li class="ptb12 list-arrow-d c-list-link">
								<div class="c-list-key pr20 c-f17 c-333">{{item.Department}}</div>
								<div class="c-list-info c-999" style="text-align: right;padding-right: 46px;">{{item.Amount}}元</div>
							</li>
						</ul>
						<div class="bgc-fff c-f14 pl30" style="display: none;">
							<div class="c-border-b pb20">
								<div class="c-f16 c-4dcd70 pt15">开单信息</div>
								<div class="c-999 pt15">执行科室<span class="c-333" style="padding-left: 44px;">{{item.executiveDepartment}}</span></div>
								<div class="c-999 pt15">开单科室<span class="c-333" style="padding-left: 44px;">{{item.Department}}</span></div>
								<div class="c-999 pt15">开单医生<span class="c-333" style="padding-left: 44px;">{{item.doctor}}</span></div>
							</div>
						</div>
					</div>
					<div class="bgc-fff c-f14 pl30 pb10 pr15">
						<div class="c-f16 c-4dcd70 pt15">费用清单</div>
						<table style="width: 100%;" id="fee-table">
							<thead class="c-909090 c-f12">
								<th>项目名称</th>
								<th style="width:80px;text-align: right;">规格</th>
								<th style="width:70px;text-align: right;">单价/元</th>
								<th style="width:50px;text-align: right;">数量</th>
							</thead>
							<tbody class="c-333 c-f14">
								<tr v-for="(item,i) in waitPayDetailList" v-key="i">
									<td>{{item.ProjName}}</td>
									<td style="text-align: right;">{{item.Specification}}</td>
									<td style="text-align: right;">{{item.UnitAmt}}</td>
									<td style="text-align: right;">{{item.Num}}</td>
								</tr>
							</tbody>
						</table>
						<div class="c-t-center c-f12 c-909090 mt30">* 具体信息以医院出具纸质账单为准</div>
					</div>
				</template>
				<div class="default-div" v-else>
					<img src="../images/wushuju.png" width="222" />
					<div class="c-999 c-f14 pt30">
						暂无待缴费用帐单
					</div>
				</div>
			</div>
			<div style="top: 90px;" v-show="tabType==2">
				<template v-if="paidList.length>0">
					<div v-for="(item,i) in paidList" v-key="i">
						<ul class="c-list  c-border-b">
							<li class="ptb12 list-arrow-d c-list-link">
								<div class="c-list-key pr20 c-f17 c-333">
									{{item.JsCode}}
									<div class="c-f14 c-999">{{item.JieSuanRiqi}}</div>
								</div>
								<div class="c-list-info c-999" style="text-align: right;padding-right: 46px;">{{item.TotalAmt}}元</div>
							</li>
						</ul>
						<div class="bgc-fff c-f14 pl30 pr15" style="display: none;">
							<div class="c-border-b pb20">
								<div class="c-f16 c-4dcd70 pt15">费用清单<span class="c-f14 c-909090" style="float: right;">结算人:{{item.JieSuanRenYuan}}</span></div>
								<table style="width: 100%;" id="fee-table">
									<thead class="c-909090 c-f12">
										<th>项目名称</th>
										<th style="width:80px;text-align: right;">规格</th>
										<th style="width:70px;text-align: right;">单价/元</th>
										<th style="width:50px;text-align: right;">数量</th>
									</thead>
									<tbody class="c-333 c-f14">
										<tr v-for="(citem,j) in item.child" v-key="j">
											<td>{{citem.ProjName}}</td>
											<td style="text-align: right;">{{citem.Specification}}</td>
											<td style="text-align: right;">{{citem.UnitAmt}}</td>
											<td style="text-align: right;">{{citem.Num}}</td>
										</tr>
									</tbody>
								</table>
								<div class="c-t-center c-f12 c-909090 mt30">* 具体信息以医院出具纸质账单为准</div>
							</div>
						</div>
					</div>
				</template>
				<div class="default-div" v-else>
					<img src="../images/wushuju.png" width="222" />
					<div class="c-999 c-f14 pt30">
						暂无已缴费用帐单
					</div>
				</div>
			</div>
			<div class="c-100 p-fix-bottom-0 bgc-fff c-border-t" style="z-index: 2;" v-show="tabType==1&&waitPayList.length>0">
				<div class="mtb5 plr15 flex">
					<div class="f_g_1 c-f17 c-333" style="line-height: 45px;">
						合计:<span class="c-ff5e6c c-f20" style="font-weight: bold;">￥ {{waitPayTotal}}</span>
					</div>
					<div class="f_g_1 c-t-right">
						<button type="button" class="c-btn-4dcd70 c-btn-arc c-btn-big" style="height: 45px;width:140px;padding: 0;" @click="toPay">就诊卡结算</button>
					</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/repayment.js"></script>
	</body>
</html>

html/payment/html/repaymentResult.html

@@ -0,0 +1,64 @@
<!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 :class="result.status">			
			<div class="bgc-fff c-f14 plr35">
				<div class="c-t-center pt10 pb20">						
					<img :src="result.Img" width="46"/>
					<div class="mt7 c-f20 txtColor">{{result.txt}}</div>
					<div class="mt10 c-999 c-f14" style="line-height: 24px;">{{result.msg}}</div>
				</div>
			</div>
			<div class="mt10 success-list">				
				<ul class="c-list  c-border-b">
					<li class="ptb13">
						<div class="c-list-info">缴费说明</div>
			            <div class="c-list-key c-999">{{healthType[data.healthType]}}</div>					
					</li>
					<li class="ptb13">
						<div class="c-list-info">订单金额</div>
			            <div class="c-list-key c-999">{{data.payAmount}} 元</div>					
					</li>
					<li class="ptb13">
						<div class="c-list-info">就诊人</div>
			            <div class="c-list-key c-999">{{data.patientName}}</div>					
					</li>
					<li class="ptb13">
						<div class="c-list-info">就诊卡号</div>
			            <div class="c-list-key c-999">{{data.healthNo}}</div>					
					</li>
					<li class="ptb13">
						<div class="c-list-info">缴费时间</div>
			            <div class="c-list-key c-999">{{data.createDate}}</div>					
					</li>
				</ul>
			</div>
			<div class="p30 failure-btn">
				<button type="button" class="c-btn-4dcd70 c-btn-arc c-btn-full  c-btn-big" style="height: 45px;" @click="backClick">返回</button>
			</div>
		</div>
		<script src="../../../js/post.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
		<script src="../js/repaymentResult.js"></script>
	</body>
</html>

html/payment/js/changeCards.js

@@ -64,6 +64,8 @@ var checktype=false;
					window.location.href='../../informationSearch/html/waitingDoctorList.html?id='+id;
				}else if(Request.pre=="payment"){   //跳到支付页面
					window.location.href='../../payment/html/payment.html?id='+id+"&paytype="+Request.paytype;
				}else if(Request.pre=="repayment"){   //跳到缴费结算页面
					window.location.href='../../payment/html/repayment.html?id='+id;
				}else{  //默认跳转缴费查询页面
					window.location.href='../../payment/html/paymentList.html?id='+id;
				}

html/payment/js/patientIDCards-pay.js

@@ -92,11 +92,11 @@ var loading = dialog({
			   		loading.close();
			        if(res.status == 200){ 
			        	vm.data=res.data                  
						if(vm.length>0){
							vm.$nextTick(function(){
						        vm.setBtnClass()
						   });					
						}
//						if(vm.length>0){
//							vm.$nextTick(function(){
//						        vm.setBtnClass()
//						   });					
//						}
			        }else{
			          dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据获取失败'}).show();
			        }
@@ -120,6 +120,10 @@ var loading = dialog({
			        }
			    })
			},
			gotoRepay:function(paytype){ //paytype 1为门诊缴费  2为住院缴费
				var vm=this
				window.location.href='../../payment/html/repayment.html?id='+vm.cardId;				
			},
			//跳转去支付
			gotoPay:function(paytype){ //paytype 1为门诊缴费  2为住院缴费
				var vm=this

html/payment/js/repayment.js

@@ -0,0 +1,351 @@
var Request = GetRequest();
var checktype = false;
var loading = dialog({
	contentType: 'load',
	skin: 'bk-popup',
});
var iscrollState = ''; //判断滑动方向
(function() {
	var myVue = new Vue({
		el: "#app",
		data: {
			data: {},
			waitPayList: [],
			waitPayDetailList: [],
			waitPayTotal: "",
			paidList: [],
			paidDetailList: [],
			length: 1,
			cardlenght: 0,
			cardId: "",
			hisId: "",
			tabType: "1",
			code: "",
			tabTypeTxt: ["", "待缴费帐单", "已缴费帐单"],
		},
		mounted: function() {
			var vm = this
			checkUserAgent();
			vm.checkType()
			vm.code = JSON.parse(localStorage.getItem("wlyyAgent")).uid
		},
		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.hisId = vm.data.hisId							
							vm.getrepayList()
						} else {
							dialog({
								content: "请先绑定就诊卡，再查看就诊缴费帐单！",
								okValue: '确定',
								ok: function() {
									window.location.href = '../../payment/html/patientIDCards.html';
								},
								//						            cancelValue: '我再看看',
								//						            cancel: function(){}
							}).showModal()
						}
					} else {
						loading.close();
						dialog({
							contentType: 'tipsbox',
							bottom: true,
							skin: 'bk-popup',
							content: '数据获取失败'
						}).show();
					}
				})
			},
			//获取待缴费帐单
			getrepayList: function() {
				var vm = this
				vm.tabType = 1
				vm.waitPay()
				vm.waitPayDetail()
			},
			waitPay: function() {
				var vm = this
				sendPost("/third/hy/paySettle/waitPay", {
					hisId:this.hisId   // "3c83266e-3fd4-4032-83f9-169d07145947"
				}, "json", "get", function() {
					loading.close();
					dialog({
						contentType: 'tipsbox',
						bottom: true,
						skin: 'bk-popup',
						content: '请求失败'
					}).show();
				}, function(res) {
					loading.close();
					if(res.status == 200) {
						if(res.data.code == 0) {
							vm.waitPayList = res.data.data
							vm.waitPayTotal = res.data.total
							vm.$nextTick(function() {
								vm.eventClick()
							})
						} else {
							dialog({
								contentType: 'tipsbox',
								bottom: true,
								skin: 'bk-popup',
								content: res.data.message || '数据查询失败'
							}).show();
						}
					} else {
						dialog({
							contentType: 'tipsbox',
							bottom: true,
							skin: 'bk-popup',
							content: res.msg || '数据查询失败'
						}).show();
					}
				})
			},
			waitPayDetail: function() {
				var vm = this
				sendPost("/third/hy/paySettle/waitPayDetail", {
					hisId: this.hisId
				}, "json", "get", function() {
					loading.close();
					dialog({
						contentType: 'tipsbox',
						bottom: true,
						skin: 'bk-popup',
						content: '请求失败'
					}).show();
				}, function(res) {
					loading.close();
					if(res.status == 200) {
						if(res.data.code == 0) {
							vm.waitPayDetailList = res.data.data
						} else {
							dialog({
								contentType: 'tipsbox',
								bottom: true,
								skin: 'bk-popup',
								content: res.data.message || '数据查询失败'
							}).show();
						}
					} else {
						dialog({
							contentType: 'tipsbox',
							bottom: true,
							skin: 'bk-popup',
							content: res.msg || '数据查询失败'
						}).show();
					}
				})
			},
			//获取已缴费帐单
			paid: function() {
				var vm = this
				vm.tabType = 2
				vm.getpaidList()
				//				vm.getpaidDetailList()
			},
			getpaidList: function() {
				var vm = this
				sendPost("/third/hy/paySettle/paid", {
					hisId: vm.hisId
				}, "json", "get", function() {
					loading.close();
					dialog({
						contentType: 'tipsbox',
						bottom: true,
						skin: 'bk-popup',
						content: '请求失败'
					}).show();
				}, function(res) {
					loading.close();
					if(res.status == 200) {
						if(res.data.code == 0) {
							vm.paidList = _.each(res.data.data, function(item, index) {
								item.child = vm.getpaidDetailList(item.JsCode, item.JieSuanRiqi.replace(/-/g, ""), index)
							})
							vm.$nextTick(function() {
								vm.eventClick()
							})
						} else {
							dialog({
								contentType: 'tipsbox',
								bottom: true,
								skin: 'bk-popup',
								content: res.data.message || '数据查询失败'
							}).show();
						}
					} else {
						dialog({
							contentType: 'tipsbox',
							bottom: true,
							skin: 'bk-popup',
							content: res.msg || '数据查询失败'
						}).show();
					}
				})
			},
			//获取已缴费帐单
			getpaidDetailList: function(JsCode, JieSuanRiqi, index) {
				var vm = this
				var params = {
					hisId: vm.hisId,
					jsCode: JsCode,
					jsDate: JieSuanRiqi
				}
				sendPost("/third/hy/paySettle/paidDetail", params, "json", "get", function() {
					loading.close();
					dialog({
						contentType: 'tipsbox',
						bottom: true,
						skin: 'bk-popup',
						content: '请求失败'
					}).show();
				}, function(res) {
					loading.close();
					if(res.status == 200) {
						if(res.data.code == 0) {
							vm.paidList[index].child = res.data.data
						} else {
							dialog({
								contentType: 'tipsbox',
								bottom: true,
								skin: 'bk-popup',
								content: res.data.message || '数据查询失败'
							}).show();
						}
					} else {
						dialog({
							contentType: 'tipsbox',
							bottom: true,
							skin: 'bk-popup',
							content: res.msg || '数据查询失败'
						}).show();
					}
				})
			},
			//门诊结算
			toPay: function() {
				var vm = this
				sendPost("/third/hy/paySettle/outpSettle", {
					hisId: vm.hisId
				}, "json", "get", function() {
					loading.close();
					dialog({
						contentType: 'tipsbox',
						bottom: true,
						skin: 'bk-popup',
						content: '请求失败'
					}).show();
				}, function(res) {
					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.data.id;
						} else {
							dialog({
								contentType: 'tipsbox',
								bottom: true,
								skin: 'bk-popup',
								content: res.data.message || '数据查询失败'
							}).show();
						}
					} else {
						dialog({
							contentType: 'tipsbox',
							bottom: true,
							skin: 'bk-popup',
							content: res.msg || '数据查询失败'
						}).show();
					}
				})
			},
			//跳转切换就诊卡
			changeCards: function() {
				window.location.href = '../../payment/html/changeCards.html?pre=repayment';
			},
			//跳转我的就诊卡页面
			gotoCards: function() {
				window.location.href = '../../payment/html/patientIDCards.html';
			},
			eventClick: function() {
				$(".c-list-link").unbind("click")
				$(".c-list-link").click(function() {
					$(this).parent().siblings().toggle();
					if($(this).hasClass("list-arrow-u")) {
						$(this).addClass("list-arrow-d").removeClass("list-arrow-u");
					} else {
						$(this).addClass("list-arrow-u").removeClass("list-arrow-d");
					}
				})
			},
			//判断是否验证登录通过
			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;
}

html/payment/js/repaymentResult.js

@@ -0,0 +1,74 @@
var Request = GetRequest();
var checktype=false;
var loading = dialog({
	contentType: 'load',
	skin: 'bk-popup',
});
(function() {
	new Vue({
		el: "#app",
		data: {
			result:{},
			successResult:{
				status:"success-pay",
				msg:"就诊账单已完成缴费，可在就诊卡-缴费-已缴费账单中查看。",
				Img:"../images/jiaofeichengong_icon.png",	
				txt:"缴费成功",				
			},			
			synchronizationResult:{
				status:"synchronization-pay",
				msg:"系统繁忙，请重新充值缴费。",
				Img:"../images/jiaofeishibai_icon.png",	
				txt:"缴费失败",				
			},
			failureResult:{
				status:"failure-pay",
				msg:"系统繁忙，请重新充值缴费。",
				Img:"../images/jiaofeishibai_icon.png",	
				txt:"缴费失败",				
			},
			healthType:["","账单结算缴费","住院缴费充值"],
			initdata:{"patientName":"","healthNo":"","healthType":1,"payAmount":"","createDate":"",},
			data:{},
		},
		mounted: function() {
			var vm = this
			checkUserAgent();
			vm.checkType()
		},
		methods: {
			//获取数据
			getData:function(){
				var vm=this
				vm.result=vm.successResult
				vm.data={"patientName":getQueryString('patientName'),"healthNo":Request.healthNo,"payAmount":Request.payAmount,"createDate":getQueryString('createDate'),"healthType":1,}
			},
			backClick:function(){
				window.location.href='../../payment/html/repayment.html?id='+Request.cardId;
			},
			//判断是否验证登录通过
			checkType:function(){
				var vm=this
				var timer = setInterval(function(){
					if(checktype){
						clearInterval(timer);
						vm.getData()
					}
				},10);
			},
		},
	})
})()
function queryInit(){
	checktype=true
}
function getQueryString(name) {   
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");   
      var r = window.location.search.substr(1).match(reg);   
      if (r != null) return decodeURI(r[2]); return null;   
}