Home Explore Help
Register Sign In
Amoy2
/
sr-iHealthwx
Watch 2
Star 0
Fork 1
Files
Browse Source

充值缴费页面和信息查询页面

chenyue 6 years ago
parent
3493e6c5a5
commit
7f53e39705
30 changed files with 769 additions and 62 deletions
Split View Show Diff Stats
  1. 163 0
      html/informationSearch/css/index.css
  2. 59 0
      html/informationSearch/html/reportList.html
  3. 77 0
      html/informationSearch/html/waitingDoctorList.html
  4. BIN
      html/informationSearch/images/biaoqian_hongse_img.png
  5. BIN
      html/informationSearch/images/biaoqian_lvse_img.png
  6. BIN
      html/informationSearch/images/menzhen_banner_img.png
  7. BIN
      html/informationSearch/images/paidui_icon.png
  8. BIN
      html/informationSearch/images/paiduipeitu_img.png
  9. BIN
      html/informationSearch/images/wushuju.png
  10. BIN
      html/informationSearch/images/zhankai_icon.png
  11. BIN
      html/informationSearch/images/zhuyuanjiaofei_img.png
  12. 16 0
      html/informationSearch/js/reportList.js
  13. 16 0
      html/informationSearch/js/waitingDoctorList.js
  14. 136 8
      html/payment/css/payment.css
  15. 52 0
      html/payment/html/bindingCard.html
  16. 73 0
      html/payment/html/patientIDCards-pay.html
  17. 23 40
      html/payment/html/patientIDCards.html
  18. 2 2
      html/payment/html/payment.html
  19. 9 3
      html/payment/html/paymentList.html
  20. 61 0
      html/payment/html/paymentResult.html
  21. BIN
      html/payment/images/geduan_img.png
  22. BIN
      html/payment/images/paidui_icon.png
  23. BIN
      html/payment/images/paiduipeitu_img.png
  24. BIN
      html/payment/images/tishi_icon.png
  25. 21 0
      html/payment/js/bindingCard.js
  26. 24 0
      html/payment/js/patientIDCards-pay.js
  27. 12 7
      html/payment/js/patientIDCards.js
  28. 1 1
      html/payment/js/payment.js
  29. 2 1
      html/payment/js/paymentList.js
  30. 22 0
      html/payment/js/paymentResult.js

+ 163 - 0
html/informationSearch/css/index.css
View File 

@ -0,0 +1,163 @@
 
.bgc-f2f3f4{
 
	background-color: #f2f3f4;
 
}
 
.c-ff9526{
 
	color: #ff9526;
 
}
 
.c-ff5e6c{
 
	color: #ff5e6c;	
}
 
.c-f25{
 
	font-size: 25px;
 
}
 
.plr35{
 
	padding-left: 35px;
 
	padding-right: 35px;	
}
 
.p30{
 
	padding: 30px;
 
}
 
.p15{
 
	padding: 15px;
 
}
 
.pb25{
 
	padding-bottom: 25px;
 
}
 
.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: 20px;
 
}
 
.bgc-17b3ec{
 
	background: #17B3EC;
 
}
 
[v-cloak] {
 
  display: none;
 
}
 
/*弹框*/
 
.fat-title .ui-dialog-title {
 
    padding: 15px 15px 0 15px;
 
}
 
.ui-dialog-title{
 
	color: #4DCD70;
 
	font-weight: normal;
 
	font-size: 17px;
 
}
 
.ui-popup-full{
 
	padding: 0 48px!important;
 
}
 
.ax-popup .ui-dialog-body, .ax-popup .ui-dialog-content{
 
	font-size: 14px;
 
	color:#999999;
 
}
 
.ax-popup .ui-dialog-body {
 
    padding: 15px 30px;
 
    line-height: 1.8;
 
}
 
.ui-dialog-footer,.ui-dialog-footer button{
 
	background: #f2f3f4!important;
 
}
 
.ax-popup .ui-dialog-footer button.ui-dialog-autofocus{
 
	border-left: 1px solid #e1e1e1;
 
}
 
.ax-popup .ui-dialog-footer{
 
	border-top: 1px solid #e1e1e1;
 
}
 
.ax-popup .ui-dialog-footer button.ui-dialog-autofocus{
 
	color:#4DCD70!important;
 
}
 
/*弹框*/
 
/*缺省页*/
 
