二维码扫描

src/projects/business/apis/Master/guest.js

@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+import Qs from 'qs';
+
+//出入记录
+export function accessRecords() {
+    return request({
+        url: '/mobile/guestInfoRecordApi/accessRecords',
+        data: Qs.stringify({}),
+        method: 'post',
+    })
+}

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

@@ -9,18 +9,18 @@
 				<h4>湖北荆鹏软件有限公司</h4>
 				<div class="vongi-clasadmin-list">
 					<div class="vongi-clasadmin-ma mui-col-xs-6">
-						<p class="mui-ellipsis">2020-09-18</p>
-						<span class="color05c8af">2953</span>
+						<p class="mui-ellipsis">{{nowTime()}}</p>
+						<span class="color05c8af">{{num.num1}}</span>
 						<div class="mui-media-body">总预约数</div>
 					</div>
 					<div class="vongi-clasadmin-ma mui-col-xs-6">
 						<p class="mui-ellipsis">企业今日出入情况</p>
-						<span class="color05c8af">18/18</span>
+						<span class="color05c8af">{{num.num2}}/{{num.num3}}</span>
 						<div class="mui-media-body">进厂数 / 出厂数</div>
 					</div>
 				</div>
 				<div class="vongi-btn">
-					<button class="mui-btn mui-btn-primary">
+					<button class="mui-btn mui-btn-primary" @click="scan">
 						扫码核验<span class="iconfont icon-saoyisao"></span>
 					</button>
 				</div>
@@ -28,34 +28,22 @@
 			<div class="vongi-smhy-list">
 				<div class="vongi-smhy-tit">出入记录</div>
 				<ul class="mui-table-view mui-content-padded">
-					<li class="mui-table-view-cell mui-media">
-						<a href="javascript:;" class="mui-navigate-right">
-							远鹏众创空间
+
+					<li class="mui-table-view-cell mui-media" v-for="mod in list">
+						<a  class="mui-navigate-right" @click="goto(mod.id)">
+							{{mod.unit}}
 						</a>
 						<div class="mui-ellipsis flew-sp">
-							来访人员：刘韬
-							<span>访问时间：15:00:00-17:30:00</span>
+							来访人员：{{mod.name}}
+							<span>进厂时间：{{sub(mod.comeInTime)}}</span>
 						</div>
-						<p class="mui-ellipsis flew-sp">
-							同行人员：2
-							<span>出厂时间：-</span>
-						</p>
-					</li>
-					<li class="mui-table-view-cell mui-media">
-						<a href="javascript:;" class="mui-navigate-right">
-							远鹏众创空间
-						</a>
 						<div class="mui-ellipsis flew-sp">
-							来访人员：刘韬
-							<span>访问时间：15:00:00-17:30:00</span>
+							同行人员：{{mod.num}}
+							<span>出厂时间：{{sub(mod.outTime)}}</span>
 						</div>
-						<p class="mui-ellipsis flew-sp">
-							同行人员：2
-							<span>出厂时间：-</span>
-						</p>
 					</li>
-					<li class="mui-table-view-cell mui-media">
-						<a href="" class="vongi-smhy-more">查看全部记录</a>
+					<li class="mui-table-view-cell mui-media" @click="goList()">
+						<a class="vongi-smhy-more">查看全部记录</a>
 					</li>
 				</ul>				
 			</div>			
@@ -63,7 +51,111 @@
 </div>
 </template>
 
+
 <script>
+	import * as API_Guest from '@/apis/Master/guest'
+	import * as WxJsApi from '$project/utils/wxJsApi'
+
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	import {
+		currentTimeStamp,
+		parseUnixTime
+	} from '$project/utils'
+	import wx from "weixin-js-sdk";
+	export default {
+		name: 'Master',
+		components: {
+			Common,
+			Loading,
+			TopHeader,
+
+		},
+		data() {
+			return {
+				isLoading: false,
+				num:{},
+				list:[],
+				step:'1'
+			}
+		},
+		created() {},
+		methods: {
+			scan(){
+
+				wx.scanQRCode({
+					needResult: 1,
+					scanType: ["qrCode"],
+					success: function (res) {
+						debugger
+						var url = res.resultStr;
+						alert(url)
+					},faile: function(res) {
+
+					},
+					complete() {
+
+					}
+				})
+
+			},
+			goList(){
+			  this.step='2';
+			},
+			goto(id){
+				this.$router.push({
+					name: 'MasterGuestApproval',
+					query: {
+						id:id
+					}
+				})
+			},
+			sub(time){
+				return  String(time).substring(11);
+			},
+			nowTime(){
+				return  parseUnixTime(currentTimeStamp(), '{y}-{m}-{d}');
+
+			},
+			asynCallBack() {
+
+			},getList(){
+				this.isLoading = true;
+
+				API_Guest.accessRecords().then(response => {
+					this.isLoading = false;
+					this.list = response.list.data;
+					this.num = response.num;
+
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+		},
+		mounted() {
+			//获取微信配置
+			//this.getList();
+			WxJsApi.getWxConfig();
+		},
+		destroyed() {
+
+		},
+		computed: {
+
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				person_popedom: 'person_popedom',
+ 			})
+		}
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>

src/utils/wxJsApi.js

@@ -4,7 +4,7 @@ import * as API_Common from '$project/apis/common'
 
 //获取微信配置
 export function getWxConfig(jsApiList) {
-	var jsApiList = jsApiList || ['chooseImage', 'getLocalImgData'];
+	var jsApiList = jsApiList || ['chooseImage', 'getLocalImgData','scanQRCode'];
 	let promise = (jsApiList => {
 		new Promise((resolve, reject) => {
 			console.log(jsApiList);