核验历史

src/app.json

@@ -19,7 +19,9 @@
     "pages/wo/editPicture/main",
     "pages/wo/showPassCheck/main",
     "pages/wo/workRegion/main",
+    "pages/wo/checkHistory/main",
     "pages/wo/diningPlace/main",
+    "pages/wo/reportTheLoss/main",
     "pages/wxArticle/main"
   ],
   "usingComponents": {},

src/pages/wo/checkHistory/index.vue

+<template>
+  <!-- 核验历史 -->
+  <div class="checkHistory">
+    <div class="list">
+      <div class="item flex" v-for="(item, index) in 20" :key="index">
+        <div class="left">
+          <p>
+            <span>核验地点：</span><span>{{ "云顶大酒店" }}</span>
+          </p>
+          <p class="time">
+            <span>核验时间：</span><span>{{ "2021-11-04 09:43:32" }}</span>
+          </p>
+        </div>
+        <div class="checkIcon">
+          <image
+            v-if="index < 6"
+            src="http://mayi-newshop.oss-cn-shanghai.aliyuncs.com/public/png/8c56ad03-32c4-46a2-91d0-98272c5c4a8b.png"
+          ></image>
+          <image
+            v-else
+            src="http://mayi-newshop.oss-cn-shanghai.aliyuncs.com/public/png/608700b3-4667-4977-9cf7-ec44e29fdd5d.png"
+          ></image>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script type="text/ecmascript-6">
+export default {
+  name: "checkHistory",
+  data() {
+    return {
+      list: [],
+    };
+  },
+  components: {},
+  computed: {},
+  onReady() {
+    console.log("---onready");
+    wx.setNavigationBarTitle({ title: "核验历史" });
+  },
+  onLoad() {
+    console.log("---onLoad");
+  },
+  onShow() {
+    console.log("---onShow");
+  },
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.checkHistory {
+  height: 100vh;
+  overflow-y: auto;
+  background: #f6f7f8;
+  .list {
+    padding: 12px;
+    .item {
+      background: #fff;
+      border-radius: 4px;
+      margin-bottom: 10px;
+      padding: 10px 24px;
+      align-items: center;
+      justify-content: space-between;
+      .left {
+        p {
+          font-size: 13px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #333333;
+        }
+        .time{
+          margin-top: 8px;
+        }
+      }
+      .checkIcon {
+        image{
+          width: 64px;
+          height: 50px;
+        }
+      }
+    }
+  }
+}
+</style>

src/pages/wo/checkHistory/main.js

+import Vue from 'vue'
+import App from './index'
+
+const app = new Vue(App)
+app.$mount()

src/pages/wo/checkHistory/main.json

+{
+}
\ No newline at end of file

src/pages/wo/reportTheLoss/index.vue

+<template>
+  <!-- 挂失 -->
+  <div class="reportTheLoss">
+    <div class="main">
+      <div class="top flex">
+        <image
+          src="http://mayi-newshop.oss-cn-shanghai.aliyuncs.com/public/png/2102bb76-b84b-4165-926e-2f53ff4995fd.png"
+        ></image>
+      </div>
+      <div class="info">
+        <div class="title">用户须知</div>
+        <div class="text" v-if="!reported">
+          <p>1.如果您的通行证实体卡遗失了，请尽快提交挂失；</p>
+          <p>2.您可以到服务中心申请再次补办实体卡；</p>
+          <p>3.补卡期间，您可以继续使用小程序电子通行证通关、就餐。</p>
+        </div>
+        <div class="text" v-else>
+          <p>1.你的实体卡已挂失，尚未补办新卡；</p>
+          <p>2.您可以到服务中心申请再次补办实体卡；</p>
+          <p>3.补卡期间，您可以继续使用小程序电子通行证通关、就餐。</p>
+        </div>
+      </div>
+    </div>
+    <div class="btm" v-if="!reported">
+      <div class="btn" @click="confirm" :class="{ btn1: confirmLoading }">
+        确认挂失
+      </div>
+    </div>
+  </div>
+</template>
+
+<script type="text/ecmascript-6">
+export default {
+  name: "reportTheLoss",
+  data() {
+    return {
+      reported: false, // 已经挂失
+      confirmLoading: false,
+    };
+  },
+  components: {},
+  computed: {},
+  onReady() {
+    console.log("---onready");
+    wx.setNavigationBarTitle({ title: "实体卡挂失" });
+  },
+  onLoad() {
+    console.log("---onLoad");
+  },
+  onShow() {
+    console.log("---onShow");
+  },
+  methods: {
+    confirm() {
+      this.confirmLoading = true;
+      wx.showLoading({
+        title: "挂失中...",
+      });
+      setTimeout(() => {
+        wx.hideLoading();
+        wx.showToast({
+          title: "已挂失",
+          icon: "success",
+          duration: 1000,
+        });
+        this.reported = true;
+        this.confirmLoading = false;
+      }, 1000);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.reportTheLoss {
+  .main {
+    padding: 20px 0;
+    .top {
+      padding: 0 13px;
+      height: 121px;
+      background: #edfbfd;
+      border-radius: 4px;
+      justify-content: center;
+      align-items: center;
+      image {
+        width: 60px;
+        height: 60px;
+      }
+    }
+    .info {
+      margin-top: 10px;
+      padding: 0 20px;
+      .title {
+        font-size: 17px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: bold;
+        color: #333333;
+        text-align: center;
+      }
+      .text {
+        margin-top: 20px;
+        p {
+          font-size: 13px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #666666;
+          line-height: 24px;
+        }
+      }
+    }
+  }
+  .btm {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    .btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin: 20px;
+      height: 46px;
+      border-radius: 4px;
+      color: #fff;
+      background: #229df1;
+    }
+    .btn1 {
+      background: #c8defc;
+      pointer-events: none;
+    }
+  }
+}
+</style>

src/pages/wo/reportTheLoss/main.js

+import Vue from 'vue'
+import App from './index'
+
+const app = new Vue(App)
+app.$mount()

src/pages/wo/reportTheLoss/main.json

+{
+}
\ No newline at end of file

src/pages/wo/writeInformation/index.vue

@@ -83,6 +83,12 @@ export default {
     console.log('---onLoad')
   },
   onShow(){
+    // 已经填写过信息的重定向到首页
+    // if(wx.getStorageSync('sessionid')) {
+    //   wxtt.redirectTo({
+    //     url: '/pages/home/main' // 指定页面的url
+    //   });
+    // }
     let idPhoto = wx.getStorageSync('wo-selectImgUrl');
     if(idPhoto) {
       this.idPhoto = idPhoto;