.default-div{
 
	text-align: center;
 
	position: relative;
 
	top: 100px;
 
}
 
/*缺省页*/
 
.qiehuan-txt{
 
	color:#17B3EC;
 
	text-decoration: underline;
 
	/*padding-left: 10px;*/
 
}
 
.jiuzhen{
 
	
}
 
.jiuzhen .card-icon{
 
   background-repeat: no-repeat;
 
   background-image: url(../images/biaoqian_lvse_img.png);
 
   background-size: 100% 100%;
 
   padding:3px  10px 3px 18px;
 
   color:#ffffff;
 
}
 
.jiuzhen .c-btn-full,.jiuzhen .c-btn-big{
 
	background: #4dcd70;
 
	border-bottom-left-radius: 5px;
 
	border-bottom-right-radius: 5px;
 
}
 
/*候诊查询*/
 
.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(../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;
 
}
 
.jiancha_report{
 
	
}
 
.jiancha_report .top-div{
 
	background: #17b3ec;	
	border-top-left-radius: 5px;
 
	border-top-right-radius: 5px;
 
}
 
/*候诊查询*/

+ 59 - 0
html/informationSearch/html/reportList.html
View File 

@ -0,0 +1,59 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="utf-8">
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
		<meta name="renderer" content="webkit">
 
		<meta http-equiv="Cache-Control" content="no-siteapp">
 
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
 
		<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" href="../css/index.css" />		
	</head>
 
	<body class="bgc-f2f3f4">
 
		<div id="app" v-cloak>
 
			<div class="bgc-fff c-f17 ptb10 pl15 jiuzhen c-border-b">
 
				<span class="c-333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
				<span class="qiehuan-txt">切换</span>
 
				<span class="card-icon c-f14" style="float: right;">就诊</span>				
			</div>
 
			<div class="bgc-fff c-f17 ptb10 c-border-b c-t-center">
 
				2018年 7月<img src="../images/zhankai_icon.png" width="14" class="ml10 mt10"/>
 
			</div>
 
			
			<ul class="plr15 pb15"  v-show="length!=0">		
				<li class="bgc-fff c-radius-5 mt15 jiancha_report">
 
					<div class="c-fff c-f14 top-div">
 
						<span>上饶县人民医院</span>
 
						<span style="float: right;">检查报告</span>
 
					</div>
 
					<div class="pt15 plr10 c-333 c-f14">						
						<div class="c-f17" style="line-height: 18px;">
 
							<span>报告名称：血常规检验报告</span>
 
							<span style="float: right;" class="c-f14">未生成</span>
 
						</div>
 
						<div class="pt20">候诊人:&nbsp;王小建</div>
 
						<div class="ptb15">
 
							就诊时间:&nbsp;2018-08-29 14:20-15:00
 
						</div>
 
					</div>
 
				</li>	
			</ul>
 
			<div class="default-div" v-show="length==0">
 
				<img src="../images/wushuju.png" width="222"/>
 
				<div class="c-999 c-f14 pt30">
 
					暂无相关报告记录
 
				</div>
 
			</div>
 
		</div>
 
		<script src="../../../js/post.js"></script>
 
		<script src="../js/reportList.js"></script>
 
	</body>
 
</html>

+ 77 - 0
html/informationSearch/html/waitingDoctorList.html
View File 

