扫描二维码

pages/scanCode/index.js

@@ -0,0 +1,130 @@
+// pages/scanCode/index.js
+const app = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    venueId: undefined,
+    venue: {
+
+    },
+    isGoHome: false,
+    showDeleteDialog: false,
+    canOpen: true
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.data.venueId = options.venueId;
+    app.$api.scanCodeInitVenue({
+      deviceId : this.data.venueId
+    }).then(res => {
+      if (res.venueInit){
+        this.setData({
+          venue: res.venueInit
+        })
+        setTimeout(canOpenDoor,60000);
+      }
+    });
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+    let pages = getCurrentPages();
+    this.setData({
+      isGoHome: pages.length == 1
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+  
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+  
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+  
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+  
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+    return {
+      title: '智慧云馆'
+    }
+  },
+
+  enterClick : function(){
+    this.setData({
+      showDeleteDialog: true
+    })
+  },
+
+  // 取消弹框
+  cancelDialog() {
+    this.setData({
+      showDeleteDialog: false
+    })
+  },
+
+  // 取消开门
+  canOpenDoor() {
+    this.setData({
+      canOpen: false
+    })
+  },
+
+  confirmEnterDialog(){
+    this.setData({
+      showDeleteDialog: false
+    })
+    wx.showLoading({
+      title: '正在校验数据，请稍候。。。',
+    })
+    app.$api.enterVenue({
+      deviceId : this.data.venueId
+    }).then(res => {
+      if (res.err_code==0){
+        wx.showToast({
+          title: '请入场！'
+        });
+      }else {
+        canOpenDoor();
+        wx.showToast({
+          title: res.err_msg
+        });
+      }
+    });
+  }
+
+})

pages/scanCode/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "confirm-dialog": "/component/confirmDialog/confirmDialog",
+    "header": "/component/header/header"
+  }
+}

pages/scanCode/index.wxml

@@ -0,0 +1,12 @@
+<!--pages/scanCode/index.wxml-->
+<header isGoHome="{{isGoHome}}"></header>
+<view class='container' wx:if="{{venue.name}}">
+  <image class='logo' src='{{venue.listImage}}' mode='widthFix'></image>
+  <rich-text class='info' nodes="[{{venue.name}}] 欢迎您!请在60秒内操作开门！"></rich-text>
+  <view wx:if="{{canOpen}}" class='footer-btn' bindtap='enterClick'>开门</view>
+  <view wx:if="{{!canOpen}}" class='footer-btn' bindtap='enterClick'>返回</view>
+</view>
+<view class='container' wx:if="{{!venue.name}}">
+  <rich-text class='info' nodes="门禁设备连接异常，请联系管理员！"></rich-text>
+</view>
+<confirm-dialog title="{{'提示'}}" message="{{'确认开门'}}" bindcancelselect="cancelDialog" bindconfirmselect="confirmEnterDialog" wx:if="{{showDeleteDialog}}"></confirm-dialog>

pages/scanCode/index.wxss

@@ -0,0 +1,35 @@
+/* pages/scanCode/index.wxss */
+.container {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  padding: 180rpx 50rpx 50rpx;
+  min-height: calc(100vh - 240rpx);
+}
+.logo {
+  width: 400rpx;
+  height: 100rpx;
+}
+
+.info {
+  margin-top: 60rpx;
+  font-size: 24rpx;
+  color: #FFF;
+  line-height: 36rpx;
+}
+
+.wscnph {
+  width: 100%;
+}
+
+.footer-btn {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  height: 100rpx;
+  background: #ffda2e;
+  color: #1a191e;
+  font-size: 32rpx;
+  text-align: center;
+  line-height: 100rpx;
+}