扫码通行

src/projects/business/apis/Common/health.js

@@ -46,4 +46,16 @@ export function getGreenCode(personId) {
 		}),
 		method: 'post',
 	})
-}
+}
+
+//获取健康码
+export function getGreenCodeByName(name,idCard) {
+	return request({
+		url: '/mobile/IndividualLogApi/getGreenCodeByName',
+		data: Qs.stringify({
+			name: name,
+			idCard: idCard
+		}),
+		method: 'post',
+	})
+}

src/projects/business/apis/Guest/current.js

@@ -1,20 +1,18 @@
 import request from '@/utils/request'
 import Qs from 'qs';
 
-//免登陆
-//获取访客记录（部分）
-export function info(id) {
+//（扫码通行）
+//获取访客记录
+export function info(params) {
     return request({
-        url: '/mobile/guestInfoRecordApi/detail/'+id,
-        //data: Qs.stringify({id:id}),
-        method: 'get',
+        url: '/mobile/guestInfoRecordApi/getInfo',
+        data: Qs.stringify(params),
+        method: 'post',
     })
 }
-
-//免登陆
-//访客确认
+//访客操作
 export function add(params) {
-    return request.post('/mobile/guestInfoRecordApi/update', params,{
+    return request.post('/mobile/guestInfoRecordApi/save', params,{
         headers: {
             "Content-Type": "application/json"
         }

src/projects/business/components/GreenCode.vue

@@ -146,6 +146,30 @@
 			getCode() {
 				return this.qrcodeColor[this.qrcodeDetail.healthyCode];
 			},
+			getGreenCodeByName(name,idCard) {
+				this.idCard = undefined;
+				//传过来的身份证号码才会处理
+				this.isLoading = true;
+				API_Health.getGreenCodeByName(name,idCard).then(response => {
+					this.isLoading = false;
+
+					this.idCard = idCard;
+					this.name = name;
+
+					if (response.hasIdCard) {
+						this.qrcodeDetail = response;
+						//生成二维码
+						this.$nextTick(() => {
+							this.qrcode();
+						});
+						//修改系统色
+						this.$emit('callBack', this.qrcodeColor[this.qrcodeDetail.healthyCode]);
+					}
+				}).catch(error => {
+					this.isLoading = false;
+					//mui.toast(error);
+				})
+			},
 			//获取绿码信息
 			getGreenCode() {
 				if (this.qrcodeDetail.date) {
@@ -173,6 +197,7 @@
 					//mui.toast(error);
 				})
 			},
+
 			//显示绿码
 			showGreenCode() {
 				if (this.qrcodeDetail.date) {

src/projects/business/views/Guest/Current/Info.vue

@@ -1,37 +1,37 @@
 <template>
 <div>
-	<common @asynCallBack="asynCallBack"></common>
-	<header class="mui-bar mui-bar-nav" v-if="step==2">
-		<h1 class="mui-title">扫码通行</h1>
-		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @click="back"></a>
-	</header>
+	<green-code ref="greenCode"   @callBack="callBack"></green-code>
+
 
 	<header class="mui-bar mui-bar-nav" v-if="step==1">
 		<h1 class="mui-title">访客信息登记</h1>
-		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
 	</header>
-	<div class="mui-content margin60" v-if="step==2">
+	<div class="mui-content margin60" v-if="step==1">
 		<div class="mui-content-padded vongi-editme vongi-qingjiadt">
 			<form class="mui-input-group">
 				<div class="mui-input-row">
 					<label>访客姓名<i class="colorfe616c">*</i></label>
-					<span>孙鹏</span>
+					<input type="text" class="mui-input-clear"  v-model="detail.name" placeholder="请填写访客姓名">
+
 				</div>
 				<div class="mui-input-row">
-					<label style='width:40%'>访客手机号码<i class="colorfe616c">*</i></label>
-					<span style="width:60%">15599998888</span>
+					<label>手机号码<i class="colorfe616c">*</i></label>
+					<input type="text" class="mui-input-clear" v-model="detail.mobilePhone" placeholder="请填写访客手机号码">
+
 				</div>
 				<div class="mui-input-row">
 					<label>身份证号<i class="colorfe616c">*</i></label>
-					<span>420400200001011010</span>
+					<input type="text" class="mui-input-clear" v-model="detail.idCard" placeholder="请填写身份证号">
+
 				</div>
 				<div class="mui-input-row">
 					<label>访客单位<i class="colorfe616c">*</i></label>
-					<span>湖北荆盛商贸有限公司湖北荆盛商贸有限公司湖北荆盛商贸有限公司湖北荆盛商贸有限公司湖北荆盛商贸有限公司</span>
+					<input type="text" class="mui-input-clear" v-model="detail.unit" placeholder="请填写访客单位">
+
 				</div>
 				<div class="mui-input-row">
 					<label>车牌号</label>
-					<input type="text" class="mui-input-clear" placeholder="请填写车牌号">
+					<input type="text" class="mui-input-clear" v-model="detail.numberPlate" placeholder="请填写车牌号">
 				</div>
 			</form>
 		</div>
@@ -39,23 +39,26 @@
 			<form class="mui-input-group">
 				<div class="mui-input-row">
 					<label>受访人<i class="colorfe616c">*</i></label>
-					<span>孙鹏</span>
+					<input type="text" class="mui-input-clear" v-model="detail.intervieweeName" placeholder="请填写受访人">
 				</div>
 				<div class="mui-input-row">
-					<label style='width:45%'>受访人手机号码<i class="colorfe616c">*</i></label>
-					<span style="width:55%">15599998888</span>
+					<label>手机号码<i class="colorfe616c">*</i></label>
+					<input type="text" class="mui-input-clear" v-model="detail.intervieweePhone" placeholder="请填写受访人手机号码">
 				</div>
 				<div class="mui-input-row">
 					<label>访问事由</label>
-					<input type="text" class="mui-input-clear" placeholder="请填写访问事由">
+					<input type="text" class="mui-input-clear" v-model="detail.visitReasons" placeholder="请填访问事由">
 				</div>
 			</form>
 		</div>
 	</div>
 	<div class="fyy-footer" v-if="step==1">
-		<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">下一步</button></div>
+		<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary " @click="stepNext()">下一步</button></div>
 	</div>
-
+	<header class="mui-bar mui-bar-nav" v-if="step==2">
+		<h1 class="mui-title">扫码通行</h1>
+		<a class=" mui-icon mui-icon-left-nav mui-pull-left" @click="step='1'"></a>
+	</header>
 			<div class="mui-content"  v-if="step==2">
 				<div class="fyy-scon">
 					<div class="fyy-scon-top">
@@ -66,20 +69,20 @@
 							<div class="fyy-scon-det-top">
 								<div class="fyy-scon-det-top-left">
 									姓名
-									<div class="mui-h3">郭麒麟</div>
+									<div class="mui-h3" v-text="detail.name"></div>
 								</div>
 								<div class="fyy-scon-det-top-right">
 									健康码
-									<a href="" class="mui-h3">绿码<span class="mui-icon iconfont icon-icon-"></span><span class="mui-icon mui-icon-arrowright"></span></a>
+									<a  @click="showGreenCode" class="mui-h3">绿码<span class="mui-icon iconfont icon-icon-"></span><span class="mui-icon mui-icon-arrowright"></span></a>
 								</div>
 							</div>
 							<div class="fyy-scon-det-down">
 								单位
-								<div class="mui-h3">湖北荆盛商贸有限公司</div>
+								<div class="mui-h3" v-text="detail.unit">湖北荆盛商贸有限公司</div>
 							</div>
 							<div class="fyy-scon-det-down">
 								手机号码
-								<div class="mui-h3">155****8888</div>
+								<div class="mui-h3" v-text="showphone(detail.mobilePhone)">155****8888</div>
 							</div>
 						</div>
 					</div>
@@ -100,35 +103,33 @@
 				<div class="mui-card fyy-scon-bot">
 					<div class="fyy-scon-group">
 						<label>受访人</label>
-						<span>李广宵  15500001111<a class="mui-icon mui-icon-phone" href=""></a></span>
+						<span>{{detail.intervieweeName}}  {{detail.intervieweePhone}}<a class="mui-icon mui-icon-phone" v-if="detail.intervieweePhone" :href="'tel:'+detail.intervieweePhone"></a></span>
 						
 					</div>
 					<div class="fyy-scon-group">
 						<label>核验地点</label>
-						<span>荆鹏软件园大门</span>
+						<span>{{info.name}}</span>
 					</div>
 					<div class="fyy-scon-group">
 						<label>扫码时间</label>
-						<span>10-03 10:52:03</span>
+						<span>{{today()}}</span>
+					</div>
+					<div class="fyy-scon-group" v-if="detail.comeInTime">
+						<label>进入时间</label>
+						<span>{{detail.comeInTime}}</span>
+					</div>
+					<div class="fyy-scon-group" v-if="detail.outTime">
+						<label>离开时间</label>
+						<span>{{detail.outTime}}</span>
 					</div>
 				</div>
 				<div class="fyy-scon-botton">
-					<div class="examine-btn examine-btn1">离开</div>
-					<div class="examine-btn examine-btn2">进入</div>
+					<div class="examine-btn examine-btn1"  :class="detail.comeInTime&&!detail.outTime?'examine-btn1':'examine-btn3'"  @click="update(detail.comeInTime&&!detail.outTime)">离开</div>
+					<div class="examine-btn examine-btn2"  :class="!detail.comeInTime?'examine-btn2':'examine-btn3'"  @click="insert(!detail.comeInTime)" >进入</div>
 					<!--<div class="examine-btn examine-btn3">灰色按钮</div>-->
 				</div>
 			</div>
-			<div class="vongi-popup"  v-if="step==2">
-				<div class="vongi-popup-bg"></div>
-				<div class="vongi-popup-ceter">
-					<div class="vongi-popup-inner">
-						<div class="vongi-popup-ma">
-							<img src="~$project/assets/img/03.jpg">
-							<h6>更新于 2020-06-03 12:00</h6>
-						</div>
-					</div>
-				</div>
-			</div>
+
 	<loading :visible="isLoading"></loading>
 
 </div>
@@ -140,6 +141,8 @@
 	import Common from '$project/components/Common.vue'
 	import Loading from '$project/components/Loading.vue'
 	import TopHeader from '$project/components/TopHeader.vue'
+	import GreenCode from '@/components/GreenCode.vue'
+
 	import {
 		mapGetters,
 		mapMutations
@@ -153,7 +156,8 @@
 		components: {
 			Common,
 			Loading,
-			TopHeader
+			TopHeader,
+			GreenCode
 		},
 		data() {
 			return {
@@ -161,8 +165,15 @@
 				detail: {
 
 				},
+				info:{},
+
+				id:this.$route.query.id,
 				step:'1',
 				isLoading: false,
+				lineColor: '#e5aa37',
+				statusColor: '#e5aa37',
+				statusTitleColor: '#d39d33',
+				statusName: '异常',
 
 			}
 		},
@@ -170,18 +181,104 @@
 
  		},
 		methods:  {
-			back(){
-				this.step='1';
+			showGreenCode(){
+ 				this.$refs.greenCode.showGreenCode();
+			},
+			insert(bl){
+				if(bl){
+					this.detail.openId=this.openId;
+					this.detail.comeInTime=parseUnixTime(currentTimeStamp());
+					this.detail.visitDate=parseUnixTime(currentTimeStamp());
+					this.detail.createTime=parseUnixTime(currentTimeStamp());
+
+					this.detail.status=0;
+					this.detail.temperature=36;
+					this.save();
+				}
+			},
+			update(bl){
+				if(bl){
+					this.detail.status=1;
+					this.detail.temperatureBack=36;
+					//this.detail.updateTime=parseUnixTime(currentTimeStamp());
+					this.detail.outTime=parseUnixTime(currentTimeStamp());
+					this.save();
+				}
+			},
+			save(){
+				this.isLoading = true;
+
+				API_Current.add(this.detail).then(response => {
+					this.isLoading = false;
+					this.detail=response;
+					mui.toast("操作成功，请将此页面展示给工作人员");
+
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			today(){
+				return parseUnixTime(currentTimeStamp(),'{y}-{m}-{d} {h}:{i}')
+			},
+			showphone(phone){
+				return phone.substring(0,3)+'****'+phone.substring(8);
+			},
+			//更新绿码
+			callBack(obj) {
+				this.getGreenCode();
+			},
+			//根据绿码显示颜色
+			getGreenCode() {
+				var colors = this.$refs.greenCode.getCode();
+				this.statusColor = colors.foreground;
+				this.statusTitleColor = colors.foreground;
+				this.statusName = colors.title;
+			},
+			checkForm(){
+				if (!this.detail.name) {
+					mui.toast('请输入访客姓名');
+					return false;
+				} else if (!this.detail.mobilePhone) {
+					mui.toast('请输入访客手机号码');
+					return false;
+				} else if (!this.detail.idCard) {
+					mui.toast("请输入身份证号");
+					return false;
+				}else if (!this.detail.unit) {
+					mui.toast('请输入访客单位名称');
+					return false;
+				}else if (!this.detail.intervieweeName) {
+					mui.toast('请输入受访人名称');
+					return false;
+				}else if (this.detail.intervieweePhone) {
+					mui.toast('请输入受访人手机号码');
+					return false;
+				} else {
+					return true;
+				}
+			},
+			stepNext(){
+				if(this.checkForm()){
+
+					this.step='2';
+					this.$refs.greenCode.getGreenCodeByName(this.detail.name,this.detail.idCard);
+				}
 			},
 			//获取详情
 			getDetail() {
 				this.isLoading = true;
 
-				API_Current.info(this.id ).then(response => {
+				API_Current.info({qrcode:this.id,openId:this.openId }).then(response => {
 					this.isLoading = false;
 
-					this.detail = response.info;
-					this.list=response.list;
+					this.detail = response.data;
+					this.info = response.info;
+
+					if(this.detail.id){
+						this.step='2';
+						this.$refs.greenCode.getGreenCodeByName(this.detail.name,this.detail.idCard);
+					}
 				}).catch(error => {
 					this.isLoading = false;
 					mui.toast(error);
@@ -189,7 +286,15 @@
 			},asynCallBack(){},
 		},
 		mounted() {
-			//this.getDetail(this.openId);
+
+			if(!this.openId){
+				mui.toast("请先关注【小鹏管家】")
+			}else if(!this.id){
+				mui.toast("请通过扫描二维码访问本页面")
+
+			}else  if(this.id&&this.openId){
+				this.getDetail();
+			}
 		},
 		destroyed() {
 

src/projects/business/views/Guest/To/Info.vue

@@ -2,7 +2,7 @@
   <div>
     <header class="mui-bar mui-bar-nav" v-if="step=='1'" >
       <h1 class="mui-title">访问邀请函</h1>
-      <a v-if="toList" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @click="back"></a>
+      <a v-if="toList" class=" mui-icon mui-icon-left-nav mui-pull-left" @click="back"></a>
     </header>
     <share-server ref="shareServer" :id="1"  ></share-server>
 

src/projects/business/views/Master/Guest/Approval.vue

@@ -7,10 +7,10 @@
 			<ul class="mui-table-view openfyy-list vongi-mwsh">
 				<li class="mui-table-view-cell mui-media">
 					<div class="mui-ellipsis flew-sp">
-						受访人员：{{person?person.name:'其他'}}
+						受访人员：{{person?person.name:detail.intervieweeName}}
 					</div>
 					<div class="mui-ellipsis flew-sp">
-						访问电话：{{person?person.phone:'其他'}}
+						访问电话：{{person?person.phone:detail.intervieweePhone}}
 					</div>
 					<div class="mui-ellipsis flew-sp">
 						访问时间： {{detail.visitDate}}

src/projects/pension/views/Master/Live/Info.vue

@@ -70,7 +70,7 @@
 		parseUnixTime
 	} from '$project/utils'
 	export default {
-		name: 'GuestFromInfo',
+		name: 'MasterLiveInfo',
 		components: {
 			Common,
 			Loading,

src/projects/pension/views/Master/Live/Pay.vue

@@ -91,7 +91,7 @@
 		parseUnixTime
 	} from '$project/utils'
 	export default {
-		name: 'GuestFromInfo',
+		name: 'MasterLivePay',
 		components: {
 			Common,
 			Loading,

src/projects/pension/views/Master/Live/PaySuccess.vue

@@ -32,7 +32,7 @@
     parseUnixTime
   } from '$project/utils'
   export default {
-    name: 'GuestFromInfo',
+    name: 'MasterLivePaySuccess',
     components: {
       Common,
       Loading,

src/projects/pension/views/Master/Live/Room.vue

@@ -84,7 +84,7 @@
 		parseUnixTime
 	} from '$project/utils'
 	export default {
-		name: 'GuestFromInfo',
+		name: 'MasterLiveRoom',
 		components: {
 			Common,
 			Loading,

src/projects/pension/views/Master/Live/Show.vue

@@ -37,7 +37,7 @@
         parseUnixTime
     } from '$project/utils'
     export default {
-        name: 'GuestFromInfo',
+        name: 'MasterLiveShow',
         components: {
             Common,
             Loading,