@ -0,0 +1,77 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="utf-8">
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
		<meta name="renderer" content="webkit">
 
		<meta http-equiv="Cache-Control" content="no-siteapp">
 
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
 
		<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" href="../css/index.css" />		
	</head>
 
	<body class="bgc-f2f3f4">
 
		<div id="app" v-cloak>
 
			<div class="bgc-fff c-f17 ptb10 pl15 jiuzhen">
 
				<span class="c-333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
				<span class="qiehuan-txt">切换</span>
 
				<span class="card-icon c-f14" style="float: right;">就诊</span>				
			</div>
 
			<div class="waitingDoctorList" v-show="length!=0">							
				<ul class="plr15 pb15">		
					<li class="bgc-fff c-radius-5 jiuzhen mt15">
 
						<div class="c-fff c-f14 top-div">
 
							<span>上饶县人民医院</span>
 
							<span style="float: right;">门诊</span>
 
						</div>
 
						<div class="pt15 plr10 c-333 c-f14">						
							<div class="c-f17" style="line-height: 18px;">
 
								<img src="../images/paidui_icon.png" width="20" class="mr5" />前方排队:&nbsp;<span class="c-ff5e6c">6人</span>
 
							</div>
 
							<div class="pt20">
 
								<span>候诊人:&nbsp;王小建</span>
 
								<span style="float: right;">候诊科室：呼吸道科</span>
 
							</div>
 
							<div class="ptb15">
 
								就诊时间:&nbsp;2018-08-29 14:20-15:00
 
							</div>
 
						</div>
 
					</li>	
					<li class="bgc-fff c-radius-5 jiancha mt15">
 
						<div class="c-fff c-f14 top-div">
 
							<span>上饶县人民医院</span>
 
							<span style="float: right;">检查检验</span>
 
						</div>
 
						<div class="pt15 plr10 c-333 c-f14">						
							<div class="c-f17" style="line-height: 18px;">
 
								<img src="../images/paidui_icon.png" width="20" class="mr5" />前方排队:&nbsp;<span class="c-ff5e6c">6人</span>
 
							</div>
 
							<div class="pt20">
 
								<span>候诊人:&nbsp;王小建</span>
 
								<span style="float: right;">候诊科室：呼吸道科</span>
 
							</div>
 
							<div class="ptb15">
 
								就诊时间:&nbsp;2018-08-29 14:20-15:00
 
							</div>
 
						</div>
 
					</li>	
				</ul>
 
			</div>
 
			<div class="default-div" v-show="length==0">
 
				<img src="../images/wushuju.png" width="222"/>
 
				<div class="c-999 c-f14 pt30">
 
					暂无相关排队信息
 
				</div>
 
			</div>
 
		</div>
 
		<script src="../../../js/post.js"></script>
 
		<script src="../js/waitingDoctorList.js"></script>
 
	</body>
 
</html>

BIN
html/informationSearch/images/biaoqian_hongse_img.png
View File


BIN
html/informationSearch/images/biaoqian_lvse_img.png
View File


BIN
html/informationSearch/images/menzhen_banner_img.png
View File


BIN
html/informationSearch/images/paidui_icon.png
View File


BIN
html/informationSearch/images/paiduipeitu_img.png
View File


BIN
html/informationSearch/images/wushuju.png
View File


BIN
html/informationSearch/images/zhankai_icon.png
View File


BIN
html/informationSearch/images/zhuyuanjiaofei_img.png
View File


+ 16 - 0
html/informationSearch/js/reportList.js
View File 

@ -0,0 +1,16 @@
 
(function() {
 
	new Vue({
 
		el: "#app",
 
		data: {
 
			dataList:[],
 
			length:1,
 
		},
 
		mounted: function() {
 
			var vm = this
 
		},
 
		methods: {
 
			
		},
 
	})
 
})()

+ 16 - 0
html/informationSearch/js/waitingDoctorList.js
View File 

@ -0,0 +1,16 @@
 
(function() {
 
	new Vue({
 
		el: "#app",
 
		data: {
 
			dataList:[],
 
			length:1,
 
		},
 
		mounted: function() {
 
			var vm = this
 
		},
 
		methods: {
 
			
		},
 
	})
 
})()

+ 136 - 8
html/payment/css/payment.css
View File 

@ -10,16 +10,58 @@
 
.c-f25{
 
	font-size: 25px;
 
}
 
.plr30{
 
	padding-left: 30px;
 
	padding-right: 30px;
 
.plr35{
 
	padding-left: 35px;
 
	padding-right: 35px;	
}
 
.p30{
 
	padding: 30px;
 
}
 
.p15{
 
	padding: 15px;
 
}
 
.pb25{
 
	padding-bottom: 25px;
 
}
 
.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: 20px;
 
}
 
[v-cloak] {
 
  display: none;
 
}
 
/*缺省页*/
 
.default-div{
 
	text-align: center;
 
	position: relative;
 
	top: 100px;
 
}
 
/*缺省页*/
 
/*缴费查询*/
 
.qiehuan-txt{
 
	color:#17B3EC;
 
	text-decoration: underline;
 
@ -33,9 +75,6 @@
 
	margin-top: 3px;
 
}
 
.p15{
 
	padding: 15px;
 
}
 
.labelIcon{
 
  background-repeat: no-repeat;
 
@ -72,7 +111,9 @@
 
    color: #FFFFFF;    
    text-align: center;
 
}
 
/*缴费查询*/
 
