|
@@ -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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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>
|