H5样式修改

src/views/cognitiveTask/ECAT.vue

@@ -1,894 +1,926 @@
 <template>
-    <div>
-        <!--  <h1 class="txt-center">
-           任务 2：情绪分类任务（ECAT）——关注情感信息
-         </h1>
-         <div style="width: 650px; margin: 20px auto; line-height: 2">
-           <p style="text-align: left; text-indent: 2em">
-             请你注视眼前屏幕，注视点“+”过后，你将陆续看到一些形容词，请想象用这些词来描述你是否合适，在形容词消失时为作答时间，尽快和尽可能准确的作出判断，并按下相应按键。觉得这个词用来描述您是合适的，按鼠标左键表示您【喜欢】，觉得这个词用来描述您是不合适的，按鼠标右键表示您【不喜欢】
-           </p>
-         </div> -->
-        <van-nav-bar
-                :title="subjectInfo.name"
-                left-text="返回"
-                left-arrow
-                @click-left="goBack"
-        />
-
-        <!--<div v-if="!testFlag" class="explan">-->
-            <!--&lt;!&ndash; LOGO  &ndash;&gt;-->
-            <!--&lt;!&ndash;<h1>情绪分类任务（ECAT）</h1>&ndash;&gt;-->
-            <!--<div>-->
-                <!--&lt;!&ndash;<p>请你注视眼前屏幕，注视点“+”过后，你将陆续看到一些形容词，请想象用这些词来描述你是否合适，在形容词消失时为作答时间，尽快和尽可能准确的作出判断，并按下相应按键。觉得这个词用来描述您是合适的，按鼠标左键表示您【喜欢】，觉得这个词用来描述您是不合适的，按鼠标右键表示您【不喜欢】</p>&ndash;&gt;-->
-                <!--<p>{{subjectInfo.mobileTestDescription}}</p>-->
-            <!--</div>-->
-            <!--<div class="btnArea">-->
-                <!--<van-button round block type="info" @click="startTest(1)">开始测试</van-button>-->
-            <!--</div>-->
-        <!--</div>-->
+  <div>
+    <!--  <h1 class="txt-center">
+       任务 2：情绪分类任务（ECAT）——关注情感信息
+     </h1>
+     <div style="width: 650px; margin: 20px auto; line-height: 2">
+       <p style="text-align: left; text-indent: 2em">
+         请你注视眼前屏幕，注视点“+”过后，你将陆续看到一些形容词，请想象用这些词来描述你是否合适，在形容词消失时为作答时间，尽快和尽可能准确的作出判断，并按下相应按键。觉得这个词用来描述您是合适的，按鼠标左键表示您【喜欢】，觉得这个词用来描述您是不合适的，按鼠标右键表示您【不喜欢】
+       </p>
+     </div> -->
+    <van-nav-bar
+      :title="subjectInfo.name"
+      left-arrow
+      left-text="返回"
+      @click-left="goBack"
+    />
 
+    <!--<div v-if="!testFlag" class="explan">-->
+    <!--&lt;!&ndash; LOGO  &ndash;&gt;-->
+    <!--&lt;!&ndash;<h1>情绪分类任务（ECAT）</h1>&ndash;&gt;-->
+    <!--<div>-->
+    <!--&lt;!&ndash;<p>请你注视眼前屏幕，注视点“+”过后，你将陆续看到一些形容词，请想象用这些词来描述你是否合适，在形容词消失时为作答时间，尽快和尽可能准确的作出判断，并按下相应按键。觉得这个词用来描述您是合适的，按鼠标左键表示您【喜欢】，觉得这个词用来描述您是不合适的，按鼠标右键表示您【不喜欢】</p>&ndash;&gt;-->
+    <!--<p>{{subjectInfo.mobileTestDescription}}</p>-->
+    <!--</div>-->
+    <!--<div class="btnArea">-->
+    <!--<van-button round block type="info" @click="startTest(1)">开始测试</van-button>-->
+    <!--</div>-->
+    <!--</div>-->
 
-        <div v-if="testFlag" class="activeTask">
-            <div class="progress-content">
-                <van-progress
-                        :percentage="(currentIndex / 59) * 100"
-                        pivot-text="任务进度"
-                        color="#f2826a"
-                />
-            </div>
-            <p v-show="countDownShow" class="timingBox">{{ countDownStr }}</p>
-            <p v-show="showlist" class="active-img">{{ wordlist[currentIndex].currentword }}</p>
+    <div v-if="testFlag" class="activeTask">
+      <div class="progress-content">
+        <van-progress
+          :percentage="(currentIndex / 59) * 100"
+          color="#f2826a"
+          pivot-text="任务进度"
+        />
+      </div>
+      <p v-show="countDownShow" class="timingBox">{{ countDownStr }}</p>
+      <p v-show="showlist" class="active-img">
+        {{ wordlist[currentIndex].currentword }}
+      </p>
 
-            <div v-show="showWhiteFlag" class="look-point">
-                <img src="../../assets/congnitiveAblitity/whiteFlag-new.png" alt=""/>
-            </div>
+      <div v-show="showWhiteFlag" class="look-point">
+        <img alt="" src="../../assets/congnitiveAblitity/whiteFlag-new.png" />
+      </div>
 
-            <div class="btn-content" v-show="flag">
-                <div class="btn-item">
-                    <van-button size="small" round block type="info" @click="userClick('L')"><van-icon name="arrow-left" /></van-button>
-                </div>
-                <div class="btn-item">
-                    <van-button size="small" round block type="info" @click="userClick('R')"><van-icon name="arrow" /></van-button>
-                </div>
-            </div>
+      <div v-show="flag" class="btn-content">
+        <div class="btn-item">
+          <van-button
+            block
+            round
+            size="small"
+            type="info"
+            @click="userClick('L')"
+          >
+            <van-icon name="arrow-left" />
+          </van-button>
         </div>
+        <div class="btn-item">
+          <van-button
+            block
+            round
+            size="small"
+            type="info"
+            @click="userClick('R')"
+          >
+            <van-icon name="arrow" />
+          </van-button>
+        </div>
+      </div>
     </div>
-
+  </div>
 </template>
 
 <script>
