From 9835434ab98de9c64757e797d8642f2a1c25a78a Mon Sep 17 00:00:00 2001
From: cgd_mac <349008059@qq.com>
Date: Fri, 25 Feb 2022 19:11:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DbLearnCount/index.vue         |  2 +-
 .../mycourse/courseLearn/OperationModule.vue  |  4 +-
 .../mycourse/courseLearn/SimulationTest.vue   | 57 ++++++++++++++-----
 3 files changed, 46 insertions(+), 17 deletions(-)

diff --git a/src/components/DbLearnCount/index.vue b/src/components/DbLearnCount/index.vue
index 2a12d37..6cb1c49 100644
--- a/src/components/DbLearnCount/index.vue
+++ b/src/components/DbLearnCount/index.vue
@@ -17,7 +17,7 @@
       </a-col>
       <a-col class="title-info">
         <span class="label">开始时间：</span>
-        <span class="value">{{ data.startDate }}</span>
+        <span class="value">{{ data.startDate | dayjs }}</span>
       </a-col>
       <a-col class="title-info">
         <span class="label">学习状态：</span>
diff --git a/src/views/mycourse/courseLearn/OperationModule.vue b/src/views/mycourse/courseLearn/OperationModule.vue
index 92c3fb8..dd26dc2 100644
--- a/src/views/mycourse/courseLearn/OperationModule.vue
+++ b/src/views/mycourse/courseLearn/OperationModule.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
-    <a-row style="margin-bottom: 20px;">
-      <a-button @click="handlerExam" type="primary">写作业</a-button>
+    <a-row style="margin-bottom: 15px;">
+      <a-button icon="plus" @click="handlerExam" type="primary">写作业</a-button>
     </a-row>
     <template v-if="dataList && dataList.length > 0">
       <a-card v-for="(item, index) in dataList" :key="index" style="margin-bottom: 15px;">
diff --git a/src/views/mycourse/courseLearn/SimulationTest.vue b/src/views/mycourse/courseLearn/SimulationTest.vue
index 2fc25d1..23b4227 100644
--- a/src/views/mycourse/courseLearn/SimulationTest.vue
+++ b/src/views/mycourse/courseLearn/SimulationTest.vue
@@ -1,9 +1,15 @@
 <template>
   <div>
-    <a-table :columns="columns" :data-source="dataList">
+    <a-row style="margin-bottom: 15px;">
+      <a-button icon="plus" @click="handlerGoExam" type="primary">模拟测试</a-button>
+    </a-row>
+    <a-table :columns="columns" :data-source="dataList" rowKey="id">
       <template slot="timeSlot" slot-scope="text, record">
-        {{ record.timeSlot }}<a-button @click="handlerGoExam(record)" style="margin-left: 6px;" type="primary" size="small">进入考试</a-button>
+        {{ record.timeSlot }}
       </template>
+      <span slot="action" slot-scope="text, record">
+        <a @click="handlerDetail(record)">查看详情</a>
+      </span>
     </a-table>
   </div>
 </template>
@@ -15,14 +21,29 @@ export default {
     return {
       columns: [
         { dataIndex: 'testName', title: '课程' },
-        { dataIndex: 'assessMode', title: '考核方式' },
-        { dataIndex: 'testManner', title: '考试方式' },
-        { dataIndex: 'submitWay', title: '提交形式' },
-        { dataIndex: 'timeSlot', title: '考试时间段', scopedSlots: { customRender: 'timeSlot' } },
-        { dataIndex: 'examTime', title: '考试时长' }
+        { dataIndex: 'assessMode', title: '考核方式', align: 'center' },
+        { dataIndex: 'testManner', title: '考试方式', align: 'center' },
+        { dataIndex: 'submitWay', title: '提交形式', align: 'center' },
+        {
+          dataIndex: 'timeSlot',
+          title: '考试时间段',
+          align: 'center',
+          scopedSlots: { customRender: 'timeSlot' }
+        },
+        {
+          dataIndex: 'examTime',
+          title: '考试时长',
+          align: 'center',
+          customRender: value => `${value || 0}分钟`
+        },
+        {
+          title: '操作',
+          width: '150px',
+          dataIndex: 'action',
+          scopedSlots: { customRender: 'action' }
+        }
       ],
-      dataList: [
-      ]
+      dataList: []
     }
   },
   mounted () {
@@ -31,16 +52,24 @@ export default {
   methods: {
     initData () {
       const { person } = this.$store.state.user
-      reqSimulateTestList({ personId: person.id, projectId: this.$route.query.courseId }).then(res => {
-        // console.log('模拟', res)
-        this.dataList = res.data
-      })
+      reqSimulateTestList({ personId: person.id, projectId: this.$route.query.courseId }).then(
+        res => {
+          // console.log('模拟', res)
+          this.dataList = res.data
+        }
+      )
     },
-    handlerGoExam (row) {
+    handlerGoExam () {
       this.$router.push({
         path: '/myexamDetail',
         query: { type: 'test', projectId: this.$route.query.courseId }
       })
+    },
+    handlerDetail (data) {
+      this.$router.push({
+        path: '/myreport',
+        query: { type: 'practice', reportId: data.reportId }
+      })
     }
   }
 }