From 8269775d78f974a266c848ea15e73a85dafec2a5 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期四, 11 七月 2024 16:51:17 +0800
Subject: [PATCH] 监控展示还没开始做题的学生

---
 src/views/answer/info.vue |   72 ++++++++++++++++++++---------------
 1 files changed, 41 insertions(+), 31 deletions(-)

diff --git a/src/views/answer/info.vue b/src/views/answer/info.vue
index d9de560..05db274 100644
--- a/src/views/answer/info.vue
+++ b/src/views/answer/info.vue
@@ -4,7 +4,7 @@
     <div class="bg">
       <div class="main">
         <!-- 寰呰繑鍥炵殑鏍囬 -->
-        <TitleIndex title="绛斿嵎绠$悊" />
+        <TitleIndex title="绛斿嵎绠$悊"/>
         <div class="content">
           <!-- 鎼滅储 -->
           <div>
@@ -23,9 +23,9 @@
           </div>
           <!-- 琛ㄦ牸 -->
           <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row>
-            <el-table-column prop="examName" label="鑰冭瘯鍚嶇О" align="center" />
-            <el-table-column prop="paperName" label="璇曞嵎鍚嶇О" align="center" />
-            <el-table-column prop="userName" width="150" label="鍙傝�冧汉" align="center" />
+            <el-table-column prop="examName" label="鑰冭瘯鍚嶇О" align="center"/>
+            <el-table-column prop="paperName" label="璇曞嵎鍚嶇О" align="center"/>
+            <el-table-column prop="userName" width="150" label="鍙傝�冧汉" align="center"/>
             <el-table-column label="寰楀垎" width="150px" align="center">
               <template slot-scope="{row}">
                 {{ row.score }} / {{ row.totalScore }}
@@ -36,7 +36,11 @@
                 {{ row.questionCorrect }} / {{ row.questionCount }}
               </template>
             </el-table-column>
-            <el-table-column prop="doTime" label="鑰楁椂" width="80px" align="center" />
+            <el-table-column prop="doTime" label="鑰楁椂" width="100px" align="center">
+              <template slot-scope="{row}">
+                {{ formattedDoTime(row) }}
+              </template>
+            </el-table-column>
             <el-table-column prop="submitTime" label="鎻愪氦鏃堕棿" width="240px" align="center">
               <template slot-scope="{row}">
                 <span :style="row.status === 0 ? '' : 'color: red'">
@@ -51,7 +55,7 @@
             </el-table-column>
           </el-table>
           <pagination v-show="total > 0" :total="total" :page.sync="queryParam.pageIndex"
-            :limit.sync="queryParam.pageSize" @pagination="search" />
+                      :limit.sync="queryParam.pageSize" @pagination="search"/>
         </div>
       </div>
     </div>
@@ -67,7 +71,7 @@
   components: {
     Pagination
   },
-  data() {
+  data () {
     return {
       listLoading: true,
       queryParam: {
@@ -82,16 +86,22 @@
       tableData: [],
       visible: false,
       subjects: []
-    };
+    }
   },
-  created() {
-    this.queryParam.examId = this.$route.query.id;
-    this.queryParam.userId = this.$route.query.userId;
-    this.search();
+  created () {
+    this.queryParam.examId = this.$route.query.id
+    this.queryParam.userId = this.$route.query.userId
+    this.search()
   },
   methods: {
+    formattedDoTime (row) {
+      const totalSeconds = row.doTime
+      const minutes = Math.floor(totalSeconds / 60)
+      const seconds = totalSeconds % 60
+      return `${minutes}鍒�${seconds < 10 ? '0' + seconds : seconds}绉抈
+    },
     // 鑾峰彇鍒楄〃
-    search() {
+    search () {
       this.listLoading = true
       examPaperAnswerApi.page(this.queryParam).then(re => {
         this.tableData = re.data.list
@@ -101,29 +111,29 @@
         this.listLoading = false
       })
     },
-    view(row) {
-      this.$router.push({ path: '/answer/answer-detail', query: { id: row.id } });
+    view (row) {
+      this.$router.push({ path: '/answer/answer-detail', query: { id: row.id } })
     },
-    handleExport() {
+    handleExport () {
       let that = this
-      let url = '/api/admin/examPaperAnswer/exportExcel?userName=' + this.queryParam.userName;
-      if (this.queryParam.userId) url += '&userId=' + this.queryParam.userId;
-      if (this.queryParam.examId) url += '&examId=' + this.queryParam.examId;
-      var x = new XMLHttpRequest();
-      x.open("POST", url, true);
-      x.responseType = "blob";
+      let url = '/api/admin/examPaperAnswer/exportExcel?userName=' + this.queryParam.userName
+      if (this.queryParam.userId) url += '&userId=' + this.queryParam.userId
+      if (this.queryParam.examId) url += '&examId=' + this.queryParam.examId
+      var x = new XMLHttpRequest()
+      x.open('POST', url, true)
+      x.responseType = 'blob'
       x.onload = function () {
-        var url = window.URL.createObjectURL(x.response);
-        var a = document.createElement("a");
-        a.href = url;
-        if (that.queryParam.examId) a.download = that.tableData[0].examName + '.xlsx';
-        if (that.queryParam.userId) a.download = that.tableData[0].userName + '.xlsx';
-        a.click();
-      };
-      x.send();
+        var url = window.URL.createObjectURL(x.response)
+        var a = document.createElement('a')
+        a.href = url
+        if (that.queryParam.examId) a.download = that.tableData[0].examName + '.xlsx'
+        if (that.queryParam.userId) a.download = that.tableData[0].userName + '.xlsx'
+        a.click()
+      }
+      x.send()
     }
   }
-};
+}
 </script>
 <style scoped lang="scss">
 .flex {

--
Gitblit v1.8.0