-    export default {
-        name: "ECAT",
-        data() {
-            return {
-                userId: "",
-                userTestResult: {},
-                imgUrl: "",
-                examImgUrl: "",
-                taskId: "", // 认知任务id
-                testFlag: false,
-                testState: false,
-                saveFlag: false, //结果保存按钮显示标志
-                subjectInfo: "", //认知任务详情
-                button0Show: false, // 控制按钮显示隐藏
-                button1Show: true, // 控制按钮显示隐藏
-                button2Show: false,
-                testTypeCode: 0,
-                countDownStr: "马上开始！",
-                countDownShow: true,
-                countDownTime: 6,
-                showWhiteFlag: false,
-                showlist: false, //控制文字显示
-                // showbutton: false, //控制选择按钮显示
-                timeOne: "",
-                timeTwo: "",
-                timeThree: "",
-                timeFour: "",
-                currentIndex: 0,
-                amount:0,
-                negamount:0,
-                average:0,
-                negaverage:0,
-                flag:false,
-                startMilliSeconds: 0,//反应时
-                userResponseRecords:[],//记录喜欢反应
-                // milliSecondsCount:0,
-                wordlist: [
-                    {
-                        index: 1,
-                        currentword: "优秀",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 2,
-                        currentword: "高尚",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 3,
-                        currentword: "聪慧",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 4,
-                        currentword: "崇高",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 5,
-                        currentword: "聪明",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 6,
-                        currentword: "杰出",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 7,
-                        currentword: "伟大",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 8,
-                        currentword: "睿智",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 9,
-                        currentword: "乐观",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 10,
-                        currentword: "渊博",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 11,
-                        currentword: "卓越",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 12,
-                        currentword: "诚实",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 13,
-                        currentword: "爽朗",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 14,
-                        currentword: "热情",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 15,
-                        currentword: "自豪",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 16,
-                        currentword: "正直",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 17,
-                        currentword: "温暖",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 18,
-                        currentword: "勤快",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 19,
-                        currentword: "坚强",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 20,
-                        currentword: "勇敢",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 21,
-                        currentword: "勤奋",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 22,
-                        currentword: "爽快",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 23,
-                        currentword: "恬静",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 24,
-                        currentword: "机智",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 25,
-                        currentword: "有趣",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 26,
-                        currentword: "豪迈",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 27,
-                        currentword: "精干",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 28,
-                        currentword: "热切",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 29,
-                        currentword: "活泼",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 30,
-                        currentword: "认真",
-                        wordtype: "positive",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 31,
-                        currentword: "下贱",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 32,
-                        currentword: "卑劣",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 33,
-                        currentword: "凶狠",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 34,
-                        currentword: "窝囊",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 35,
-                        currentword: "虚伪",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 36,
-                        currentword: "自私",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 37,
-                        currentword: "丑陋",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 38,
-                        currentword: "无能",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 39,
-                        currentword: "愚蠢",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 40,
-                        currentword: "暴躁",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 41,
-                        currentword: "刻薄",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 42,
-                        currentword: "猖狂",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 43,
-                        currentword: "残酷",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 44,
-                        currentword: "狠心",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 45,
-                        currentword: "悲观",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 46,
-                        currentword: "尖刻",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 47,
-                        currentword: "阴沉",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 48,
-                        currentword: "腐朽",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 49,
-                        currentword: "无情",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 50,
-                        currentword: "消极",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 51,
-                        currentword: "自卑",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 52,
-                        currentword: "蛮横",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 53,
-                        currentword: "呆滞",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 54,
-                        currentword: "焦躁",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 55,
-                        currentword: "懒惰",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 56,
-                        currentword: "阴暗",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 57,
-                        currentword: "危险",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 58,
-                        currentword: "粗鲁",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 59,
-                        currentword: "傲慢",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                    {
-                        index: 60,
-                        currentword: "自负",
-                        wordtype: "negative",
-                        userResponse:"",
-                        responseTime: 500,
-                    },
-                ], //词语列表
-            };
-        },
-        created() {
-            this.testPlanId = this.$route.query.testPlanId || '';
-            this.userId = JSON.parse(sessionStorage.getItem("userInfo")).id;
-            this.subjectInfo = JSON.parse(sessionStorage.getItem('subjectInfo'))
-        },
-        mounted() {
-            this.userTestPicListCreate();
-
-            this.$nextTick(() => {
-                this.startTest(1)
-            });
+export default {
+  name: "ECAT",
+  data() {
+    return {
+      userId: "",
+      userTestResult: {},
+      imgUrl: "",
+      examImgUrl: "",
+      taskId: "", // 认知任务id
+      testFlag: false,
+      testState: false,
+      saveFlag: false, //结果保存按钮显示标志
+      subjectInfo: "", //认知任务详情
+      button0Show: false, // 控制按钮显示隐藏
+      button1Show: true, // 控制按钮显示隐藏
+      button2Show: false,
+      testTypeCode: 0,
+      countDownStr: "马上开始！",
+      countDownShow: true,
+      countDownTime: 6,
+      showWhiteFlag: false,
+      showlist: false, //控制文字显示
+      // showbutton: false, //控制选择按钮显示
+      timeOne: "",
+      timeTwo: "",
+      timeThree: "",
+      timeFour: "",
+      currentIndex: 0,
+      amount: 0,
+      negamount: 0,
+      average: 0,
+      negaverage: 0,
+      flag: false,
+      startMilliSeconds: 0, //反应时
+      userResponseRecords: [], //记录喜欢反应
+      // milliSecondsCount:0,
+      wordlist: [
+        {
+          index: 1,
+          currentword: "优秀",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 2,
+          currentword: "高尚",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 3,
+          currentword: "聪慧",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 4,
+          currentword: "崇高",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 5,
+          currentword: "聪明",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 6,
+          currentword: "杰出",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 7,
+          currentword: "伟大",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 8,
+          currentword: "睿智",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 9,
+          currentword: "乐观",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 10,
+          currentword: "渊博",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 11,
+          currentword: "卓越",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 12,
+          currentword: "诚实",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 13,
+          currentword: "爽朗",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 14,
+          currentword: "热情",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 15,
+          currentword: "自豪",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 16,
+          currentword: "正直",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 17,
+          currentword: "温暖",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 18,
+          currentword: "勤快",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 19,
+          currentword: "坚强",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 20,
+          currentword: "勇敢",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 21,
+          currentword: "勤奋",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 22,
+          currentword: "爽快",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 23,
+          currentword: "恬静",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 24,
+          currentword: "机智",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 25,
+          currentword: "有趣",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 26,
+          currentword: "豪迈",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 27,
+          currentword: "精干",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 28,
+          currentword: "热切",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 29,
+          currentword: "活泼",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 30,
+          currentword: "认真",
+          wordtype: "positive",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 31,
+          currentword: "下贱",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 32,
+          currentword: "卑劣",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 33,
+          currentword: "凶狠",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 34,
+          currentword: "窝囊",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 35,
+          currentword: "虚伪",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 36,
+          currentword: "自私",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 37,
+          currentword: "丑陋",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 38,
+          currentword: "无能",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 39,
+          currentword: "愚蠢",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
         },
-        destroyed() {
-            // 清除定时器
-            clearTimeout(this.timeOne);
-            clearTimeout(this.timeTwo);
-            clearTimeout(this.timeThree);
-            clearTimeout(this.timeFour);
-        },
-        methods: {
-            goBack() {
-                if(this.testPlanId) {
-                    //来自测试计划列表
-                    this.$router.push({
-                        name: "testPlanClassify",
-                        params: {
-                            testPlanId: this.testPlanId,
-                        },
-                    });
-                }else {
-                    this.$router.push("/index/cognitionTask");
-                }
-            },
-            countDown() {
-                // 测试时间倒计时
-                this.myInterval = setInterval(() => {
-                    this.countDownTime--;
-                    this.countDownStr = this.countDownTime;
-                    if (this.countDownTime == 0) {
-                        this.countDownShow = false;
-                        //计算测试结果
-                        this.showTargetNow();
-                        // 清除定时器
-                        clearInterval(this.myInterval);
-                        this.countDownTime = 5;
-                    }
-                }, 1000);
-            },
-            userClick(clickFlag) {
-                if(!this.flag){
-                    return;
-                }
-                if (clickFlag === "L") {
-                    this.showlist = false;
-                    this.showWhiteFlag = true;
-                    let milliSecondsCount = new Date().getTime() - this.startMilliSeconds;
-                    console.log(milliSecondsCount)
-                    //记录用户喜欢反应
-                    // 积极词同意统计
-                    if(this.wordlist[this.currentIndex].index <= 30){
-                        this.amount = ++this.amount,//积极词同意个数
-                            this.userResponseRecords.push({
-                                index: this.wordlist[this.currentIndex].index,
-                                // currentword:this.wordlist[this.currentIndex].currentword,
-                                wordtype: this.wordlist[this.currentIndex].wordtype,
-                                responseTime: milliSecondsCount,
-                                userSelectWordType:"1",  //用户选择的情绪类型 1（积极）,0（消极）
-                            })
-                    }
-                    // 消极词同意统计
-                    else if(this.wordlist[this.currentIndex].index > 30){
-                        this.negamount = ++this.negamount,//消极词同意个数
-                            this.userResponseRecords.push({
-                                index: this.wordlist[this.currentIndex].index,
-                                // currentword:this.wordlist[this.currentIndex].currentword,
-                                wordtype: this.wordlist[this.currentIndex].wordtype,
-                                responseTime: milliSecondsCount,
-                                userSelectWordType:"1",//用户选择的情绪类型 1（积极）,0（消极）
-                            })
-                    }
-                    console.log(this.userResponseRecords)
-                    // console.log(this.userResponseRecordsneg)
-                } else if (clickFlag === "R") {
-                    this.showlist = false;
-                    this.showWhiteFlag = true;
-                    let negSecondsCount = new Date().getTime() - this.startMilliSeconds;
-                    // console.log(negSecondsCount)
-                    // 积极词不同意统计
-                    if(this.wordlist[this.currentIndex].index <= 30){
-                        this.userResponseRecords.push({
-                            index: this.wordlist[this.currentIndex].index,
-                            // currentword:this.wordlist[this.currentIndex].currentword,
-                            wordtype: this.wordlist[this.currentIndex].wordtype,
-                            responseTime: negSecondsCount,
-                            userSelectWordType:"0",//用户选择的情绪类型 1（积极）,0（消极）
-                        })
-                    }
-                    // 消极词不同意统计
-                    else if(this.wordlist[this.currentIndex].index > 30){
-                        this.userResponseRecords.push({
-                            index: this.wordlist[this.currentIndex].index,
-                            // currentword:this.wordlist[this.currentIndex].currentword,
-                            wordtype: this.wordlist[this.currentIndex].wordtype,
-                            responseTime: negSecondsCount,
-                            userSelectWordType:"0",//用户选择的情绪类型 1（积极）,0（消极）
-                        })
-                    }
-                    console.log(this.userResponseRecords)
-                    // console.log(this.userResponseRecordsneg)
-                }
-                this.flag=false;
-                // console.log(this.userResponseRecordsneg)
-            },
-            startTest(testType) {
-                if (!sessionStorage.getItem("userInfo")) {
-                    this.$toast("请先登录！");
-                    this.$router.push("/login");
-                    return;
-                }
-                if (testType == 0) {
-                    this.testTypeCode = 0;
-                } else {
-                    this.testTypeCode = 1;
-                }
-                // this.userId = sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f");
-                if (this.testTypeCode == 1) {
-                    this.userTestPicList = [];
-                    this.testFlag = true;
-                    this.testState = true;
-                    this.countDown();
-                    // this.userTestPicListCreate()
-                    console.log(this.wordlist);
+        {
+          index: 40,
+          currentword: "暴躁",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 41,
+          currentword: "刻薄",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 42,
+          currentword: "猖狂",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 43,
+          currentword: "残酷",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 44,
+          currentword: "狠心",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 45,
+          currentword: "悲观",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 46,
+          currentword: "尖刻",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 47,
+          currentword: "阴沉",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 48,
+          currentword: "腐朽",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 49,
+          currentword: "无情",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 50,
+          currentword: "消极",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 51,
+          currentword: "自卑",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 52,
+          currentword: "蛮横",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 53,
+          currentword: "呆滞",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 54,
+          currentword: "焦躁",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 55,
+          currentword: "懒惰",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 56,
+          currentword: "阴暗",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 57,
+          currentword: "危险",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 58,
+          currentword: "粗鲁",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 59,
+          currentword: "傲慢",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        },
+        {
+          index: 60,
+          currentword: "自负",
+          wordtype: "negative",
+          userResponse: "",
+          responseTime: 500
+        }
+      ] //词语列表
+    };
+  },
+  created() {
+    this.testPlanId = this.$route.query.testPlanId || "";
+    this.userId = JSON.parse(sessionStorage.getItem("userInfo")).id;
+    this.subjectInfo = JSON.parse(sessionStorage.getItem("subjectInfo"));
+  },
+  mounted() {
+    this.userTestPicListCreate();
 
-                    // console.log(this.wordlist.length)
-                }
+    this.$nextTick(() => {
+      this.startTest(1);
+    });
+  },
+  destroyed() {
+    // 清除定时器
+    clearTimeout(this.timeOne);
+    clearTimeout(this.timeTwo);
+    clearTimeout(this.timeThree);
+    clearTimeout(this.timeFour);
+  },
+  methods: {
+    goBack() {
+      if (this.testPlanId) {
+        //来自测试计划列表
+        this.$router.push({
+          name: "testPlanClassify",
+          params: {
+            testPlanId: this.testPlanId
+          }
+        });
+      } else {
+        this.$router.push("/index/cognitionTask");
+      }
+    },
+    countDown() {
+      // 测试时间倒计时
+      this.myInterval = setInterval(() => {
+        this.countDownTime--;
+        this.countDownStr = this.countDownTime;
+        if (this.countDownTime == 0) {
+          this.countDownShow = false;
+          //计算测试结果
+          this.showTargetNow();
+          // 清除定时器
+          clearInterval(this.myInterval);
+          this.countDownTime = 5;
+        }
+      }, 1000);
+    },
+    userClick(clickFlag) {
+      if (!this.flag) {
+        return;
+      }
+      if (clickFlag === "L") {
+        this.showlist = false;
+        this.showWhiteFlag = true;
+        let milliSecondsCount = new Date().getTime() - this.startMilliSeconds;
+        console.log(milliSecondsCount);
+        //记录用户喜欢反应
+        // 积极词同意统计
+        if (this.wordlist[this.currentIndex].index <= 30) {
+          (this.amount = ++this.amount), //积极词同意个数
+            this.userResponseRecords.push({
+              index: this.wordlist[this.currentIndex].index,
+              // currentword:this.wordlist[this.currentIndex].currentword,
+              wordtype: this.wordlist[this.currentIndex].wordtype,
+              responseTime: milliSecondsCount,
+              userSelectWordType: "1" //用户选择的情绪类型 1（积极）,0（消极）
+            });
+        }
+        // 消极词同意统计
+        else if (this.wordlist[this.currentIndex].index > 30) {
+          (this.negamount = ++this.negamount), //消极词同意个数
+            this.userResponseRecords.push({
+              index: this.wordlist[this.currentIndex].index,
+              // currentword:this.wordlist[this.currentIndex].currentword,
+              wordtype: this.wordlist[this.currentIndex].wordtype,
+              responseTime: milliSecondsCount,
+              userSelectWordType: "1" //用户选择的情绪类型 1（积极）,0（消极）
+            });
+        }
+        console.log(this.userResponseRecords);
+        // console.log(this.userResponseRecordsneg)
+      } else if (clickFlag === "R") {
+        this.showlist = false;
+        this.showWhiteFlag = true;
+        let negSecondsCount = new Date().getTime() - this.startMilliSeconds;
+        // console.log(negSecondsCount)
+        // 积极词不同意统计
+        if (this.wordlist[this.currentIndex].index <= 30) {
+          this.userResponseRecords.push({
+            index: this.wordlist[this.currentIndex].index,
+            // currentword:this.wordlist[this.currentIndex].currentword,
+            wordtype: this.wordlist[this.currentIndex].wordtype,
+            responseTime: negSecondsCount,
+            userSelectWordType: "0" //用户选择的情绪类型 1（积极）,0（消极）
+          });
+        }
+        // 消极词不同意统计
+        else if (this.wordlist[this.currentIndex].index > 30) {
+          this.userResponseRecords.push({
+            index: this.wordlist[this.currentIndex].index,
+            // currentword:this.wordlist[this.currentIndex].currentword,
+            wordtype: this.wordlist[this.currentIndex].wordtype,
+            responseTime: negSecondsCount,
+            userSelectWordType: "0" //用户选择的情绪类型 1（积极）,0（消极）
+          });
+        }
+        console.log(this.userResponseRecords);
+        // console.log(this.userResponseRecordsneg)
+      }
+      this.flag = false;
+      // console.log(this.userResponseRecordsneg)
+    },
+    startTest(testType) {
+      if (!sessionStorage.getItem("userInfo")) {
+        this.$toast("请先登录！");
+        this.$router.push("/login");
+        return;
+      }
+      if (testType == 0) {
+        this.testTypeCode = 0;
+      } else {
+        this.testTypeCode = 1;
+      }
+      // this.userId = sessionStorage.getItem("b80bb7740288fda1f201890375a60c8f");
+      if (this.testTypeCode == 1) {
+        this.userTestPicList = [];
+        this.testFlag = true;
+        this.testState = true;
+        this.countDown();
+        // this.userTestPicListCreate()
+        console.log(this.wordlist);
 
-                // preloader(this.userTestPicList, () => {
-                //   this.testFlag = true;
-                //   this.testState = true;
-                //   this.countDown();
-                // });
-            },
-            // 时间定时器
-            showTargetNow() {
-                var time = 4000;
-                this.showWhiteFlag = true;
-                this.flag = false;
-                this.showlist = false;
-                this.timeTwo = setTimeout(() => {
-                    this.showWhiteFlag = false;
-                    this.showlist = true;
-                    this.flag = true;
-                    this.startMilliSeconds = new Date().getTime();
-                    this.timeThree = setTimeout(() => {
-                        this.showlist = false;
-                    }, 1000);
-                }, 1000);
-                this.timeOne = setInterval(() => {
-                    this.showWhiteFlag = true;
-                    this.showlist = false;
-                    this.flag = false;
-                    // this.showbutton = false;
-                    this.timeTwo = setTimeout(() => {
-                        this.flag = true;
-                        this.showWhiteFlag = false;
-                        this.showlist = true;
-                        this.startMilliSeconds = new Date().getTime();
-                        this.timeThree = setTimeout(() => {
-                            this.showlist = false;
-                            // this.showbutton = true;
-                        }, 1000);
-                    }, 1000);
-                    if (this.currentIndex == 59) {
-                        this.testEnd();
-                    } else {
-                        this.currentIndex++;
-                    }
-                }, time);
-            },
-            // 打乱数组顺序
-            userTestPicListCreate() {
-                for (var i = this.wordlist.length - 1; i >= 0; i--) {
-                    var randomIndex = Math.floor(Math.random() * (i + 1));
-                    var itemAtIndex = this.wordlist[randomIndex];
-                    this.wordlist[randomIndex] = this.wordlist[i];
-                    this.wordlist[i] = itemAtIndex;
-                }
-            },
-            meanresponseTime(){
-                var sum = 0,index = 0,negsum = 0,oppcount = 0,negcount = 0;
-                for(var i=0; i<this.userResponseRecords.length;i++){
-                    if(this.userResponseRecords[index].index <= 30){
-                        sum += this.userResponseRecords[index].responseTime;
-                        index++;
-                        oppcount++;
-                    }
-                    else if(this.userResponseRecords[index].index >30 ){
-                        negsum += this.userResponseRecords[index].responseTime;
-                        index++;
-                        negcount++;
-                    }
-                    // console.log(index)
-                }
-                console.log(oppcount)
-                this.average = sum/index   // 计算积极词语平均反应时
-                console.log(this.average)
-                console.log(negcount)
-                this.negaverage = negsum/negcount  // 计算消极词语平均反应时
-                console.log(this.negaverage)
-            },
-            testEnd() {
-                clearInterval(this.timeOne);
-                clearInterval(this.timeTwo);
-                this.showWhiteFlag = false;
-                this.testFlag = false;
-                this.testState = false;
-                this.button1Show = false;
-                // this.button2Show = true;
-                this.meanresponseTime();
+        // console.log(this.wordlist.length)
+      }
 
-                // this.$http.post(`/cognize/ECAT`,{
-                //         userId: this.userId,
-                //         testPlanId: this.testPlanId,
-                //         data: this.userResponseRecords,
-                //         result:{
-                //             posNum:this.amount + "个",  //积极个数
-                //             negNum:this.negamount + "个", //消极个数
-                //             posAverageTime:(this.average).toFixed(2) + "ms", //积极平均反应时
-                //             negAverageTime:(this.negaverage).toFixed(2) + "ms"//消极平均反应时
-                //         }
-                //     },(response) => {
-                //
-                //         if (response?.code == 200) {
-                //             sessionStorage.setItem("resultInfo", JSON.stringify(response.data));
-                //             this.$router.push(`/cognitiveTestResult?from=1&testPlanId=${this.testPlanId}`);
-                //
-                //         } else {
-                //             this.$toast.fail(response?.msg);
-                //         }
-                // },(err) => {
-                //     this.$toast.fail(err.msg);
-                // });
+      // preloader(this.userTestPicList, () => {
+      //   this.testFlag = true;
+      //   this.testState = true;
+      //   this.countDown();
+      // });
+    },
+    // 时间定时器
+    showTargetNow() {
+      var time = 4000;
+      this.showWhiteFlag = true;
+      this.flag = false;
+      this.showlist = false;
+      this.timeTwo = setTimeout(() => {
+        this.showWhiteFlag = false;
+        this.showlist = true;
+        this.flag = true;
+        this.startMilliSeconds = new Date().getTime();
+        this.timeThree = setTimeout(() => {
+          this.showlist = false;
+        }, 1000);
+      }, 1000);
+      this.timeOne = setInterval(() => {
+        this.showWhiteFlag = true;
+        this.showlist = false;
+        this.flag = false;
+        // this.showbutton = false;
+        this.timeTwo = setTimeout(() => {
+          this.flag = true;
+          this.showWhiteFlag = false;
+          this.showlist = true;
+          this.startMilliSeconds = new Date().getTime();
+          this.timeThree = setTimeout(() => {
+            this.showlist = false;
+            // this.showbutton = true;
+          }, 1000);
+        }, 1000);
+        if (this.currentIndex == 59) {
+          this.testEnd();
+        } else {
+          this.currentIndex++;
+        }
+      }, time);
+    },
+    // 打乱数组顺序
+    userTestPicListCreate() {
+      for (var i = this.wordlist.length - 1; i >= 0; i--) {
+        var randomIndex = Math.floor(Math.random() * (i + 1));
+        var itemAtIndex = this.wordlist[randomIndex];
+        this.wordlist[randomIndex] = this.wordlist[i];
+        this.wordlist[i] = itemAtIndex;
+      }
+    },
+    meanresponseTime() {
+      var sum = 0,
+        index = 0,
+        negsum = 0,
+        oppcount = 0,
+        negcount = 0;
+      for (var i = 0; i < this.userResponseRecords.length; i++) {
+        if (this.userResponseRecords[index].index <= 30) {
+          sum += this.userResponseRecords[index].responseTime;
+          index++;
+          oppcount++;
+        } else if (this.userResponseRecords[index].index > 30) {
+          negsum += this.userResponseRecords[index].responseTime;
+          index++;
+          negcount++;
+        }
+        // console.log(index)
+      }
+      console.log(oppcount);
+      this.average = sum / index; // 计算积极词语平均反应时
+      console.log(this.average);
+      console.log(negcount);
+      this.negaverage = negsum / negcount; // 计算消极词语平均反应时
+      console.log(this.negaverage);
+    },
+    testEnd() {
+      clearInterval(this.timeOne);
+      clearInterval(this.timeTwo);
+      this.showWhiteFlag = false;
+      this.testFlag = false;
+      this.testState = false;
+      this.button1Show = false;
+      // this.button2Show = true;
+      this.meanresponseTime();
 
-                let result = {
-                    data: this.userResponseRecords,
-                    result:{
-                        posNum:this.amount + "个",  //积极个数
-                        negNum:this.negamount + "个", //消极个数
-                        posAverageTime:(this.average).toFixed(2) + "ms", //积极平均反应时
-                        negAverageTime:(this.negaverage).toFixed(2) + "ms"//消极平均反应时
-                    }
-                };
+      // this.$http.post(`/cognize/ECAT`,{
+      //         userId: this.userId,
+      //         testPlanId: this.testPlanId,
+      //         data: this.userResponseRecords,
+      //         result:{
+      //             posNum:this.amount + "个",  //积极个数
+      //             negNum:this.negamount + "个", //消极个数
+      //             posAverageTime:(this.average).toFixed(2) + "ms", //积极平均反应时
+      //             negAverageTime:(this.negaverage).toFixed(2) + "ms"//消极平均反应时
+      //         }
+      //     },(response) => {
+      //
+      //         if (response?.code == 200) {
+      //             sessionStorage.setItem("resultInfo", JSON.stringify(response.data));
+      //             this.$router.push(`/cognitiveTestResult?from=1&testPlanId=${this.testPlanId}`);
+      //
+      //         } else {
+      //             this.$toast.fail(response?.msg);
+      //         }
+      // },(err) => {
+      //     this.$toast.fail(err.msg);
+      // });
 
-                this.$store.dispatch("setVocabularyClassify", result);
+      let result = {
+        data: this.userResponseRecords,
+        result: {
+          posNum: this.amount + "个", //积极个数
+          negNum: this.negamount + "个", //消极个数
+          posAverageTime: this.average.toFixed(2) + "ms", //积极平均反应时
+          negAverageTime: this.negaverage.toFixed(2) + "ms" //消极平均反应时
+        }
+      };
 
-                this.$dialog.alert({
-                    title: '提示',
-                    message: '词汇分类任务结束，接下来进行词汇回忆测试，您有十秒中的休息时间。请按确定按钮继续。',
-                }).then(() => {
-                    // on close
-                    this.$router.push({name: "EREC", params: {}})
-                });
+      this.$store.dispatch("setVocabularyClassify", result);
 
-                this.$toast.success('测试完成');
-            },
-        },
+      this.$dialog
+        .alert({
+          title: "提示",
+          message:
+            "词汇分类任务结束，接下来进行词汇回忆测试，您有十秒钟的休息时间。请按确定按钮继续。"
+        })
+        .then(() => {
+          // on close
+          this.$router.push({ name: "EREC", params: {} });
+        });
 
+      this.$toast.success("测试完成");
     }
+  }
+};
 </script>
 
 <style scoped>
-    .explan {
-        box-sizing: border-box;
-        padding: 46px 15px 0;
-    }
-    .explan h1 {
-        font-size: 16px;
-        color: #222222;
-        text-align: center;
-    }
-    .explan p {
-        font-size: 14px;
-        color: #666666;
-        line-height: 26px;
-        text-indent: 15px;
-        margin: 20px 0 20px;
-    }
-    .activeTask {
-        box-sizing: border-box;
-        padding-top: 46px;
-        width: 100%;
-        height: 100%;
-        background: url("../../assets/congnitiveAblitity/rememberAbilityTask.png") no-repeat center;
-        background-size: cover;
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-    }
-    .progress-content {
-        position: absolute;
-        width: 100%;
-        height: 20px;
-        left: 0;
-        top: 60px;
-        box-sizing: border-box;
-        padding: 4px 10px;
-    }
-    .timingBox {
-        position:absolute;
-        top:50%;
-        left:50%;
-        transform:translate(-50%,-50%);
-        color:black;
-        font-size:18px;
-        text-align:center;
-        line-height:50px;
-        margin:0 auto;
-        z-index: 10;
-    }
-    .look-point {
-        position: absolute;
-        width: 100%;
-        /*height: 100%;*/
-        top:50%;
-        left:50%;
-        transform:translate(-50%,-50%);
-        z-index: 10;
-        text-align: center;
-    }
-    .look-point img{
-        width: 50px;
-        height: 50px;
-    }
-    .active-img {
-        position: absolute;
-        font-size: 36px;
-        text-align: center;
-        width: 100%;
-        top:50%;
-        left:50%;
-        transform:translate(-50%,-50%);
-        z-index: 10;
-        box-sizing: border-box;
-        padding: 0 5px;
-    }
-    .btn-content {
-        position: absolute;
-        width: 100%;
-        left: 50%;
-        bottom: 10%;
-        transform:translate(-50%,0);
-        text-align: center;
-        z-index: 10;
-        display: flex;
-        flex-direction: row;
-        justify-content: space-around;
-        align-items: center;
-        box-sizing: border-box;
-        padding: 0 5px;
-    }
-    .btn-content .btn-item {
-        /*margin: 10px 0;*/
-        width: 30%;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-around;
-        /*align-items: center;*/
-    }
-    .btn-content .btn-item /deep/.van-button{
-        margin: 35px 0;
-    }
+.explan {
+  box-sizing: border-box;
+  padding: 46px 15px 0;
+}
+
+.explan h1 {
+  font-size: 16px;
+  color: #222222;
+  text-align: center;
+}
+
+.explan p {
+  font-size: 14px;
+  color: #666666;
+  line-height: 26px;
+  text-indent: 15px;
+  margin: 20px 0 20px;
+}
+
+.activeTask {
+  box-sizing: border-box;
+  padding-top: 46px;
+  width: 100%;
+  height: 100%;
+  background: url("../../assets/congnitiveAblitity/rememberAbilityTask.png")
+    no-repeat center;
+  background-size: cover;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.progress-content {
+  position: absolute;
+  width: 100%;
+  height: 20px;
+  left: 0;
+  top: 60px;
+  box-sizing: border-box;
+  padding: 4px 10px;
+}
+
+.timingBox {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: black;
+  font-size: 18px;
+  text-align: center;
+  line-height: 50px;
+  margin: 0 auto;
+  z-index: 10;
+}
+
+.look-point {
+  position: absolute;
+  width: 100%;
+  /*height: 100%;*/
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 10;
+  text-align: center;
+}
+
+.look-point img {
+  width: 50px;
+  height: 50px;
+}
+
+.active-img {
+  position: absolute;
+  font-size: 36px;
+  text-align: center;
+  width: 100%;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 10;
+  box-sizing: border-box;
+  padding: 0 5px;
+}
+
+.btn-content {
+  position: absolute;
+  width: 100%;
+  left: 50%;
+  bottom: 10%;
+  transform: translate(-50%, 0);
+  text-align: center;
+  z-index: 10;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 0 5px;
+}
+
+.btn-content .btn-item {
+  /*margin: 10px 0;*/
+  width: 30%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  /*align-items: center;*/
+}
 
-</style>
+.btn-content .btn-item /deep/ .van-button {
+  margin: 35px 0;
+}
+</style>

src/views/cognitiveTask/EREC.vue

@@ -45,8 +45,8 @@
                 size="small"
                 type="primary"
                 @click="handleInputConfirm"
-                >确定</van-button
-              >
+                >确定
+              </van-button>
             </template>
           </van-field>
           <div class="eltag">
@@ -65,8 +65,8 @@
         </div>
         <div class="btnArea">
           <van-button block round type="primary" @click="userClick"
-            >保存</van-button
-          >
+            >保存
+          </van-button>
         </div>
       </div>
     </div>
@@ -593,7 +593,7 @@ export default {
         .alert({
           title: "提示",
           message:
-            "词汇回忆任务结束，接下来进行词汇识别测试，您有十秒中的休息时间。请按确定按钮继续"
+            "词汇回忆任务结束，接下来进行词汇识别测试，您有十秒钟的休息时间。请按确定按钮继续"
         })
         .then(() => {
           // on close

src/views/cognitiveTask/movementPerception.vue

@@ -139,7 +139,7 @@
                   block
                   round
                   size="small"
-                  type="primary"
+                  type="info"
                   @click="userClick(37)"
                 >
                   <van-icon name="arrow-left" />

src/views/cognitiveTask/movementPerceptionChild.vue

@@ -17,8 +17,8 @@
           round
           type="primary"
           @click="startTest()"
-          >{{ buttonName }}</van-button
-        >
+          >{{ buttonName }}
+        </van-button>
       </div>
     </div>
 
@@ -844,5 +844,6 @@ export default {
 
 .btn-content .btn-item /deep/ .van-button {
   margin: 30px 0;
+  color: #2c3e50;
 }
 </style>

src/views/cognitiveTask/prospectiveMemoryAbility.vue

@@ -521,89 +521,89 @@ export default {
         }
       ],
       name1: [
-        { flagid: 3, idiomName: "笔记本" },
-        { flagid: 3, idiomName: "越野车" },
-        { flagid: 3, idiomName: "显示器" },
-        { flagid: 3, idiomName: "一望无际" },
-        { flagid: 3, idiomName: "一触即发" },
-        { flagid: 3, idiomName: "半信半疑" },
-        { flagid: 3, idiomName: "空气污染" },
-        { flagid: 3, idiomName: "反复无常" },
-        { flagid: 3, idiomName: "拂袖而去" },
-        { flagid: 3, idiomName: "飞黄腾达" },
-        { flagid: 3, idiomName: "风花雪月" },
-        { flagid: 3, idiomName: "冠冕堂皇" },
-        { flagid: 3, idiomName: "宾至如归" },
-        { flagid: 3, idiomName: "会议室" },
-        { flagid: 3, idiomName: "人工智能" },
-        { flagid: 3, idiomName: "芯片封装" },
-        { flagid: 3, idiomName: "门诊楼" },
-        { flagid: 3, idiomName: "贸易战" },
-        { flagid: 3, idiomName: "环境保护" },
-        { flagid: 3, idiomName: "摩天大楼" },
+        { flagid: 3, idiomName: "王者荣耀" },
+        { flagid: 3, idiomName: "淘宝商家" },
+        { flagid: 3, idiomName: "英雄联盟" },
+        { flagid: 3, idiomName: "兰州拉面" },
+        { flagid: 3, idiomName: "釜山料理" },
+        { flagid: 3, idiomName: "建筑工人" },
+        { flagid: 3, idiomName: "警察叔叔" },
+        { flagid: 3, idiomName: "记忆检查" },
+        { flagid: 3, idiomName: "抽样调查" },
+        { flagid: 3, idiomName: "出门旅行" },
+        { flagid: 3, idiomName: "清扫房间" },
+        { flagid: 3, idiomName: "翻看笔记" },
+        { flagid: 3, idiomName: "准备考试" },
+        { flagid: 3, idiomName: "外面下雨" },
+        { flagid: 3, idiomName: "出门运动" },
+        { flagid: 3, idiomName: "点个外卖" },
+        { flagid: 3, idiomName: "颜色填充" },
+        { flagid: 3, idiomName: "邮件发送" },
+        { flagid: 3, idiomName: "买一瓶水" },
+        { flagid: 3, idiomName: "同事聚餐" },
 
-        { flagid: 2, idiomName: "战斗机" },
-        { flagid: 2, idiomName: "目标锁定" },
-        { flagid: 2, idiomName: "空地导弹" },
-        { flagid: 2, idiomName: "空空导弹" },
-        { flagid: 2, idiomName: "对地打击" },
-        { flagid: 2, idiomName: "对空防御" },
-        { flagid: 2, idiomName: "空速校准" },
-        { flagid: 2, idiomName: "失速警告" },
-        { flagid: 2, idiomName: "空地通信" },
-        { flagid: 2, idiomName: "敌我识别" },
-        { flagid: 2, idiomName: "紧急迫降" },
-        { flagid: 2, idiomName: "作战半径" },
-        { flagid: 2, idiomName: "电子对抗" },
-        { flagid: 2, idiomName: "滑跑方向" },
-        { flagid: 2, idiomName: "航迹偏差" },
-        { flagid: 2, idiomName: "滚转" },
-        { flagid: 2, idiomName: "抬轮" },
-        { flagid: 2, idiomName: "航迹角" },
-        { flagid: 2, idiomName: "地面效应" },
-        { flagid: 2, idiomName: "起落架" },
+        { flagid: 2, idiomName: "山清水秀" },
+        { flagid: 2, idiomName: "春暖花开" },
+        { flagid: 2, idiomName: "张灯结彩" },
+        { flagid: 2, idiomName: "十全十美" },
+        { flagid: 2, idiomName: "三心二意" },
+        { flagid: 2, idiomName: "诗情画意" },
+        { flagid: 2, idiomName: "美中不足" },
+        { flagid: 2, idiomName: "水深火热" },
+        { flagid: 2, idiomName: "先入为主" },
+        { flagid: 2, idiomName: "面红耳赤" },
+        { flagid: 2, idiomName: "你追我赶" },
+        { flagid: 2, idiomName: "古今中外" },
+        { flagid: 2, idiomName: "南来北往" },
+        { flagid: 2, idiomName: "念念不忘" },
+        { flagid: 2, idiomName: "别有洞天" },
+        { flagid: 2, idiomName: "百花齐放" },
+        { flagid: 2, idiomName: "答非所问" },
+        { flagid: 2, idiomName: "拔苗助长" },
+        { flagid: 2, idiomName: "瓜田李下" },
+        { flagid: 2, idiomName: "坐井观天" },
 
-        { flagid: 1, idiomName: "飞行高度" },
-        { flagid: 1, idiomName: "升降舵" },
-        { flagid: 1, idiomName: "高度计" },
-        { flagid: 1, idiomName: "指南针" },
-        { flagid: 1, idiomName: "紧急下降" },
-        { flagid: 1, idiomName: "下降气流" },
-        { flagid: 1, idiomName: "上升气流" },
-        { flagid: 1, idiomName: "低空飞行" },
-        { flagid: 1, idiomName: "高度保持" },
-        { flagid: 1, idiomName: "标高" },
-        { flagid: 1, idiomName: "东向航线" },
-        { flagid: 1, idiomName: "东磁航向" },
-        { flagid: 1, idiomName: "西方飞行" },
-        { flagid: 1, idiomName: "北向气流" },
-        { flagid: 1, idiomName: "南风面" },
-        { flagid: 1, idiomName: "中央航路" },
-        { flagid: 1, idiomName: "推力反推" },
-        { flagid: 1, idiomName: "进近" },
-        { flagid: 1, idiomName: "下降方向" },
-        { flagid: 1, idiomName: "低空飞行" },
+        { flagid: 1, idiomName: "小羊吃草" },
+        { flagid: 1, idiomName: "猫吃老鼠" },
+        { flagid: 1, idiomName: "蟑螂恶霸" },
+        { flagid: 1, idiomName: "蜻蜓在飞" },
+        { flagid: 1, idiomName: "两只蝴蝶" },
+        { flagid: 1, idiomName: "老虎吃肉" },
+        { flagid: 1, idiomName: "斗牛勇士" },
+        { flagid: 1, idiomName: "打虎英雄" },
+        { flagid: 1, idiomName: "老人与狗" },
+        { flagid: 1, idiomName: "牧民放羊" },
+        { flagid: 1, idiomName: "小狗可爱" },
+        { flagid: 1, idiomName: "狐狸狡猾" },
+        { flagid: 1, idiomName: "温柔小羊" },
+        { flagid: 1, idiomName: "牛肉拉面" },
+        { flagid: 1, idiomName: "澳洲牛排" },
+        { flagid: 1, idiomName: "羊肉火锅" },
+        { flagid: 1, idiomName: "小鱼游动" },
+        { flagid: 1, idiomName: "海豚表演" },
+        { flagid: 1, idiomName: "海狮顶球" },
+        { flagid: 1, idiomName: "清晨鸟叫" },
 
-        { flagid: 1, idiomName: "南来北往" },
-        { flagid: 1, idiomName: "无问东西" },
-        { flagid: 1, idiomName: "七上八下" },
-        { flagid: 1, idiomName: "下楼" },
-        { flagid: 1, idiomName: "高山流水" },
-        { flagid: 1, idiomName: "北极圈" },
-        { flagid: 1, idiomName: "日薄西山" },
-        { flagid: 1, idiomName: "中流砥柱" },
-        { flagid: 1, idiomName: "东窗事发" },
-        { flagid: 1, idiomName: "北斗星" },
-        { flagid: 1, idiomName: "南辕北辙" },
-        { flagid: 1, idiomName: "南腔北调" },
-        { flagid: 1, idiomName: "西装革履" },
-        { flagid: 1, idiomName: "自上而下" },
-        { flagid: 1, idiomName: "下不为例" },
-        { flagid: 1, idiomName: "东施效颦" },
-        { flagid: 1, idiomName: "东山再起" },
-        { flagid: 1, idiomName: "西北坡" },
-        { flagid: 1, idiomName: "西部开发" },
-        { flagid: 1, idiomName: "南京市" }
+        { flagid: 1, idiomName: "走马观花" },
+        { flagid: 1, idiomName: "一马当先" },
+        { flagid: 1, idiomName: "龙马精神" },
+        { flagid: 1, idiomName: "煮鹤烧琴" },
+        { flagid: 1, idiomName: "蜻蜓点水" },
+        { flagid: 1, idiomName: "蜂虿有毒" },
+        { flagid: 1, idiomName: "呼牛呼马" },
+        { flagid: 1, idiomName: "放虎归山" },
+        { flagid: 1, idiomName: "鹰觑鹘望" },
+        { flagid: 1, idiomName: "犬马之劳" },
+        { flagid: 1, idiomName: "溜须拍马" },
+        { flagid: 1, idiomName: "狼心狗肺" },
+        { flagid: 1, idiomName: "土龙刍狗" },
+        { flagid: 1, idiomName: "鱼龙曼延" },
+        { flagid: 1, idiomName: "为渊驱鱼" },
+        { flagid: 1, idiomName: "狐裘羔袖" },
+        { flagid: 1, idiomName: "独占鳌头" },
+        { flagid: 1, idiomName: "龙蛇混杂" },
+        { flagid: 1, idiomName: "五马分尸" },
+        { flagid: 1, idiomName: "鱼目混珠" }
 
         //
         //

src/views/cognitiveTask/shapeIntuition2.vue

@@ -132,7 +132,7 @@
                 block
                 round
                 size="small"
-                type="primary"
+                type="info"
                 @click="userClick('L')"
               >
                 <van-icon name="arrow-left" />