首页 发现 帮助
注册 登录
Amoy2
/
sr-iHealthwx
关注 2
点赞 0
派生 1
文件
浏览代码

修改页面样式

chenyue 6 年之前
父节点
7f53e39705
当前提交
2f4ffd0b74
共有 11 个文件被更改，包括 78 次插入 和 47 次删除
分列视图 显示文件统计
  1. 22 2
      html/informationSearch/css/index.css
  2. 4 4
      html/informationSearch/html/reportList.html
  3. 6 6
      html/informationSearch/html/waitingDoctorList.html
  4. 16 5
      html/payment/css/payment.css
  5. 4 4
      html/payment/html/bindingCard.html
  6. 2 2
      html/payment/html/patientIDCards-pay.html
  7. 3 3
      html/payment/html/patientIDCards.html
  8. 4 4
      html/payment/html/payment.html
  9. 8 8
      html/payment/html/paymentList.html
  10. 8 8
      html/payment/html/paymentResult.html
  11. 1 1
      html/payment/js/paymentResult.js

+ 22 - 2
html/informationSearch/css/index.css
查看文件 

@ -112,7 +112,7 @@
 
   background-repeat: no-repeat;
 
   background-image: url(../images/biaoqian_lvse_img.png);
 
   background-size: 100% 100%;
 
   padding:3px  10px 3px 18px;
 
   padding:1px  10px 1px 18px;
 
   color:#ffffff;
 
}
 
.jiuzhen .c-btn-full,.jiuzhen .c-btn-big{
 
@ -121,10 +121,30 @@
 
	border-bottom-right-radius: 5px;
 
}
 
