Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
Amoy2
/
sr-iHealthwx
İzle 2
Yıldızla 0
Çatalla 1
Dosyalar
Kaynağa Gözat

微调缴费结算页面样式

chenyue 6 yıl önce
ebeveyn
88ee4199fc
işleme
559683e0c5
2 değiştirilmiş dosya ile 53 ekleme ve 42 silme
Görünümü Böl Farklılık Durumunu Göster
  1. 20 5
      html/payment/css/payment.css
  2. 33 37
      html/payment/html/repayment.html

+ 20 - 5
html/payment/css/payment.css
Dosyayı Görüntüle 

@ -29,6 +29,10 @@
 
	padding-top: 3px;
 
	padding-bottom: 3px;
 
}
 
.ptb8{
 
	padding-top: 8px;
 
	padding-bottom: 8px;
 
}
 
.p30{
 
	padding: 30px;
 
}
 
@ -196,9 +200,11 @@ a:active{
 
.c-lab-mor li{
 
	border-bottom: 0px;
 
	padding-top: 5px;
 
	padding-bottom: 5px;
 
	padding-top: 8px;
 
	padding-bottom: 7px;
 
	font-size: 16px;
 
	line-height: 30px;
 
	height: 45px;
 
	color: #666666;
 
}
 
@ -211,7 +217,7 @@ a:active{
 
    width: 20px;
 
    height: 3px;
 
    background: #4DCD70;
 
    margin: 9px auto;
 
    margin: 3px auto;
 
}
 
.c-lab-mor li:first-child {
 
@ -455,5 +461,14 @@ a:active{
 
}
 
#fee-table td,#fee-table th{
 
	padding-top: 15px;
 
}
 
	padding-top: 10px;
 
}
 
#fee-table th{
 
	font-size: 12px;
 
}
 
#fee-table td{
 
	font-size: 14px;
 
}
 
.c-list > .c-list-link:active {
 
    background-color: #ffffff;
 
    }

+ 33 - 37
html/payment/html/repayment.html
Dosyayı Görüntüle 

@ -20,7 +20,7 @@
 
	<body class="bgc-f2f3f4">
 
		<div id="app" v-cloak>
 
			<div class="bgc-fff c-f17 pl15 ptb10 jiuzhen">
 
			<div class="bgc-fff c-f16 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>
 
@ -35,22 +35,20 @@
 
				<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">
 
							<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: 46px;">{{item.Amount}}元</div>
 
								<div class="c-list-info c-999" style="text-align: right;padding-right: 40px;">{{parseInt(item.Amount).toFixed(2)}}元</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 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 pl30 pb10 pr15">
 
						<div class="c-f16 c-4dcd70 pt15">费用清单</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>
 
@ -62,7 +60,7 @@
 
								<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.UnitAmt?parseInt(item.UnitAmt).toFixed(2):""}}</td>
 
									<td style="text-align: right;">{{item.Num}}</td>
 
								</tr>
 
							</tbody>
 
@ -81,35 +79,33 @@
 
				<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">
 
							<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: 46px;">{{item.TotalAmt}}元</div>
 
								<div class="c-list-info c-999" style="text-align: right;padding-right: 40px;">{{parseInt(item.TotalAmt).toFixed(2)}}元</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 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?parseInt(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>
 
@ -123,7 +119,7 @@
 
			<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>
 
						合计:<span class="c-ff5e6c c-f20"><span class="c-f16">￥</span>12{{parseInt(waitPayTotal).toFixed(2)}}</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>