/*就诊卡缴费*/
 
.jiuzhen{
 
	
}
 
@ -81,7 +122,7 @@
 
   background-repeat: no-repeat;
 
   background-image: url(../images/biaoqian_lvse_img.png);
 
   background-size: 100% 100%;
 
   padding:4px  10px 4px 18px;
 
   padding:3px  10px 3px 18px;
 
   color:#ffffff;
 
}
 
.jiuzhen .c-btn-full,.jiuzhen .c-btn-big{
 
@ -98,7 +139,7 @@
 
   background-repeat: no-repeat;
 
   background-image: url(../images/biaoqian_hongse_img.png);
 
   background-size: 100% 100%;
 
   padding:4px  10px 4px 18px;
 
   padding:1px  10px 1px 18px;
 
   color:#ffffff;
 
}
 
.zhuyuan .c-btn-full,.zhuyuan .c-btn-big{
 
@ -106,7 +147,94 @@
 
	border-bottom-left-radius: 5px;
 
	border-bottom-right-radius: 5px;
 
}
 
.zhuyuan .createdata{
 
	color: transparent;
 
}
 
.p-fix-bottom-0{
 
	position: fixed;bottom: 0px;
 
}
 
/*就诊卡缴费*/
 
/*缴费结果页面*/
 
.success-pay{}
 
.success-pay .txtColor{
 
	color: #4dcd70;
 
}
 
.failure-pay{}
 
.failure-pay .txtColor{
 
	color: #FF5E6C;
 
}
 
.success-pay .failure-btn{display: none;}
 
.failure-pay .success-list{display: none;}
 
/*缴费结果页面*/
 
/*我的就诊卡包*/
 
