新增开始开始时，用户拍了照才能进入考试页

src/views/home/exam/page-exam-item-detail.vue

@@ -1,6 +1,14 @@
 <template>
   <div class="page-exam-item-detial-box">
     <van-nav-bar title="考试详情" />
+    <input
+      ref="uploadUserInput"
+      type="file"
+      name="file"
+      accept="image/*"
+      capture="user"
+      @change="takePhoto"
+    />
     <div class="exam-item-detial-div">
       <div class="exam-item-detial">
         <div class="exam-item-detial-title">{{ examItemData.name }}</div>
@@ -35,12 +43,22 @@
 </template>
 
 <script>
+import { Toast } from "vant";
 import { mapState } from "vuex";
 export default {
   name: "page-exam-item-detial",
   components: {},
   data() {
     return {
+      userInfo: {
+        id: "testuser-ztdxxDGdNj",
+        username: "testuser-ztdxxDGdNj",
+        firstName: "string",
+        lastName: "string",
+        email: "string",
+        encodedPassword: "string",
+        userStatus: "suspended"
+      },
       examItemData: {} // 当前考试的信息
     };
   },
@@ -53,6 +71,18 @@ export default {
     })
   },
   methods: {
+    takePhoto(event) {
+      let file = event.target.files[0]; // 获取文件对象
+      if (file) {
+        // let fd = new FormData(); // 构造formdata对象
+        // fd.append("file", file); // 向formdata里面存放键值对存放图片文件
+        // fd.append("userId", this.userInfo.id); // 向formdata里面存放用户的ID
+        // console.log(fd);
+        this.$router.replace({ name: "Exam" });
+      } else {
+        Toast("请完成拍照后，再进入考试");
+      }
+    },
     // 查询：当前考试的信息
     getExamItemDataFun() {
       this.examItemData = this.examItem;
@@ -73,7 +103,7 @@ export default {
     },
     // 操作：开始考试
     handleStartExamFun() {
-      this.$router.replace({ name: "Exam" });
+      this.$refs.uploadUserInput.click(); // 调用拍照工具
     },
     // 操作：返回
     handleBackFun() {

src/views/home/exam/page-exam-item-doing.vue

@@ -145,7 +145,7 @@ export default {
       } // 答题的开始、结束时间
     };
   },
-  created() {
+  mounted() {
     this.initDataFun(); // 初始化数据信息
   },
   beforeDestroy() {