From 893e9c9762ada58bab164db388debbbd2f3853ab Mon Sep 17 00:00:00 2001
From: 18571350067 <d20019898>
Date: Sat, 26 Feb 2022 09:32:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=B2=E5=8F=82=E5=8A=A0=E8=80=83=E8=AF=95?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/myexam/index.vue | 148 +++++++++++++++++--------------------
 1 file changed, 68 insertions(+), 80 deletions(-)

diff --git a/src/views/myexam/index.vue b/src/views/myexam/index.vue
index ba028b8..0aed5e8 100644
--- a/src/views/myexam/index.vue
+++ b/src/views/myexam/index.vue
@@ -1,11 +1,7 @@
 <template>
   <a-card :bordered="false" :loading="loading">
     <div class="table-page-search-wrapper">
-      <SearchCom
-        :form="queryParam"
-        :list="queryOptions"
-        @search="handleRefresh"
-        @reset="
+      <SearchCom :form="queryParam" :list="queryOptions" @search="handleRefresh" @reset="
           () => {
             queryParam = {}
             handleRefresh()
@@ -15,12 +11,7 @@
     </br>
     <a-tabs :default-active-key="activeTab" @change="(key)=>{activeTab = key}">
       <a-tab-pane key="1" tab="预约考试">
-        <s-table
-          ref="examTable"
-          :pageSize="5"
-          :columns="examColumns"
-          :data="loadExamData"
-          :rowKey="record => record.id">
+        <s-table ref="examTable" :pageSize="5" :columns="examColumns" :data="loadExamData" :rowKey="record => record.id">
           <span slot="index" slot-scope="text, record, index">
             {{ index + 1 }}
           </span>
@@ -34,22 +25,20 @@
             {{ record.examTime }}分钟
           </template>
           <span slot="action" slot-scope="text, record">
-              <a v-if="record.examCondition === 2" @click="handlerMarker(record)">预约考试</a>
-              <a v-if="record.examCondition === 1" @click="handlerGoReport(record)">查看详情</a>
-              <a v-if="record.examCondition === 3" @click="handlerGoExam(record)">进入考试</a>
+            <a v-if="record.examCondition === 2" @click="handlerMarker(record)">预约考试</a>
+            <a v-if="record.examCondition === 1" @click="handlerGoReport(record)">查看详情</a>
+            <a v-if="record.examCondition === 3" @click="handlerGoExam(record)">进入考试</a>
           </span>
         </s-table>
       </a-tab-pane>
       <a-tab-pane key="2" tab="已参加考试">
-        <s-table
-          ref="examDoneTable"
-          :pageSize="5"
-          :columns="examDoneColumns"
-          :data="loadExamDoneData"
-          :rowKey="record => record.id">
+        <s-table ref="examDoneTable" :pageSize="5" :columns="examDoneColumns" :data="loadExamDoneData" :rowKey="record => record.id">
           <span slot="index" slot-scope="text, record, index">
             {{ index + 1 }}
           </span>
+          <template slot="testType" slot-scope="text, record">
+            <a-tag>record.candidateNo</a-tag>
+          </template>
           <template slot="testType" slot-scope="text, record">
             <a-tag v-if="record.testType == '1'" color="red">线上</a-tag>
           </template>
@@ -72,165 +61,164 @@
 </template>
 
 <script>
-import { STable, SearchCom } from '@/components'
-import { reqExamList, reqExamAttendList, reqExamSubscribe } from '@/api/myexam/exam'
-import { dictionaryDropDown } from '@/api/sys/dictionaryItem'
-import { dictToTree } from '@/utils/util'
-import { dictGet } from '@/api/project/project'
+import { STable, SearchCom } from '@/components';
+import { reqExamList, reqExamAttendList, reqExamSubscribe } from '@/api/myexam/exam';
+import { dictionaryDropDown } from '@/api/sys/dictionaryItem';
+import { dictToTree } from '@/utils/util';
+import { dictGet } from '@/api/project/project';
 
 export default {
   components: { STable, SearchCom },
-  data () {
+  data() {
     return {
       loading: false,
       activeTab: '1',
       queryParam: {
-        examClassify: '' // 课程分类
+        examClassify: '', // 课程分类
       },
       queryOptions: [
-        { type: 'select-dic-tree', placeholder: '课程分类', key: 'examClassify', options: [] }
+        { type: 'select-dic-tree', placeholder: '课程分类', key: 'examClassify', options: [] },
       ],
       examColumns: [
         {
           title: '序号',
           width: '80px',
           scopedSlots: { customRender: 'index' },
-          align: 'center'
+          align: 'center',
         },
         {
           title: '考试科目',
-          dataIndex: 'projectName'
+          dataIndex: 'projectName',
         },
         {
           title: '准考证号',
-          dataIndex: 'candidateNo'
+          dataIndex: 'candidateNo',
         },
         {
           title: '考试形式',
           dataIndex: 'testType',
-          scopedSlots: { customRender: 'testType' }
+          scopedSlots: { customRender: 'testType' },
         },
         {
           title: '考试时间',
-          dataIndex: 'examSdate'
+          dataIndex: 'examSdate',
         },
         {
           title: '考试时长',
           dataIndex: 'examTime',
-          scopedSlots: { customRender: 'examTime' }
+          scopedSlots: { customRender: 'examTime' },
         },
         {
           title: '考试资格',
           dataIndex: 'zige',
-          scopedSlots: { customRender: 'zige' }
+          scopedSlots: { customRender: 'zige' },
         },
         {
           title: '操作',
           width: '150px',
           dataIndex: 'action',
-          scopedSlots: { customRender: 'action' }
-        }
+          scopedSlots: { customRender: 'action' },
+        },
       ],
       examDoneColumns: [
         {
           title: '序号',
           width: '80px',
           scopedSlots: { customRender: 'index' },
-          align: 'center'
+          align: 'center',
         },
         {
           title: '考试科目',
-          dataIndex: 'projectName'
+          dataIndex: 'projectName',
         },
         {
           title: '准考证号',
-          dataIndex: 'candidateNo'
+          dataIndex: 'candidateNo',
         },
         {
           title: '考试形式',
           dataIndex: 'testType',
-          scopedSlots: { customRender: 'testType' }
+          scopedSlots: { customRender: 'testType' },
         },
         {
           title: '答卷时间',
-          dataIndex: 'practiceSdate'
+          dataIndex: 'submitTime',
         },
         {
           title: '考试时长',
           dataIndex: 'examTime',
-          scopedSlots: { customRender: 'examTime' }
+          scopedSlots: { customRender: 'examTime' },
         },
         {
           title: '考试成绩',
-          dataIndex: 'score'
+          dataIndex: 'score',
         },
         {
           title: '操作',
           width: '150px',
           dataIndex: 'action',
-          scopedSlots: { customRender: 'action' }
-        }
+          scopedSlots: { customRender: 'action' },
+        },
       ],
       loadExamData: parameter => {
         return reqExamList(Object.assign(parameter, this.queryParam)).then(res => {
-          return res
-        })
+          return res;
+        });
       },
       loadExamDoneData: parameter => {
         return reqExamAttendList(Object.assign(parameter, this.queryParam)).then(res => {
-          return res
-        })
-      }
-    }
+          return res;
+        });
+      },
+    };
   },
