chenyue
/
sr-iHealthwx
派生自 Amoy2/sr-iHealthwx


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
							<!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-f16 pl15 ptb10"  :class="data.type=='1'?'jiuzhen':'electronic'">
				<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>
				<span class="card-icon" style="float: right;margin-top: 3px;">{{data.type=='1'?'就诊卡':'健康卡'}}</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="" 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="ptb10 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: 40px;">{{parseFloat(item.Amount).toFixed(2)}}元</div>
							</li>
						</ul>
						<div class="bgc-fff c-f14 pl30 c-border-b pb15" style="display: none;">
							<div class="c-f16 c-4dcd70 pt12">开单信息</div>
							<div class="c-999 pt10 c-f14">执行科室<span class="c-333 c-f14" style="padding-left: 44px;">{{item.executiveDepartment}}</span></div>
							<div class="c-999 pt10 c-f14">开单科室<span class="c-333 c-f14" style="padding-left: 44px;">{{item.Department}}</span></div>
							<div class="c-999 pt10 c-f14">开单医生<span class="c-333 c-f14" style="padding-left: 44px;">{{item.doctor}}</span></div>
						</div>
					</div>
					<div class="bgc-fff c-f14 pl15 pb10 pr15">
						<div class="c-f16 c-333333 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?parseFloat(item.UnitAmt).toFixed(2):""}}</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="ptb8 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: 40px;">{{parseFloat(item.TotalAmt).toFixed(2)}}元</div>
							</li>
						</ul>
						<div class="bgc-fff c-f14 pl30 pr15 c-border-b pb20" style="display: none;">
							<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?parseFloat(citem.UnitAmt).toFixed(2):""}}</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>
				</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"><span class="c-f16">￥</span>{{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="preToPay">就诊卡结算</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>