.geduan{
 
  background-repeat: no-repeat;
 
  background-image: url(../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: 30px;
 
    line-height: 28px;
 
    float: right;
 
}
 
.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(../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;
 
}
 
/*候诊查询*/

+ 52 - 0
html/payment/html/bindingCard.html
View File 

@ -0,0 +1,52 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="utf-8">
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
		<meta name="renderer" content="webkit">
 
		<meta http-equiv="Cache-Control" content="no-siteapp">
 
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
 
		<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-border-tb mt10 flex ptb10 pr15">
 
	            <div class="f_s_0 c-f17 c-333 c-t-center c-border-r" style="width: 80px;line-height: 32px;">就诊卡</div>
 
	            <div class="f_g_1"><input type="text" placeholder="输入就诊卡号" class="input-bcard w-calc-220  c-333"/></div>
 
	            <div class="f_s_0 jiaoyanBtn">校验身份</div>
 
		    </div>
 
		    <div class="bgc-fff c-border-tb mt10 flex ptb10 pr15  c-999">
 
		            <div class="f_s_0 c-f17 c-t-center c-border-r" style="width: 80px;line-height: 32px;">姓&emsp;名</div>
 
		            <div class="f_g_1"><input type="text" placeholder="就诊人姓名" class="input-bcard"readonly="readonly"/></div>
 
		    </div>
 
		    <div class="bgc-fff c-border-b flex ptb10 pr15  c-999">
 
	            <div class="f_s_0 c-f17 c-t-center c-border-r" style="width: 80px;line-height: 32px;">手机号</div>
 
	            <div class="f_g_1"><input type="text" placeholder="办卡手机号" class="input-bcard" readonly="readonly"/></div>
 
		    </div>
 
		    <div class="p30">
 
				<button type="button" class="c-btn-4dcd70 c-btn-arc c-btn-full  c-btn-big" style="height: 45px;">立即添加</button>				
				<div class="pt20 c-333 c-f14">
 
					<img src="../images/tishi_icon.png" width="13" class="mr10"/>温馨提示:
 
					<div class="c-999">
 
						1.未开卡用户来院就诊后当天可绑定就诊卡，享受在线预约挂号、缴费查询等服务。
 
					</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/bindingCard.js"></script>
 
	</body>
 
</html>

+ 73 - 0
html/payment/html/patientIDCards-pay.html
View File 

@ -0,0 +1,73 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="utf-8">
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
		<meta name="renderer" content="webkit">
 
		<meta http-equiv="Cache-Control" content="no-siteapp">
 
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
 
		<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" href="../css/payment.css" />
 
	</head>
 
	<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 ptb15 pl10">
 
						<span class="c-333333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
						<span class="c-4dcd70">默认</span>
 
						<span style="float: right;">
 
						<span class="card-icon">就诊</span>
 
						</span>
 
					</div>
 
					<div class="pb10 c-t-center c-ff9526 c-f25">
 
						￥100.86 元
 
					</div>
 
					<div class="pb10 c-999 pr10 c-f12 c-t-right createdata">
 
						2018-09-17创建
 
					</div>
 
					<div>
 
						<button type="button" class="c-btn-full c-btn-big" style="height: 45px;">门诊缴费</button>
 
					</div>
 
				</div>
 
				<div class="bgc-fff mt10 zhuyuan c-radius-5">
 
					<div class="c-f14 ptb15 pl10">
 
						<span class="c-333333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
						<span class="c-4dcd70">默认</span>
 
						<span style="float: right;">
 
						<span class="card-icon">住院</span>
 
						</span>
 
					</div>
 
					<div class="pb10 c-t-center c-ff9526 c-f25">
 
						￥100.86 元
 
					</div>
 
					<div class="pb10 c-999 pr10 c-f12 c-t-right createdata">
 
						2018-09-17创建
 
					</div>
 
					<div>
 
						<button type="button" class="c-btn-full c-btn-big" style="height: 45px;">住院缴费</button>
 
					</div>
 
				</div>
 
			</div>
 
			<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;">缴费查询</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;">解绑就诊卡</button>
 
				</div>
 
			</div>
 
		</div>
 
		<script src="../../../js/post.js"></script>
 
		<script src="../js/patientIDCards-pay.js"></script>
 
	</body>
 
</html>

+ 23 - 40
html/payment/html/patientIDCards.html
View File 

@ -7,7 +7,7 @@
 
		<meta name="renderer" content="webkit">
 
		<meta http-equiv="Cache-Control" content="no-siteapp">
 
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
 
		<title>就诊卡</title>
 
		<title>我的卡包</title>
 
		<meta name="keywords" content="">
 
		<meta name="description" content="">
 
		<link rel="shortcut icon" href="../../../favicon.ico">
 
@ -17,49 +17,32 @@
 
	</head>
 
	<body class="bgc-f2f3f4">
 
		<div id="app" class="plr15" >
 
			<div class="bgc-fff mt10 jiuzhen c-radius-5">
 
				<div class="c-f14 ptb20 pl10">
 
					<span class="c-333333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
					<span class="c-4dcd70">默认</span>
 
					<span  style="float: right;">
 
						<span class="card-icon">就诊</span>
 
					</span>						
				</div>	
				<div class="mt5 pb15 c-t-center c-ff9526 c-f25">
 
					￥100.86 元
 
				</div>	
				<div class="mt5 pb10 c-999 pr10 c-f12 c-t-right">
 
					2018-09-17创建
 
				</div>
 
				<div>
 
					<button type="button" class="c-btn-full c-btn-big" style="height: 45px;">门诊缴费</button>
 
		<div id="app" v-cloak>
 
			<div  class="plr15" v-show="length!=0">				
				<div class="bgc-fff mt10 jiuzhen c-radius-20 c-f14">
 
					<div class="pt15 pb10 pl15">
 
						<span class="c-333333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
						<span  style="float: right;">
 
							<span class="card-icon">就诊</span>
 
						</span>						
					</div>	
					<div class="geduan"></div>
 
					<div class="pb15 pt10 c-t-center">
 
						<span class="c-4dcd70"><img src="../images/xuanzhemoren_btn.png" width="22" class="mr5"/>默认</span>
 
						<span class="c-c8c8c8"><img src="../images/quxiaomoren_btn.png" width="22" class="mr5"/>设为默认</span>
 
					</div>
 
				</div>
 
			</div>
 
			<div class="bgc-fff mt10 zhuyuan c-radius-5">
 
				<div class="c-f14 ptb20 pl10">
 
					<span class="c-333333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
					<span class="c-4dcd70">默认</span>
 
					<span  style="float: right;">
 
						<span class="card-icon">住院</span>
 
					</span>						
				</div>	
				<div class="mt5 pb15 c-t-center c-ff9526 c-f25">
 
					￥100.86 元
 
				</div>	
				<div class="mt5 pb10 c-999 pr10 c-f12 c-t-right">
 
					2018-09-17创建
 
				</div>
 
				<div>
 
					<button type="button" class="c-btn-full c-btn-big" style="height: 45px;">住院缴费</button>
 
			<div class="default-div" v-show="length==0">
 
				<img src="../images/wushuju.png" width="222"/>
 
				<div class="c-999 c-f14 pt30">
 
					暂无就诊卡，请添加
 
				</div>
 
			</div>
 
			<div :class="BtnClass" style="width: 100%;">				
				<div class="pb20" style="width: 85%;margin: 0 auto;">
 
					<button type="button" class="c-btn-4dcd70 c-btn-arc c-btn-full  c-btn-big" style="height: 45px;">缴费查询</button>
 
				</div>			
				<div class="pb20" style="width: 85%;margin: 0 auto;">
 
					<button type="button" class="c-btn-fff c-btn-full c-btn-arc c-btn-big" style="height: 45px;color:#FF5E6C;">解绑就诊卡</button>
 
			<div :class="BtnClass" class="c-100">	
				<div class="pb20 plr15" style="margin: 0 auto 20px;">					
			<button type="button" class="c-btn-fff c-btn-full c-btn-big" style="height: 45px;color:#999999;"><img src="../images/tianjia_icon.png" width="22" class="mr10"/>添加就诊卡</button>
 
					<div class="mt10 c-t-center c-c8c8c8 c-f14">还可以添加<span class="c-4dcd70">3</span>张</div>
 
				</div>	
			</div>
 
		</div>

+ 2 - 2
html/payment/html/payment.html
View File 

@ -17,9 +17,9 @@
 
	</head>
 
	<body class="bgc-f2f3f4">
 
		<div id="app" >
 
		<div id="app" v-cloak>
 
			<div class="bgc-fff c-f14 plr15 mt10">
 
				<div class="c-border-b  ptb20">
 
				<div class="c-border-b  ptb15">
 
					<span class="c-333333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
					<span class="c-4dcd70">默认</span>
 
					<span class="c-999" style="float: right;">余额:<span class="c-ff9526">￥&nbsp;3.06元</span></span>

+ 9 - 3
html/payment/html/paymentList.html
View File 

@ -16,13 +16,13 @@
 
	</head>
 
	<body class="bgc-f2f3f4">
 
		<div id="app" >
 
			<div class="bgc-fff c-f17 p15" >
 
		<div id="app" v-cloak>
 
			<div class="bgc-fff c-f17 plr15 ptb10" >
 
				<span class="c-333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
				<span class="qiehuan-txt">切换</span>
 
				<span><img src="../images/rili_icon.png" class="date-icon" /></span>				
			</div>			
			<ul class="plr15 pb15">		
			<ul class="plr15 pb15"  v-show="length!=0">		
				<li class="labelIcon weixin">
 
					<div>
 
						<img src="../images/weixinzhifu_icon.png" width="24" height="24"/>
 
@ -80,6 +80,12 @@
 
					</div>	
				</li>
 
			</ul>
 
			<div class="default-div" v-show="length==0">
 
				<img src="../images/wushuju.png" width="222"/>
 
				<div class="c-999 c-f14 pt30">
 
					暂无该就诊卡缴费记录
 
				</div>
 
			</div>
 
			<div class="circle-btn">
 
				 <div style="margin-top: 1px;">我的<br/>就诊卡</div>
 
			</div>

+ 61 - 0
html/payment/html/paymentResult.html
View File 

@ -0,0 +1,61 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="utf-8">
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
		<meta name="renderer" content="webkit">
 
		<meta http-equiv="Cache-Control" content="no-siteapp">
 
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
 
		<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" 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 pt15 pb25">						
					<img :src="result.Img" width="46"/>
 
					<div class="mt10 c-f20 txtColor">{{result.txt}}</div>
 
					<div class="mt10 c-999 c-f14" style="line-height: 25px;">{{result.msg}}</div>
 
				</div>
 
			</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;">返回</button>
 
			</div>
 
			<div class="mt10 success-list">				
				<ul class="c-list  c-border-b">
 
					<li class="ptb15">
 
						<div class="c-list-info">缴费说明</div>
 
			            <div class="c-list-key c-999">就诊卡缴费充值</div>					
					</li>
 
					<li class="ptb15">
 
						<div class="c-list-info">就诊人</div>
 
			            <div class="c-list-key c-999">张三</div>					
					</li>
 
					<li class="ptb15">
 
						<div class="c-list-info">就诊卡号</div>
 
			            <div class="c-list-key c-999">D123132135</div>					
					</li>
 
					<li class="ptb15">
 
						<div class="c-list-info">充值时间</div>
 
			            <div class="c-list-key c-999">2018-12-30 20:00</div>					
					</li>
 
					<li class="ptb15">
 
						<div class="c-list-info">充值流水号</div>
 
			            <div class="c-list-key c-999">20181230230232</div>					
					</li>
 
				</ul>
 
			</div>
 
		</div>
 
		<script src="../../../js/post.js"></script>
 
		<script src="../js/paymentResult.js"></script>
 
	</body>
 
</html>

BIN
html/payment/images/geduan_img.png
View File


BIN
html/payment/images/paidui_icon.png
View File


BIN
html/payment/images/paiduipeitu_img.png
View File


BIN
html/payment/images/tishi_icon.png
View File


+ 21 - 0
html/payment/js/bindingCard.js
View File 

@ -0,0 +1,21 @@
 
(function() {
 
	new Vue({
 
		el: "#app",
 
		data: {
 
			dataList:[],
 
		},
 
		mounted: function() {
 
			var vm = this
 
		},
 
		methods: {
 
			setMorenDialog:function(){
 
				var vm = this				
				dialog({title:'绑定成功', content:'您已添加就诊卡，是否设为默认缴费查询用卡？',okValue: '是', ok: function (){vm.setMoren()}, cancelValue: '否',cancel: function () {} }).showModal();
 
			},
 
			setMoren:function(){
 
				
			},
 
		},
 
	})
 
})()

+ 24 - 0
html/payment/js/patientIDCards-pay.js
View File 

@ -0,0 +1,24 @@
 
(function() {
 
	new Vue({
 
		el: "#app",
 
		data: {
 
			dataList:[],
 
			BtnClass:"p-fix-bottom-0",
 
		},
 
		mounted:function(){
 
			var vm = this
 
			vm.setBtnClass()
 
		},
 
		methods: {
 
			setBtnClass:function(){
 
				var vm = this
 
				var screemH=window.screen.availHeight;	
				var bodyH=document.body.clientHeight;
 
				if(screemH-bodyH<160){
 
					vm.BtnClass="mt20"
 
				}				
			},
 
		},
 
	})
 
})()

+ 12 - 7
html/payment/js/patientIDCards.js
View File 

@ -4,19 +4,24 @@
 
		data: {
 
			dataList:[],
 
			BtnClass:"p-fix-bottom-0",
 
			length:1,
 
		},
 
		mounted:function(){
 
			var vm = this
 
			debugger
 
			var screemH=document.body.clientHeight;	
			console.log(screemH)
 
			if(document.body.clientHeight<1000){
 
				vm.BtnClass="mt20"
 
			if(vm.length>0){
 
				vm.setBtnClass()				
			}
 
		},
 
		methods: {
 
			
			setBtnClass:function(){
 
				var vm = this
 
				var screemH=window.screen.availHeight;	
				var bodyH=document.body.clientHeight;
 
				if(screemH-bodyH<70){
 
					vm.BtnClass="mt20"
 
				}				
			},
 
		},
 
	})
 
})
 
})()

+ 1 - 1
html/payment/js/payment.js
View File 

@ -12,4 +12,4 @@
 
		},
 
	})
 
})
 
})()

+ 2 - 1
html/payment/js/paymentList.js
View File 

@ -3,6 +3,7 @@
 
		el: "#app",
 
		data: {
 
			dataList:[],
 
			length:1
 
		},
 
		mounted: function() {
 
			var vm = this
 
@ -12,4 +13,4 @@
 
		},
 
	})
 
})
 
})()

+ 22 - 0
html/payment/js/paymentResult.js
View File 

@ -0,0 +1,22 @@
 
(function() {
 
	new Vue({
 
		el: "#app",
 
		data: {
 
			result:{
 
				status:"failure-pay",
 
				msg:"恭喜您缴费成功，您将享有医院在线的所有服务，以下为您的缴费信息。",
 
				Img:"../images/jiaofeishibai_icon.png",	
				txt:"缴费失败",
 
			},
 
			successImg:"../images/jiaofeishibai_icon.png",
 
			failureImg:"../images/jiaofeichengong_icon.png",
 
		},
 
		mounted: function() {
 
			var vm = this
 
		},
 
		methods: {
 
			
		},
 
	})
 
})()