-  mounted () {
-    this.dictionaryDropDown()
+  mounted() {
+    this.dictionaryDropDown();
   },
   methods: {
-    dictionaryDropDown () {
-      dictGet({ type: 1 }).then((res) => {
-        this.queryOptions[0].options = res.data
-				this.loading = false
-      })
+    dictionaryDropDown() {
+      dictGet({ type: 1 }).then(res => {
+        this.queryOptions[0].options = res.data;
+        this.loading = false;
+      });
     },
     // 搜索
-    handleRefresh () {
-      const { activeTab } = this
-      console.log('activeTab', activeTab)
+    handleRefresh() {
+      const { activeTab } = this;
+      console.log('activeTab', activeTab);
       if (activeTab === '1') {
-        this.$refs.examTable.refresh()
+        this.$refs.examTable.refresh();
       } else {
-        this.$refs.examDoneTable.refresh()
+        this.$refs.examDoneTable.refresh();
       }
     },
     // 预约考试
-    handlerMarker (data) {
-      const _this = this
+    handlerMarker(data) {
+      const _this = this;
       this.$confirm({
         title: '提示',
         content: '确定要预约考试吗?',
-        onOk () {
+        onOk() {
           reqExamSubscribe({ projectId: data.id }).then(res => {
-            _this.$message.success('预约成功!')
-            _this.handleRefresh()
-          })
+            _this.$message.success('预约成功!');
+            _this.handleRefresh();
+          });
         },
-        onCancel () {}
-      })
+        onCancel() {},
+      });
     },
-    handlerGoExam (row) {
+    handlerGoExam(row) {
       // 考试前5分钟才能进入考试界面(待办...)
       // const diff = new Date().getTime() - new Date(examSdate).getTime()
       // if(diff > -1000*60*5){}
-      this.$router.push({ path: '/myexamDetail', query: { type: 'exam', projectId: row.id } })
+      this.$router.push({ path: '/myexamDetail', query: { type: 'exam', projectId: row.id } });
     },
-    handlerGoReport (row) {
-      this.$router.push({ path: '/myreport', query: { type: 'exam', reportId: row.report.id } })
-    }
-  }
-}
+    handlerGoReport(row) {
+      this.$router.push({ path: '/myreport', query: { type: 'exam', reportId: row.report.id } });
+    },
+  },
+};
 </script>
 
 <style lang="less" scoped>
-
 </style>