Kezdőlap Felfedezés Súgó
Regisztráció Bejelentkezés
Amoy2
/
sr-iHealthwx
Figyelés 2
Kedvenc 0
Másolás 1
Fájlok
Forráskód Böngészése

就诊卡、缴费查询、缴费页面

chenyue 6 éve
szülő
71f7196f0f
commit
8406866498
11 módosított fájl, 377 hozzáadás és 3 törlés
Osztott Nézet Diff Statisztika Mutatása
  1. 112 0
      html/payment/css/payment.css
  2. 71 0
      html/payment/html/patientIDCards.html
  3. 48 0
      html/payment/html/payment.html
  4. 92 0
      html/payment/html/paymentList.html
  5. BIN
      html/payment/images/feiyong_icon.png
  6. BIN
      html/payment/images/rili_icon.png
  7. 0 0
      html/payment/images/weixinzhifu_bg_img.png
  8. 22 0
      html/payment/js/patientIDCards.js
  9. 15 0
      html/payment/js/payment.js
  10. 15 0
      html/payment/js/paymentList.js
  11. 2 3
      js/post.js

+ 112 - 0
html/payment/css/payment.css
Fájl Megtekintése 

@ -0,0 +1,112 @@
 
.bgc-f2f3f4{
 
	background-color: #f2f3f4;
 
}
 
.c-ff9526{
 
	color: #ff9526;
 
}
 
.c-ff5e6c{
 
	color: #ff5e6c;	
}
 
.c-f25{
 
	font-size: 25px;
 
}
 
.plr30{
 
	padding-left: 30px;
 
	padding-right: 30px;
 
}
 
.p30{
 
	padding: 30px;
 
}
 
.c-radius-5{
 
	border-radius: 5px;
 
}
 
.qiehuan-txt{
 
	color:#17B3EC;
 
	text-decoration: underline;
 
	/*padding-left: 10px;*/
 
}
 
.date-icon{
 
	float: right;
 
	width: 20px;
 
	height: 20px;
 
	margin-top: 3px;
 
}
 
.p15{
 
	padding: 15px;
 
}
 
.labelIcon{
 
  background-repeat: no-repeat;
 
  background-image: url(../images/weixinzhifu_bg_img.png);
 
  background-size: 100% 100%;
 
  padding:10px  10px 15px 15px;
 
  height: 100px;
 
  color:#ffffff;
 
  margin-top: 15px;
 
}
 
.labelIcon.weixin{
 
  background-image: url(../images/weixinzhifu_bg_img.png);	
}
 
.labelIcon.zhifubao{
 
  background-image: url(../images/zhifubaozhifu_bg_img.png);	
}
 
.labelIcon.yinlian{
 
  background-image: url(../images/yinlianzhifu_bg_img.png);	
}
 
.labelIcon.xianjin{
 
  background-image: url(../images/xianjichongzhi_bg_img.png);	
}
 
.circle-btn{
 
	position: absolute;
 
    bottom: 80px;
 
    right: 20px;
 
    width: 45px;
 
    height: 45px;
 
    border-radius: 50%;
 
    background-color: #4DCD70;
 
    border: 1px solid #12AA3C;
 
    font-size: 12px;
 
    color: #FFFFFF;    
    text-align: center;
 
}
 
.jiuzhen{
 
	
}
 
.jiuzhen .card-icon{
 
   background-repeat: no-repeat;
 
   background-image: url(../images/biaoqian_lvse_img.png);
 
   background-size: 100% 100%;
 
   padding:4px  10px 4px 18px;
 
   color:#ffffff;
 
}
 
.jiuzhen .c-btn-full,.jiuzhen .c-btn-big{
 
	background: #4dcd70;
 
	border-bottom-left-radius: 5px;
 
	border-bottom-right-radius: 5px;
 
}
 
.zhuyuan{
 
	
}
 
.zhuyuan .card-icon{
 
   background-repeat: no-repeat;
 
   background-image: url(../images/biaoqian_hongse_img.png);
 
   background-size: 100% 100%;
 
   padding:4px  10px 4px 18px;
 
   color:#ffffff;
 
}
 
.zhuyuan .c-btn-full,.zhuyuan .c-btn-big{
 
	background: #FF5E6C;
 
	border-bottom-left-radius: 5px;
 
	border-bottom-right-radius: 5px;
 
}
 
.p-fix-bottom-0{
 
	position: fixed;bottom: 0px;
 
}

+ 71 - 0
html/payment/html/patientIDCards.html
Fájl Megtekintése 

@ -0,0 +1,71 @@
 
<!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" 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>
 
			</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>
 
			</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>	
			</div>
 
		</div>
 
		<script src="../../../js/post.js"></script>
 
		<script src="../js/patientIDCards.js"></script>
 
	</body>
 
</html>

+ 48 - 0
html/payment/html/payment.html
Fájl Megtekintése 

@ -0,0 +1,48 @@
 
<!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" >
 
			<div class="bgc-fff c-f14 plr15 mt10">
 
				<div class="c-border-b  ptb20">
 
					<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>						
				</div>	
				<div class="c-999 mt10">
 
					<img src="../images/feiyong_icon.png" width="17" style="margin-right: 10px;"/><span class="c-f14" style="position: relative;top: -3px;">预交金额</span>
 
				</div>
 
				<div class="mt10 pb15">
 
					<span class="c-333 c-f25" style="position: absolute;line-height: 30px;">￥</span>					
					<span style="position: absolute;right: 15px;margin-top: 5px;"><img src="../images/shanchu_shuru_icon.png" width="20" height="20"/></span>
 
					<input type="number" class="c-ser-input plr30" style="color: #333333;font-size: 25px;width: initial;"/>
 
				</div>
 
				<div class="c-ff5e6c ptb15">
 
					提示：公众号推送充值结果，可查询缴费记录
 
				</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>	
		</div>
 
		<script src="../../../js/post.js"></script>
 
		<script src="../js/payment.js"></script>
 
	</body>
 
