Browse Source

切换就诊卡页面

chenyue 6 years ago
parent
commit
b0b091e6e0
2 changed files with 111 additions and 0 deletions
  1. 44 0
      html/payment/html/changeCards.html
  2. 67 0
      html/payment/js/changeCards.js

+ 44 - 0
html/payment/html/changeCards.html

@ -0,0 +1,44 @@
<!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="../../../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="plr15" v-show="length!=0">				
				<div class="bgc-fff mt10 jiuzhen c-radius-20 c-f14" v-for="(item,i) in dataList" v-key="i"  @click="gotoPage(item.id)">
					<div class="pt12 pb5 pl15">
						<span class="c-333333">{{item.cardNo}}&nbsp;({{item.name}})&nbsp;</span>
						<span  style="float: right;">
							<span class="card-icon c-f14">就诊</span>
						</span>						
					</div>	
					<div class="geduan"></div>
					<div class="pt5 pb10 c-t-center">
						<span v-if="item.isDefault==1" class="c-4dcd70"><img src="../images/xuanzhemoren_btn.png" width="22" class="mr5"/>默认</span>
						<span v-else class="c-c8c8c8" v-on:click.stop="setDefault(item.id,1)"><img src="../images/quxiaomoren_btn.png" width="22" class="mr5"/>设为默认</span>
					</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/changeCards.js"></script>
	</body>
</html>

+ 67 - 0
html/payment/js/changeCards.js

@ -0,0 +1,67 @@
var checktype=false;
(function() {
	myvue=new Vue({
		el: "#app",
		data: {
			dataList:[],
			code:JSON.parse(localStorage.getItem("wlyyAgent")).uid,
		},
		mounted:function(){
			var vm = this
			checkUserAgent();
			vm.checkType()
		},
		methods: {
			//获取列表数据
			getData:function(){
				var vm=this
				var loading = dialog({
					contentType: 'load',
					skin: 'bk-popup'
				});
				 sendPost("patient/card/getCardList", {patient:vm.code}, "json", "get",function(){
				 	loading.close();
			    	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求失败'}).show();
			       }, function(res){
			   		loading.close();
			        if(res.status == 200){ 
			        	vm.dataList=res.data
			        }else{
			          dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据获取失败'}).show();
			        }
			    })
			},
			//设置默认就诊卡
			setDefault:function(id,isDefault){
				var vm=this
				sendPost("/patient/card/defaultOpe", {id:id,isDefault:isDefault}, "json", "post",function(){
		          }, function(res){
	                if(res.status == 200){
	                  dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
					  vm.getData()
	                }else{
	                  dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'数据获取失败'}).show();
	                }
	            })				
			},
			gotoPage:function(id){
				window.location.href='../../payment/html/patientIDCards-pay.html?id='+id;
			},
			//判断是否验证登录通过
			checkType:function(){
				var vm=this
				var timer = setInterval(function(){
					if(checktype){
						clearInterval(timer);
						vm.getData()
					}
				},100);
			},
		},
	})
})()
function queryInit(){
	checktype=true
}