Merge remote-tracking branch 'origin/master'

src/components/manage/main/parameterSetting.vue

@@ -5,9 +5,9 @@
         <template slot="title">
           <span class="collapse-title">{{ subject.name }}</span>
         </template>
-        <div v-if="showTools" class="flex-row top-btn">
-          <el-button type="primary" size="mini" @click="addParam(subject, index)">新增</el-button>
-        </div>
+<!--        <div v-if="showTools" class="flex-row top-btn">-->
+<!--          <el-button type="primary" size="mini" @click="addParam(subject, index)">新增</el-button>-->
+<!--        </div>-->
         <el-table
           :header-cell-style="{ background: '#F6F7FB', color: '#606266' }"
           :data="subject.options"

src/components/tableList/index.vue

@@ -6,6 +6,11 @@
       v-for="(item, i) in dataList"
       :key="i"
     >
+      <tr v-if="flagA === 'ProspectiveMemory'">
+        <th v-for="(names, index) in dataList" :key="index">
+          得分 {{ names }}
+        </th>
+      </tr>
       <tr>
         <th v-for="(names, index) in item.colNames" :key="index">
           {{ names }}
@@ -24,7 +29,7 @@
 <script>
 export default {
   name: "tableList",
-  props: ["dataList"],
+  props: ["dataList",'flagA'],
 };
 </script>
 <style lang="scss" scoped>

src/router/index.js