</html>

+ 92 - 0
html/payment/html/paymentList.html
Fájl Megtekintése 

@ -0,0 +1,92 @@
 
<!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/payment.css" />		
	</head>
 
	<body class="bgc-f2f3f4">
 
		<div id="app" >
 
			<div class="bgc-fff c-f17 p15" >
 
				<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">		
				<li class="labelIcon weixin">
 
					<div>
 
						<img src="../images/weixinzhifu_icon.png" width="24" height="24"/>
 
						<span class="c-f14 pl10" style="position: relative;top: -2px;">微信支付</span>
 
					</div>	
					<div class="mt15">
 
						<span class="c-f20">￥&nbsp;100.86 元</span>
 
						<span class="c-f14 mt5" style="float: right;">就诊卡缴费-张峰</span>
 
					</div>	
					<div class="mt15 c-f12">
 
						<span>上饶县人民医院</span>
 
						<span style="float: right;">2018-09-19 13:30</span>
 
					</div>	
				</li>		
				<li class="labelIcon yinlian">
 
					<div>
 
						<img src="../images/yinlianzhifu_icon.png" width="24" height="24"/>
 
						<span class="c-f14 pl10" style="position: relative;top: -2px;">银联支付</span>
 
					</div>	
					<div class="mt15">
 
						<span class="c-f20">￥&nbsp;100.86 元</span>
 
						<span class="c-f14 mt5" style="float: right;">就诊卡缴费-张峰</span>
 
					</div>	
					<div class="mt15 c-f12">
 
						<span>上饶县人民医院</span>
 
						<span style="float: right;">2018-09-19 13:30</span>
 
					</div>	
				</li>		
				<li class="labelIcon xianjin">
 
					<div>
 
						<img src="../images/xianjichongzhi_icon.png" width="24" height="24"/>
 
						<span class="c-f14 pl10" style="position: relative;top: -2px;">现金支付</span>
 
					</div>	
					<div class="mt15">
 
						<span class="c-f20">￥&nbsp;100.86 元</span>
 
						<span class="c-f14 mt5" style="float: right;">就诊卡缴费-张峰</span>
 
					</div>	
					<div class="mt15 c-f12">
 
						<span>上饶县人民医院</span>
 
						<span style="float: right;">2018-09-19 13:30</span>
 
					</div>	
				</li>		
				<li class="labelIcon zhifubao">
 
					<div>
 
						<img src="../images/zhifubaozhifu_icon.png" width="24" height="24"/>
 
						<span class="c-f14 pl10" style="position: relative;top: -2px;">支付宝支付</span>
 
					</div>	
					<div class="mt15">
 
						<span class="c-f20">￥&nbsp;100.86 元</span>
 
						<span class="c-f14 mt5" style="float: right;">就诊卡缴费-张峰</span>
 
					</div>	
					<div class="mt15 c-f12">
 
						<span>上饶县人民医院</span>
 
						<span style="float: right;">2018-09-19 13:30</span>
 
					</div>	
				</li>
 
			</ul>
 
			<div class="circle-btn">
 
				 <div style="margin-top: 1px;">我的<br/>就诊卡</div>
 
			</div>
 
		</div>
 
		<script src="../../../js/post.js"></script>
 
		<script src="../js/paymentList.js"></script>
 
	</body>
 
</html>

BIN
html/payment/images/feiyong_icon.png
Fájl Megtekintése


BIN
html/payment/images/rili_icon.png
Fájl Megtekintése


html/payment/images/weixinzhifu_bg_img .png → html/payment/images/weixinzhifu_bg_img.png
Fájl Megtekintése


+ 22 - 0
html/payment/js/patientIDCards.js
Fájl Megtekintése 

@ -0,0 +1,22 @@
 
(function() {
 
	new Vue({
 
		el: "#app",
 
		data: {
 
			dataList:[],
 
			BtnClass:"p-fix-bottom-0",
 
		},
 
		mounted:function(){
 
			var vm = this
 
			debugger
 
			var screemH=document.body.clientHeight;	
			console.log(screemH)
 
			if(document.body.clientHeight<1000){
 
				vm.BtnClass="mt20"
 
			}
 
		},
 
		methods: {
 
			
		},
 
	})
 
})

+ 15 - 0
html/payment/js/payment.js
Fájl Megtekintése 

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

+ 15 - 0
html/payment/js/paymentList.js
Fájl Megtekintése 

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

+ 2 - 3
js/post.js
Fájl Megtekintése 

@ -2,11 +2,10 @@
 
	var version = "1.0"
 
	headjs([
 
		"../../../js/vue.js",
 
		"../../../js/mui.min.js",
 
		"../../../js/jquery/2.1.3/jquery.js",
 
		"../../../js/bootstrap.min.js",
 
		"../../../js/underscore.js",
 
		"../../../api/common_http.js",
 
		"../../../api/common-api.js",
 
		"../../../js/common_http.js",
 
		"../../../js/es6-promise.js",
 
		"../../../js/app.js",
 
	])