519新需求

src/api/invigilation.js

@@ -175,6 +175,16 @@ export function invigilationHistoryList(datas) {
     {}
   );
 }
+export function exportInvigilationHistory(datas) {
+  const data = pickBy(datas, paramFilter);
+  return httpApp.post(
+    "/api/admin/invigilate/history/list/export?" + object2QueryString(data),
+    {},
+    {
+      responseType: "blob",
+    }
+  );
+}
 
 // warning-manage
 export function invigilationWarningList(datas) {

src/constant/constants.js

@@ -15,6 +15,7 @@ export const EXAM_STUDENT_IMPORT_TEMPLATE_DOWNLOAD_URL =
 
 // 交卷方式
 export const STUDENT_FINISH_EXAM_TYPE = {
+  ALL: "全部",
   MANUAL: "手动交卷",
   AUTO: "自动交卷",
   BREACH: "违纪交卷",
@@ -51,7 +52,8 @@ export const VIDEO_SOURCE_TYPE = {
 export const STUDENT_ONLINE_STATUS = {
   FIRST_PREPARE: "已待考",
   EXAMING: "考试中",
-  BREAK_OFF: "通讯故障",
+  BREAK_OFF: "已中断",
+  UN_FINISH: "未参加考试",
 };
 // 违纪、缺考
 export const STUDENT_BEHAVIOR_STATUS = {

src/features/invigilation/InvigilationDetail/InvigilationDetail.vue

@@ -170,6 +170,9 @@
             <el-button type="primary" @click="changeFilter">{{
               showAdvancedFilter ? "隐藏高级查询" : "高级查询"
             }}</el-button>
+            <el-button type="primary" :loading="isDownload" @click="toExport"
+              >导出</el-button
+            >
           </el-form-item>
         </el-form>
       </div>
@@ -244,7 +247,9 @@ import {
   examBatchList,
   examActivityRoomList,
   invigilationHistoryList,
+  exportInvigilationHistory,
 } from "@/api/invigilation";
+import { downloadBlob } from "@/utils/utils";
 import {
   STUDENT_FINISH_EXAM_TYPE,
   STUDENT_ONLINE_STATUS,
@@ -285,6 +290,7 @@ export default {
       examRooms: [],
       examCourses: [],
       dataList: [],
+      isDownload: false,
     };
   },
   computed: {
@@ -345,6 +351,20 @@ export default {
         this.setDetailIds([...new Set(ids)]);
       }
     },
+    async toExport() {
+      this.isDownload = true;
+      const res = await downloadBlob(() => {
+        return exportInvigilationHistory(this.filter);
+      }).catch(() => {});
+
+      this.isDownload = false;
+
+      if (res) {
+        this.$message.success("导出成功！");
+      } else {
+        this.$message.error("导出失败，请重新尝试！");
+      }
+    },
     async getExamBatchList() {
       const userId = this.IS_INVIGILATE ? this.user.id : null;
       const res = await examBatchList(userId);

src/features/invigilation/common/SummaryLine.vue

@@ -73,7 +73,7 @@ const paramInfo = {
     unit: "人",
   },
   unfinish: {
-    name: "未完成",
+    name: "未参加考试",
     param: "notComplete",
     desc: "某科次完成“交卷”的考试次数为0。",
     pointType: "danger",
@@ -81,8 +81,8 @@ const paramInfo = {
   },
 };
 const types = {
-  trouble: ["all", "prepare", "exam", "trouble"],
-  complete: ["all", "prepare", "exam", "complete"],
+  trouble: ["all", "prepare", "exam", "trouble", "unfinish"],
+  complete: ["all", "prepare", "exam", "complete", "unfinish"],
   progress: ["all", "finish", "prepare", "unfinish"],
 };
 

src/utils/utils.js

@@ -91,6 +91,19 @@ export function objAssign(target, sources) {
   return targ;
 }
 
+function parseDownloadFilename(dispositionInfo) {
+  const strs = dispositionInfo.split(";");
+  let filename = "";
+  strs
+    .map((item) => item.split("="))
+    .find((item) => {
+      if (item[0].indexOf("filename") !== -1) {
+        filename = decodeURI(item[1]);
+      }
+    });
+  return filename;
+}
+
 /**
  * 文件流下载
  * @param {Function} fetchFunc 下载程序，返回promise
@@ -100,9 +113,12 @@ export async function downloadBlob(fetchFunc, fileName) {
   const res = await fetchFunc().catch(() => {});
   if (!res) return;
 
+  const filename =
+    fileName || parseDownloadFilename(res.headers["content-disposition"]);
+
   const blobUrl = URL.createObjectURL(new Blob([res.data]));
   let a = document.createElement("a");
-  a.download = fileName;
+  a.download = filename;
   a.href = blobUrl;
   document.body.appendChild(a);
   a.click();