@@ -1299,14 +1299,14 @@ const routes = [
       //     keepAlive: false, // 需要被缓存
       //   },
       // },
-      // {
-      //   path: "CognitiveAbilityTask/visualSpatialMemory",
-      //   name: "visualSpatialMemory",
-      //   component: () => import('@/views/CognitiveAbilityTask/visualSpatialMemory'),
-      //   meta: {
-      //     keepAlive: false, // 需要被缓存
-      //   },
-      // },
+      {
+        path: "CognitiveAbilityTask/visualSpatialMemory",
+        name: "visualSpatialMemory",
+        component: () => import('@/views/CognitiveAbilityTask/visualSpatialMemory'),
+        meta: {
+          keepAlive: false, // 需要被缓存
+        },
+      },
       {
         path: "CognitiveAbilityTask/prospectRecall",
         name: "prospectRecall",

src/style/public.scss

@@ -52,7 +52,7 @@
   box-shadow: 0px 3px 6px rgb(0, 0, 0);
   border-radius: 12px;
   position: relative;
-  margin: 5vh auto 10vh;
+  margin: 10vh auto;
 }
 
 /* 任务介绍样式 */

src/views/CognitiveAbilityTask/ETBexperiment_new.vue

@@ -44,7 +44,7 @@
     <!--</div>-->
 
     <div v-if="!testFlag" class="activeTask">
-      <MainProgress :cur-percentage="(cumulation + 1) / 72" />
+      <MainProgress v-if="testMode && testMode !== '0'" :cur-percentage="(cumulation + 1) / 72" />
       <div class="taskHead">
         <div class="scale" @click.stop="screen">
           <img src="@/assets/small-big.png" alt="" />
@@ -319,7 +319,7 @@ export default {
           userSelectEmoType: "", //用户选择的情绪类型
           responseTime: "", //反应时（ms）
           correct: "", //用户反映正确性 True, False
-          imgUrl: `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-happy-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`,
+          imgUrl: `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-fear-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`,
         });
         //生气
         this.resultData.push({
@@ -328,7 +328,7 @@ export default {
           userSelectEmoType: "", //用户选择的情绪类型
           responseTime: "", //反应时（ms）
           correct: "", //用户反映正确性 True, False
-          imgUrl: `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-happy-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`,
+          imgUrl: `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-angry-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`,
         });
         //厌恶
         this.resultData.push({
@@ -337,7 +337,7 @@ export default {
           userSelectEmoType: "", //用户选择的情绪类型
           responseTime: "", //反应时（ms）
           correct: "", //用户反映正确性 True, False
-          imgUrl: `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-happy-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`,
+          imgUrl: `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-disgust-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`,
         });
         // 悲伤
         this.resultData.push({
@@ -346,7 +346,7 @@ export default {
           userSelectEmoType: "", //用户选择的情绪类型
           responseTime: "", //反应时（ms）
           correct: "", //用户反映正确性 True, False
-          imgUrl: `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-happy-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`,
+          imgUrl: `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-sad-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`,
         });
         // 惊讶
         this.resultData.push({
@@ -355,7 +355,7 @@ export default {
           userSelectEmoType: "", //用户选择的情绪类型
           responseTime: "", //反应时（ms）
           correct: "", //用户反映正确性 True, False
-          imgUrl: `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-happy-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`,
+          imgUrl: `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-surprise-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`,
         });
       });
     },

src/views/CognitiveAbilityTask/StroopTask.vue

@@ -53,20 +53,14 @@
       @click.left="userClick('L')"
       @click.right="userClick('R')"
     >
+      <MainProgress v-if="isok" :cur-percentage="currentIndex / countLevel" />
+
       <div class="taskHead">
         <div class="scale" @click.stop="screen">
           <img src="../../assets/small-big.png" alt="" />
         </div>
-        <el-progress
-          class="main_progress"
-          v-if="isok"
-          :text-inside="true"
-          :format="format"
-          :stroke-width="24"
-          :percentage="(currentIndex / countLevel) * 100"
-          style="width: 50%"
-        ></el-progress>
       </div>
+
       <div class="glass">
         <div v-show="showAdd" class="arrowModule">
           <div class="bgAdd"></div>
@@ -95,9 +89,10 @@
 import { oSessionStorage } from "../../utils/utils"
 import screenfull from "screenfull"
 import GoBack from "@/components/goBack/index.vue"
+import MainProgress from "@/components/MainProgress/index.vue";
 
 export default {
-  components: { GoBack },
+  components: {MainProgress, GoBack },
   data() {
     return {
       isok: false,

src/views/CognitiveAbilityTask/coginitiveTask.vue

@@ -143,13 +143,18 @@ export default {
       userCanClick: false,
       tryStartTime: 0, // 试次开始时间
 
-      randomSeconds: [3, 3, 3, 3]
+      randomSeconds: [],
+      tryCount: 5 // 每种时间间隔的试次数量
     };
   },
   // 页面初始化函数
   created() {
-    this.taskId = this.$route.query.taskId;
-    this.init(this.taskId);
+    this.taskId = this.$route.query.taskId
+    this.init(this.taskId)
+
+    // 初始化动态参数
+    this.getParam()
+
     window.addEventListener(
       "popstate",
       function (e) {
@@ -160,7 +165,7 @@ export default {
         clearInterval(this.countDownInterval);
       },
       false
-    );
+    )
   },
   mounted() {
     document.onkeydown = function (e) {
@@ -176,16 +181,29 @@ export default {
     clearInterval(this.myInterval);
   },
   methods: {
-    init(taskId) {
-      // this.subjectInfo = cognitiveAbilityTaskList[taskId];
-      this.subjectInfo = JSON.parse(oSessionStorage.getItem("subjectInfo"));
-      this.imgUrl = this.subjectInfo.imageUrl;
+    init() {
+      this.subjectInfo = JSON.parse(oSessionStorage.getItem("subjectInfo"))
+      this.imgUrl = this.subjectInfo.imageUrl
+    },
+
+    getParam() {
+      this.$http.get(
+          `/taskParam/getByTaskId?taskId=${this.taskId}`,
+          {},
+          (msg) => {
+            msg.data.forEach((item) => {
+              if (item.code === 'CT_Try_Count') {
+                this.tryCount = Number(item.value)
+              }
+            })
+          }
+      )
     },
 
     initData() {
       this.randomSeconds = []
       this.userTestAnswer = []
-      for (let i = 0; i < 5; i++) {
+      for (let i = 0; i < this.tryCount; i++) {
         for (let j = 2; j <= 10; j++) {
           this.randomSeconds.push(j * 1000)
         }
@@ -205,7 +223,9 @@ export default {
       screenfull.toggle();
     },
     userClick() {
+      console.log('------ 999999')
       this.hasResponse = 1 // 标记用户做出了反应
+      console.log('------ 10100110')
       //用户点击动作
       if (this.userCanClick) {
         this.userResponseMilliSeconds = (performance.now() - this.tryStartTime).toFixed(2);
@@ -250,6 +270,8 @@ export default {
         this.taskStartTime = Date.now()
         this.initData()
         //重新赋值正式测试数量
+        this.hasResponse = 0 // 重置用户点击操作标识
+        this.isValidResponse = 0
         this.testCount = this.randomSeconds.length;
       }
       // 测试准备倒计时
@@ -294,6 +316,7 @@ export default {
       }, 1000);
     },
     testTrail() {
+      console.log('this.userTestAnswer: ', this.userTestAnswer)
       this.divRandomShow()
       if (this.testCount  > 0) {
         this.divShowInteval = setTimeout(() => {
@@ -316,7 +339,7 @@ export default {
             })
 
             // 清空数据，为下一次试次做准备
-            this.hasResponse = 0
+            this.hasResponse = 0 // 重置用户点击操作标识
             this.isValidResponse = 0
             this.userResponseMilliSeconds = 0;
           }

src/views/CognitiveAbilityTask/comprehensiveMemoryAbilityEnter.vue

@@ -32,12 +32,17 @@
                 <p style="color: rgb(87, 172, 187)">(七)前瞻记忆</p>
             </div>
         </div>
+
+      <go-back />
     </div>
 </template>
 
 <script>
+import GoBack from "@/components/goBack/index.vue";
+
 export default {
     name: "comprehensiveMemoryAbilityEnter",
+  components: {GoBack},
     data() {
         return {
             subjectInfo: "",

src/views/CognitiveAbilityTask/continueAdditionTask.vue

@@ -83,27 +83,29 @@
       <!-- <h1 class="txt-center" style="color: rgb(231, 226, 226); font-size: 52px">
         {{ showSpanText }}
       </h1> -->
-      <div v-if="answerButtonShow" style="" class="txt-center add-mid">
-        <div>
-          <p align="center" style="padding-bottom: 20px; padding-top: 100px">
-            <span class="bn-in"> {{ showSpanText }}</span>
-          </p>
-          <el-button class="oneBu bn-bottom" @click="userClick(1)">1</el-button>
-          <el-button class="oneBu bn-bottom" @click="userClick(2)">2</el-button>
-          <el-button class="bn-bottom" @click="userClick(3)">3</el-button>
+      <div v-if="answerButtonShow" style="" class="txt-center">
+        <div align="center" style="padding-bottom: 20px; padding-top: 100px">
+          <span class="bn-in"> {{ showSpanText }}</span>
         </div>
-        <div style="margin-top: 10px">
-          <el-button class="oneBu bn-bottom" @click="userClick(4)">4</el-button>
-          <el-button class="oneBu bn-bottom" @click="userClick(5)">5</el-button>
-          <el-button class="bn-bottom" @click="userClick(6)">6</el-button>
-        </div>
-        <div style="margin-top: 10px">
-          <el-button class="oneBu bn-bottom" @click="userClick(7)">7</el-button>
-          <el-button class="oneBu bn-bottom" @click="userClick(8)">8</el-button>
-          <el-button class="bn-bottom" @click="userClick(9)">9</el-button>
-        </div>
-        <div style="margin-top: 10px">
-          <el-button class="bn-bottom" @click="userClick(0)">0</el-button>
+        <div class="add-mid">
+          <div style="margin-top: 10px">
+            <el-button class="oneBu bn-bottom" @click="userClick(1)">1</el-button>
+            <el-button class="oneBu bn-bottom" @click="userClick(2)">2</el-button>
+            <el-button class="bn-bottom" @click="userClick(3)">3</el-button>
+          </div>
+          <div style="margin-top: 10px">
+            <el-button class="oneBu bn-bottom" @click="userClick(4)">4</el-button>
+            <el-button class="oneBu bn-bottom" @click="userClick(5)">5</el-button>
+            <el-button class="bn-bottom" @click="userClick(6)">6</el-button>
+          </div>
+          <div style="margin-top: 10px">
+            <el-button class="oneBu bn-bottom" @click="userClick(7)">7</el-button>
+            <el-button class="oneBu bn-bottom" @click="userClick(8)">8</el-button>
+            <el-button class="bn-bottom" @click="userClick(9)">9</el-button>
+          </div>
+          <div style="margin-top: 10px">
+            <el-button class="bn-bottom" @click="userClick(0)">0</el-button>
+          </div>
         </div>
       </div>
     </div>
@@ -551,10 +553,10 @@ export default {
   background-size: cover;
 }
 .add-mid {
-  background: url(../../assets/congnitiveAblitity/add-mid.png) no-repeat center;
-  /* background-size: cover; */
-  height: 720px;
-  /* width:225px; */
+  background: url('~@/assets/congnitiveAblitity/add-mid.png') no-repeat 0 0 / 100% 100%;
+  height: 470px;
+  width: 425px;
+  margin: 20px auto 0;
 }
 h1 {
   font-size: 2em;

src/views/CognitiveAbilityTask/face_dot.vue

@@ -258,12 +258,12 @@ export default {
           dotPos: index >= 6 ? "0" : "1", //0-上，1-下
           topImg:
             index % 2 == 0
-              ? `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-happy-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`
+              ? `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-fear-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`
               : `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-neutral.jpg`, //图片地址
           bottomImg:
             index % 2 == 0
               ? `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-neutral.jpg` //图片地址
-              : `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-happy-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`
+              : `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-fear-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`
         });
         //开心-2
         this.blockList2.push({

src/views/CognitiveAbilityTask/facedotChildren.vue

@@ -258,12 +258,12 @@ export default {
           dotPos: index >= 6 ? "0" : "1", //0-上，1-下
           topImg:
             index % 2 == 0
-              ? `http://localhost:8080/static/assets/ETBnew/${item}-happy-${rank + 1}.jpg`
-              : `http://localhost:8080/static/assets/ETBnew/${item}-neutral.jpg`, //图片地址
+                ? `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-happy-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`
+                : `${this.baseUrlPort}/static/assets/ETBnew/${item}-neutral.jpg`, //图片地址
           bottomImg:
             index % 2 == 0
-              ? `http://localhost:8080/static/assets/ETBnew/${item}-neutral.jpg` //图片地址
-              : `http://localhost:8080/static/assets/ETBnew/${item}-happy-${rank + 1}.jpg`
+                ? `${this.baseUrlPort}/static/assets/ETBnew/${item}-neutral.jpg` //图片地址
+                : `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-happy-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`
         });
         //害怕-1
         this.blockList1.push({
@@ -277,12 +277,12 @@ export default {
           dotPos: index >= 6 ? "0" : "1", //0-上，1-下
           topImg:
             index % 2 == 0
-              ? `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-happy-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`
-              : `http://localhost:8080/static/assets/ETBnew/${item}-neutral.jpg`, //图片地址
+              ? `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-fear-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`
+              : `${this.baseUrlPort}/static/assets/ETBnew/${item}-neutral.jpg`, //图片地址
           bottomImg:
             index % 2 == 0
-              ? `http://localhost:8080/static/assets/ETBnew/${item}-neutral.jpg` //图片地址
-              : `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-happy-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`
+              ? `${this.baseUrlPort}/static/assets/ETBnew/${item}-neutral.jpg` //图片地址
+              : `${this.baseUrlPort}/static/assets/ETBnew/${ (Number(item) > 5 ? 'm' : 'f') + item}-fear-${rank > 8 ? rank + 1 : '0' + (rank + 1)}.jpg`
         });
       });
     },

src/views/CognitiveAbilityTask/goNogoTask.vue

@@ -59,13 +59,14 @@
       </p>
     </div>
     <div v-if="testFlag" :class="{ testMainDiv: !testState, activeTask: testState }" @click="userClick()">
+      <MainProgress v-if="testTypeCode == 1" :cur-percentage="percentage" />
+
       <div class="taskHead">
         <div class="scale" @click.stop="screen">
           <img src="../../assets/small-big.png" alt="" />
         </div>
-        <el-progress class="main_progress" v-if="testTypeCode == 1" :text-inside="true" :format="format"
-          :stroke-width="24" :percentage="percentage" style="width: 50%"></el-progress>
       </div>
+
       <div class="glass">
         <span class="countdownStr" v-if="countDownSpanShow">{{
           countDownStr
@@ -84,9 +85,10 @@
 import screenfull from "screenfull";
 import { oSessionStorage } from "../../utils/utils";
 import GoBack from "@/components/goBack/index.vue";
+import MainProgress from "@/components/MainProgress/index.vue";
 
 export default {
-  components: {GoBack},
+  components: {MainProgress, GoBack},
   data() {
     return {
       userId: "",
@@ -156,7 +158,7 @@ export default {
   },
   computed: {
     percentage() {
-      return (this.userResponseRecords.length / 144) * 100
+      return this.userResponseRecords.length / 144
     }
   },
   methods: {

src/views/CognitiveAbilityTask/imageAssociation.vue

@@ -1,27 +1,19 @@
 <template>
-    <div
-            id="bd"
-            :class="{
-      activeTask: !(
-        (!flag1 && !flag2 && isDelay == false && isok == false) ||
-        (!flag1 && !flag2 && isDelay == true && isok == true) ||
-        (flag2 && isDelay == false && isok == false) ||
-        (flag2 && isDelay == true && isok == true)
-      ),
-      activeTask1:
-        (!flag1 && !flag2 && isDelay == false && isok == false) ||
-        (!flag1 && !flag2 && isDelay == true && isok == true),
-      activeTask2:
-        (flag2 && isDelay == false && isok == false) ||
-        (flag2 && isDelay == true && isok == true),
-    }"
-            v-if="quest == true"
-    >
-        <img
-                @click="screenState()"
-                src="../../assets/small-big.png"
-                alt=""
-                style="
+  <div id="bd" :class="{
+        activeTask: !(
+            (!flag1 && !flag2 && isDelay == false && isok == false) ||
+            (!flag1 && !flag2 && isDelay == true && isok == true) ||
+            (flag2 && isDelay == false && isok == false) ||
+            (flag2 && isDelay == true && isok == true)
+        ),
+        activeTask1:
+            (!flag1 && !flag2 && isDelay == false && isok == false) ||
+            (!flag1 && !flag2 && isDelay == true && isok == true),
+        activeTask2:
+            (flag2 && isDelay == false && isok == false) ||
+            (flag2 && isDelay == true && isok == true),
+    }" v-if="quest == true">
+    <img @click="screenState()" src="../../assets/small-big.png" alt="" style="
         z-index:9999;
         height: 48px;
         width: 48px;
@@ -29,25 +21,21 @@
         top: 24px;
         right: 22px;
         cursor: pointer;
-      "
-        />
-        <div
-                :class="{
-        glass: !(
-          (!flag1 && !flag2 && isDelay == false && isok == false) ||
-          (!flag1 && !flag2 && isDelay == true && isok == true) ||
-          (flag2 && isDelay == false && isok == false) ||
-          (flag2 && isDelay == true && isok == true)
-        ),
-      }"
-        >
-            <el-row>
-                <el-col :span="12">
-                    <h3 class="bTitle">4.图片联想</h3>
-                </el-col>
-                <el-col :span="12" style="text-align: right">
-                    <div
-                            style="
+      " />
+    <div :class="{
+            glass: !(
+                (!flag1 && !flag2 && isDelay == false && isok == false) ||
+                (!flag1 && !flag2 && isDelay == true && isok == true) ||
+                (flag2 && isDelay == false && isok == false) ||
+                (flag2 && isDelay == true && isok == true)
+            ),
+        }">
+      <el-row>
+        <el-col :span="12">
+          <h3 class="bTitle">4.图片联想</h3>
+        </el-col>
+        <el-col :span="12" style="text-align: right">
+          <div style="
               height: 36px;
               background: rgba(0, 0, 0, 0.39);
 
@@ -56,2553 +44,2772 @@
               padding-top: 10px;
               margin-right: 100px;
               padding-right: 10px;
-            "
-                            id="t1"
-                            v-if="flag2 == true || (!flag1 && !flag2)"
-                            v-bind:text-content.prop="time1 + '(用时)'"
-                    >
-                        用时
-                    </div>
-                </el-col>
-            </el-row>
-
-            <el-card
-                    style="
+            " id="t1" v-if="flag2 == true || (!flag1 && !flag2)" v-bind:text-content.prop="time1 + '(用时)'">
+            用时
+          </div>
+        </el-col>
+      </el-row>
+
+      <el-card style="
           margin-top: 20px;
           background-color: #f4f4f5;
           width: 80%;
           margin-left: 10%;
-        "
-            >
-                <p style="text-align: left">
-                    注释：包括15对动物-水果图片，需要被试记住每个动物或是水果相对应的另一个动物或是水果，图片对将会展现两次，每个图片对各展示10秒，展示结束后进行即时回忆测查/即时再认测查，需要被试在看到图片后，大声迅速的报告与之对应的动物或者水果图片名称；再认测查会先出现动物图片，随后出现4张水果图片，其中1张为正确答案。30分钟后可进行延迟回忆测查/延迟再认测查。
-                </p>
-            </el-card>
-            <div v-if="isDelay == true && isok == false">
-                <h1 v-if="countDownDivShow" style="margin-top: 5rem;text-align: center">
-                    延时测试剩余时间:{{ remainingTime }}分钟
-                </h1>
-                <div class="btn-content">
-                    <el-button
-                            v-if="delayTestButtonShow"
-                            style="margin-top: 60px;"
-                            class="saveclass"
-                            @click="isOk">延时测试>></el-button>
-                    <el-button style="margin-top: 60px" class="saveclass" @click="Renew('4')">重新开始测试>></el-button>
-                    <el-button style="margin-top: 60px" class="saveclass" @click="goBack">退出测试>></el-button>
-                </div>
-            </div>
-            <div id="body1" class="txt-center" v-if="flag1 && isDelay == false">
-                <!--设置图片的样式-->
-                <h5 style="margin-top: 15px">第{{ this.vernier + 1 }}遍</h5>
-                <div class="demo-image__placeholder">
-                    <div class="block">
-                        <el-image :src="image1" alt="等待开始测试" />
-                    </div>
-                    <div class="block">
-                        <el-image :src="image2" alt="等待开始测试" />
-                    </div>
-                </div>
-                <div id="name">
-                    <div id="name1">
-                        <h4>{{ animal1 }}</h4>
-                    </div>
-                    <div id="name2">
-                        <h4>{{ animal2 }}</h4>
-                    </div>
-                </div>
-
-                <el-button v-if="isclick == false" class="sta-bn" @click.once="learn"
-                >开始学习</el-button
-                >
+        ">
+        <p style="text-align: left">
+          注释：包括15对动物-水果图片，需要被试记住每个动物或是水果相对应的另一个动物或是水果，图片对将会展现两次，每个图片对各展示10秒，展示结束后进行即时回忆测查/即时再认测查，需要被试在看到图片后，大声迅速的报告与之对应的动物或者水果图片名称；再认测查会先出现动物图片，随后出现4张水果图片，其中1张为正确答案。30分钟后可进行延迟回忆测查/延迟再认测查。
+        </p>
+      </el-card>
+      <div v-if="isDelay == true && isok == false">
+        <h1 v-if="countDownDivShow" style="margin-top: 5rem;text-align: center">
+          延时测试剩余时间:{{ remainingTime }}分钟
+        </h1>
+        <div class="btn-content">
+          <el-button v-if="delayTestButtonShow" style="margin-top: 60px;" class="saveclass"
+                     @click="isOk">延时测试>></el-button>
+          <el-button style="margin-top: 60px" class="saveclass" @click="Renew('4')">重新开始测试>></el-button>
+          <el-button style="margin-top: 60px" class="saveclass" @click="goBack">退出测试>></el-button>
+        </div>
+      </div>
+      <div id="body1" class="txt-center" v-if="flag1 && isDelay == false">
+        <!--设置图片的样式-->
+        <h5 style="margin-top: 15px">第{{ this.vernier + 1 }}遍</h5>
+        <div class="demo-image__placeholder">
+          <div class="block">
+            <el-image :src="image1" alt="等待开始测试" />
+          </div>
+          <div class="block">
+            <el-image :src="image2" alt="等待开始测试" />
+          </div>
+        </div>
+        <div id="name">
+          <div id="name1">
+            <h4>{{ animal1 }}</h4>
+          </div>
+          <div id="name2">
+            <h4>{{ animal2 }}</h4>
+          </div>
+        </div>
+
+        <el-button v-if="isclick == false" class="sta-bn" @click.once="learn">开始学习</el-button>
+      </div>
+    </div>
+
+    <h1 v-if="
+            (!flag1 && !flag2 && isDelay == true && isok == true) ||
+            (flag2 && isDelay == true && isok == true)
+        ">
+      延时测试
+    </h1>
+
+
+
+    <div id="body2" v-if="
+            (!flag1 && !flag2 && isDelay == false && isok == false) ||
+            (!flag1 && !flag2 && isDelay == true && isok == true)
+        ">
+      <h4 style="text-align: left; margin-left: 12%">回忆测试:</h4>
+      <div id="table">
+        <el-row :gutter="20">
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[0].img1" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[0] = !resultState[0] "> {{ resultState[0] ? isResult1[0] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[0]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[5].img1" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[1] = !resultState[1]"> {{ resultState[1] ? isResult1[1] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[1]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[10].img1" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[2] = !resultState[2]"> {{ resultState[2] ? isResult1[2] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[2]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[1].img2" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[3] = !resultState[3]"> {{ resultState[3] ? isResult1[3] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[3]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[6].img2" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips"  @click="resultState[4] = !resultState[4]"> {{ resultState[4] ? isResult1[4] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[4]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[11].img2" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[5] = !resultState[5]"> {{ resultState[5] ? isResult1[5] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[5]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[2].img1" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[6] = !resultState[6]"> {{ resultState[6] ? isResult1[6] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[6]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[7].img1" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[7] = !resultState[7]"> {{ resultState[7] ? isResult1[7] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[7]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[12].img1" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[8] = !resultState[8]"> {{ resultState[8] ? isResult1[8] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[8]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[3].img2" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[9] = !resultState[9]"> {{ resultState[9] ? isResult1[9] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[9]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[8].img2" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[10] = !resultState[10]"> {{ resultState[10] ? isResult1[10] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[10]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[13].img2" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[11] = !resultState[11]"> {{ resultState[11] ? isResult1[11] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[11]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[4].img1" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[12] = !resultState[12]"> {{ resultState[12] ? isResult1[12] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[12]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[9].img1" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[13] = !resultState[13]"> {{ resultState[13] ? isResult1[13] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[13]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+
+          <el-col :span="1">&nbsp;</el-col>
+          <el-col :span="3">
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <el-image :src="src[14].img1" />
+              </div>
+            </el-col>
+            <el-col :span="24">
+              <div class="grid-content bg-purple">
+                <p class="text_tips" @click="resultState[14] = !resultState[14]"> {{ resultState[14] ? isResult1[14] : '点击查看答案' }}</p>
+                <el-radio-group v-model="result1[14]">
+                  <el-radio :label="1">正确</el-radio>
+                  <el-radio :label="0">错误</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-col>
+        </el-row>
+        <p align="center" style="margin-bottom: 40px">
+          <el-button @click="save1" class='saveCll'>保存</el-button>
+        </p>
+      </div>
+    </div>
+
+    <div id="body3" v-if="
+            (flag2 && isDelay == false && isok == false) ||
+            (flag2 && isDelay == true && isok == true)
+        ">
+      <h4 style="text-align: left; margin-left: 5%">再认测试:</h4>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">1.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[0].imga" /></div>
+          <div>
+            <h5>{{ name[0] }}</h5>
+          </div>
+        </div>
+
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(0, '1')">
+              <el-image :src="imageGroup[0].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[0]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(0, '2')">
+              <el-image :src="imageGroup[0].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[0]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(0, '3')">
+              <el-image :src="imageGroup[0].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[0]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(0, '4')">
+              <el-image :src="imageGroup[0].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[0]" label="4">D</el-radio>
             </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(0, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[0]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">2.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[1].imga" /></div>
+          <div>
+            <h5>{{ name[1] }}</h5>
+          </div>
         </div>
 
-        <h1
-                v-if="
-        (!flag1 && !flag2 && isDelay == true && isok == true) ||
-        (flag2 && isDelay == true && isok == true)
-      "
-        >
-            延时测试
-        </h1>
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(1, '1')">
+              <el-image :src="imageGroup[1].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[1]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(1, '2')">
+              <el-image :src="imageGroup[1].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[1]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(1, '3')">
+              <el-image :src="imageGroup[1].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[1]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(1, '4')">
+              <el-image :src="imageGroup[1].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[1]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(1, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[1]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">3.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[2].imga" /></div>
+          <div>
+            <h5>{{ name[2] }}</h5>
+          </div>
+        </div>
+
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(2, '1')">
+              <el-image :src="imageGroup[2].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[2]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(2, '2')">
+              <el-image :src="imageGroup[2].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[2]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(2, '3')">
+              <el-image :src="imageGroup[2].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[2]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(2, '4')">
+              <el-image :src="imageGroup[2].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[2]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(2, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[2]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">4.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[3].imga" /></div>
+          <div>
+            <h5>{{ name[3] }}</h5>
+          </div>
+        </div>
+
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(3, '1')">
+              <el-image :src="imageGroup[3].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[3]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(3, '2')">
+              <el-image :src="imageGroup[3].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[3]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(3, '3')">
+              <el-image :src="imageGroup[3].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[3]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(3, '4')">
+              <el-image :src="imageGroup[3].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[3]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(3, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[3]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">5.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[4].imga" /></div>
+          <div>
+            <h5>{{ name[4] }}</h5>
+          </div>
+        </div>
+
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(4, '1')">
+              <el-image :src="imageGroup[4].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[4]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(4, '2')">
+              <el-image :src="imageGroup[4].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[4]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(4, '3')">
+              <el-image :src="imageGroup[4].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[4]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(4, '4')">
+              <el-image :src="imageGroup[4].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[4]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(4, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[4]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">6.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[5].imga" /></div>
+          <div>
+            <h5>{{ name[5] }}</h5>
+          </div>
+        </div>
+
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(5, '1')">
+              <el-image :src="imageGroup[5].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[5]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(5, '2')">
+              <el-image :src="imageGroup[5].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[5]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(5, '3')">
+              <el-image :src="imageGroup[5].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[5]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(5, '4')">
+              <el-image :src="imageGroup[5].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[5]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(5, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[5]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">7.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[6].imga" /></div>
+          <div>
+            <h5>{{ name[6] }}</h5>
+          </div>
+        </div>
 
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(6, '1')">
+              <el-image :src="imageGroup[6].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[6]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(6, '2')">
+              <el-image :src="imageGroup[6].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[6]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(6, '3')">
+              <el-image :src="imageGroup[6].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[6]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(6, '4')">
+              <el-image :src="imageGroup[6].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[6]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(6, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[6]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">8.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[7].imga" /></div>
+          <div>
+            <h5>{{ name[7] }}</h5>
+          </div>
+        </div>
+
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(7, '1')">
+              <el-image :src="imageGroup[7].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[7]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(7, '2')">
+              <el-image :src="imageGroup[7].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[7]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(7, '3')">
+              <el-image :src="imageGroup[7].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[7]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(7, '4')">
+              <el-image :src="imageGroup[7].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[7]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(7, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[7]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">9.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[8].imga" /></div>
+          <div>
+            <h5>{{ name[8] }}</h5>
+          </div>
+        </div>
+
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(8, '1')">
+              <el-image :src="imageGroup[8].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[8]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(8, '2')">
+              <el-image :src="imageGroup[8].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[8]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(8, '3')">
+              <el-image :src="imageGroup[8].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[8]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(8, '4')">
+              <el-image :src="imageGroup[8].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[8]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(8, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[8]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">10.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[9].imga" /></div>
+          <div>
+            <h5>{{ name[9] }}</h5>
+          </div>
+        </div>
 
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(9, '1')">
+              <el-image :src="imageGroup[9].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[9]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(9, '2')">
+              <el-image :src="imageGroup[9].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[9]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(9, '3')">
+              <el-image :src="imageGroup[9].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[9]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(9, '4')">
+              <el-image :src="imageGroup[9].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[9]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(9, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[9]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">11.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[10].imga" /></div>
+          <div>
+            <h5>{{ name[10] }}</h5>
+          </div>
+        </div>
 
-        <div
-                id="body2"
-                v-if="
-        (!flag1 && !flag2 && isDelay == false && isok == false) ||
-        (!flag1 && !flag2 && isDelay == true && isok == true)
-      "
-        >
-            <h4 style="text-align: left; margin-left: 12%">回忆测试:</h4>
-            <div id="table">
-                <el-row :gutter="20">
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[0].img1" /></div
-                            ></el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[0]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24"
-                        ><div class="grid-content bg-purple">
-                            <el-image :src="src[5].img1" /></div
-                        ></el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[1]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[10].img1" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[2]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[1].img2" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[3]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[6].img2" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[4]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[11].img2" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[5]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[2].img1" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[6]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[7].img1" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[7]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[12].img1" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[8]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[3].img2" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[9]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[8].img2" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[10]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[13].img2" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[11]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[4].img1" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[12]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[9].img1" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[13]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-
-                    <el-col :span="1">&nbsp;</el-col>
-                    <el-col :span="3">
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-image :src="src[14].img1" />
-                            </div>
-                        </el-col>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple">
-                                <el-input
-                                        v-model="result1[14]"
-                                        placeholder="请输入内容"
-                                ></el-input>
-                            </div>
-                        </el-col>
-                    </el-col>
-                </el-row>
-                <p align="center" style="margin-bottom: 40px">
-                    <el-button @click="save1" class='saveCll'>保存</el-button>
-                </p>
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(10, '1')">
+              <el-image :src="imageGroup[10].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[10]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(10, '2')">
+              <el-image :src="imageGroup[10].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[10]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(10, '3')">
+              <el-image :src="imageGroup[10].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[10]" label="3">C</el-radio>
             </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(10, '4')">
+              <el-image :src="imageGroup[10].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[10]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(10, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[10]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">12.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[11].imga" /></div>
+          <div>
+            <h5>{{ name[11] }}</h5>
+          </div>
         </div>
 
-        <div
-                id="body3"
-                v-if="
-        (flag2 && isDelay == false && isok == false) ||
-        (flag2 && isDelay == true && isok == true)
-      "
-        >
-            <h4 style="text-align: left; margin-left: 5%">再认测试:</h4>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">1.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[0].imga" /></div>
-                    <div>
-                        <h5>{{ name[0] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(0,'1')">
-                            <el-image :src="imageGroup[0].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[0]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(0,'2')">
-                            <el-image :src="imageGroup[0].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[0]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(0,'3')">
-                            <el-image :src="imageGroup[0].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[0]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(0,'4')">
-                            <el-image :src="imageGroup[0].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[0]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">2.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[1].imga" /></div>
-                    <div>
-                        <h5>{{ name[1] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(1,'1')">
-                            <el-image :src="imageGroup[1].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[1]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(1,'2')">
-                            <el-image :src="imageGroup[1].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[1]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(1,'3')">
-                            <el-image :src="imageGroup[1].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[1]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(1,'4')">
-                            <el-image :src="imageGroup[1].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[1]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">3.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[2].imga" /></div>
-                    <div>
-                        <h5>{{ name[2] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(2,'1')">
-                            <el-image :src="imageGroup[2].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[2]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(2,'2')">
-                            <el-image :src="imageGroup[2].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[2]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(2,'3')">
-                            <el-image :src="imageGroup[2].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[2]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(2,'4')">
-                            <el-image :src="imageGroup[2].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[2]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">4.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[3].imga" /></div>
-                    <div>
-                        <h5>{{ name[3] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(3,'1')">
-                            <el-image :src="imageGroup[3].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[3]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(3,'2')">
-                            <el-image :src="imageGroup[3].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[3]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(3,'3')">
-                            <el-image :src="imageGroup[3].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[3]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(3,'4')">
-                            <el-image :src="imageGroup[3].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[3]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">5.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[4].imga" /></div>
-                    <div>
-                        <h5>{{ name[4] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211"  @click="sentCheck(4,'1')">
-                            <el-image :src="imageGroup[4].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[4]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(4,'2')">
-                            <el-image :src="imageGroup[4].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[4]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(4,'3')">
-                            <el-image :src="imageGroup[4].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[4]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(4,'4')">
-                            <el-image :src="imageGroup[4].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[4]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">6.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[5].imga" /></div>
-                    <div>
-                        <h5>{{ name[5] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(5,'1')">
-                            <el-image :src="imageGroup[5].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[5]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(5,'2')">
-                            <el-image :src="imageGroup[5].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[5]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(5,'3')">
-                            <el-image :src="imageGroup[5].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[5]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(5,'4')">
-                            <el-image :src="imageGroup[5].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[5]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">7.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[6].imga" /></div>
-                    <div>
-                        <h5>{{ name[6] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(6,'1')">
-                            <el-image :src="imageGroup[6].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[6]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(6,'2')">
-                            <el-image :src="imageGroup[6].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[6]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(6,'3')">
-                            <el-image :src="imageGroup[6].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[6]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(6,'4')">
-                            <el-image :src="imageGroup[6].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[6]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">8.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[7].imga" /></div>
-                    <div>
-                        <h5>{{ name[7] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(7,'1')">
-                            <el-image :src="imageGroup[7].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[7]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(7,'2')">
-                            <el-image :src="imageGroup[7].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[7]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(7,'3')">
-                            <el-image :src="imageGroup[7].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[7]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211"  @click="sentCheck(7,'4')">
-                            <el-image :src="imageGroup[7].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[7]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">9.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[8].imga" /></div>
-                    <div>
-                        <h5>{{ name[8] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(8,'1')">
-                            <el-image :src="imageGroup[8].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[8]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(8,'2')">
-                            <el-image :src="imageGroup[8].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[8]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(8,'3')">
-                            <el-image :src="imageGroup[8].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[8]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(8,'4')">
-                            <el-image :src="imageGroup[8].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[8]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">10.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[9].imga" /></div>
-                    <div>
-                        <h5>{{ name[9] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(9,'1')">
-                            <el-image :src="imageGroup[9].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[9]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(9,'2')">
-                            <el-image :src="imageGroup[9].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[9]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(9,'3')">
-                            <el-image :src="imageGroup[9].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[9]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(9,'4')">
-                            <el-image :src="imageGroup[9].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[9]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">11.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[10].imga" /></div>
-                    <div>
-                        <h5>{{ name[10] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(10,'1')">
-                            <el-image :src="imageGroup[10].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[10]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(10,'2')">
-                            <el-image :src="imageGroup[10].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[10]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(10,'3')">
-                            <el-image :src="imageGroup[10].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[10]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(10,'4')">
-                            <el-image :src="imageGroup[10].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[10]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">12.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[11].imga" /></div>
-                    <div>
-                        <h5>{{ name[11] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(11,'1')">
-                            <el-image :src="imageGroup[11].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[11]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(11,'2')">
-                            <el-image :src="imageGroup[11].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[11]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(11,'3')">
-                            <el-image :src="imageGroup[11].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[11]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(11,'4')">
-                            <el-image :src="imageGroup[11].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[11]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">13.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[12].imga" /></div>
-                    <div>
-                        <h5>{{ name[12] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(12,'1')">
-                            <el-image :src="imageGroup[12].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[12]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(12,'2')">
-                            <el-image :src="imageGroup[12].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[12]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(12,'3')">
-                            <el-image :src="imageGroup[12].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[12]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(12,'4')">
-                            <el-image :src="imageGroup[12].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[12]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">14.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[13].imga" /></div>
-                    <div>
-                        <h5>{{ name[13] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(13,'1')">
-                            <el-image :src="imageGroup[13].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[13]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(13,'2')">
-                            <el-image :src="imageGroup[13].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[13]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(13,'3')">
-                            <el-image :src="imageGroup[13].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[13]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(13,'4')">
-                            <el-image :src="imageGroup[13].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[13]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-
-            <div class="item">
-                <div class="it1">
-                    <div><h5 style="text-align: left">15.</h5></div>
-                    <div class="it11"><el-image :src="imageGroup[14].imga" /></div>
-                    <div>
-                        <h5>{{ name[14] }}</h5>
-                    </div>
-                </div>
-
-                <div class="it2">
-                    <div class="it21">
-                        <div class="it211" @click="sentCheck(14,'1')">
-                            <el-image :src="imageGroup[14].img1" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[14]" label="1">A</el-radio>
-                        </div>
-                    </div>
-                    <div class="it22">
-                        <div class="it211" @click="sentCheck(14,'2')">
-                            <el-image :src="imageGroup[14].img2" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[14]" label="2">B</el-radio>
-                        </div>
-                    </div>
-                    <div class="it23">
-                        <div class="it211" @click="sentCheck(14,'3')">
-                            <el-image :src="imageGroup[14].img3" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[14]" label="3">C</el-radio>
-                        </div>
-                    </div>
-                    <div class="it24">
-                        <div class="it211" @click="sentCheck(14,'4')">
-                            <el-image :src="imageGroup[14].img4" />
-                        </div>
-                        <div class="it212">
-                            <el-radio v-model="radio[14]" label="4">D</el-radio>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <el-divider></el-divider>
-            <div class="txt-center">
-                <!--<el-button style="margin-bottom: 40px" class='saveCll' @click="save2">保存</el-button>-->
-                <el-button style="margin-bottom: 40px" class='saveCll' @click="throttle">保存</el-button>
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(11, '1')">
+              <el-image :src="imageGroup[11].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[11]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(11, '2')">
+              <el-image :src="imageGroup[11].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[11]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(11, '3')">
+              <el-image :src="imageGroup[11].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[11]" label="3">C</el-radio>
             </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(11, '4')">
+              <el-image :src="imageGroup[11].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[11]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(11, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[11]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">13.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[12].imga" /></div>
+          <div>
+            <h5>{{ name[12] }}</h5>
+          </div>
         </div>
+
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(12, '1')">
+              <el-image :src="imageGroup[12].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[12]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(12, '2')">
+              <el-image :src="imageGroup[12].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[12]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(12, '3')">
+              <el-image :src="imageGroup[12].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[12]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(12, '4')">
+              <el-image :src="imageGroup[12].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[12]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(12, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[12]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">14.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[13].imga" /></div>
+          <div>
+            <h5>{{ name[13] }}</h5>
+          </div>
+        </div>
+
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(13, '1')">
+              <el-image :src="imageGroup[13].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[13]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(13, '2')">
+              <el-image :src="imageGroup[13].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[13]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(13, '3')">
+              <el-image :src="imageGroup[13].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[13]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(13, '4')">
+              <el-image :src="imageGroup[13].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[13]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(13, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[13]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+
+      <div class="item">
+        <div class="it1">
+          <div>
+            <h5 style="text-align: left">15.</h5>
+          </div>
+          <div class="it11"><el-image :src="imageGroup[14].imga" /></div>
+          <div>
+            <h5>{{ name[14] }}</h5>
+          </div>
+        </div>
+
+        <div class="it2">
+          <div class="it21">
+            <div class="it211" @click="sentCheck(14, '1')">
+              <el-image :src="imageGroup[14].img1" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[14]" label="1">A</el-radio>
+            </div>
+          </div>
+          <div class="it22">
+            <div class="it211" @click="sentCheck(14, '2')">
+              <el-image :src="imageGroup[14].img2" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[14]" label="2">B</el-radio>
+            </div>
+          </div>
+          <div class="it23">
+            <div class="it211" @click="sentCheck(14, '3')">
+              <el-image :src="imageGroup[14].img3" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[14]" label="3">C</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(14, '4')">
+              <el-image :src="imageGroup[14].img4" />
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[14]" label="4">D</el-radio>
+            </div>
+          </div>
+          <div class="it24">
+            <div class="it211" @click="sentCheck(14, '5')">
+              <el-image :src="forgetImg" />
+              <div style="width: 120rpx;line-height: 100px;text-align:center"></div>
+            </div>
+            <div class="it212">
+              <el-radio v-model="radio[14]" label="5">F</el-radio>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-divider></el-divider>
+      <div class="txt-center">
+        <!--<el-button style="margin-bottom: 40px" class='saveCll' @click="save2">保存</el-button>-->
+        <el-button style="margin-bottom: 40px" class='saveCll' @click="throttle">保存</el-button>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
-    import screenfull from "screenfull";
-    export default {
-        name: "imageAssociation",
-        data() {
-            return {
-                userId: "",
-                quest: false,
-                vernier: 0, //判断循环次数的
-                flag: 0, //判断图片加载
-                flag1: true, //设置body1,body2隐藏
-                flag2: false, //设置body2,body3隐藏
-                animal:[
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/1.jpg"),
-                        name: "斑马",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/2.jpg"),
-                        name: "北极熊",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/3.jpg"),
-                        name: "刺猬",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/4.jpg"),
-                        name: "蝙蝠",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/5.jpg"),
-                        name: "狗",
-                    },
-
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/6.jpg"),
-                        name: "鸡",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/7.jpg"),
-                        name: "猴子",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/8.jpg"),
-                        name: "骆驼",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/9.jpg"),
-                        name: "马",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/10.jpg"),
-                        name: "猫",
-                    },
-
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/11.jpg"),
-                        name: "企鹅",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/12.jpg"),
-                        name: "青蛙",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/13.jpg"),
-                        name: "蜻蜓",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/14.jpg"),
-                        name: "狮子",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/15.jpg"),
-                        name: "鸵鸟",
-                    },
-
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/16.jpg"),
-                        name: "长颈鹿",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/17.jpg"),
-                        name: "老鼠",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/18.jpg"),
-                        name: "鹅",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/19.jpg"),
-                        name: "兔子",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/animal/20.jpg"),
-                        name: "金鱼",
-                    },
-                ],
-                fruit:[
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/1.jpg"),
-                        name: "樱桃",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/2.jpg"),
-                        name: "西瓜",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/3.jpg"),
-                        name: "茄子",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/4.jpg"),
-                        name: "西兰花",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/5.jpg"),
-                        name: "草莓",
-                    },
-
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/6.jpg"),
-                        name: "菠萝",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/7.jpg"),
-                        name: "红豆",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/8.jpg"),
-                        name: "胡萝卜",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/9.jpg"),
-                        name: "玉米",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/10.jpg"),
-                        name: "花生",
-                    },
-
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/11.jpg"),
-                        name: "橙子",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/12.jpg"),
-                        name: "梨",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/13.jpg"),
-                        name: "猕猴桃",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/14.jpg"),
-                        name: "蘑菇",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/15.jpg"),
-                        name: "南瓜",
-                    },
-
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/16.jpg"),
-                        name: "柠檬",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/17.jpg"),
-                        name: "苹果",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/18.jpg"),
-                        name: "葡萄",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/19.jpg"),
-                        name: "青椒",
-                    },
-                    {
-                        img: require("../../../public/static/pictureAssociation/fruit/20.jpg"),
-                        name: "香蕉",
-                    },
-                ],
-                time1: "00时00分00秒",
-                result1: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", ""], //即时回忆结果
-                grade1: 0, //即时回忆结果成绩
-                grade2: 0, //即时再确认成绩
-                radio: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", ""], //计算成绩
-                isclick: false,
-                memoryType: 1,
-                correlationMemory: "",
-                countDownDivShow: false, //控制剩余时间显示隐藏
-                delayTestButtonShow: false, //控制剩余时间显示隐藏
-                remainingTime: 0, //延时测试剩余时间
-                status: 1,
-                mina: "",
-                isRadio: [
-                    "4",
-                    "1",
-                    "3",
-                    "3",
-                    "1",
-                    "2",
-                    "4",
-                    "3",
-                    "1",
-                    "4",
-                    "4",
-                    "3",
-                    "1",
-                    "2",
-                    "3",
-                ], //正确结果
-                isResult1: [
-                    "玉米",
-                    "花生",
-                    "南瓜",
-                    "北极熊",
-                    "老虎",
-                    "鸵鸟",
-                    "柠檬",
-                    "梨",
-                    "葡萄",
-                    "鸡",
-                    "马",
-                    "长颈鹿",
-                    "胡萝卜",
-                    "蘑菇",
-                    "香蕉",
-                ],
-                image1: require("../../../public/static/pictureAssociation/1.png"),
-                image2: require("../../../public/static/pictureAssociation/2.png"),
-                animal1: "斑马",
-                animal2: "玉米",
-                animal_num:[],
-                fruit_num:[],
-                src: [
-                    {
-                        img1: require("../../../public/static/pictureAssociation/1.png"),
-                        img2: require("../../../public/static/pictureAssociation/2.png"),
-                        name1: "斑马",
-                        name2: "玉米",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/3.png"),
-                        img2: require("../../../public/static/pictureAssociation/4.png"),
-                        name1: "北极熊",
-                        name2: "菠萝",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/5.png"),
-                        img2: require("../../../public/static/pictureAssociation/6.png"),
-                        name1: "狗",
-                        name2: "柠檬",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/7.png"),
-                        img2: require("../../../public/static/pictureAssociation/8.png"),
-                        name1: "鸡",
-                        name2: "红豆",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/9.png"),
-                        img2: require("../../../public/static/pictureAssociation/10.png"),
-                        name1: "蝴蝶",
-                        name2: "胡萝卜",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/11.png"),
-                        img2: require("../../../public/static/pictureAssociation/12.png"),
-                        name1: "猴子",
-                        name2: "花生",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/13.png"),
-                        img2: require("../../../public/static/pictureAssociation/14.png"),
-                        name1: "老虎",
-                        name2: "橙子",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/15.png"),
-                        img2: require("../../../public/static/pictureAssociation/16.png"),
-                        name1: "骆驼",
-                        name2: "梨",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/17.png"),
-                        img2: require("../../../public/static/pictureAssociation/18.png"),
-                        name1: "马",
-                        name2: "猕猴桃",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/19.png"),
-                        img2: require("../../../public/static/pictureAssociation/20.png"),
-                        name1: "猫",
-                        name2: "蘑菇",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/21.png"),
-                        img2: require("../../../public/static/pictureAssociation/22.png"),
-                        name1: "企鹅",
-                        name2: "南瓜",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/23.png"),
-                        img2: require("../../../public/static/pictureAssociation/24.png"),
-                        name1: "鸵鸟",
-                        name2: "苹果",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/25.png"),
-                        img2: require("../../../public/static/pictureAssociation/26.png"),
-                        name1: "狮子",
-                        name2: "葡萄",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/27.png"),
-                        img2: require("../../../public/static/pictureAssociation/28.png"),
-                        name1: "长颈鹿",
-                        name2: "青椒",
-                    },
-                    {
-                        img1: require("../../../public/static/pictureAssociation/29.png"),
-                        img2: require("../../../public/static/pictureAssociation/30.png"),
-                        name1: "鹅",
-                        name2: "香蕉",
-                    },
-                ],
-                timer: 0,
-                timer1: 0,
-                name: [
-                    "蝴蝶",
-                    "狗",
-                    "老虎",
-                    "鸵鸟",
-                    "企鹅",
-                    "公鸡",
-                    "长颈鹿",
-                    "猫",
-                    "斑马",
-                    "鹅",
-                    "狮子",
-                    "骆驼",
-                    "猴子",
-                    "北极熊",
-                    "马",
-                ], //准备名字
-                imageGroup: [
-                    //总共15组图片 ，采用7动物，8水果
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup1/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup1/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup1/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup1/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup1/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup2/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup2/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup2/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup2/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup2/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup3/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup3/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup3/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup3/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup3/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup4/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup4/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup4/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup4/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup4/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup5/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup5/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup5/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup5/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup5/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup6/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup6/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup6/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup6/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup6/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup7/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup7/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup7/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup7/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup7/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup8/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup8/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup8/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup8/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup8/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup9/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup9/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup9/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup9/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup9/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup10/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup10/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup10/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup10/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup10/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup11/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup11/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup11/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup11/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup11/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup12/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup12/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup12/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup12/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup12/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup13/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup13/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup13/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup13/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup13/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup14/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup14/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup14/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup14/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup14/4.jpg"),
-                    },
-                    {
-                        imga: require("../../../public/static/assets/imgGroup/imgGroup15/a.jpg"),
-                        img1: require("../../../public/static/assets/imgGroup/imgGroup15/1.jpg"),
-                        img2: require("../../../public/static/assets/imgGroup/imgGroup15/2.jpg"),
-                        img3: require("../../../public/static/assets/imgGroup/imgGroup15/3.jpg"),
-                        img4: require("../../../public/static/assets/imgGroup/imgGroup15/4.jpg"),
-                    },
-                ], //准备图片组
-                phone: "",
-                isDelay: false,
-                isok: false,
-                beforeTime: true,
-                wholeProcess: "1", //0-流程测试1-分项测试是否进行全流程测试
-                isImmediate: "0", //是否是即时测试，0-不是即时，1-即时测试
-                throttleTimer: null,
-            };
-        },
-        created() {
-            this.isImmediate = this.$route.query.isImmediate || this.isImmediate;
-            this.wholeProcess = this.$route.query.wholeProcess || this.wholeProcess;
-            this.userId = sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f");
-            this.phone = sessionStorage.getItem("f7a42fe7211f98ac7a60a285ac3a9e87");
-
-            this.internetQuest();
-        },
-        mounted  () {
-            var that = this;
-            screenfull.request();
-            document.onkeydown = function (e) {
-                let key = window.event.keyCode;
-                if (key === 122) {
-                    e.preventDefault();
-                    screenfull.toggle();
-                }
-            };
+import screenfull from "screenfull";
+export default {
+  name: "imageAssociation",
+  data() {
+    return {
+      userId: "",
+      quest: false,
+      vernier: 0, //判断循环次数的
+      flag: 0, //判断图片加载
+      flag1: true, //设置body1,body2隐藏
+      flag2: false, //设置body2,body3隐藏
+      animal: [
+        {
+          img: require("../../../public/static/pictureAssociation/animal/1.jpg"),
+          name: "斑马",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/2.jpg"),
+          name: "北极熊",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/3.jpg"),
+          name: "刺猬",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/4.jpg"),
+          name: "蝙蝠",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/5.jpg"),
+          name: "狗",
         },
-        methods: {
-            sentCheck(num,check) {
-                //获取选中项
-                this.radio[num] = check;
-            },
-            Renew(num) {
-                let param = {};
-                if(this.wholeProcess == '0'){
-                    // 全流程
-                    param = {
-                        phone: this.phone,
-                        // questionNo: num,
-                        type: 'RTC_CHILD',
-                        testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
-                    }
-                }else {
-                    // 分项测试
-                    param = {
-                        phone: this.phone,
-                        questionNo: num,
-                        type: 'RTC_CHILD',
-                        testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
-                    }
-                }
-                this.$http.post("memory/clearMemory", {...param}, (msg) => {
-                    if (msg.code == 200) {
-
-                        //抹除操作后重新返回列表开始测试
-                        this.goMain();
-
-                    }
-                });
-            },
-            goMain() {
-                //退出全屏
-                screenfull.exit();
-                this.$router.push({
-                    name: "comprehensiveMemoryAbilityEnter",
-                });
-            },
-            goBack() {
-                //退出全屏
-                screenfull.exit();
-                //退出测试
-                this.$router.push("/welcome/CognitiveAbility");
-            },
-            screenState() {
-                screenfull.toggle();
-            },
-            internetQuest() {
-                let param = {};
-                if(this.wholeProcess == '0'){
-                    // 全流程
-                    param = {
-                        phone: this.phone,
-                        // questionNo: '4',
-                        type: 'RTC_CHILD',
-                        testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
-                    }
-                }else {
-                    // 分项测试
-                    param = {
-                        phone: this.phone,
-                        questionNo: '4',
-                        type: 'RTC_CHILD',
-                        testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
-                    }
-                }
-                this.$http.post("memory/getIfUsable", {...param}, (msg) => {
-                    console.log(msg);
-                    if (msg.msg == "还未到时间") {
-                        this.isDelay = true;
-                        this.remainingTime = msg.data;
-                        this.countDownDivShow = true;
-                        this.delayTestButtonShow = false;
-                    } else if (msg.msg == "需要先进行即时测试") {
-                        console.log("进行即时测试");
-                        this.randomNum1();
-                        this.randomNum2();
-                        console.log(this.animal_num);
-                        console.log(this.fruit_num);
-
-
-                        //替换src
-                        for(let i=0;i<15;i++){
-                            this.src[i].img1=this.animal[this.animal_num[i]].img;
-                            this.src[i].name1=this.animal[this.animal_num[i]].name;
-                            this.name[i]=this.animal[this.animal_num[i]].name;
-                            this.src[i].img2=this.fruit[this.fruit_num[i]].img;
-                            this.src[i].name2=this.fruit[this.fruit_num[i]].name;
-                        }
-                        console.log(this.src);
-                        this.image1= this.src[0].img1,
-                            this.image2= this.src[0].img2 ,
-                            this.animal1 = this.src[0].name1,
-                            this.animal2 = this.src[0].name2,
-                            //替换imggroup
-
-                            /*   {
-                            imga: require("../../../public/static/assets/imgGroup/imgGroup1/a.jpg"),
-                            img1: require("../../../public/static/assets/imgGroup/imgGroup1/1.jpg"),
-                            img2: require("../../../public/static/assets/imgGroup/imgGroup1/2.jpg"),
-                            img3: require("../../../public/static/assets/imgGroup/imgGroup1/3.jpg"),
-                            img4: require("../../../public/static/assets/imgGroup/imgGroup1/4.jpg"),
-                          },
-                          "4","1","3","3","1","2","4","3","1","4","4","3","1","2","3",*/
-
-                            this.imageGroup=[
-                                {//4
-                                    imga: this.src[0].img1,
-                                    img1: this.src[6].img2,
-                                    img2: this.src[12].img2,
-                                    img3: this.src[4].img2,
-                                    img4: this.src[0].img2,
-                                },
-                                {//1
-                                    imga: this.src[1].img1,
-                                    img1: this.src[1].img2,
-                                    img2: this.src[3].img2,
-                                    img3: this.src[5].img2,
-                                    img4: this.src[7].img2,
-                                },
-                                {//3
-                                    imga: this.src[2].img1,
-                                    img1: this.src[8].img2,
-                                    img2: this.src[12].img2,
-                                    img3: this.src[2].img2,
-                                    img4: this.src[14].img2,
-                                },
-                                {//3
-                                    imga: this.src[3].img1,
-                                    img1: this.src[7].img2,
-                                    img2: this.src[9].img2,
-                                    img3: this.src[3].img2,
-                                    img4: this.src[13].img2,
-                                },
-                                {//1
-                                    imga: this.src[4].img1,
-                                    img1: this.src[4].img2,
-                                    img2: this.src[2].img2,
-                                    img3: this.src[1].img2,
-                                    img4: this.src[8].img2,
-                                },
-                                {//2
-                                    imga: this.src[5].img1,
-                                    img1: this.src[3].img2,
-                                    img2: this.src[5].img2,
-                                    img3: this.src[14].img2,
-                                    img4: this.src[6].img2,
-                                },
-                                {//4
-                                    imga: this.src[6].img1,
-                                    img1: this.src[13].img2,
-                                    img2: this.src[2].img2,
-                                    img3: this.src[9].img2,
-                                    img4: this.src[6].img2,
-                                },
-                                {//3
-                                    imga: this.src[7].img1,
-                                    img1: this.src[1].img2,
-                                    img2: this.src[3].img2,
-                                    img3: this.src[7].img2,
-                                    img4: this.src[5].img2,
-                                },
-                                {//1
-                                    imga: this.src[8].img1,
-                                    img1: this.src[8].img2,
-                                    img2: this.src[7].img2,
-                                    img3: this.src[11].img2,
-                                    img4: this.src[14].img2,
-                                },
-                                {//4
-                                    imga: this.src[9].img1,
-                                    img1: this.src[3].img2,
-                                    img2: this.src[6].img2,
-                                    img3: this.src[13].img2,
-                                    img4: this.src[9].img2,
-                                },
-                                {//4
-                                    imga: this.src[10].img1,
-                                    img1: this.src[4].img2,
-                                    img2: this.src[1].img2,
-                                    img3: this.src[5].img2,
-                                    img4: this.src[10].img2,
-                                },
-                                {//3
-                                    imga: this.src[11].img1,
-                                    img1: this.src[8].img2,
-                                    img2: this.src[4].img2,
-                                    img3: this.src[11].img2,
-                                    img4: this.src[2].img2,
-                                },
-                                {//1
-                                    imga: this.src[12].img1,
-                                    img1: this.src[12].img2,
-                                    img2: this.src[1].img2,
-                                    img3: this.src[3].img2,
-                                    img4: this.src[9].img2,
-                                },
-                                {//2
-                                    imga: this.src[13].img1,
-                                    img1: this.src[8].img2,
-                                    img2: this.src[13].img2,
-                                    img3: this.src[2].img2,
-                                    img4: this.src[11].img2,
-                                },
-                                {//3
-                                    imga: this.src[14].img1,
-                                    img1: this.src[1].img2,
-                                    img2: this.src[6].img2,
-                                    img3: this.src[14].img2,
-                                    img4: this.src[7].img2,
-                                },
-                            ]
-
-
-
-                        //初始化正确结果1
-                        this.isResult1=[
-                            this.src[0].name2,this.src[5].name2,this.src[10].name2,this.src[1].name1,this.src[6].name1,
-                            this.src[11].name1,this.src[2].name2,this.src[7].name2,this.src[12].name2,this.src[3].name1,
-                            this.src[8].name1,this.src[13].name1,this.src[4].name2,this.src[9].name2,this.src[14].name2,
-                        ]
-                        console.log(this.isResult1);
-
 
+        {
+          img: require("../../../public/static/pictureAssociation/animal/6.jpg"),
+          name: "鸡",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/7.jpg"),
+          name: "猴子",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/8.jpg"),
+          name: "骆驼",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/9.jpg"),
+          name: "马",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/10.jpg"),
+          name: "猫",
+        },
 
-                    } else {
+        {
+          img: require("../../../public/static/pictureAssociation/animal/11.jpg"),
+          name: "企鹅",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/12.jpg"),
+          name: "青蛙",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/13.jpg"),
+          name: "蜻蜓",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/14.jpg"),
+          name: "狮子",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/15.jpg"),
+          name: "鸵鸟",
+        },
 
-                        if(this.wholeProcess == '0') {
-                            // 如果是全流程测试
-
-                            switch (msg.data.length) {
-                                case 10:
-                                    this.isDelay = true;
-                                    this.beforeTime = false;
-                                    this.memoryType = 2;
-                                    this.countDownDivShow = false;
-                                    this.delayTestButtonShow = true;
-                                    this.correlationMemory = msg.data[0].id;
-                                    let arr = msg.data[3].credentials.split('&');
-                                    this.fruit_num = JSON.parse(arr[0]);
-                                    this.animal_num = JSON.parse(arr[1]);
-                                    for(let i=0;i<15;i++){
-                                        this.src[i].img1=this.animal[this.animal_num[i]].img;
-                                        this.src[i].name1=this.animal[this.animal_num[i]].name;
-                                        this.name[i]=this.animal[this.animal_num[i]].name;
-                                        this.src[i].img2=this.fruit[this.fruit_num[i]].img;
-                                        this.src[i].name2=this.fruit[this.fruit_num[i]].name;
-                                    }
-                                    console.log(this.src);
-                                    this.image1= this.src[0].img1,
-                                        this.image2= this.src[0].img2 ,
-                                        this.animal1 = this.src[0].name1,
-                                        this.animal2 = this.src[0].name2,
-                                        //替换imggroup
-
-                                        /*   {
-                                        imga: require("../../../public/static/assets/imgGroup/imgGroup1/a.jpg"),
-                                        img1: require("../../../public/static/assets/imgGroup/imgGroup1/1.jpg"),
-                                        img2: require("../../../public/static/assets/imgGroup/imgGroup1/2.jpg"),
-                                        img3: require("../../../public/static/assets/imgGroup/imgGroup1/3.jpg"),
-                                        img4: require("../../../public/static/assets/imgGroup/imgGroup1/4.jpg"),
-                                      },
-                                      "4","1","3","3","1","2","4","3","1","4","4","3","1","2","3",*/
-
-                                        this.imageGroup=[
-                                            {//4
-                                                imga: this.src[0].img1,
-                                                img1: this.src[6].img2,
-                                                img2: this.src[12].img2,
-                                                img3: this.src[4].img2,
-                                                img4: this.src[0].img2,
-                                            },
-                                            {//1
-                                                imga: this.src[1].img1,
-                                                img1: this.src[1].img2,
-                                                img2: this.src[3].img2,
-                                                img3: this.src[5].img2,
-                                                img4: this.src[7].img2,
-                                            },
-                                            {//3
-                                                imga: this.src[2].img1,
-                                                img1: this.src[8].img2,
-                                                img2: this.src[12].img2,
-                                                img3: this.src[2].img2,
-                                                img4: this.src[14].img2,
-                                            },
-                                            {//3
-                                                imga: this.src[3].img1,
-                                                img1: this.src[7].img2,
-                                                img2: this.src[9].img2,
-                                                img3: this.src[3].img2,
-                                                img4: this.src[13].img2,
-                                            },
-                                            {//1
-                                                imga: this.src[4].img1,
-                                                img1: this.src[4].img2,
-                                                img2: this.src[2].img2,
-                                                img3: this.src[1].img2,
-                                                img4: this.src[8].img2,
-                                            },
-                                            {//2
-                                                imga: this.src[5].img1,
-                                                img1: this.src[3].img2,
-                                                img2: this.src[5].img2,
-                                                img3: this.src[14].img2,
-                                                img4: this.src[6].img2,
-                                            },
-                                            {//4
-                                                imga: this.src[6].img1,
-                                                img1: this.src[13].img2,
-                                                img2: this.src[2].img2,
-                                                img3: this.src[9].img2,
-                                                img4: this.src[6].img2,
-                                            },
-                                            {//3
-                                                imga: this.src[7].img1,
-                                                img1: this.src[1].img2,
-                                                img2: this.src[3].img2,
-                                                img3: this.src[7].img2,
-                                                img4: this.src[5].img2,
-                                            },
-                                            {//1
-                                                imga: this.src[8].img1,
-                                                img1: this.src[8].img2,
-                                                img2: this.src[7].img2,
-                                                img3: this.src[11].img2,
-                                                img4: this.src[14].img2,
-                                            },
-                                            {//4
-                                                imga: this.src[9].img1,
-                                                img1: this.src[3].img2,
-                                                img2: this.src[6].img2,
-                                                img3: this.src[13].img2,
-                                                img4: this.src[9].img2,
-                                            },
-                                            {//4
-                                                imga: this.src[10].img1,
-                                                img1: this.src[4].img2,
-                                                img2: this.src[1].img2,
-                                                img3: this.src[5].img2,
-                                                img4: this.src[10].img2,
-                                            },
-                                            {//3
-                                                imga: this.src[11].img1,
-                                                img1: this.src[8].img2,
-                                                img2: this.src[4].img2,
-                                                img3: this.src[11].img2,
-                                                img4: this.src[2].img2,
-                                            },
-                                            {//1
-                                                imga: this.src[12].img1,
-                                                img1: this.src[12].img2,
-                                                img2: this.src[1].img2,
-                                                img3: this.src[3].img2,
-                                                img4: this.src[9].img2,
-                                            },
-                                            {//2
-                                                imga: this.src[13].img1,
-                                                img1: this.src[8].img2,
-                                                img2: this.src[13].img2,
-                                                img3: this.src[2].img2,
-                                                img4: this.src[11].img2,
-                                            },
-                                            {//3
-                                                imga: this.src[14].img1,
-                                                img1: this.src[1].img2,
-                                                img2: this.src[6].img2,
-                                                img3: this.src[14].img2,
-                                                img4: this.src[7].img2,
-                                            },
-                                        ]
-
-                                    //初始化正确结果1
-                                    this.isResult1=[
-                                        this.src[0].name2,this.src[5].name2,this.src[10].name2,this.src[1].name1,this.src[6].name1,
-                                        this.src[11].name1,this.src[2].name2,this.src[7].name2,this.src[12].name2,this.src[3].name1,
-                                        this.src[8].name1,this.src[13].name1,this.src[4].name2,this.src[9].name2,this.src[14].name2,
-                                    ]
-                                    console.log(this.isResult1);
-
-                                    break;
-                                case 11:
-                                    // this.$router.push("personRecall");
-                                    // this.$router.push("peopleRecall");
-                                    this.$router.push({
-                                        path: 'peopleRecall',
-                                        query: {
-                                            wholeProcess: this.wholeProcess
-                                        }
-                                    });
-                                    break;
-                            }
-
-                        }else {
-                            //分项测试
-
-                            this.isDelay = true;
-                            this.beforeTime = false;
-                            this.memoryType = 2;
-                            this.countDownDivShow = false;
-                            this.delayTestButtonShow = true;
-                            this.correlationMemory = msg.data[0].id;
-                            let arr = msg.data[0].credentials.split('&');
-                            this.fruit_num = JSON.parse(arr[0]);
-                            this.animal_num = JSON.parse(arr[1]);
-                            for(let i=0;i<15;i++){
-                                this.src[i].img1=this.animal[this.animal_num[i]].img;
-                                this.src[i].name1=this.animal[this.animal_num[i]].name;
-                                this.name[i]=this.animal[this.animal_num[i]].name;
-                                this.src[i].img2=this.fruit[this.fruit_num[i]].img;
-                                this.src[i].name2=this.fruit[this.fruit_num[i]].name;
-                            }
-
-                            this.image1= this.src[0].img1,
-                                this.image2= this.src[0].img2 ,
-                                this.animal1 = this.src[0].name1,
-                                this.animal2 = this.src[0].name2,
-                                //替换imggroup
-
-                                this.imageGroup=[
-                                    {//4
-                                        imga: this.src[0].img1,
-                                        img1: this.src[6].img2,
-                                        img2: this.src[12].img2,
-                                        img3: this.src[4].img2,
-                                        img4: this.src[0].img2,
-                                    },
-                                    {//1
-                                        imga: this.src[1].img1,
-                                        img1: this.src[1].img2,
-                                        img2: this.src[3].img2,
-                                        img3: this.src[5].img2,
-                                        img4: this.src[7].img2,
-                                    },
-                                    {//3
-                                        imga: this.src[2].img1,
-                                        img1: this.src[8].img2,
-                                        img2: this.src[12].img2,
-                                        img3: this.src[2].img2,
-                                        img4: this.src[14].img2,
-                                    },
-                                    {//3
-                                        imga: this.src[3].img1,
-                                        img1: this.src[7].img2,
-                                        img2: this.src[9].img2,
-                                        img3: this.src[3].img2,
-                                        img4: this.src[13].img2,
-                                    },
-                                    {//1
-                                        imga: this.src[4].img1,
-                                        img1: this.src[4].img2,
-                                        img2: this.src[2].img2,
-                                        img3: this.src[1].img2,
-                                        img4: this.src[8].img2,
-                                    },
-                                    {//2
-                                        imga: this.src[5].img1,
-                                        img1: this.src[3].img2,
-                                        img2: this.src[5].img2,
-                                        img3: this.src[14].img2,
-                                        img4: this.src[6].img2,
-                                    },
-                                    {//4
-                                        imga: this.src[6].img1,
-                                        img1: this.src[13].img2,
-                                        img2: this.src[2].img2,
-                                        img3: this.src[9].img2,
-                                        img4: this.src[6].img2,
-                                    },
-                                    {//3
-                                        imga: this.src[7].img1,
-                                        img1: this.src[1].img2,
-                                        img2: this.src[3].img2,
-                                        img3: this.src[7].img2,
-                                        img4: this.src[5].img2,
-                                    },
-                                    {//1
-                                        imga: this.src[8].img1,
-                                        img1: this.src[8].img2,
-                                        img2: this.src[7].img2,
-                                        img3: this.src[11].img2,
-                                        img4: this.src[14].img2,
-                                    },
-                                    {//4
-                                        imga: this.src[9].img1,
-                                        img1: this.src[3].img2,
-                                        img2: this.src[6].img2,
-                                        img3: this.src[13].img2,
-                                        img4: this.src[9].img2,
-                                    },
-                                    {//4
-                                        imga: this.src[10].img1,
-                                        img1: this.src[4].img2,
-                                        img2: this.src[1].img2,
-                                        img3: this.src[5].img2,
-                                        img4: this.src[10].img2,
-                                    },
-                                    {//3
-                                        imga: this.src[11].img1,
-                                        img1: this.src[8].img2,
-                                        img2: this.src[4].img2,
-                                        img3: this.src[11].img2,
-                                        img4: this.src[2].img2,
-                                    },
-                                    {//1
-                                        imga: this.src[12].img1,
-                                        img1: this.src[12].img2,
-                                        img2: this.src[1].img2,
-                                        img3: this.src[3].img2,
-                                        img4: this.src[9].img2,
-                                    },
-                                    {//2
-                                        imga: this.src[13].img1,
-                                        img1: this.src[8].img2,
-                                        img2: this.src[13].img2,
-                                        img3: this.src[2].img2,
-                                        img4: this.src[11].img2,
-                                    },
-                                    {//3
-                                        imga: this.src[14].img1,
-                                        img1: this.src[1].img2,
-                                        img2: this.src[6].img2,
-                                        img3: this.src[14].img2,
-                                        img4: this.src[7].img2,
-                                    },
-                                ]
-
-                            //初始化正确结果1
-                            this.isResult1=[
-                                this.src[0].name2,this.src[5].name2,this.src[10].name2,this.src[1].name1,this.src[6].name1,
-                                this.src[11].name1,this.src[2].name2,this.src[7].name2,this.src[12].name2,this.src[3].name1,
-                                this.src[8].name1,this.src[13].name1,this.src[4].name2,this.src[9].name2,this.src[14].name2,
-                            ];
+        {
+          img: require("../../../public/static/pictureAssociation/animal/16.jpg"),
+          name: "长颈鹿",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/17.jpg"),
+          name: "老鼠",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/18.jpg"),
+          name: "鹅",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/19.jpg"),
+          name: "兔子",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/animal/20.jpg"),
+          name: "金鱼",
+        },
+      ],
+      fruit: [
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/1.jpg"),
+          name: "樱桃",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/2.jpg"),
+          name: "西瓜",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/3.jpg"),
+          name: "茄子",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/4.jpg"),
+          name: "西兰花",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/5.jpg"),
+          name: "草莓",
+        },
 
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/6.jpg"),
+          name: "菠萝",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/7.jpg"),
+          name: "红豆",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/8.jpg"),
+          name: "胡萝卜",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/9.jpg"),
+          name: "玉米",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/10.jpg"),
+          name: "花生",
+        },
 
-                        }
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/11.jpg"),
+          name: "橙子",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/12.jpg"),
+          name: "梨",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/13.jpg"),
+          name: "猕猴桃",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/14.jpg"),
+          name: "蘑菇",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/15.jpg"),
+          name: "南瓜",
+        },
 
-                    }
-                    this.quest = true;
-                });
-            },
-            learn() {
-                //设置10秒钟改变一次，循环两遍
-                this.image1 = this.src[0].img1;
-                this.image2 = this.src[0].img2;
-                let _this = this;
-                this.isclick = true;
-                this.timer = setInterval(() => {
-                    _this.flag++;
-                    this.changeImage(_this.flag);
-                }, 10000); //这个定时器的时间需要改，方便测试，现在为一秒
-            },
-            isOk() {
-                console.log("执行了吗");
-                if (this.beforeTime) {
-                    this.$message({
-                        message: "30分钟未到，不能进行延时测试",
-                        type: "info",
-                    });
-                    return;
-                }
-                this.flag1 = false;
-                //开启即时回忆测试定时器，记录即时回忆测试的时间
-                this.begintime();
-                this.isok = true;
-            },
-            randomNum1(){
-                let num  = Math.round(Math.random()*19);
-                if(this.animal_num.indexOf(num)==-1){
-                    this.animal_num.push(num);
-                }
-                if(this.animal_num.length<15){
-                    this.randomNum1();
-                }
-            },
-            randomNum2(){
-                let num  = Math.round(Math.random()*19);
-                if(this.fruit_num.indexOf(num)==-1){
-                    this.fruit_num.push(num);
-                }
-                if(this.fruit_num.length<15){
-                    this.randomNum2();
-                }
-            },
-            changeImage(a) {
-                if (a > 14) {
-                    this.flag = 0;
-                    a = 0;
-                    this.vernier++;
-                }
-                if (this.vernier == 2) {
-                    //清除定时器任务,隐藏学习界面，开始进行回忆测试
-                    clearInterval(this.timer);
-                    this.flag1 = false;
-                    //开启即时回忆测试定时器，记录即时回忆测试的时间
-                    this.begintime();
-                } else {
-                    this.animal1 = this.src[a].name1;
-                    this.animal2 = this.src[a].name2;
-                    this.image1 = this.src[a].img1;
-                    this.image2 = this.src[a].img2;
-                }
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/16.jpg"),
+          name: "柠檬",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/17.jpg"),
+          name: "苹果",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/18.jpg"),
+          name: "葡萄",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/19.jpg"),
+          name: "青椒",
+        },
+        {
+          img: require("../../../public/static/pictureAssociation/fruit/20.jpg"),
+          name: "香蕉",
+        },
+      ],
+      time1: "00时00分00秒",
+      result1: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", ""], //即时回忆结果
+      grade1: 0, //即时回忆结果成绩
+      grade2: 0, //即时再确认成绩
+      radio: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", ""], //计算成绩
+      isclick: false,
+      memoryType: 1,
+      correlationMemory: "",
+      countDownDivShow: false, //控制剩余时间显示隐藏
+      delayTestButtonShow: false, //控制剩余时间显示隐藏
+      remainingTime: 0, //延时测试剩余时间
+      status: 1,
+      mina: "",
+      isRadio: [
+        "4",
+        "1",
+        "3",
+        "3",
+        "1",
+        "2",
+        "4",
+        "3",
+        "1",
+        "4",
+        "4",
+        "3",
+        "1",
+        "2",
+        "3",
+      ], //正确结果
+      isResult1: [
+        "玉米",
+        "花生",
+        "南瓜",
+        "北极熊",
+        "老虎",
+        "鸵鸟",
+        "柠檬",
+        "梨",
+        "葡萄",
+        "鸡",
+        "马",
+        "长颈鹿",
+        "胡萝卜",
+        "蘑菇",
+        "香蕉",
+      ],
+      resultState: [
+        false,
+        false,
+        false,
+        false,
+        false,
+        false,
+        false,
+        false,
+        false,
+        false,
+        false,
+        false,
+        false,
+        false,
+        false
+      ],
+      image1: require("../../../public/static/pictureAssociation/1.png"),
+      image2: require("../../../public/static/pictureAssociation/2.png"),
+      animal1: "斑马",
+      animal2: "玉米",
+      animal_num: [],
+      fruit_num: [],
+      src: [
+        {
+          img1: require("../../../public/static/pictureAssociation/1.png"),
+          img2: require("../../../public/static/pictureAssociation/2.png"),
+          name1: "斑马",
+          name2: "玉米",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/3.png"),
+          img2: require("../../../public/static/pictureAssociation/4.png"),
+          name1: "北极熊",
+          name2: "菠萝",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/5.png"),
+          img2: require("../../../public/static/pictureAssociation/6.png"),
+          name1: "狗",
+          name2: "柠檬",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/7.png"),
+          img2: require("../../../public/static/pictureAssociation/8.png"),
+          name1: "鸡",
+          name2: "红豆",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/9.png"),
+          img2: require("../../../public/static/pictureAssociation/10.png"),
+          name1: "蝴蝶",
+          name2: "胡萝卜",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/11.png"),
+          img2: require("../../../public/static/pictureAssociation/12.png"),
+          name1: "猴子",
+          name2: "花生",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/13.png"),
+          img2: require("../../../public/static/pictureAssociation/14.png"),
+          name1: "老虎",
+          name2: "橙子",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/15.png"),
+          img2: require("../../../public/static/pictureAssociation/16.png"),
+          name1: "骆驼",
+          name2: "梨",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/17.png"),
+          img2: require("../../../public/static/pictureAssociation/18.png"),
+          name1: "马",
+          name2: "猕猴桃",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/19.png"),
+          img2: require("../../../public/static/pictureAssociation/20.png"),
+          name1: "猫",
+          name2: "蘑菇",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/21.png"),
+          img2: require("../../../public/static/pictureAssociation/22.png"),
+          name1: "企鹅",
+          name2: "南瓜",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/23.png"),
+          img2: require("../../../public/static/pictureAssociation/24.png"),
+          name1: "鸵鸟",
+          name2: "苹果",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/25.png"),
+          img2: require("../../../public/static/pictureAssociation/26.png"),
+          name1: "狮子",
+          name2: "葡萄",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/27.png"),
+          img2: require("../../../public/static/pictureAssociation/28.png"),
+          name1: "长颈鹿",
+          name2: "青椒",
+        },
+        {
+          img1: require("../../../public/static/pictureAssociation/29.png"),
+          img2: require("../../../public/static/pictureAssociation/30.png"),
+          name1: "鹅",
+          name2: "香蕉",
+        },
+      ],
+      forgetImg: require("../../../public/static/pictureAssociation/forget.png"),
+      timer: 0,
+      timer1: 0,
+      name: [
+        "蝴蝶",
+        "狗",
+        "老虎",
+        "鸵鸟",
+        "企鹅",
+        "公鸡",
+        "长颈鹿",
+        "猫",
+        "斑马",
+        "鹅",
+        "狮子",
+        "骆驼",
+        "猴子",
+        "北极熊",
+        "马",
+      ], //准备名字
+      imageGroup: [
+        //总共15组图片 ，采用7动物，8水果
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup1/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup1/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup1/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup1/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup1/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup2/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup2/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup2/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup2/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup2/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup3/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup3/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup3/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup3/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup3/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup4/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup4/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup4/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup4/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup4/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup5/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup5/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup5/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup5/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup5/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup6/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup6/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup6/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup6/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup6/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup7/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup7/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup7/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup7/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup7/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup8/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup8/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup8/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup8/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup8/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup9/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup9/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup9/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup9/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup9/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup10/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup10/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup10/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup10/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup10/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup11/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup11/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup11/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup11/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup11/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup12/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup12/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup12/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup12/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup12/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup13/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup13/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup13/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup13/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup13/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup14/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup14/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup14/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup14/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup14/4.jpg"),
+        },
+        {
+          imga: require("../../../public/static/assets/imgGroup/imgGroup15/a.jpg"),
+          img1: require("../../../public/static/assets/imgGroup/imgGroup15/1.jpg"),
+          img2: require("../../../public/static/assets/imgGroup/imgGroup15/2.jpg"),
+          img3: require("../../../public/static/assets/imgGroup/imgGroup15/3.jpg"),
+          img4: require("../../../public/static/assets/imgGroup/imgGroup15/4.jpg"),
+        },
+      ], //准备图片组
+      phone: "",
+      isDelay: false,
+      isok: false,
+      beforeTime: true,
+      wholeProcess: "1", //0-流程测试1-分项测试是否进行全流程测试
+      isImmediate: "0", //是否是即时测试，0-不是即时，1-即时测试
+      throttleTimer: null,
+    };
+  },
+  created() {
+    this.isImmediate = this.$route.query.isImmediate || this.isImmediate;
+    this.wholeProcess = this.$route.query.wholeProcess || this.wholeProcess;
+    this.userId = sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f");
+    this.phone = sessionStorage.getItem("f7a42fe7211f98ac7a60a285ac3a9e87");
+
+    this.internetQuest();
+  },
+  mounted() {
+    var that = this;
+    screenfull.request();
+    document.onkeydown = function (e) {
+      let key = window.event.keyCode;
+      if (key === 122) {
+        e.preventDefault();
+        screenfull.toggle();
+      }
+    };
+  },
+  methods: {
+    sentCheck(num, check) {
+      //获取选中项
+      this.radio[num] = check;
+    },
+    Renew(num) {
+      let param = {};
+      if (this.wholeProcess == '0') {
+        // 全流程
+        param = {
+          phone: this.phone,
+          // questionNo: num,
+          type: 'RTC_CHILD',
+          testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
+        }
+      } else {
+        // 分项测试
+        param = {
+          phone: this.phone,
+          questionNo: num,
+          type: 'RTC_CHILD',
+          testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
+        }
+      }
+      this.$http.post("memory/clearMemory", { ...param }, (msg) => {
+        if (msg.code == 200) {
+
+          //抹除操作后重新返回列表开始测试
+          this.goMain();
+
+        }
+      });
+    },
+    goMain() {
+      //退出全屏
+      screenfull.exit();
+      this.$router.push({
+        name: "comprehensiveMemoryAbilityEnter",
+      });
+    },
+    goBack() {
+      //退出全屏
+      screenfull.exit();
+      //退出测试
+      this.$router.push("/welcome/CognitiveAbility");
+    },
+    screenState() {
+      screenfull.toggle();
+    },
+    internetQuest() {
+      let param = {};
+      if (this.wholeProcess == '0') {
+        // 全流程
+        param = {
+          phone: this.phone,
+          // questionNo: '4',
+          type: 'RTC_CHILD',
+          testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
+        }
+      } else {
+        // 分项测试
+        param = {
+          phone: this.phone,
+          questionNo: '4',
+          type: 'RTC_CHILD',
+          testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
+        }
+      }
+      this.$http.post("memory/getIfUsable", { ...param }, (msg) => {
+        console.log(msg);
+        if (msg.msg == "还未到时间") {
+          this.isDelay = true;
+          this.remainingTime = msg.data;
+          this.countDownDivShow = true;
+          this.delayTestButtonShow = false;
+        } else if (msg.msg == "需要先进行即时测试") {
+          console.log("进行即时测试");
+          this.randomNum1();
+          this.randomNum2();
+          console.log(this.animal_num);
+          console.log(this.fruit_num);
+
+
+          //替换src
+          for (let i = 0; i < 15; i++) {
+            this.src[i].img1 = this.animal[this.animal_num[i]].img;
+            this.src[i].name1 = this.animal[this.animal_num[i]].name;
+            this.name[i] = this.animal[this.animal_num[i]].name;
+            this.src[i].img2 = this.fruit[this.fruit_num[i]].img;
+            this.src[i].name2 = this.fruit[this.fruit_num[i]].name;
+          }
+          console.log(this.src);
+          this.image1 = this.src[0].img1,
+              this.image2 = this.src[0].img2,
+              this.animal1 = this.src[0].name1,
+              this.animal2 = this.src[0].name2,
+              //替换imggroup
+
+              /*   {
+              imga: require("../../../public/static/assets/imgGroup/imgGroup1/a.jpg"),
+              img1: require("../../../public/static/assets/imgGroup/imgGroup1/1.jpg"),
+              img2: require("../../../public/static/assets/imgGroup/imgGroup1/2.jpg"),
+              img3: require("../../../public/static/assets/imgGroup/imgGroup1/3.jpg"),
+              img4: require("../../../public/static/assets/imgGroup/imgGroup1/4.jpg"),
             },
-            save1() {
-                //保存成绩
-                console.log(this.result1);
-                //计算即时回忆成绩
-                for (var i = 0; i < this.result1.length; i++) {
-                    if (this.result1[i] == this.isResult1[i]) {
-                        this.grade1++;
-                    }
+            "4","1","3","3","1","2","4","3","1","4","4","3","1","2","3",*/
+
+              this.imageGroup = [
+                {//4
+                  imga: this.src[0].img1,
+                  img1: this.src[6].img2,
+                  img2: this.src[12].img2,
+                  img3: this.src[4].img2,
+                  img4: this.src[0].img2,
+                },
+                {//1
+                  imga: this.src[1].img1,
+                  img1: this.src[1].img2,
+                  img2: this.src[3].img2,
+                  img3: this.src[5].img2,
+                  img4: this.src[7].img2,
+                },
+                {//3
+                  imga: this.src[2].img1,
+                  img1: this.src[8].img2,
+                  img2: this.src[12].img2,
+                  img3: this.src[2].img2,
+                  img4: this.src[14].img2,
+                },
+                {//3
+                  imga: this.src[3].img1,
+                  img1: this.src[7].img2,
+                  img2: this.src[9].img2,
+                  img3: this.src[3].img2,
+                  img4: this.src[13].img2,
+                },
+                {//1
+                  imga: this.src[4].img1,
+                  img1: this.src[4].img2,
+                  img2: this.src[2].img2,
+                  img3: this.src[1].img2,
+                  img4: this.src[8].img2,
+                },
+                {//2
+                  imga: this.src[5].img1,
+                  img1: this.src[3].img2,
+                  img2: this.src[5].img2,
+                  img3: this.src[14].img2,
+                  img4: this.src[6].img2,
+                },
+                {//4
+                  imga: this.src[6].img1,
+                  img1: this.src[13].img2,
+                  img2: this.src[2].img2,
+                  img3: this.src[9].img2,
+                  img4: this.src[6].img2,
+                },
+                {//3
+                  imga: this.src[7].img1,
+                  img1: this.src[1].img2,
+                  img2: this.src[3].img2,
+                  img3: this.src[7].img2,
+                  img4: this.src[5].img2,
+                },
+                {//1
+                  imga: this.src[8].img1,
+                  img1: this.src[8].img2,
+                  img2: this.src[7].img2,
+                  img3: this.src[11].img2,
+                  img4: this.src[14].img2,
+                },
+                {//4
+                  imga: this.src[9].img1,
+                  img1: this.src[3].img2,
+                  img2: this.src[6].img2,
+                  img3: this.src[13].img2,
+                  img4: this.src[9].img2,
+                },
+                {//4
+                  imga: this.src[10].img1,
+                  img1: this.src[4].img2,
+                  img2: this.src[1].img2,
+                  img3: this.src[5].img2,
+                  img4: this.src[10].img2,
+                },
+                {//3
+                  imga: this.src[11].img1,
+                  img1: this.src[8].img2,
+                  img2: this.src[4].img2,
+                  img3: this.src[11].img2,
+                  img4: this.src[2].img2,
+                },
+                {//1
+                  imga: this.src[12].img1,
+                  img1: this.src[12].img2,
+                  img2: this.src[1].img2,
+                  img3: this.src[3].img2,
+                  img4: this.src[9].img2,
+                },
+                {//2
+                  imga: this.src[13].img1,
+                  img1: this.src[8].img2,
+                  img2: this.src[13].img2,
+                  img3: this.src[2].img2,
+                  img4: this.src[11].img2,
+                },
+                {//3
+                  imga: this.src[14].img1,
+                  img1: this.src[1].img2,
+                  img2: this.src[6].img2,
+                  img3: this.src[14].img2,
+                  img4: this.src[7].img2,
+                },
+              ]
+
+
+
+          //初始化正确结果1
+          this.isResult1 = [
+            this.src[0].name2, this.src[5].name2, this.src[10].name2, this.src[1].name1, this.src[6].name1,
+            this.src[11].name1, this.src[2].name2, this.src[7].name2, this.src[12].name2, this.src[3].name1,
+            this.src[8].name1, this.src[13].name1, this.src[4].name2, this.src[9].name2, this.src[14].name2,
+          ]
+          console.log(this.isResult1);
+
+
+
+        } else {
+
+          if (this.wholeProcess == '0') {
+            // 如果是全流程测试
+
+            switch (msg.data.length) {
+              case 10:
+                this.isDelay = true;
+                this.beforeTime = false;
+                this.memoryType = 2;
+                this.countDownDivShow = false;
+                this.delayTestButtonShow = true;
+                this.correlationMemory = msg.data[0].id;
+                let arr = msg.data[3].credentials.split('&');
+                this.fruit_num = JSON.parse(arr[0]);
+                this.animal_num = JSON.parse(arr[1]);
+                for (let i = 0; i < 15; i++) {
+                  this.src[i].img1 = this.animal[this.animal_num[i]].img;
+                  this.src[i].name1 = this.animal[this.animal_num[i]].name;
+                  this.name[i] = this.animal[this.animal_num[i]].name;
+                  this.src[i].img2 = this.fruit[this.fruit_num[i]].img;
+                  this.src[i].name2 = this.fruit[this.fruit_num[i]].name;
                 }
-                console.log("即时测试的时间" + this.time1);
-                console.log(this.grade1); //记录即时测试的成绩
-                //关闭定时器1
-                clearInterval(this.timer1);
-                //提交数据，对接后台
-                this.mina = this.time1;
-                //归零计时器的值
-                this.time1 = "00时00分00秒";
-                this.flag2 = true;
-                //开启再确认阶段定时器
-                this.begintime();
-            },
-            save2() {
-                if (this.radio.indexOf("") == -1) {
-                    console.log(this.radio);
-                    for (let i = 0; i < this.radio.length; i++) {
-                        if (this.radio[i] == this.isRadio[i]) {
-                            this.grade2++;
-                        }
-                    }
-                    console.log(this.grade2); //计算即时再确认成绩
-                    clearInterval(this.timer1);
-                    //提交相关信息,对接后台
-                    console.log(this.time1);
-
-                    var question4 = {
-                        questionNo: "4",
-                        gradea: this.grade1,
-                        mina: this.mina,
-                        gradeb: this.grade2,
-                        minb: this.time1,
-                        memoryType: this.memoryType,
-                        correlationMemory: this.correlationMemory,
-                        status: this.status,
-                        credentials:JSON.stringify(this.fruit_num)+"&"+JSON.stringify(this.animal_num)
-                    };
-                    if (this.memoryType == 1) {
-                        sessionStorage.setItem("question4", JSON.stringify(question4));
-                        // console.log(sessionStorage.getItem("question4"));
-                        //路由跳转
-                        // this.$router.push("PersonRecall");
-
-                        if(this.isImmediate == '1' && this.wholeProcess == '0'){
-                            //是即时测试并且是全流程不保存数据
-                            this.$router.push({
-                                path: 'peopleRecall',
-                                query: {
-                                    wholeProcess: this.wholeProcess,
-                                    isImmediate: this.isImmediate,
-                                }
-                            });
-
-                        }else {
-                            //不是即时测试或者不是全流程保存数据
-
-                            this.$http.post(
-                                "memory/saveMemoryCheck", //后台接口地址
-                                {
-                                    userId: this.userId,
-                                    type: 'RTC_CHILD',
-                                    testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
-                                    memoryCheck: [question4],
-                                },
-                                (res) => {
-                                    if (parseInt(res.code) === 200) {
-                                        if(this.wholeProcess == '0'){
-                                            this.$router.push({
-                                                path: 'peopleRecall',
-                                                query: {
-                                                    wholeProcess: this.wholeProcess
-                                                }
-                                            });
-                                        }else {
-                                            // this.goTestResult(res.data)
-                                            this.$router.push("comprehensiveMemoryAbilityEnter");
-                                        }
-                                    } else {
-                                        this.$message({
-                                            message: "服务器内部故障，请联系管理员",
-                                            type: "error",
-                                        });
-                                    }
-                                }
-                            );
+                console.log(this.src);
+                this.image1 = this.src[0].img1,
+                    this.image2 = this.src[0].img2,
+                    this.animal1 = this.src[0].name1,
+                    this.animal2 = this.src[0].name2,
+                    //替换imggroup
+
+                    /*   {
+                    imga: require("../../../public/static/assets/imgGroup/imgGroup1/a.jpg"),
+                    img1: require("../../../public/static/assets/imgGroup/imgGroup1/1.jpg"),
+                    img2: require("../../../public/static/assets/imgGroup/imgGroup1/2.jpg"),
+                    img3: require("../../../public/static/assets/imgGroup/imgGroup1/3.jpg"),
+                    img4: require("../../../public/static/assets/imgGroup/imgGroup1/4.jpg"),
+                  },
+                  "4","1","3","3","1","2","4","3","1","4","4","3","1","2","3",*/
+
+                    this.imageGroup = [
+                      {//4
+                        imga: this.src[0].img1,
+                        img1: this.src[6].img2,
+                        img2: this.src[12].img2,
+                        img3: this.src[4].img2,
+                        img4: this.src[0].img2,
+                      },
+                      {//1
+                        imga: this.src[1].img1,
+                        img1: this.src[1].img2,
+                        img2: this.src[3].img2,
+                        img3: this.src[5].img2,
+                        img4: this.src[7].img2,
+                      },
+                      {//3
+                        imga: this.src[2].img1,
+                        img1: this.src[8].img2,
+                        img2: this.src[12].img2,
+                        img3: this.src[2].img2,
+                        img4: this.src[14].img2,
+                      },
+                      {//3
+                        imga: this.src[3].img1,
+                        img1: this.src[7].img2,
+                        img2: this.src[9].img2,
+                        img3: this.src[3].img2,
+                        img4: this.src[13].img2,
+                      },
+                      {//1
+                        imga: this.src[4].img1,
+                        img1: this.src[4].img2,
+                        img2: this.src[2].img2,
+                        img3: this.src[1].img2,
+                        img4: this.src[8].img2,
+                      },
+                      {//2
+                        imga: this.src[5].img1,
+                        img1: this.src[3].img2,
+                        img2: this.src[5].img2,
+                        img3: this.src[14].img2,
+                        img4: this.src[6].img2,
+                      },
+                      {//4
+                        imga: this.src[6].img1,
+                        img1: this.src[13].img2,
+                        img2: this.src[2].img2,
+                        img3: this.src[9].img2,
+                        img4: this.src[6].img2,
+                      },
+                      {//3
+                        imga: this.src[7].img1,
+                        img1: this.src[1].img2,
+                        img2: this.src[3].img2,
+                        img3: this.src[7].img2,
+                        img4: this.src[5].img2,
+                      },
+                      {//1
+                        imga: this.src[8].img1,
+                        img1: this.src[8].img2,
+                        img2: this.src[7].img2,
+                        img3: this.src[11].img2,
+                        img4: this.src[14].img2,
+                      },
+                      {//4
+                        imga: this.src[9].img1,
+                        img1: this.src[3].img2,
+                        img2: this.src[6].img2,
+                        img3: this.src[13].img2,
+                        img4: this.src[9].img2,
+                      },
+                      {//4
+                        imga: this.src[10].img1,
+                        img1: this.src[4].img2,
+                        img2: this.src[1].img2,
+                        img3: this.src[5].img2,
+                        img4: this.src[10].img2,
+                      },
+                      {//3
+                        imga: this.src[11].img1,
+                        img1: this.src[8].img2,
+                        img2: this.src[4].img2,
+                        img3: this.src[11].img2,
+                        img4: this.src[2].img2,
+                      },
+                      {//1
+                        imga: this.src[12].img1,
+                        img1: this.src[12].img2,
+                        img2: this.src[1].img2,
+                        img3: this.src[3].img2,
+                        img4: this.src[9].img2,
+                      },
+                      {//2
+                        imga: this.src[13].img1,
+                        img1: this.src[8].img2,
+                        img2: this.src[13].img2,
+                        img3: this.src[2].img2,
+                        img4: this.src[11].img2,
+                      },
+                      {//3
+                        imga: this.src[14].img1,
+                        img1: this.src[1].img2,
+                        img2: this.src[6].img2,
+                        img3: this.src[14].img2,
+                        img4: this.src[7].img2,
+                      },
+                    ]
+
+                //初始化正确结果1
+                this.isResult1 = [
+                  this.src[0].name2, this.src[5].name2, this.src[10].name2, this.src[1].name1, this.src[6].name1,
+                  this.src[11].name1, this.src[2].name2, this.src[7].name2, this.src[12].name2, this.src[3].name1,
+                  this.src[8].name1, this.src[13].name1, this.src[4].name2, this.src[9].name2, this.src[14].name2,
+                ]
+                console.log(this.isResult1);
+
+                break;
+              case 11:
+                // this.$router.push("personRecall");
+                // this.$router.push("peopleRecall");
+                this.$router.push({
+                  path: 'peopleRecall',
+                  query: {
+                    wholeProcess: this.wholeProcess
+                  }
+                });
+                break;
+            }
+
+          } else {
+            //分项测试
+
+            this.isDelay = true;
+            this.beforeTime = false;
+            this.memoryType = 2;
+            this.countDownDivShow = false;
+            this.delayTestButtonShow = true;
+            this.correlationMemory = msg.data[0].id;
+            let arr = msg.data[0].credentials.split('&');
+            this.fruit_num = JSON.parse(arr[0]);
+            this.animal_num = JSON.parse(arr[1]);
+            for (let i = 0; i < 15; i++) {
+              this.src[i].img1 = this.animal[this.animal_num[i]].img;
+              this.src[i].name1 = this.animal[this.animal_num[i]].name;
+              this.name[i] = this.animal[this.animal_num[i]].name;
+              this.src[i].img2 = this.fruit[this.fruit_num[i]].img;
+              this.src[i].name2 = this.fruit[this.fruit_num[i]].name;
+            }
+
+            this.image1 = this.src[0].img1,
+                this.image2 = this.src[0].img2,
+                this.animal1 = this.src[0].name1,
+                this.animal2 = this.src[0].name2,
+                //替换imggroup
+
+                this.imageGroup = [
+                  {//4
+                    imga: this.src[0].img1,
+                    img1: this.src[6].img2,
+                    img2: this.src[12].img2,
+                    img3: this.src[4].img2,
+                    img4: this.src[0].img2,
+                  },
+                  {//1
+                    imga: this.src[1].img1,
+                    img1: this.src[1].img2,
+                    img2: this.src[3].img2,
+                    img3: this.src[5].img2,
+                    img4: this.src[7].img2,
+                  },
+                  {//3
+                    imga: this.src[2].img1,
+                    img1: this.src[8].img2,
+                    img2: this.src[12].img2,
+                    img3: this.src[2].img2,
+                    img4: this.src[14].img2,
+                  },
+                  {//3
+                    imga: this.src[3].img1,
+                    img1: this.src[7].img2,
+                    img2: this.src[9].img2,
+                    img3: this.src[3].img2,
+                    img4: this.src[13].img2,
+                  },
+                  {//1
+                    imga: this.src[4].img1,
+                    img1: this.src[4].img2,
+                    img2: this.src[2].img2,
+                    img3: this.src[1].img2,
+                    img4: this.src[8].img2,
+                  },
+                  {//2
+                    imga: this.src[5].img1,
+                    img1: this.src[3].img2,
+                    img2: this.src[5].img2,
+                    img3: this.src[14].img2,
+                    img4: this.src[6].img2,
+                  },
+                  {//4
+                    imga: this.src[6].img1,
+                    img1: this.src[13].img2,
+                    img2: this.src[2].img2,
+                    img3: this.src[9].img2,
+                    img4: this.src[6].img2,
+                  },
+                  {//3
+                    imga: this.src[7].img1,
+                    img1: this.src[1].img2,
+                    img2: this.src[3].img2,
+                    img3: this.src[7].img2,
+                    img4: this.src[5].img2,
+                  },
+                  {//1
+                    imga: this.src[8].img1,
+                    img1: this.src[8].img2,
+                    img2: this.src[7].img2,
+                    img3: this.src[11].img2,
+                    img4: this.src[14].img2,
+                  },
+                  {//4
+                    imga: this.src[9].img1,
+                    img1: this.src[3].img2,
+                    img2: this.src[6].img2,
+                    img3: this.src[13].img2,
+                    img4: this.src[9].img2,
+                  },
+                  {//4
+                    imga: this.src[10].img1,
+                    img1: this.src[4].img2,
+                    img2: this.src[1].img2,
+                    img3: this.src[5].img2,
+                    img4: this.src[10].img2,
+                  },
+                  {//3
+                    imga: this.src[11].img1,
+                    img1: this.src[8].img2,
+                    img2: this.src[4].img2,
+                    img3: this.src[11].img2,
+                    img4: this.src[2].img2,
+                  },
+                  {//1
+                    imga: this.src[12].img1,
+                    img1: this.src[12].img2,
+                    img2: this.src[1].img2,
+                    img3: this.src[3].img2,
+                    img4: this.src[9].img2,
+                  },
+                  {//2
+                    imga: this.src[13].img1,
+                    img1: this.src[8].img2,
+                    img2: this.src[13].img2,
+                    img3: this.src[2].img2,
+                    img4: this.src[11].img2,
+                  },
+                  {//3
+                    imga: this.src[14].img1,
+                    img1: this.src[1].img2,
+                    img2: this.src[6].img2,
+                    img3: this.src[14].img2,
+                    img4: this.src[7].img2,
+                  },
+                ]
+
+            //初始化正确结果1
+            this.isResult1 = [
+              this.src[0].name2, this.src[5].name2, this.src[10].name2, this.src[1].name1, this.src[6].name1,
+              this.src[11].name1, this.src[2].name2, this.src[7].name2, this.src[12].name2, this.src[3].name1,
+              this.src[8].name1, this.src[13].name1, this.src[4].name2, this.src[9].name2, this.src[14].name2,
+            ];
+
+
+          }
+
+        }
+        this.quest = true;
+      });
+    },
+    learn() {
+      //设置10秒钟改变一次，循环两遍
+      this.image1 = this.src[0].img1;
+      this.image2 = this.src[0].img2;
+      let _this = this;
+      this.isclick = true;
+      this.timer = setInterval(() => {
+        _this.flag++;
+        this.changeImage(_this.flag);
+      }, 10000); //这个定时器的时间需要改，方便测试，现在为一秒
+    },
+    isOk() {
+      console.log("执行了吗");
+      if (this.beforeTime) {
+        this.$message({
+          message: "30分钟未到，不能进行延时测试",
+          type: "info",
+        });
+        return;
+      }
+      this.flag1 = false;
+      //开启即时回忆测试定时器，记录即时回忆测试的时间
+      this.begintime();
+      this.isok = true;
+    },
+    randomNum1() {
+      let num = Math.round(Math.random() * 19);
+      if (this.animal_num.indexOf(num) == -1) {
+        this.animal_num.push(num);
+      }
+      if (this.animal_num.length < 15) {
+        this.randomNum1();
+      }
+    },
+    randomNum2() {
+      let num = Math.round(Math.random() * 19);
+      if (this.fruit_num.indexOf(num) == -1) {
+        this.fruit_num.push(num);
+      }
+      if (this.fruit_num.length < 15) {
+        this.randomNum2();
+      }
+    },
+    changeImage(a) {
+      if (a > 14) {
+        this.flag = 0;
+        a = 0;
+        this.vernier++;
+      }
+      if (this.vernier == 2) {
+        //清除定时器任务,隐藏学习界面，开始进行回忆测试
+        clearInterval(this.timer);
+        this.flag1 = false;
+        //开启即时回忆测试定时器，记录即时回忆测试的时间
+        this.begintime();
+      } else {
+        this.animal1 = this.src[a].name1;
+        this.animal2 = this.src[a].name2;
+        this.image1 = this.src[a].img1;
+        this.image2 = this.src[a].img2;
+      }
+    },
+    save1() {
+      //保存成绩
+      console.log(this.result1);
+      //计算即时回忆成绩
+      for (var i = 0; i < this.result1.length; i++) {
+        if (this.result1[i] === 1) {
+          this.grade1++;
+        }
+      }
+      console.log("即时测试的时间" + this.time1);
+      console.log(this.grade1); //记录即时测试的成绩
+      //关闭定时器1
+      clearInterval(this.timer1);
+      //提交数据，对接后台
+      this.mina = this.time1;
+      //归零计时器的值
+      this.time1 = "00时00分00秒";
+      this.flag2 = true;
+      //开启再确认阶段定时器
+      this.begintime();
+    },
+    save2() {
+      if (this.radio.indexOf("") == -1) {
+        console.log(this.radio);
+        for (let i = 0; i < this.radio.length; i++) {
+          if (this.radio[i] == this.isRadio[i]) {
+            this.grade2++;
+          }
+        }
+        console.log(this.grade2); //计算即时再确认成绩
+        clearInterval(this.timer1);
+        //提交相关信息,对接后台
+        console.log(this.time1);
+
+        var question4 = {
+          questionNo: "4",
+          gradea: this.grade1,
+          mina: this.mina,
+          gradeb: this.grade2,
+          minb: this.time1,
+          memoryType: this.memoryType,
+          correlationMemory: this.correlationMemory,
+          status: this.status,
+          credentials: JSON.stringify(this.fruit_num) + "&" + JSON.stringify(this.animal_num)
+        };
+        if (this.memoryType == 1) {
+          sessionStorage.setItem("question4", JSON.stringify(question4));
+          // console.log(sessionStorage.getItem("question4"));
+          //路由跳转
+          // this.$router.push("PersonRecall");
+
+          if (this.isImmediate == '1' && this.wholeProcess == '0') {
+            //是即时测试并且是全流程不保存数据
+            this.$router.push({
+              path: 'peopleRecall',
+              query: {
+                wholeProcess: this.wholeProcess,
+                isImmediate: this.isImmediate,
+              }
+            });
+
+          } else {
+            //不是即时测试或者不是全流程保存数据
+
+            this.$http.post(
+                "memory/saveMemoryCheck", //后台接口地址
+                {
+                  userId: this.userId,
+                  type: 'RTC_CHILD',
+                  testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
+                  memoryCheck: [question4],
+                },
+                (res) => {
+                  if (parseInt(res.code) === 200) {
+                    if (this.wholeProcess == '0') {
+                      this.$router.push({
+                        path: 'peopleRecall',
+                        query: {
+                          wholeProcess: this.wholeProcess
                         }
-
-
-                    } else if (this.memoryType == 2) {
-                        this.userId = sessionStorage.getItem(
-                            "b80bb7740288fda1f201890375a60c8f"
-                        );
-                        this.$http.post(
-                            "memory/saveMemoryCheck", //后台接口地址
-                            {
-                                userId: this.userId,
-                                type: 'RTC_CHILD',
-                                testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
-                                memoryCheck: [question4],
-                            },
-                            (res) => {
-                                if (parseInt(res.code) === 200) {
-                                    // this.$router.push("PersonRecall");
-                                    if(this.wholeProcess == '0'){
-                                        this.$router.push({
-                                            path: 'peopleRecall',
-                                            query: {
-                                                wholeProcess: this.wholeProcess
-                                            }
-                                        });
-                                    }else {
-                                        this.goTestResult(res.data)
-                                    }
-                                } else {
-                                    this.$message({
-                                        message: "服务器内部故障，请联系管理员",
-                                        type: "error",
-                                    });
-                                }
-                            }
-                        );
+                      });
+                    } else {
+                      // this.goTestResult(res.data)
+                      this.$router.push("comprehensiveMemoryAbilityEnter");
                     }
-                } else {
+                  } else {
                     this.$message({
-                        message: "有题未作答",
-                        type: "warning",
+                      message: "服务器内部故障，请联系管理员",
+                      type: "error",
                     });
+                  }
                 }
-            },
-            begintime() {
-                console.log("开始定时器timer1");
-                var count = 0;
-                let _this = this;
-                this.timer1 = setInterval(function () {
-                    var h = parseInt(count / 1000 / 60 / 60);
-                    var m = parseInt(count / 1000 / 60) % 60;
-                    var s = parseInt(count / 1000) % 60;
-                    h = h < 10 ? "0" + h : h;
-                    m = m < 10 ? "0" + m : m;
-                    s = s < 10 ? "0" + s : s;
-                    _this.time1 = h + "时" + m + "分" + s + "秒";
-                    count = count + 1000;
-                }, 1000);
-                console.log(this.timer1);
-            },
-            throttle(){
-                clearTimeout(this.throttleTimer);
-                this.throttleTimer = setTimeout(()=>{
-                    this.save2();
-                },500)
-            },
-        },
-        beforeDestroy() {
-            //关闭你所用的两个定时器
-        },
-    }
+            );
+          }
+
+
+        } else if (this.memoryType == 2) {
+          this.userId = sessionStorage.getItem(
+              "b80bb7740288fda1f201890375a60c8f"
+          );
+          this.$http.post(
+              "memory/saveMemoryCheck", //后台接口地址
+              {
+                userId: this.userId,
+                type: 'RTC_CHILD',
+                testType: this.wholeProcess, //流程类型0-全流程，1-分项测试
+                memoryCheck: [question4],
+              },
+              (res) => {
+                if (parseInt(res.code) === 200) {
+                  // this.$router.push("PersonRecall");
+                  if (this.wholeProcess == '0') {
+                    this.$router.push({
+                      path: 'peopleRecall',
+                      query: {
+                        wholeProcess: this.wholeProcess
+                      }
+                    });
+                  } else {
+                    this.goTestResult(res.data)
+                  }
+                } else {
+                  this.$message({
+                    message: "服务器内部故障，请联系管理员",
+                    type: "error",
+                  });
+                }
+              }
+          );
+        }
+      } else {
+        this.$message({
+          message: "有题未作答",
+          type: "warning",
+        });
+      }
+    },
+    begintime() {
+      console.log("开始定时器timer1");
+      var count = 0;
+      let _this = this;
+      this.timer1 = setInterval(function () {
+        var h = parseInt(count / 1000 / 60 / 60);
+        var m = parseInt(count / 1000 / 60) % 60;
+        var s = parseInt(count / 1000) % 60;
+        h = h < 10 ? "0" + h : h;
+        m = m < 10 ? "0" + m : m;
+        s = s < 10 ? "0" + s : s;
+        _this.time1 = h + "时" + m + "分" + s + "秒";
+        count = count + 1000;
+      }, 1000);
+      console.log(this.timer1);
+    },
+    throttle() {
+      clearTimeout(this.throttleTimer);
+      this.screenState()
+      this.throttleTimer = setTimeout(() => {
+        this.save2();
+      }, 500)
+    },
+  },
+  beforeDestroy() {
+    //关闭你所用的两个定时器
+  },
+}
 </script>
 
 <style scoped>
-    .bTitle {
-        font-size: 24px;
-        color: #333333;
-        text-align: left;
-        text-indent: 20px;
-    }
-
-    #t1 {
-        font-size: 20px;
-        margin-top: 30px;
-        display: inline-block;
-        /* margin-left: 78%; */
-        width: 220px;
-    }
-
-    #table {
-        margin-left: 13%;
-    }
-
-    .grid-content {
-        border-radius: 4px;
-        height: 120px;
-        width: 120px;
-        background-color: inherit;
-    }
-    .row-bg {
-        padding: 10px 0;
-    }
-    #body1 {
-        margin-left: 5%;
-        width: 90%;
-    }
-    #body2 {
-        width: 90%;
-        /* margin-left: 5%; */
-    }
-    #body3 {
-        width: 80%;
-        margin-left:10%;
-    }
-    .demo-image__placeholder {
-        margin-top: 20px;
-        margin-left: 30px;
-    }
-    .block {
-        display: inline-block;
-        margin-right: 30px;
-        width: 300px;
-        height: 300px;
-        /* border: 2px solid black; */
-        box-sizing: border-box;
-    }
-    #name1 {
-        /* float: left;
-        width: 300px;
-        height: 30px;
-        margin-right: 30px;
-        background: rgb(73, 151, 132); */
-        background: rgb(73, 151, 132);
-        display: inline-block;
-        margin-right: 30px;
-        width: 300px;
-        height: 30px;
-        box-sizing: border-box;
-    }
-    #name2 {
-        /* float: right;
-        width: 300px;
-        height: 30px;
-        background: rgb(73, 151, 132); */
-        display: inline-block;
-        /* margin-right: 30px; */
-        background: rgb(73, 151, 132);
-        width: 300px;
-        height: 30px;
-        box-sizing: border-box;
-    }
-    #name1 h4, #name2 h4 {
-        color: #fff;
-        height: 30px;
-        line-height: 30px;
-    }
-    .el-image {
-        height: 100%;
-        width: 100%;
-    }
-    .el-input {
-        /* margin-top: 40px; */
-        width: 110px;
-    }
-    .item {
-        /* width: 580px; */
-        height: 300px;
-        /* margin-left: 22%; */
-    }
-    .it1 {
-        width: 250px;
-        height: 300px;
-        float: left;
-    }
-    .it11 {
-        margin-top: 40px;
-        margin-bottom: 20px;
-        width: 250px;
-        height: 200px;
-    }
-    .it2 {
-        float: right;
-        width: 290px;
-        height: 300px;
-    }
-    .it21 {
-        width: 120px;
-        height: 120px;
-        float: left;
-        margin-left: 10px;
-        margin-top: 10px;
-    }
-    .it22 {
-        width: 120px;
-        height: 120px;
-        float: right;
-        margin-top: 10px;
-        margin-right: 10px;
-    }
-    .it23 {
-        width: 120px;
-        height: 120px;
-        float: left;
-        margin-left: 10px;
-        margin-top: 30px;
-    }
-    .uu {
-        text-align: center;
-        margin-top: 100px;
-    }
-    .it24 {
-        width: 120px;
-        height: 120px;
-        float: right;
-        margin-top: 30px;
-        margin-right: 10px;
-    }
-    .it211 {
-        height: 100px;
-        cursor: pointer;
-    }
-    .it212 {
-        height: 20px;
-        background: rgb(149, 237, 240);
-    }
-    .el-radio {
-        margin-left: 15px;
-    }
-    .activeTask {
-        background: url(../../assets/congnitiveAblitity/zhixing.png) no-repeat center;
-        background-size: cover;
-        /* background: black; */
-        position: fixed;
-        top: 0;
-        left: 0;
-        z-index: 999;
-        right: 0;
-        bottom: 0;
-    }
-    .activeTask1 {
-        background: url(../../assets/congnitiveAblitity/zhixing.png) no-repeat center;
-        background-size: cover;
-        /* background: black; */
-        position: absolute;
-        z-index: 999;
-        top: 0;
-        left: 0;
-        right: 0;
-        /* bottom: 0; */
-    }
-    .activeTask2 {
-        background: url(../../assets/congnitiveAblitity/zhixing.png) no-repeat center;
-        background-size: cover;
-        /* background: black; */
-        position: absolute;
-        z-index: 999;
-        top: 0;
-        left: 0;
-        right: 0;
-        /* bottom: 0; */
-    }
-    .sta-bn {
-        margin-top: 30px;
-        width: 170px;
-        height: 48px;
-        background: rgb(87, 172, 187);
-        border: 2px solid rgba(255, 255, 255, 0.8);
-        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-        opacity: 1;
-        border-radius: 39px;
-        color: white;
-    }
-    .glass {
-        width: 932px;
-        height: 693px;
-        background: rgba(255, 255, 255, 0.41);
-        border: 3px solid rgb(255, 255, 255);
-        box-shadow: 0px 3px 6px rgb(255, 255, 255);
-        /* opacity: 0.81; */
-        /* opacity: 0.61; */
-        border-radius: 12px;
-        margin: 5vh auto;
-        position: relative;
-        padding-top: 6px;
-    }
-    /deep/ .el-input__inner {
-        -webkit-appearance: none;
-        background-color: #fff;
-        background-image: none;
-        border-radius: 4px;
-        border: 1px solid #dcdfe6;
-        box-sizing: border-box;
-        color: #606266;
-        display: inline-block;
-        /* font-size: inherit; */
-        height: 40px;
-        line-height: 40px;
-        outline: 0;
-        padding: 0 15px;
-        transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-        width: 120px;
-    }
-    .saveCll {
-        width: 170px;
-        height: 48px;
-        background: rgb(87, 172, 187);
-        border: 2px solid rgba(255, 255, 255, 0.8);
-        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-        opacity: 1;
-        border-radius: 39px;
-    }
-    .saveclass {
-        background: rgb(87, 172, 187);
-        border: 2px solid rgba(255, 255, 255, 0.8);
-        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-        opacity: 1;
-        border-radius: 39px;
-        font-size: 20px;
-        font-family: PingFang SC;
-        color: #ffffff;
-    }
-    .btn-content {
-        width: 100%;
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-    }
+.bTitle {
+  font-size: 24px;
+  color: #333333;
+  text-align: left;
+  text-indent: 20px;
+}
+
+#t1 {
+  font-size: 20px;
+  margin-top: 30px;
+  display: inline-block;
+  /* margin-left: 78%; */
+  width: 220px;
+}
+
+#table {
+  margin-left: 13%;
+}
+
+.grid-content {
+  border-radius: 4px;
+  height: 120px;
+  width: 120px;
+  background-color: inherit;
+}
+
+.row-bg {
+  padding: 10px 0;
+}
+
+#body1 {
+  margin-left: 5%;
+  width: 90%;
+}
+
+#body2 {
+  width: 90%;
+  /* margin-left: 5%; */
+}
+
+#body3 {
+  width: 80%;
+  margin-left: 10%;
+}
+
+.demo-image__placeholder {
+  margin-top: 20px;
+  margin-left: 30px;
+}
+
+.block {
+  display: inline-block;
+  margin-right: 30px;
+  width: 300px;
+  height: 300px;
+  /* border: 2px solid black; */
+  box-sizing: border-box;
+}
+
+#name1 {
+  /* float: left;
+      width: 300px;
+      height: 30px;
+      margin-right: 30px;
+      background: rgb(73, 151, 132); */
+  background: rgb(73, 151, 132);
+  display: inline-block;
+  margin-right: 30px;
+  width: 300px;
+  height: 30px;
+  box-sizing: border-box;
+}
+
+#name2 {
+  /* float: right;
+      width: 300px;
+      height: 30px;
+      background: rgb(73, 151, 132); */
+  display: inline-block;
+  /* margin-right: 30px; */
+  background: rgb(73, 151, 132);
+  width: 300px;
+  height: 30px;
+  box-sizing: border-box;
+}
+
+#name1 h4,
+#name2 h4 {
+  color: #fff;
+  height: 30px;
+  line-height: 30px;
+}
+
+.el-image {
+  height: 100%;
+  width: 100%;
+}
+
+.el-input {
+  /* margin-top: 40px; */
+  width: 110px;
+}
+
+.item {
+  /* width: 580px; */
+  min-height: 300px;
+  /* margin-left: 22%; */
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.it1 {
+  width: 250px;
+  height: 300px;
+  float: left;
+}
+
+.it11 {
+  margin-top: 40px;
+  margin-bottom: 20px;
+  width: 250px;
+  height: 200px;
+}
+
+.it2 {
+  float: right;
+  display: flex;
+}
+
+.it21 {
+  width: 120px;
+  height: 140px;
+  margin: 0 5px;
+}
+
+.it22 {
+  width: 120px;
+  height: 140px;
+  margin: 0 5px;
+}
+
+.it23 {
+  width: 120px;
+  height: 140px;
+  margin: 0 5px;
+}
+
+.uu {
+  text-align: center;
+  margin-top: 100px;
+}
+
+.it24 {
+  width: 120px;
+  height: 140px;
+  margin: 0 5px;
+}
+
+.it211 {
+  width: 120px;
+  height: 120px;
+  cursor: pointer;
+}
+
+.it212 {
+  height: 20px;
+  background: rgb(149, 237, 240);
+}
+
+.el-radio {
+  margin-left: 15px;
+}
+
+.activeTask {
+  background: url(../../assets/congnitiveAblitity/zhixing.png) no-repeat center;
+  background-size: cover;
+  /* background: black; */
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999;
+  right: 0;
+  bottom: 0;
+}
+
+.activeTask1 {
+  background: url(../../assets/congnitiveAblitity/zhixing.png) no-repeat center;
+  background-size: cover;
+  /* background: black; */
+  position: absolute;
+  z-index: 999;
+  top: 0;
+  left: 0;
+  right: 0;
+  /* bottom: 0; */
+}
+
+.activeTask2 {
+  background: url(../../assets/congnitiveAblitity/zhixing.png) no-repeat center;
+  background-size: cover;
+  /* background: black; */
+  position: absolute;
+  z-index: 999;
+  top: 0;
+  left: 0;
+  right: 0;
+  /* bottom: 0; */
+}
+
+.sta-bn {
+  margin-top: 30px;
+  width: 170px;
+  height: 48px;
+  background: rgb(87, 172, 187);
+  border: 2px solid rgba(255, 255, 255, 0.8);
+  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+  opacity: 1;
+  border-radius: 39px;
+  color: white;
+}
+
+.glass {
+  width: 932px;
+  height: 693px;
+}
+
+/deep/ .el-input__inner {
+  -webkit-appearance: none;
+  background-color: #fff;
+  background-image: none;
+  border-radius: 4px;
+  border: 1px solid #dcdfe6;
+  box-sizing: border-box;
+  color: #606266;
+  display: inline-block;
+  /* font-size: inherit; */
+  height: 40px;
+  line-height: 40px;
+  outline: 0;
+  padding: 0 15px;
+  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  width: 120px;
+}
+
+.saveCll {
+  width: 170px;
+  height: 48px;
+  background: rgb(87, 172, 187);
+  border: 2px solid rgba(255, 255, 255, 0.8);
+  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+  opacity: 1;
+  border-radius: 39px;
+}
+
+.saveclass {
+  background: rgb(87, 172, 187);
+  border: 2px solid rgba(255, 255, 255, 0.8);
+  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+  opacity: 1;
+  border-radius: 39px;
+  font-size: 20px;
+  font-family: PingFang SC;
+  color: #ffffff;
+}
+
+.btn-content {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+}
+
+.bg-purple ::v-deep .el-radio__input {
+  line-height: 1.6
+}
+
+.bg-purple ::v-deep .el-radio-group {
+  padding: 8px 0;
+  background: #d7d9dd;
+}
+
+.text_tips {
+  font-size: 16px;
+  color: #ffffff;
+  line-height: 1.6;
+  text-align: center;
+  background: rgb(87, 172, 187);
+  cursor: pointer;
+}
 </style>

src/views/CognitiveAbilityTask/lexicalAssociation.vue

@@ -1,18 +1,11 @@
 <template>
-    <div id="bd " class="activeTask" v-if="quest == true">
-        <img
-                @click="screenState()"
-                src="../../assets/small-big.png"
-                alt=""
-                style="
-        height: 48px;
-        width: 48px;
-        position: fixed;
-        top: 24px;
-        right: 22px;
-        cursor: pointer;
-      "
-        />
+    <div id="bd " class="activeTask" v-if="quest">
+      <div class="taskHead">
+        <div class="scale" @click.stop="screenState">
+          <img src="../../assets/small-big.png" alt="" />
+        </div>
+      </div>
+
         <div class="glass">
             <div style="width: 92%; margin-left: 4%">
                 <el-row>
@@ -22,12 +15,13 @@
                                 id="t1"
                                 style="
                 margin-left: 58%;
-                height: 36px;
+                font-size: 28px;
+                padding: 4px 8px;
                 background: rgba(0, 0, 0, 0.39);
-                margin-bottom:10px;
+                margin-bottom: 10px;
                 border-radius: 24px;
+                text-align: center;
                 color: #ffffff;
-                padding-top: 10px;
               "
                                 v-if="
                                     (isComplete == 0 && isDelay == false && isok == false) ||
@@ -100,7 +94,7 @@
                 <div style="text-align: left">
                     <el-button
                             id="btn2"
-                            icon="el-icon-video-play"
+                            :icon="icon1"
                             @click.once="autoAudio1"
                     >第一组</el-button>
                 </div>
@@ -109,7 +103,7 @@
                     <el-button
                             id="btn4"
                             :disabled="complete"
-                            icon="el-icon-video-play"
+                            :icon="icon2"
                             @click.once="autoAudio2"
                     >第二组</el-button>
                 </div>
@@ -219,14 +213,19 @@
 
             </div>
         </div>
+
+      <go-back />
     </div>
 </template>
 
 <script>
     import screenfull from "screenfull";
+    import MainProgress from "@/components/MainProgress/index.vue";
+    import GoBack from "@/components/goBack/index.vue";
 
     export default {
         name: "lexicalAssociation",
+      components: { GoBack, MainProgress },
         data() {
             return {
                 complete: true,
@@ -302,6 +301,9 @@
                 wholeProcess: "1", //0-流程测试1-分项测试是否进行全流程测试
                 isImmediate: "0", //是否是即时测试，0-不是即时，1-即时测试
                 throttleTimer: null,
+
+              icon1: 'el-icon-video-play',
+              icon2: 'el-icon-video-play',
             };
         },
 
@@ -740,6 +742,7 @@
                 // setTimeout(function () {
                 //     _this.complete = false;
                 // }, 20000);
+              this.icon1 = this.icon1 === 'el-icon-video-play' ? 'el-icon-video-pause' : 'el-icon-video-play';
 
                 this.handlePlay(this.logicAudioArr,1);
             },
@@ -754,6 +757,7 @@
                 // setTimeout(function () {
                 //     _this.showButton = true;
                 // }, 20000);
+              this.icon2 = this.icon2 === 'el-icon-video-play' ? 'el-icon-video-pause' : 'el-icon-video-play';
 
                 this.handlePlay(this.nologicAudioArr,2);
 
@@ -903,9 +907,9 @@
         /* height: 593px; */
         background: rgba(255, 255, 255, 0.41);
         border: 3px solid rgb(255, 255, 255);
-        box-shadow: 0px 3px 6px rgb(255, 255, 255);
+        box-shadow: 0 3px 6px rgb(255, 255, 255);
         border-radius: 12px;
-        margin: 1vh auto;
+        margin: 8vh auto 0;
         position: relative;
         padding-top: 6px;
     }

src/views/CognitiveAbilityTask/memoryTest.vue

@@ -80,16 +80,21 @@
     </div> -->
     <!--    <p v-show="this.testEndFlag" style="margin-top: 100px;margin-right: 150px">{{this.userRightResponseCount / this.userResponseCount * 100}}%的正确率</p>-->
     <div class="txt-center" v-if="testFlag" :class="{ testMainDiv: !testState, activeTask: testState }"
-      @click.left="userClick('L')" @click.right="userClick('R')" @contextmenu.prevent="" style="background-color: black">
+         @click.left="userClick('L')" @click.right="userClick('R')" @contextmenu.prevent="" style="background-color: black">
       <div v-if="testTypeCode !== 0" style="width: 50%; margin-left: 25%; margin-top: 50px"></div>
 
-      <MainProgress :cur-percentage="imgIndex / 18" />
-
-      <div class="taskHead">
-        <div class="scale" @click.stop="screenState">
-          <img src="@/assets/small-big.png" alt="" />
-        </div>
+      <div style="width: 50%; margin-left: 10%; margin-top: 40px">
+        <el-progress class="main_progress" :text-inside="true" :format="format" :stroke-width="48"
+                     :percentage="(imgIndex / 18) * 100"></el-progress>
       </div>
+      <img @click="screenState()" src="../../assets/small-big.png" alt="" style="
+          height: 48px;
+          width: 48px;
+          position: fixed;
+          top: 48px;
+          right: 22px;
+          cursor: pointer;
+        " />
 
       <div class="glass">
         <h1 v-show="back1Flag" class="levelTitle">(1-back)</h1>
@@ -109,15 +114,17 @@
           style="width: 71px; height: 71px; margin-top: 20%"
         /> -->
       </div>
-      <h2 v-show="msgVisible && this.result" style="margin-top: 370px; color: white">
-        正确!
-      </h2>
-      <h2 v-show="msgVisible && !this.result" style="margin-top: 370px; color: white">
-        错误!
-      </h2>
-      <p v-show="msgVisible" style="margin-top: 20px; color: white">
-        反应时间：{{ second }}:{{ millSecond }}s
-      </p>
+      <div v-if="testTypeCode !== 1">
+        <h2 v-show="msgVisible && this.result" style="margin-top: 70px; color: white">
+          正确!
+        </h2>
+        <h2 v-show="msgVisible && !this.result" style="margin-top: 70px; color: white">
+          错误!
+        </h2>
+        <p v-show="msgVisible" style="margin-top: 20px; color: white">
+          反应时间：{{ second }}:{{ millSecond }}s
+        </p>
+      </div>
     </div>
     <div style="
         text-align: center;
@@ -133,8 +140,6 @@
         >{{ buttonName }}</el-button
       > -->
     </div>
-
-    <go-back />
   </div>
 </template>
 <script>
@@ -143,10 +148,7 @@ import { oSessionStorage } from "../../utils/utils";
 
 import screenfull from "screenfull";
 import { preloader } from "@/utils/utils";
-import MainProgress from "@/components/MainProgress/index.vue";
-import GoBack from "@/components/goBack/index.vue";
 export default {
-  components: {GoBack, MainProgress},
   data() {
     return {
       count: 0,
@@ -217,9 +219,9 @@ export default {
       back1Flag: true,
       back2Flag: false,
       description:
-        "本测试中，测试者需要完成 1-back和 2-back两种难度的测试。每个难度的测试都分为1组，1-back和2-back之间有10秒的休息时间。在每个组块中，屏幕上会依次呈现一个图片。 " +
-        "在 1-back 任务中，测试者需要判断当前呈现的图片与前一个位置呈现的图片是否相同，相同就按左键，不相同就按右键；在 2-back 任务中，测试者需要判断当前呈现的图片与两个位置前呈现的图片是否相同，" +
-        "相同就按左键，不相同就按右键。 如您已清楚测试规则，请点击“正式测试”按钮进行正式测试。",
+          "本测试中，测试者需要完成 1-back和 2-back两种难度的测试。每个难度的测试都分为1组，1-back和2-back之间有10秒的休息时间。在每个组块中，屏幕上会依次呈现一个图片。 " +
+          "在 1-back 任务中，测试者需要判断当前呈现的图片与前一个位置呈现的图片是否相同，相同就按左键，不相同就按右键；在 2-back 任务中，测试者需要判断当前呈现的图片与两个位置前呈现的图片是否相同，" +
+          "相同就按左键，不相同就按右键。 如您已清楚测试规则，请点击“正式测试”按钮进行正式测试。",
     };
   },
   // 页面初始化函数
@@ -252,14 +254,14 @@ export default {
     init(taskId) {
       this.subjectInfo = JSON.parse(oSessionStorage.getItem("subjectInfo"));
       if (
-        sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f") == "" ||
-        sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f") == null
+          sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f") == "" ||
+          sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f") == null
       ) {
         alert("请先登录！");
         return;
       } else {
         this.userId = sessionStorage.getItem(
-          "b80bb7740288fda1f201890375a60c8f"
+            "b80bb7740288fda1f201890375a60c8f"
         );
       }
 
@@ -294,36 +296,36 @@ export default {
       // console.log("新时间为："+this.newSecond+":"+this.newMillSecond)
 
       if (
-        this.newSecond > this.oldSecond &&
-        this.newMillSecond > this.oldMillSecond
+          this.newSecond > this.oldSecond &&
+          this.newMillSecond > this.oldMillSecond
       ) {
         this.second = this.newSecond - this.oldSecond;
         this.millSecond = this.newMillSecond - this.oldMillSecond;
         console.log("时间差为：" + this.second + ":" + this.millSecond);
       } else if (
-        this.newSecond < this.oldSecond &&
-        this.newMillSecond > this.oldMillSecond
+          this.newSecond < this.oldSecond &&
+          this.newMillSecond > this.oldMillSecond
       ) {
         this.second = this.newSecond + 60 - this.oldSecond;
         this.millSecond = this.newMillSecond - this.oldMillSecond;
         console.log("时间差为：" + this.second + ":" + this.millSecond);
       } else if (
-        this.newSecond > this.oldSecond &&
-        this.newMillSecond < this.oldMillSecond
+          this.newSecond > this.oldSecond &&
+          this.newMillSecond < this.oldMillSecond
       ) {
         this.second = this.newSecond - 1 - this.oldSecond;
         this.millSecond = this.newMillSecond + 1000 - this.oldMillSecond;
         console.log("时间差为：" + this.second + ":" + this.millSecond);
       } else if (
-        this.newSecond < this.oldSecond &&
-        this.newMillSecond < this.oldMillSecond
+          this.newSecond < this.oldSecond &&
+          this.newMillSecond < this.oldMillSecond
       ) {
         this.second = this.newSecond + 59 - this.oldSecond;
         this.millSecond = this.newMillSecond + 1000 - this.oldMillSecond;
         console.log("时间差为：" + this.second + ":" + this.millSecond);
       } else if (
-        this.newSecond == this.oldSecond &&
-        this.newMillSecond > this.oldMillSecond
+          this.newSecond == this.oldSecond &&
+          this.newMillSecond > this.oldMillSecond
       ) {
         this.second = this.newSecond - this.oldSecond;
         this.millSecond = this.newMillSecond - this.oldMillSecond;
@@ -413,9 +415,9 @@ export default {
           }
         } else {
           if (
-            this.userTestPicList[this.imgIndex - 2 - 1].imgNum ==
-            this.userTestPicList[this.imgIndex - 1].imgNum &&
-            clickFlag == "L"
+              this.userTestPicList[this.imgIndex - 2 - 1].imgNum ==
+              this.userTestPicList[this.imgIndex - 1].imgNum &&
+              clickFlag == "L"
           ) {
             console.log("点对了");
             this.result = true;
@@ -429,9 +431,9 @@ export default {
             this.userResponseRecords.push(Obj);
           }
           if (
-            this.userTestPicList[this.imgIndex - 2 - 1].imgNum ==
-            this.userTestPicList[this.imgIndex - 1].imgNum &&
-            clickFlag == "R"
+              this.userTestPicList[this.imgIndex - 2 - 1].imgNum ==
+              this.userTestPicList[this.imgIndex - 1].imgNum &&
+              clickFlag == "R"
           ) {
             this.result = false;
             console.log("点错了");
@@ -444,9 +446,9 @@ export default {
             this.userResponseRecords.push(Obj);
           }
           if (
-            this.userTestPicList[this.imgIndex - 2 - 1].imgNum !=
-            this.userTestPicList[this.imgIndex - 1].imgNum &&
-            clickFlag == "L"
+              this.userTestPicList[this.imgIndex - 2 - 1].imgNum !=
+              this.userTestPicList[this.imgIndex - 1].imgNum &&
+              clickFlag == "L"
           ) {
             this.result = false;
             console.log("点错了");
@@ -459,9 +461,9 @@ export default {
             this.userResponseRecords.push(Obj);
           }
           if (
-            this.userTestPicList[this.imgIndex - 2 - 1].imgNum !=
-            this.userTestPicList[this.imgIndex - 1].imgNum &&
-            clickFlag == "R"
+              this.userTestPicList[this.imgIndex - 2 - 1].imgNum !=
+              this.userTestPicList[this.imgIndex - 1].imgNum &&
+              clickFlag == "R"
           ) {
             console.log("点对了");
             this.result = true;
@@ -507,8 +509,8 @@ export default {
     },
     startTest() {
       if (
-        sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f") == "" ||
-        sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f") == null
+          sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f") == "" ||
+          sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f") == null
       ) {
         this.$message.error("请先登录！");
         return;
@@ -538,7 +540,6 @@ export default {
         this.back1Flag = false;
         this.back2Flag = true;
       }
-
       this.userCanClick = false;
       this.countDownShow = true;
       this.getArray();
@@ -575,10 +576,14 @@ export default {
             Obj.index = this.imgIndex - 2;
             Obj.diff = 0;
           } else if (this.testTypeCode == 1) {
-            Obj.index = this.imgIndex + 20 - 2 - 1;
+            Obj.index = this.imgIndex - 2;
+            console.log(this.imgIndex)
+            // Obj.index = this.imgIndex + 20 - 2 - 1;
             Obj.diff = 1;
           } else if (this.testTypeCode == 2) {
-            Obj.index = this.imgIndex + 40 - 1 - 4;
+            Obj.index = this.imgIndex + 20 - 2 - 1;
+            console.log(this.imgIndex)
+            // Obj.index = this.imgIndex + 40 - 1 - 4;
             Obj.diff = 2;
           }
           this.userResponseRecords.push(Obj);
@@ -605,14 +610,14 @@ export default {
               }
               console.log("count" + this.count);
               this.userRightClickNum =
-                this.userTestPicList[this.imgIndex].imgNum;
+                  this.userTestPicList[this.imgIndex].imgNum;
               console.log("当前图片的Num为:" + this.userRightClickNum);
               console.log("上个图片的Num为：" + this.exNum);
               if (this.imgIndex != 0 && this.exNum == this.userRightClickNum) {
                 console.log("点左键是对的");
               } else if (
-                this.imgIndex != 0 &&
-                this.exNum != this.userRightClickNum
+                  this.imgIndex != 0 &&
+                  this.exNum != this.userRightClickNum
               ) {
                 console.log("点右键是对的");
               } else if (this.imgIndex == 0) {
@@ -626,7 +631,7 @@ export default {
               }
               console.log("imgIndex:" + this.imgIndex);
               console.log(
-                "userTestPicList.length:" + this.userTestPicList.length
+                  "userTestPicList.length:" + this.userTestPicList.length
               );
               this.imgIndex++;
               if (this.imgIndex == this.userTestPicList.length) {
@@ -644,8 +649,8 @@ export default {
               if (this.imgIndex >= 2) {
                 console.log("3333");
                 if (
-                  this.userTestPicList[this.imgIndex].imgNum ==
-                  this.userTestPicList[this.imgIndex - 2].imgNum
+                    this.userTestPicList[this.imgIndex].imgNum ==
+                    this.userTestPicList[this.imgIndex - 2].imgNum
                 ) {
                   console.log("点左键是对的");
                 } else {
@@ -676,17 +681,17 @@ export default {
       // this.screen();
       console.log("对了:" + this.userRightResponseCount);
       console.log(
-        "正确率为：" +
-        (
-          (this.userRightResponseCount / this.userResponseCount) *
-          100
-        ).toFixed(2)
+          "正确率为：" +
+          (
+              (this.userRightResponseCount / this.userResponseCount) *
+              100
+          ).toFixed(2)
       );
       // userScoreTwo = userScoreTwo.toFixed(2);
       if (this.testTypeCode == 0) {
         if (
-          (this.userRightResponseCount / this.userResponseCount) * 100 >=
-          10
+            (this.userRightResponseCount / this.userResponseCount) * 100 >=
+            10
         ) {
           this.testFlag = false;
           this.testState = false;
@@ -695,6 +700,8 @@ export default {
           this.code0Flag = false;
           this.code12Flag = true;
           this.buttonShow = true;
+          this.userTestPicList = [];
+          this.userResponseRecords=[]
           this.screenState();
           this.$message({
             message: "测试通过！",
@@ -723,7 +730,7 @@ export default {
       } else if (this.testTypeCode != 2) {
         if (this.testTypeCode == 1) {
           this.userScoreOne =
-            (this.userRightResponseCount / this.userResponseCount) * 100;
+              (this.userRightResponseCount / this.userResponseCount) * 100;
           this.userScoreOne = this.userScoreOne.toFixed(2);
           this.testResultStr = this.userScoreOne + "%";
         }
@@ -734,7 +741,7 @@ export default {
       } else {
         if (this.testTypeCode == 2) {
           this.userScoreTwo =
-            (this.userRightResponseCount / this.userResponseCount) * 100;
+              (this.userRightResponseCount / this.userResponseCount) * 100;
           this.userScoreTwo = this.userScoreTwo.toFixed(2);
           this.testResultStr = this.userScoreTwo + "%";
         }
@@ -744,7 +751,7 @@ export default {
 
         // // this.testResultStrShow = true;
         // this.buttonShow = false;
-
+        console.log(this.finalResult,'this.finalResult')
         this.finalResult = {
           userScoreOne: this.userScoreOne,
           userScoreTwo: this.userScoreTwo,
@@ -830,8 +837,8 @@ export default {
         for (let i = 0; i < imgIndexList.length; i++) {
           imgObj = {};
           imgObj.imgUrl = require("../../assets/congnitiveAblitity/memoryTest/G" +
-            imgIndexList[i] +
-            ".png");
+              imgIndexList[i] +
+              ".png");
           imgObj.imgNum = imgIndexList[i];
           this.userTestPicList.push(imgObj);
         }
@@ -841,8 +848,8 @@ export default {
           for (let i = 0; i < imgIndexList.length; i++) {
             imgObj = {};
             imgObj.imgUrl = require("../../assets/congnitiveAblitity/memoryTest/G" +
-              imgIndexList[i] +
-              ".png");
+                imgIndexList[i] +
+                ".png");
             imgObj.imgNum = imgIndexList[i];
             this.userTestPicList.push(imgObj);
           }
@@ -851,8 +858,8 @@ export default {
           for (let i = 0; i < imgIndexList.length; i++) {
             imgObj = {};
             imgObj.imgUrl = require("../../assets/congnitiveAblitity/memoryTest/G" +
-              imgIndexList[i] +
-              ".png");
+                imgIndexList[i] +
+                ".png");
             imgObj.imgNum = imgIndexList[i];
             this.userTestPicList.push(imgObj);
           }
@@ -922,12 +929,6 @@ export default {
 .glass {
   width: 932px;
   height: 593px;
-  background: rgba(255, 255, 255, 0.39);
-  border: 3px solid rgba(255, 255, 255, 0.6);
-  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-  border-radius: 12px;
-  margin: 12vh auto;
-  position: relative;
 }
 
 .levelTitle {

src/views/CognitiveAbilityTask/movementPerception.vue

@@ -23,7 +23,7 @@
         <div
           style="
             position: absolute;
-            bottom: 30px;
+            bottom: 0.156rem;
             left: 50%;
             transform: translateX(-50%);
           "
@@ -52,20 +52,14 @@
       :class="{ testMainDivMove: !testState, activeTaskMove: testState }"
       class="txt-center"
     >
+      <MainProgress v-if="testTypeCode == 1" :cur-percentage="imgIndex / 72" />
+
       <div class="taskHead">
         <div class="scale" @click.stop="screen">
           <img src="../../assets/small-big.png" alt="" />
         </div>
-        <el-progress
-          class="main_progress"
-          :text-inside="true"
-          :format="format"
-          :stroke-width="24"
-          :percentage="(imgIndex / 72) * 100"
-          v-if="testTypeCode == 1"
-          style="width: 50%"
-        ></el-progress>
       </div>
+
       <div class="glass">
         <p v-show="countDownShow" class="countdownStr">
           {{ countDownStr }}
@@ -94,9 +88,10 @@ import cognitiveAbilityTaskList from "@/assets/data/cognitiveAbilityData.js";
 import { oSessionStorage, preloader } from "@/utils/utils";
 import screenfull from "screenfull";
 import GoBack from "@/components/goBack/index.vue";
+import MainProgress from "@/components/MainProgress/index.vue";
 
 export default {
-  components: {GoBack},
+  components: {MainProgress, GoBack},
   data() {
     return {
       userId: "",

src/views/CognitiveAbilityTask/pointMemory.vue

@@ -1,18 +1,11 @@
 <template>
-    <div id="bd" class="txt-center activeTask" v-if="quest == true">
-        <img
-                @click="screenState()"
-                src="../../assets/small-big.png"
-                alt=""
-                style="
-        height: 48px;
-        width: 48px;
-        position: fixed;
-        top: 24px;
-        right: 22px;
-        cursor: pointer;
-      "
-        />
+    <div id="bd" class="txt-center activeTask" v-if="quest">
+      <div class="taskHead">
+        <div class="scale" @click.stop="screenState">
+          <img src="../../assets/small-big.png" alt="" />
+        </div>
+      </div>
+
         <div class="glass">
             <div style="width: 92%; margin-left: 4%">
                 <el-row>
@@ -22,14 +15,15 @@
                         <div
                                 id="t1"
                                 style="
-                margin-left: 58%;
-                height: 36px;
-                background: rgba(0, 0, 0, 0.39);
-
-                border-radius: 24px;
-                color: #ffffff;
-                padding-top: 10px;
-              "
+                                  margin-left: 58%;
+                                  font-size: 28px;
+                                  padding: 4px 8px;
+                                  background: rgba(0, 0, 0, 0.39);
+                                  margin-bottom: 10px;
+                                  border-radius: 24px;
+                                  text-align: center;
+                                  color: #ffffff;
+                                "
                                 v-if="
                                     (isfruit == 0 && isDelay == false && isok == false) ||
                                     (isfruit == 0 && isDelay == true && isok == true)
@@ -207,14 +201,17 @@
                 @click="throttle"
         >保&nbsp;&nbsp;存</el-button>
 
+      <go-back />
     </div>
 </template>
 
 <script>
     import screenfull from "screenfull";
+    import GoBack from "@/components/goBack/index.vue";
 
     export default {
         name: "pointMemory",
+      components: { GoBack },
         data() {
             return {
                 fruit_flag:'',

src/views/CognitiveAbilityTask/rememberAbilityTask.vue

@@ -27,13 +27,15 @@
       </div>
     </div>
     <div v-if="testFlag" :class="{ testMainDiv: !testState, activeTask: testState }" @click="userClick()">
+
+      <MainProgress v-if="testTypeCode == 1" :cur-percentage="count / 114" />
+
       <div class="taskHead">
         <div class="scale" @click.stop="screen">
           <img src="../../assets/small-big.png" alt="" />
         </div>
-        <el-progress class="main_progress" v-if="testTypeCode == 1" :text-inside="true" :format="format"
-          :stroke-width="24" :percentage="(count / 114) * 100" style="width: 50%"></el-progress>
       </div>
+
       <div class="glass">
         <h1 class="txt-center" style="margin-top: 30px; color: rgba(240, 248, 255, 1)">
           ({{ nbackIndex }}-back)
@@ -66,9 +68,10 @@
 import screenfull from "screenfull";
 import { oSessionStorage } from "../../utils/utils";
 import GoBack from "@/components/goBack/index.vue"
+import MainProgress from "@/components/MainProgress/index.vue";
 
 export default {
-  components: { GoBack },
+  components: {MainProgress, GoBack },
   data() {
     return {
       countDownTime: 8, //倒计时时长

src/views/CognitiveAbilityTask/riskPolicy.vue

@@ -0,0 +1,487 @@
+<!-- 风险决策 -->
+<template>
+  <div class="game_content">
+    <div style="float: right; padding: 20px" @click.stop="screen()">
+      <img src="../../assets/small-big.png" alt="" />
+    </div>
+    <div>
+      <div class="small_content" v-show="!showResult">
+        <div class="balloon" style="float: left">
+          <img :style="{ transform: scaleAnimate }" :src="imgUrl" alt="" />
+        </div>
+        <div class="game_info">
+          <p style="margin-left: 400px; margin-top: 20px">
+            <span
+              style="
+                height: 50px;
+                font-size: 20px;
+                font-family: PingFang SC;
+                font-weight: bold;
+                line-height: 28px;
+                color: #333333;
+                opacity: 1;
+              "
+            >
+              {{ currentLevel + 1 }}</span
+            ><span
+              style="
+                font-size: 15px;
+                font-family: PingFang SC;
+                line-height: 28px;
+                color: #000000;
+                opacity: 1;
+              "
+            >
+              /10</span
+            >
+          </p>
+          <p style="margin-top: 80px">
+            <span class="text1"
+              >本次收益: &nbsp;&nbsp;&nbsp;{{ currentEarn }}</span
+            >
+          </p>
+          <p style="margin-top: 10px">
+            <span class="text1"
+              >充气次数: &nbsp;&nbsp;&nbsp;{{ aeratedCount }}</span
+            >
+          </p>
+          <p style="margin-top: 10px">
+            <span class="text1"
+              >总收益:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{ totalEarn }}</span
+            >
+          </p>
+          <p>
+            <el-button class="button" @click="goAerated" :disabled="disabled" >充气</el-button>
+          </p>
+
+          <p></p>
+          <p>
+            <el-button class="button" @click="getMony">提现</el-button>
+          </p>
+        </div>
+      </div>
+
+      <div class="small_content" v-show="showResult">
+        <a
+          class="el-icon-circle-close"
+          style="margin-left: 90%; padding: 20px; font-size: 25px"
+          @click="returnHome()"
+        ></a>
+        <div style="text-align: center">
+          <p style="margin-top: 20px; font-size: 20px">
+            总点击次数：{{ this.totalAerated }}
+          </p>
+          <p style="margin-top: 20px; font-size: 20px">
+            总得分：{{ this.totalEarn }}
+          </p>
+        </div>
+
+        <div class="echart">
+          <div id="one" style="width: 250px; height: 220px; float: left"></div>
+          <div id="two" style="width: 250px; height: 220px; float: left"></div>
+        </div>
+        <div class="echart">
+          <div
+            id="one_text"
+            style="width: 250px; height: 20px; font-size: 20px; float: left"
+          >
+            <span>总点击次数{{ this.totalAerated }}</span>
+          </div>
+          <div
+            id="two_text"
+            style="width: 250px; height: 20px; font-size: 20px; float: left"
+          >
+            <span>总成绩{{ this.totalEarn }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import screenfull from "screenfull";
+export default {
+  data() {
+    return {
+      currentLevel: 0, // 当前关数
+      aeratedCount: 0, // 当前充气次数
+      aeratedArr: [], // 随机数组
+      boomProbability: 0, // 爆炸概率
+      totalEarn: 0, // 总收益
+      scaleAnimate: "", // 缩放倍数
+      userData: [], // 用户原始数据
+      totalAerated: 0, // 总充气次数
+      showResult: false,
+      boom: {},
+      imgUrl: require("../../assets/congnitiveAblitity/bool.png"),
+      inflate: {},
+      collect: {},
+      disabled: false
+    };
+  },
+  created() {
+    this.createAeratedArr();
+    this.userId = sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f");
+    this.voiceInit();
+    this.screen();
+  },
+  computed: {
+    // 当前收益
+    currentEarn() {
+      return this.aeratedCount * 1;
+    },
+  },
+  methods: {
+    // 随机生成充气次数，2-10次;
+    createAeratedArr() {
+      for (let i = 0; i < 10; i++) {
+        let temp = Math.round(Math.random() * 8) + 2;
+        this.aeratedArr.push(temp);
+      }
+    },
+
+    // 充气
+    goAerated() {
+      if (this.aeratedCount < this.aeratedArr[this.currentLevel]) {
+        // 播放充气声音
+        this.inflate.play();
+        this.aeratedCount++;
+        this.scaleAnimate = `scale(${this.aeratedCount * 0.05 + 1})`;
+      } else {
+        this.disabled = true;
+        let clickTimes = this.aeratedCount; //变量重新赋值，防止变量因延时器提升取值为0
+        // 播放爆炸声音
+        this.boom.play();
+        // 记录总点击次数
+        this.imgUrl = require("../../assets/congnitiveAblitity/boom.png");
+        setTimeout(() => {
+          this.imgUrl = require("../../assets/congnitiveAblitity/bool.png");
+          this.totalAerated += this.aeratedCount;
+          // 记录原始数据
+          this.userData.push({
+            index: this.currentLevel + 1,
+            // currentEarn: this.currentEarn,
+            currentEarn: 0,
+            numberPumps: clickTimes,
+            explosion: true, //是否爆炸
+          });
+          // 若为最后一关
+          if (this.currentLevel >= 9) {
+            this.saveUserData();
+          } else {
+            this.currentLevel++;
+            this.aeratedCount = 0;
+            this.scaleAnimate = "scale(1)";
+            this.disabled = false;
+          }
+        }, 500);
+      }
+    },
+    screen() {
+      // 如果不允许进入全屏，发出不允许提示
+      // if (!screenfull.isEnabled) {
+      //   this.$message("您的浏览器不能全屏");
+      //   return false;
+      // }
+      screenfull.toggle();
+    },
+    // 提现
+    getMony() {
+      if (this.currentEarn > 0) {
+        // 播放爆炸声音
+        this.collect.play();
+        // 记录总数据
+        this.totalEarn += this.currentEarn;
+        this.totalAerated += this.aeratedCount;
+        // 记录原始数据
+        this.userData.push({
+          index: this.currentLevel + 1,
+          currentEarn: this.currentEarn,
+          numberPumps: this.aeratedCount,
+          explosion: false, //是否爆炸
+        });
+        // 若为最后一关
+        if (this.currentLevel >= 9) {
+          this.saveUserData();
+        } else {
+          this.aeratedCount = 0;
+          this.currentLevel++;
+          this.scaleAnimate = "scale(1)";
+        }
+      }
+    },
+    returnHome() {
+      this.screen();
+      this.$router.push("/welcome/CognitiveAbility");
+    },
+    // 提交用户测试数据
+    saveUserData() {
+      this.$http.post(
+        "cognize/RDT",
+        {
+          userId: this.userId,
+          totalEarned: this.totalEarn,
+          rawData: this.userData,
+          testPlanId: this.$route.query.testPlanId || "",
+          totalAerated: this.totalAerated,
+        },
+        (response) => {
+          // this.showResult = true;
+          //   this.drawLine1();
+          //   this.drawLine2();
+            if(response && response.code == '200'){
+                //跳转新测试结果页面
+                this.goTestResult(response.data);
+            }else {
+                this.$message({
+                    message: "获取数据失败！服务器异常",
+                    type: "error",
+                });
+            }
+            //退出全屏
+            screenfull.exit();
+
+        }
+      );
+    },
+    voiceInit() {
+      let boomVoice = require("../../assets/bang.wav");
+      let inflateVoice = require("../../assets/inflate.mp3");
+      let collectVoice = require("../../assets/collect.mp3");
+      this.boom = new Audio(boomVoice);
+      this.inflate = new Audio(inflateVoice);
+      this.collect = new Audio(collectVoice);
+    },
+
+    drawLine1() {
+      this.$nextTick(() => {
+        let myChart = this.$echarts.init(document.getElementById("one"));
+        myChart.setOption({
+          series: [
+            {
+              type: "gauge",
+              progress: {
+                show: true,
+                width: 5,
+                itemStyle: {
+                  color: {
+                    type: "linear",
+                    x: 0,
+                    y: 0,
+                    x2: 0,
+                    y2: 1,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "#98F0FF", // 0% 处的颜色
+                      },
+                      {
+                        offset: 1,
+                        color: "#FFBA43", // 100% 处的颜色
+                      },
+                    ],
+                    global: false, // 缺省为 false
+                  },
+                  borderColor: "#000000",
+                  borderWidth: 0,
+                },
+              },
+              axisLine: {
+                lineStyle: {
+                  width: 5,
+                },
+              },
+              axisTick: {
+                show: false,
+              },
+              splitLine: {
+                length: 5,
+                lineStyle: {
+                  width: 1,
+                  color: "#999",
+                },
+              },
+              axisLabel: {
+                distance: 5,
+                color: "#999",
+                fontSize: 10,
+              },
+              anchor: {
+                show: true,
+                showAbove: true,
+                size: 5,
+                itemStyle: {
+                  borderWidth: 5,
+                },
+              },
+              title: {
+                show: false,
+              },
+              detail: {
+                valueAnimation: true,
+                fontSize: 15,
+                offsetCenter: [0, "60%"],
+              },
+              data: [
+                {
+                  value: this.totalAerated,
+                },
+              ],
+            },
+          ],
+        });
+      });
+    },
+    drawLine2() {
+      var that = this;
+      this.$nextTick(() => {
+        let myChart = this.$echarts.init(document.getElementById("two"));
+        myChart.setOption({
+          series: [
+            {
+              type: "gauge",
+              progress: {
+                show: true,
+                width: 5,
+                itemStyle: {
+                  color: {
+                    type: "linear",
+                    x: 0,
+                    y: 0,
+                    x2: 0,
+                    y2: 1,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "#98F0FF", // 0% 处的颜色
+                      },
+                      {
+                        offset: 1,
+                        color: "#FFBA43", // 100% 处的颜色
+                      },
+                    ],
+                    global: false, // 缺省为 false
+                  },
+                  borderColor: "#000000",
+                  borderWidth: 0,
+                },
+              },
+              axisLine: {
+                lineStyle: {
+                  width: 5,
+                },
+              },
+              axisTick: {
+                show: false,
+              },
+              splitLine: {
+                length: 5,
+                lineStyle: {
+                  width: 1,
+                  color: "#999",
+                },
+              },
+              axisLabel: {
+                distance: 5,
+                color: "#999",
+                fontSize: 10,
+              },
+              anchor: {
+                show: true,
+                showAbove: true,
+                size: 5,
+                itemStyle: {
+                  borderWidth: 5,
+                },
+              },
+              title: {
+                show: false,
+              },
+              detail: {
+                valueAnimation: true,
+                fontSize: 15,
+                offsetCenter: [0, "60%"],
+              },
+              data: [
+                {
+                  value: this.totalEarn,
+                },
+              ],
+            },
+          ],
+        });
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.game_content {
+  background: url(../../assets/risk.png);
+  background-size: cover;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.echart {
+  margin-left: 110px;
+  text-align: center;
+}
+
+.small_content {
+  width: 900px;
+  height: 500px;
+  margin: 16vh auto;
+  background: url(../../assets/5629.png) no-repeat center;
+  opacity: 0.7;
+  border-radius: 12px;
+}
+
+.text1 {
+  height: 28px;
+  font-size: 20px;
+  font-family: PingFang SC;
+  line-height: 28px;
+  color: #000000;
+  opacity: 1;
+  margin-left: 120px;
+}
+
+.button {
+  width: 150px;
+  height: 40px;
+  opacity: 1;
+  background: white;
+  border-radius: 10px;
+  margin-left: 100px;
+  margin-top: 40px;
+}
+
+.balloon img {
+  width: 150px;
+  height: auto;
+  margin-top: 60px;
+  margin-left: 70px;
+}
+
+.game_info {
+  float: left;
+}
+
+.result {
+  padding-top: 20px;
+}
+
+.result p {
+  font-size: 24px;
+  color: #222222;
+  text-align: center;
+  line-height: 100px;
+}
+</style>
+

src/views/CognitiveAbilityTask/riskPolicy/formal.vue

@@ -156,12 +156,17 @@ export default {
       onceStartTime: 0,
 
       tryStartTime: 0, // 每次测试开始时间
+
+      tryCount: 3 // 每种充气次数的试次数量
     }
   },
   created() {
-    this.taskId = this.$route.query.taskId;
-    this.subjectInfo = JSON.parse(oSessionStorage.getItem("subjectInfo"));
+    this.taskId = this.$route.query.taskId
+    this.subjectInfo = JSON.parse(oSessionStorage.getItem("subjectInfo"))
     this.userId = sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f")
+
+    // 初始化动态参数
+    this.getParam()
   },
   computed: {
     // 当前收益
@@ -169,8 +174,23 @@ export default {
       return this.aeratedCount * 1
     }
   },
+
   methods: {
 
+    getParam() {
+      this.$http.get(
+          `/taskParam/getByTaskId?taskId=${this.taskId}`,
+          {},
+          (msg) => {
+            msg.data.forEach((item) => {
+              if (item.code === 'RP_Try_Count') {
+                this.tryCount = Number(item.value)
+              }
+            })
+          }
+      )
+    },
+
     startTest() {
       if(this.isPracticeEnd) {
         this.testFlag = true
@@ -192,7 +212,7 @@ export default {
 
     // 随机生成充气次数，2-10次;
     createAeratedArr() {
-      for (let i = 0; i < 3; i++) {
+      for (let i = 0; i < this.tryCount; i++) {
         for (let j = 2; j <= 10; j++) {
           this.aeratedArr.push(j)
         }
@@ -283,7 +303,7 @@ export default {
           // this.currentLevel = this.aeratedArr.length
           setTimeout(() => {
             this.saveUserData()
-          }, 1200)
+          }, 200)
         }
       }
     },
@@ -310,7 +330,15 @@ export default {
         onceStartTime: dateFormat("YY-mm-dd HH:MM:SS", new Date(item.onceStartTime)),
         onceEndTime: dateFormat("YY-mm-dd HH:MM:SS", new Date(item.onceEndTime)),
       }))
-      console.log('xxx决策倾向：', this.taskEndTime - this.taskStartTime + 'ms', this.userData);
+      console.log('xxx决策倾向：', this.taskEndTime - this.taskStartTime + 'ms', this.userData,{
+        userId: this.userId,
+        totalEarned: this.totalEarn,
+        rawData: this.userData,
+        testPlanId: this.$route.query.testPlanId || "",
+        totalAerated: this.totalAerated,
+        taskStartTime: dateFormat("YY-mm-dd HH:MM:SS", new Date(this.taskStartTime)),
+        taskEndTime: dateFormat("YY-mm-dd HH:MM:SS", new Date(this.taskEndTime)),
+      });
       this.$http.post(
         "cognize/RDT",
         {

src/views/CognitiveAbilityTask/spatialOrientationAbilityNew/index.vue

@@ -246,6 +246,10 @@ export default {
     // this.initImgData();
     // 生成指针圆环初始化
     // this.initCircleData();
+
+    // 初始化动态参数
+    this.getParam()
+
     let clientWidth = document.body.clientWidth
     this.roundSliderRadius = clientWidth * 0.0778
   },
@@ -254,6 +258,22 @@ export default {
       screenfull.toggle()
     },
 
+    getParam() {
+      this.$http.get(
+          `/taskParam/getByTaskId?taskId=${this.taskId}`,
+          {},
+          (msg) => {
+            msg.data.forEach((item) => {
+              if (item.code === 'SOA_Target_Count') {
+                this.levelNum = item.value.split(',').filter((item) => item && item >= 3)
+              } else if (item.code === 'SOA_Try_Count') {
+                this.tryCount = Number(item.value)
+              }
+            })
+          }
+      )
+    },
+
     startTest(flag) {
       if (!this.userId) {
         this.$message.error("请先登录！")

src/views/CognitiveAbilityTask/speedCognitive/formal.vue

@@ -175,12 +175,7 @@ export default  {
       maxLevel: 9,
 
       // 游戏等级权重
-      gradeList: [
-        1, 2, 3, 4, 5, 6, 7, 8, 9,
-        1, 2, 3, 4, 5, 6, 7, 8, 9,
-        1, 2, 3, 4, 5, 6, 7, 8, 9,
-        1, 2, 3, 4, 5, 6, 7, 8, 9
-      ]
+      gradeList: []
     }
   },
   computed: {
@@ -284,7 +279,7 @@ export default  {
       if (this.practiceFlag) {
         return 6
       } else {
-        return 36
+        return this.gradeList.length
       }
     }
   },
@@ -292,11 +287,32 @@ export default  {
     this.taskId = this.$route.query.taskId
     this.gradeList = this.gradeList.sort(() => Math.random() - 0.5)
     this.init(this.taskId)
+
+    // 初始化动态参数
+    this.getParam()
   },
   mounted() {
     document.addEventListener('keydown', this.onKeydown)
   },
   methods: {
+
+    getParam() {
+      this.$http.get(
+          `/taskParam/getByTaskId?taskId=${this.taskId}`,
+          {},
+          (msg) => {
+            msg.data.forEach((item) => {
+              if (item.code === 'SC_Try_Count') {
+                let tryCount = Number(item.value)
+                for (let i = 0; i < tryCount; i++) {
+                  this.gradeList = this.gradeList.concat([1, 2, 3, 4, 5, 6, 7, 8, 9])
+                }
+              }
+            })
+          }
+      )
+    },
+
     initRecord() {
       return {
         imgIndex: "",

src/views/CognitiveAbilityTask/targetTrackingChildren/formal.vue

@@ -100,11 +100,11 @@
 import ecStat from "echarts-stat";
 import * as echarts from "echarts";
 import screenfull from "screenfull";
-import {dateFormat, oSessionStorage} from "@/utils/utils";
+import { dateFormat, oSessionStorage } from "@/utils/utils"
 import GoBack from "@/components/goBack/index.vue"
 import MainProgress from "@/components/MainProgress/index.vue"
 import Practice from './practice.vue'
-import { shuffle } from "../../../utils/utils";
+import { shuffle } from "@/utils/utils"
 
 export default {
   components: { GoBack, MainProgress, Practice },
@@ -120,7 +120,6 @@ export default {
       isPracticeEnd: false, // 是否完成练习
 
       sum: 0,
-      tnumber: 4, //设置每个等级做几次
       endFlag: false,
       tableData: [],
       layer: 1,
@@ -145,14 +144,8 @@ export default {
       number: "",
       userId: "",
       onsave: false,
-      pam: [
-        [1, 0.0001, 3],
-        // [2, 0.001, 3],
-        [1, 0.0001, 4],
-        // [2, 0.001, 4],
-        [1, 0.0001, 5]
-        // [2, 0.001, 5],
-      ],
+      tryNumber: 4, //设置每个等级做几次
+      pam: [],
       parameters: [],
       grade: [],
       RandomArray: [
@@ -170,18 +163,40 @@ export default {
     };
   },
   created() {
-    this.taskId = this.$route.query.taskId;
-    this.subjectInfo = JSON.parse(oSessionStorage.getItem("subjectInfo"));
+    this.taskId = this.$route.query.taskId
+    this.subjectInfo = JSON.parse(oSessionStorage.getItem("subjectInfo"))
+
+    // 初始化动态参数
+    this.getParam()
   },
   mounted() {
-    this.userId = sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f");
+    this.userId = sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f")
   },
   methods: {
 
+    getParam() {
+      this.$http.get(
+          `/taskParam/getByTaskId?taskId=${this.taskId}`,
+          {},
+          (msg) => {
+            msg.data.forEach((item) => {
+              if (item.code === 'TTC_Target_Count') {
+                let tempArr = item.value.split(',').filter((item) => item && item > 0)
+                tempArr.forEach((item) => {
+                  this.pam.push([1, 0.0001, item])
+                })
+              } else if (item.code === 'TTC_Try_Count') {
+                this.tryNumber = Number(item.value)
+              }
+            })
+          }
+      )
+    },
+
     startTest() {
       if(this.isPracticeEnd) {
         for (let i = 0; i < this.pam.length; i++) {
-          for (let j = 1; j <= this.tnumber; j++) {
+          for (let j = 1; j <= this.tryNumber; j++) {
             this.parameters.push(this.pam[i]);
           }
         }

src/views/CognitiveAbilityTask/visualSpatialMemory.vue

@@ -1,18 +1,12 @@
 <template>
     <div class="bd activeTask">
-        <img
-                @click="screenState()"
-                src="../../assets/small-big.png"
-                alt=""
-                style="
-        height: 48px;
-        width: 48px;
-        position: fixed;
-        top: 24px;
-        right: 22px;
-        cursor: pointer;
-      "
-        />
+
+      <div class="taskHead">
+        <div class="scale" @click.stop="screenState">
+          <img src="../../assets/small-big.png" alt="" />
+        </div>
+      </div>
+
         <div class="glass">
             <div>
                 <el-row>
@@ -743,7 +737,7 @@
         border: 3px solid rgb(255, 255, 255);
         box-shadow: 0px 3px 6px rgba(255, 255, 255);
         border-radius: 12px;
-        margin: 1vh auto;
+        margin: 10vh auto;
         position: relative;
         padding-top: 6px;
     }

src/views/PersionDetail.vue

@@ -39,11 +39,12 @@
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如结果与你自己或他人感知的有出入，可回忆在测试时是否有事情影响了你，或自己答题时是否有所顾虑；<br>
           </div>
           <result-title class="result-div" text="分值"/>
-          <div v-if="ProspectiveMemory.flag === 'ProspectiveMemory'" class="table-list">
-            <span v-for="it in resResult" :key="it" class="table-list-span" >{{it}}</span>
-          </div>
-          <div v-else class="table-list">
-            <table-list :dataList="resResult" />
+<!--          {{resResult}}-->
+<!--          <div v-if="ProspectiveMemory.flag === 'ProspectiveMemory'" class="table-list">-->
+<!--            <span v-for="it in resResult" :key="it" class="table-list-span" >{{it}}</span>-->
+<!--          </div>-->
+          <div  class="table-list">
+            <table-list :dataList="resResult" :flagA="ProspectiveMemory.flag" />
           </div>
           <div v-if="tableName === '记忆检查测试'" style="margin-top: 30px">
             <div