.red-dot{position: relative;color:#FF5E6C}
 
.red-dot:before{
 
	content: " ";
 
    border: 3px solid #FF5E6C;/*设置红色*/
 
    border-radius:3px;/*设置圆角*/
 
    position: absolute;
 
    z-index: 1000;
 
    left: -10px;
 
    top: 6px;
 
}
 
.green-dot{position: relative;color: #4DCD70}
 
.green-dot:before{
 
	content: " ";
 
    border: 3px solid #4DCD70;/*设置红色*/
 
    border-radius:3px;/*设置圆角*/
 
    position: absolute;
 
    z-index: 1000;
 
    left: -10px;
 
    top: 6px;
 
}
 
/*候诊查询*/
 
.top-div{
 
	padding:15px 10px;
 
	padding:10px 10px;
 
}
 
.jiuzhen .top-div{

+ 4 - 4
html/informationSearch/html/reportList.html
查看文件 

@ -32,13 +32,13 @@
 
						<span>上饶县人民医院</span>
 
						<span style="float: right;">检查报告</span>
 
					</div>
 
					<div class="pt15 plr10 c-333 c-f14">						
					<div class="pt10 plr10 c-333 c-f14">						
						<div class="c-f17" style="line-height: 18px;">
 
							<span>报告名称：血常规检验报告</span>
 
							<span style="float: right;" class="c-f14">未生成</span>
 
							<span class="red-dot c-f14" style="float: right;" class="c-f14">未生成</span>
 
						</div>
 
						<div class="pt20">候诊人:&nbsp;王小建</div>
 
						<div class="ptb15">
 
						<div class="pt15">候诊人:&nbsp;王小建</div>
 
						<div class="ptb10">
 
							就诊时间:&nbsp;2018-08-29 14:20-15:00
 
						</div>
 
					</div>

+ 6 - 6
html/informationSearch/html/waitingDoctorList.html
查看文件 

@ -29,15 +29,15 @@
 
							<span>上饶县人民医院</span>
 
							<span style="float: right;">门诊</span>
 
						</div>
 
						<div class="pt15 plr10 c-333 c-f14">						
						<div class="pt10 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">
 
							<div class="pt15">
 
								<span>候诊人:&nbsp;王小建</span>
 
								<span style="float: right;">候诊科室：呼吸道科</span>
 
							</div>
 
							<div class="ptb15">
 
							<div class="ptb10">
 
								就诊时间:&nbsp;2018-08-29 14:20-15:00
 
							</div>
 
						</div>
 
@ -47,15 +47,15 @@
 
							<span>上饶县人民医院</span>
 
							<span style="float: right;">检查检验</span>
 
						</div>
 
						<div class="pt15 plr10 c-333 c-f14">						
						<div class="pt10 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">
 
							<div class="pt15">
 
								<span>候诊人:&nbsp;王小建</span>
 
								<span style="float: right;">候诊科室：呼吸道科</span>
 
							</div>
 
							<div class="ptb15">
 
							<div class="ptb10">
 
								就诊时间:&nbsp;2018-08-29 14:20-15:00
 
							</div>
 
						</div>

+ 16 - 5
html/payment/css/payment.css
查看文件 

@ -42,9 +42,19 @@
 
	border-bottom-right-radius: 20px;
 
}
 
.c-radius-20{
 
	border-radius: 20px;
 
	border-radius: 10px;
 
}
 
.ptb13{
 
	padding-top: 13px;
 
	padding-bottom: 13px;	
}
 
.mt7{
 
	margin-top: 7px;
 
}
 
.pt12{
 
	padding-top: 12px;
 
}
 
[v-cloak] {
 
  display: none;
 
@ -80,8 +90,8 @@
 
  background-repeat: no-repeat;
 
  background-image: url(../images/weixinzhifu_bg_img.png);
 
  background-size: 100% 100%;
 
  padding:10px  10px 15px 15px;
 
  height: 100px;
 
  padding:9px  10px 9px 15px;
 
  /*height: 100px;*/
 
  color:#ffffff;
 
  margin-top: 15px;
 
}
 
@ -122,7 +132,7 @@
 
   background-repeat: no-repeat;
 
   background-image: url(../images/biaoqian_lvse_img.png);
 
   background-size: 100% 100%;
 
   padding:3px  10px 3px 18px;
 
   padding:1px  10px 1px 18px;
 
   color:#ffffff;
 
}
 
.jiuzhen .c-btn-full,.jiuzhen .c-btn-big{
 
@ -188,9 +198,10 @@
 
	text-align: center;
 
	color: #4dcd70;
 
	font-size: 14px;
 
	height: 30px;
 
	height: 28px;
 
    line-height: 28px;
 
    float: right;
 
    margin-top: 1px;
 
}
 
.input-bcard{
 
	font-size: 14px;

+ 4 - 4
html/payment/html/bindingCard.html
查看文件 

@ -20,16 +20,16 @@
 
	<body class="bgc-f2f3f4">
 
		<div id="app" v-cloak>
 
			<div class="bgc-fff c-border-tb mt10 flex ptb10 pr15">
 
			<div class="bgc-fff c-border-tb mt10 flex ptb5 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="bgc-fff c-border-tb mt10 flex ptb5 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="bgc-fff c-border-b flex ptb5 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>
 
@ -37,7 +37,7 @@
 
				<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">
 
					<div class="c-999 mt15">
 
						1.未开卡用户来院就诊后当天可绑定就诊卡，享受在线预约挂号、缴费查询等服务。
 
					</div>
 
				</div>

+ 2 - 2
html/payment/html/patientIDCards-pay.html
查看文件 

@ -20,7 +20,7 @@
 
		<div id="app" v-cloak>
 
			<div class="plr15">
 
				<div class="bgc-fff mt10 jiuzhen c-radius-5">
 
					<div class="c-f14 ptb15 pl10">
 
					<div class="c-f14 ptb10 pl10">
 
						<span class="c-333333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
						<span class="c-4dcd70">默认</span>
 
						<span style="float: right;">
 
@ -38,7 +38,7 @@
 
					</div>
 
				</div>
 
				<div class="bgc-fff mt10 zhuyuan c-radius-5">
 
					<div class="c-f14 ptb15 pl10">
 
					<div class="c-f14 ptb10 pl10">
 
						<span class="c-333333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
						<span class="c-4dcd70">默认</span>
 
						<span style="float: right;">

+ 3 - 3
html/payment/html/patientIDCards.html
查看文件 

@ -20,14 +20,14 @@
 
		<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">
 
					<div class="pt12 pb5 pl15">
 
						<span class="c-333333">DC1326898&nbsp;(张峰)&nbsp;</span>
 
						<span  style="float: right;">
 
							<span class="card-icon">就诊</span>
 
							<span class="card-icon c-f14">就诊</span>
 
						</span>						
					</div>	
					<div class="geduan"></div>
 
					<div class="pb15 pt10 c-t-center">
 
					<div class="pt5 pb10 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>

+ 4 - 4
html/payment/html/payment.html
查看文件 

@ -19,20 +19,20 @@
 
	<body class="bgc-f2f3f4">
 
		<div id="app" v-cloak>
 
			<div class="bgc-fff c-f14 plr15 mt10">
 
				<div class="c-border-b  ptb15">
 
				<div class="c-border-b  ptb10">
 
					<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">
 
				<div class="c-999 mt7">
 
					<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">
 
				<div class="mt10 pb10">
 
					<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 class="c-ff5e6c pt10 pb15">
 
					提示：公众号推送充值结果，可查询缴费记录
 
				</div>
 
			</div>

+ 8 - 8
html/payment/html/paymentList.html
查看文件 

@ -28,11 +28,11 @@
 
						<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">
 
					<div class="mt5">
 
						<span class="c-f20">￥&nbsp;100.86 元</span>
 
						<span class="c-f14 mt5" style="float: right;">就诊卡缴费-张峰</span>
 
					</div>	
					<div class="mt15 c-f12">
 
					<div class="mt5 c-f12">
 
						<span>上饶县人民医院</span>
 
						<span style="float: right;">2018-09-19 13:30</span>
 
					</div>	
@ -42,11 +42,11 @@
 
						<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">
 
					<div class="mt5">
 
						<span class="c-f20">￥&nbsp;100.86 元</span>
 
						<span class="c-f14 mt5" style="float: right;">就诊卡缴费-张峰</span>
 
					</div>	
					<div class="mt15 c-f12">
 
					<div class="mt5 c-f12">
 
						<span>上饶县人民医院</span>
 
						<span style="float: right;">2018-09-19 13:30</span>
 
					</div>	
@ -56,11 +56,11 @@
 
						<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">
 
					<div class="mt5">
 
						<span class="c-f20">￥&nbsp;100.86 元</span>
 
						<span class="c-f14 mt5" style="float: right;">就诊卡缴费-张峰</span>
 
					</div>	
					<div class="mt15 c-f12">
 
					<div class="mt5 c-f12">
 
						<span>上饶县人民医院</span>
 
						<span style="float: right;">2018-09-19 13:30</span>
 
					</div>	
@ -70,11 +70,11 @@
 
						<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">
 
					<div class="mt5">
 
						<span class="c-f20">￥&nbsp;100.86 元</span>
 
						<span class="c-f14 mt5" style="float: right;">就诊卡缴费-张峰</span>
 
					</div>	
					<div class="mt15 c-f12">
 
					<div class="mt5 c-f12">
 
						<span>上饶县人民医院</span>
 
						<span style="float: right;">2018-09-19 13:30</span>
 
					</div>

+ 8 - 8
html/payment/html/paymentResult.html
查看文件 

@ -19,10 +19,10 @@
 
	<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">						
				<div class="c-t-center pt10 pb20">						
					<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 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="p30 failure-btn">
 
@ -30,23 +30,23 @@
 
			</div>
 
			<div class="mt10 success-list">				
				<ul class="c-list  c-border-b">
 
					<li class="ptb15">
 
					<li class="ptb13">
 
						<div class="c-list-info">缴费说明</div>
 
			            <div class="c-list-key c-999">就诊卡缴费充值</div>					
					</li>
 
					<li class="ptb15">
 
					<li class="ptb13">
 
						<div class="c-list-info">就诊人</div>
 
			            <div class="c-list-key c-999">张三</div>					
					</li>
 
					<li class="ptb15">
 
					<li class="ptb13">
 
						<div class="c-list-info">就诊卡号</div>
 
			            <div class="c-list-key c-999">D123132135</div>					
					</li>
 
					<li class="ptb15">
 
					<li class="ptb13">
 
						<div class="c-list-info">充值时间</div>
 
			            <div class="c-list-key c-999">2018-12-30 20:00</div>					
					</li>
 
					<li class="ptb15">
 
					<li class="ptb13">
 
						<div class="c-list-info">充值流水号</div>
 
			            <div class="c-list-key c-999">20181230230232</div>					
					</li>

+ 1 - 1
html/payment/js/paymentResult.js
查看文件 

@ -3,7 +3,7 @@
 
		el: "#app",
 
		data: {
 
			result:{
 
				status:"failure-pay",
 
				status:"success-pay",
 
				msg:"恭喜您缴费成功，您将享有医院在线的所有服务，以下为您的缴费信息。",
 
				Img:"../images/jiaofeishibai_icon.png",	
				txt:"缴费失败",