周玉佂 před 3 měsíci
rodič
revize
39a20626b7

binární
public/static/pictureAssociation/forget.png


+ 3 - 3
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"

+ 2770 - 2559
src/views/CognitiveAbilityTask/imageAssociation.vue

@@ -1,2604 +1,2815 @@
 <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"
-    >
-        <div class="taskHead">
-          <div class="scale" @click.stop="screen">
-            <img src="../../assets/small-big.png" alt="" />
-          </div>
-        </div>
-
-        <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)
+  <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)
         ),
-      }"
-        >
-            <el-row>
-                <el-col :span="12">
-                    <h3 class="bTitle">4.图片联想</h3>
-                </el-col>
-                <el-col :span="12" style="text-align: right">
-                    <div
-                            style="
+        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;
+        position: fixed;
+        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="
               height: 36px;
-              line-height: 36px;
               background: rgba(0, 0, 0, 0.39);
 
               border-radius: 24px;
               color: #ffffff;
+              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 && !isok ">
-                <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>
 
-        <h1
-                v-if="
-        (!flag1 && !flag2 && isDelay && isok) ||
-        (flag2 && isDelay && isok)
-      "
-        >
-            延时测试
-        </h1>
+      <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 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
-                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(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
-                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-button class='saveCll' @click="throttle">保存</el-button>
+      <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 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 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");
-            },
-            screen() {
-                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: 110px;
-        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: 20px;
-        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 {
-      position: absolute;
-      right: 16px;
-      bottom: 32px;
-        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;
-    }
-    .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;
-    }
-
-
-    .taskHead {
-      right: 16px;
-      top: 24px;
-    }
+.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>

+ 75 - 79
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;
@@ -605,14 +607,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 +628,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 +646,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 +678,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;
@@ -723,7 +725,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 +736,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 +746,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 +832,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 +843,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 +853,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 +924,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 {

+ 487 - 0
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>
+

+ 10 - 2
src/views/CognitiveAbilityTask/riskPolicy/formal.vue

@@ -303,7 +303,7 @@ export default {
           // this.currentLevel = this.aeratedArr.length
           setTimeout(() => {
             this.saveUserData()
-          }, 1200)
+          }, 200)
         }
       }
     },
@@ -330,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",
         {