From a43b36ca3beeb8c13807851b4ecb6d100c576ad0 Mon Sep 17 00:00:00 2001
From: wyx <you@example.com>
Date: Mon, 6 Feb 2023 11:05:11 +0800
Subject: [PATCH] =?UTF-8?q?style:=E5=A2=9E=E5=8A=A0=20=E9=A1=B9=E7=9B=AE-?=
 =?UTF-8?q?=E5=A4=96=E9=83=A8=E8=80=83=E8=AF=95-=E7=AE=A1=E7=90=86/?=
 =?UTF-8?q?=E5=AF=BC=E5=85=A5=E6=88=90=E7=BB=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/ExportAchievement.vue  | 630 ++++++++++++++++
 .../project/ProjectExternalExamManage.vue     | 705 ++++++++++++++++++
 src/views/projectcenter/TaskPage.vue          |  31 +-
 3 files changed, 1360 insertions(+), 6 deletions(-)
 create mode 100644 src/components/drawers/ExportAchievement.vue
 create mode 100644 src/components/drawers/project/ProjectExternalExamManage.vue

diff --git a/src/components/drawers/ExportAchievement.vue b/src/components/drawers/ExportAchievement.vue
new file mode 100644
index 00000000..3d3c9e5d
--- /dev/null
+++ b/src/components/drawers/ExportAchievement.vue
@@ -0,0 +1,630 @@
+<!-- 外部考试-导入成绩 -->
+<template>
+    <a-drawer
+      :visible="eScorevisibleExternalExternal"
+      class="drawerStyle ExportScoreExternalExternal"
+      placement="right"
+      width="700px"
+      @after-visible-change="afterVisibleChange"
+    >
+      <div class="drawerMain">
+        <div class="header">
+          <div class="headerTitle">导入成绩</div>
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+            @click="closeDrawer"
+          />
+        </div>
+        <div class="main">
+          <div class="minatitl">
+            <div class="up1">请下载</div>
+            <div class="up2" @click="downTemplate" style="cursor: pointer">
+              模板
+            </div>
+            <div class="up1">，按要求填写数据并导入</div>
+          </div>
+          <div class="upload">
+            <div class="text">上传：</div>
+            <div class="right">
+              <div style="height: 176px; margin-bottom: 20px">
+                <a-upload-dragger
+                  v-model:fileList="fileList"
+                  :action="importHomeWork"
+                  name="uploadFile"
+                  :multiple="true"
+                  @change="handleChange"
+                  :showUploadList="false"
+                  :data="{
+                    type: type,
+                    targetId: Number(id),
+                  }"
+                >
+                  <p class="ant-upload-drag-icon">
+                    <inbox-outlined></inbox-outlined>
+                  </p>
+                  <p class="ant-upload-text">点击或将文件拖拽到此处上传</p>
+                  <p class="ant-upload-hint">支持扩展名：.xls/.xlsx</p>
+                </a-upload-dragger>
+              </div>
+              <!-- <div class="load">
+                <div class="cloud"></div>
+                <div class="tip">点击或将文件拖拽到此处上传</div>
+                <div class="tipz">支持扩展名：.xls/.xlsx</div>
+              </div> -->
+              <div class="loadstate">
+                <div
+                  class="loadborder"
+                  v-if="uploadpercent < 100 && uploadpercent !== -1"
+                >
+                  <div class="content">
+                    <div class="img"></div>
+                    <div class="timebox">
+                      <div class="timetop">
+                        <div class="tit">{{ fileName }}</div>
+                        <div class="stateloading">正在上传</div>
+                      </div>
+                      <a-progress :percent="uploadpercent" />
+                      <!-- <div class="prog">
+                        <div class="inprogloading"></div>
+                      </div> -->
+                    </div>
+                    <div class="curloading">
+                      <!-- <div class="cur">55%</div> -->
+                      <!-- <div class="cancel" style="margin-left: 20px">暂停</div>
+                      <div class="cancel" style="margin-left: 15px">取消</div> -->
+                    </div>
+                  </div>
+                </div>
+                <div class="loadborder" v-if="uploadErr">
+                  <div class="content">
+                    <div class="img"></div>
+                    <div class="timebox">
+                      <div class="timetop">
+                        <div class="tit">{{ fileName }}</div>
+                        <div class="statedefeat">上传失败</div>
+                      </div>
+                      <a-progress :percent="uploadpercent" />
+                      <!-- <div class="prog">
+                        <div class="inprogdefeat"></div>
+                      </div> -->
+                    </div>
+  
+                    <div class="curloading">
+                      <!-- <div class="cur">55%</div> -->
+                      <div
+                        style="color: #387df7; margin-left: 20px; cursor: pointer"
+                      >
+                        下载失败数据
+                      </div>
+                      <!-- <div class="cancel" style="margin-left: 20px">暂停</div>
+                      <div class="cancel" style="margin-left: 15px">取消</div> -->
+                    </div>
+                    <div
+                      class="defeat"
+                      style="display: flex; align-items: center"
+                    >
+                      <div style="color: #ff7474">
+                        {{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!--  v-if="uploadpercent === 100" -->
+                <div class="loadborder" v-if="uploadpercent === 100">
+                  <div class="content">
+                    <div class="img"></div>
+                    <div class="timebox">
+                      <div class="timetop">
+                        <div class="tit">{{ fileName }}</div>
+                        <div class="statesucce">上传成功</div>
+                      </div>
+                      <a-progress :percent="uploadpercent" />
+                      <!-- <div class="prog">
+                        <div class="inprogsucce"></div>
+                      </div> -->
+                    </div>
+                    <div class="curloading">
+                      <!-- <div class="cur">100%</div> -->
+                      <div
+                        class="cancel"
+                        style="margin-left: 20px; cursor: pointer"
+                        @click="removeUpload"
+                      >
+                        删除
+                      </div>
+                    </div>
+                  </div>
+                  <div v-if="errNum">
+                    <div class="downloadErr" @click="downloadEeeorData">
+                      下载失败数据
+                    </div>
+                  </div>
+                </div>
+                <div
+                  v-if="uploadpercent === 100"
+                  class="defeat"
+                  style="
+                    display: flex;
+                    align-items: center;
+                    width: 500px;
+                    height: 40px;
+                  "
+                  :style="{
+                    background: errNum
+                      ? 'rgba(255, 116, 116, 0.1)'
+                      : 'rgba(53, 174, 105, 0.1)',
+                    border: errNum ? '1px solid #ff7474' : '1px solid #35AE69',
+                  }"
+                >
+                  <img
+                    style="width: 14px; height: 14px; margin-left: 16px"
+                    :src="
+                      errNum
+                        ? require('../../assets/images/err.png')
+                        : require('../../assets/images/success.png')
+                    "
+                  />
+                  <div
+                    style="margin-left: 8px"
+                    :style="{ color: errNum ? '#ff7474' : 'rgba(0,0,0,0.65)' }"
+                  >
+                    {{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="btnn">
+          <button class="btn1" @click="closeDrawer">取消</button>
+          <button class="btn2" @click="closeDrawer">确定</button>
+        </div>
+      </div>
+      <!--  加载动画 -->
+      <div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
+        <a-spin :spinning="addLoading" tip="" />
+      </div>
+    </a-drawer>
+  </template>
+  <script>
+  import {reactive, toRefs} from "vue";
+  import { message } from "ant-design-vue";
+  import * as api from "../../api/index1";
+  import { BATCH_IMPORT_SCORE } from "@/api/config";
+  export default {
+    name: "EScore",
+    props: {
+      eScorevisibleExternalExternal: {
+        type: Boolean,
+        default: false,
+      },
+      //type=3:面授课
+      type: {
+        type: String,
+        default: null,
+      },
+      id: {
+        type: Number,
+        default: null,
+      },
+      pid: {
+        type: Number,
+        default: null,
+      },
+      searchTaskList: {
+        type: Function,
+        default: null,
+      },
+    },
+    setup(props, ctx) {
+      const state = reactive({
+        fileType: ["xls", "xlsx"],
+        importHomeWork:
+          process.env.VUE_APP_BASE_API + "/admin/student/importHomeWork",
+        uploadpercent: -1,
+        uploadErr: false, //上传失败
+        addLoading: false,
+        fileList: [],
+        succNum: 0, //成功数据数
+        errNum: 0, //失败数据数
+        downloadErrUrl: null, //下载失败数据
+        fileName: "",
+      });
+      const closeDrawer = () => {
+        ctx.emit("update:eScorevisibleExternalExternal", false);
+        state.fileList = [];
+        state.uploadpercent = -1;
+        state.uploadErr = false; //上传失败
+      };
+  
+      const afterVisibleChange = (bool) => {
+        console.log("state", bool);
+      };
+  
+      //上传文件
+      const handleChange = (info) => {
+        if (info) {
+          var FileExt = info.file.name.replace(/.+\./, "");
+          if (["xls", "xlsx"].indexOf(FileExt.toLowerCase()) === -1) {
+            state.fileList = [];
+            state.uploadpercent = -1;
+            message.destroy();
+            message.error("请上传正确的文件格式");
+            return;
+          }
+        }
+  
+        state.addLoading = true;
+        state.uploadpercent = parseInt(info.file.percent);
+        console.log("我是文件上传的进度---------->", info.file.percent);
+        const status = info.file.status;
+        if (status !== "uploading") {
+          // console.log(info.file, info.fileList);
+        }
+        if (status === "done") {
+          state.fileName = info.file.name;
+          let i = 0;
+          let timer = setInterval(() => {
+            let uid = info.file.response.data;
+            api
+              .getImportStatus(uid)
+              .then((res) => {
+                console.log("查询导入状态", res);
+                if (res.data.code === 200) {
+                  if (res.data.data.status !== "START") {
+                    i++;
+                    if (i === 1) {
+                      message.destroy();
+                      message.success(`${info.file.name}上传成功`);
+                      state.addLoading = false;
+                      props.searchTaskList && props.searchTaskList();
+                    }
+                    state.succNum = res.data.data.successNum;
+                    state.errNum = res.data.data.failedNum;
+                    state.downloadErrUrl = res.data.data.url;
+                    console.log("props.getStudent", props.getStudent);
+                    clearInterval(timer);
+                  }
+                }else{
+                  state.addLoading = false;
+                  message.destroy();
+                  message.error(`文件导入超时`);
+                }
+              })
+              .catch((err) => {
+                state.addLoading = false;
+                clearInterval(timer);
+                console.log("查询导入状态失败", err);
+              });
+          }, 500);
+          setTimeout(() => {
+            clearInterval(timer)
+            state.addLoading = false;
+            message.destroy();
+            message.error(`文件导入超时`);
+          }, 30000);
+        } else if (status === "error") {
+          state.uploadErr = true;
+          message.error(`${info.file.name}上传失败`);
+        }
+      };
+      const beforeUpload = (file) => {
+        return new Promise((resolve, reject) => {
+          // const isJpgOrPng =
+          //   file.name.indexOf(".xlsx") !== "-1" ||
+          //   file.name.indexOf(".xls") !== "-1";
+  
+          // if (!isJpgOrPng) {
+          //   message.destroy();
+          //   message.error("仅支持xls、xlsx格式!");
+          //   return reject(false);
+          // }
+          const formData = new FormData();
+          formData.append("uploadFile", file);
+          // let progress = { percent: 1 };
+  
+          // const intervalId = setInterval(() => {
+          //   if (progress.percent < 100) {
+          //     progress.percent++;
+          //     file.onProgress(progress);
+          //   } else {
+          //     clearInterval(intervalId);
+          //   }
+          // }, 100);
+          api.batchImportScore(formData).then((res) => {
+            if (res.data.code === 200) {
+              console.log("上传成功", res);
+              return reject(true);
+            }
+          });
+          return reject(false);
+        });
+      };
+      const handleUpload = (e) => {
+        console.log("handleUpload", e);
+      };
+  
+      //删除
+      const removeUpload = () => {
+        state.fileList = [];
+        state.uploadpercent = -1;
+        state.uploadErr = false; //上传失败
+        state.succNum = 0;
+        state.errNum = 0;
+        state.downloadErrUrl = null;
+        state.addLoading = false;
+      };
+      // 下载失败数据
+      const downloadEeeorData = () => {
+        if (state.downloadErrUrl !== "") {
+          window.open(process.env.VUE_APP_FILE_PATH + state.downloadErrUrl);
+        }
+      };
+      function downTemplate() {
+        window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportHomeWorkTemplate?taskId=${props.id || ''}&type=${props.type || ''}&pid=${props.pid || ''}&thirdType=3`);
+      }
+  
+      return {
+        ...toRefs(state),
+        afterVisibleChange,
+        closeDrawer,
+        handleChange,
+        downTemplate,
+        BATCH_IMPORT_SCORE,
+        beforeUpload,
+        handleUpload,
+        removeUpload,
+        downloadEeeorData,
+      };
+    },
+  };
+  </script>
+    
+  <style lang="scss">
+  .ExportScoreExternalExternal {
+    .drawerMain {
+      min-width: 600px;
+      margin: 0px 32px 0px 32px;
+      overflow-x: auto;
+      display: flex;
+      flex-direction: column;
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        // background-color: red;
+        margin-bottom: 20px;
+        flex-shrink: 0;
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+          // margin-left: 24px;
+        }
+      }
+      .main {
+        overflow-y: auto;
+        .minatitl {
+          display: flex;
+          .up1 {
+            font-size: 16px;
+            font-weight: 400;
+            color: #333333;
+          }
+          .up2 {
+            font-size: 16px;
+            font-weight: 400;
+            color: #4ea6ff;
+            margin-left: 4px;
+          }
+        }
+        .upload {
+          margin-top: 32px;
+          display: flex;
+          .text {
+            font-size: 14px;
+            font-weight: 400;
+            color: #333333;
+          }
+          .right {
+            margin-left: 6px;
+            .load {
+              width: 500px;
+              height: 176px;
+              background: #f5f9fd;
+              border-radius: 4px;
+              // opacity: 0.3;
+              border: 1px dashed #caddfd;
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              margin-bottom: 20px;
+              .cloud {
+                margin-top: 52px;
+                width: 28px;
+                height: 28px;
+                background-image: url(../../assets/images/basicinfo/cloud.png);
+              }
+              .tip {
+                font-size: 14px;
+                font-weight: 400;
+                color: #4ea6ff;
+                margin-top: 15px;
+                cursor: pointer;
+              }
+              .tipz {
+                font-size: 14px;
+                font-weight: 400;
+                color: #999999;
+                margin-top: 10px;
+              }
+            }
+            .loadstate {
+              width: 500px;
+              margin-bottom: 100px;
+  
+              .loadborder {
+                width: 500px;
+                height: 173px;
+                border-radius: 4px;
+                border: 1px dashed #eaeaea;
+                margin-bottom: 30px;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                position: relative;
+                .content {
+                  display: flex;
+                  margin-left: 20px;
+                  position: relative;
+                  .defeat {
+                    width: 400px;
+                    position: absolute;
+                    left: 46px;
+                    top: 38px;
+                    font-size: 14px;
+                    font-weight: 500;
+                    justify-content: space-between;
+                  }
+                  .img {
+                    width: 30px;
+                    height: 34px;
+                    background-image: url(../../assets/images/basicinfo/exl.png);
+                  }
+                  .timebox {
+                    margin-left: 15px;
+                    margin-top: -5px;
+                    .timetop {
+                      display: flex;
+                      width: 262px;
+                      justify-content: space-between;
+                      // margin-bottom: 8px;
+                      .tit {
+                        font-size: 14px;
+                        font-weight: 400;
+                        color: #333333;
+                      }
+                      .stateloading {
+                        font-size: 14px;
+                        font-weight: 400;
+                        color: #4ea6ff;
+                      }
+                      .statedefeat {
+                        font-size: 14px;
+                        font-weight: 400;
+                        color: #ff7474;
+                      }
+                      .statesucce {
+                        font-size: 14px;
+                        font-weight: 400;
+                        color: #35ae69;
+                      }
+                    }
+                    .prog {
+                      width: 262px;
+                      height: 5px;
+                      background: #eaf1fe;
+                      border-radius: 4px;
+                      .inprogloading {
+                        width: 55%;
+                        height: 5px;
+                        border-radius: 4px;
+  
+                        background: #4ea6ff;
+                      }
+                      //下载失败条
+                      .inprogdefeat {
+                        width: 55%;
+                        height: 5px;
+                        border-radius: 4px;
+  
+                        background: #ff7474;
+                      }
+                      //下载成功条
+                      .inprogsucce {
+                        width: 100%;
+                        height: 5px;
+                        border-radius: 4px;
+  
+                        background: #57c887;
+                      }
+                    }
+                  }
+                  .curloading {
+                    margin-left: 15px;
+                    margin-top: 15px;
+                    display: flex;
+                    .cur {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #333333;
+                    }
+                    .cancel {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #387df7;
+                    }
+                  }
+                }
+                .downloadErr {
+                  width: 120px;
+                  height: 32px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  border-radius: 2px;
+                  border: 1px solid #387df7;
+                  font-size: 14px;
+                  font-weight: 400;
+                  color: #387df7;
+                  line-height: 20px;
+                  cursor: pointer;
+                  margin-left: 66px;
+                  margin-top: 16px;
+                  position: absolute;
+                  bottom: 28;
+                }
+              }
+            }
+          }
+        }
+      }
+      .btnn {
+        height: 72px;
+        width: 100%;
+        position: absolute;
+        background-color: #fff;
+        bottom: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+        .btn1 {
+          width: 100px;
+          height: 40px;
+          border: 1px solid #4ea6ff;
+          border-radius: 8px;
+          color: #4ea6ff;
+          background-color: #fff;
+          cursor: pointer;
+        }
+        .btn2 {
+          cursor: pointer;
+          width: 100px;
+          height: 40px;
+          background: #4ea6ff;
+          border-radius: 8px;
+          border: 0;
+          margin-left: 15px;
+          color: #fff;
+        }
+      }
+    }
+  }
+  </style>
+    
\ No newline at end of file
diff --git a/src/components/drawers/project/ProjectExternalExamManage.vue b/src/components/drawers/project/ProjectExternalExamManage.vue
new file mode 100644
index 00000000..038cdf30
--- /dev/null
+++ b/src/components/drawers/project/ProjectExternalExamManage.vue
@@ -0,0 +1,705 @@
+<!-- 外部考试 -->
+<template>
+    <a-drawer
+      v-if="TMvisibleExternal"
+      :visible="TMvisibleExternal"
+      class="drawerStyle ProjectExternalExamManage"
+      placement="right"
+      width="80%"
+      @after-visible-change="afterVisibleChange"
+    >
+      <div class="drawerMain">
+        <div class="header">
+          <div class="headerTitle">【考试】{{ title }}</div>
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../../assets/images/basicinfo/close.png"
+            @click="closeDrawer"
+          />
+        </div>
+        <div class="main">
+          <!-- <div class="endtime">起止时间：{{datasource.startTime}} ～ {{datasource.endTime}}</div> -->
+          <div class="search">
+            <div class="namecon" style="margin-right: 30px">
+              <div class="name">姓名：</div>
+              <a-input
+                v-model:value="name"
+                style="width: 200px; height: 40px; border-radius: 8px"
+                placeholder="请输入姓名"
+              />
+            </div>
+            <div v-if="datasource.type !==5" class="namecon" style="margin-right: 50px">
+              <div class="name">任务状态：</div>
+              <div class="select">
+                <a-select
+                  v-model:value="projectName"
+                  style="width: 170px"
+                  placeholder="请选择"
+                  :options="projectNameList"
+                  @change="selectProjectName"
+                  allowClear
+                ></a-select>
+              </div>
+            </div>
+            <div class="btns">
+              <div
+                class="btn btn1"
+                style="margin-right: 20px"
+                @click="searchTableData"
+              >
+                <div class="img1"></div>
+                <div class="wz">搜索</div>
+              </div>
+              <div class="btn btn2" @click="reseatTableData">
+                <div class="img2"></div>
+                <div class="wz">重置</div>
+              </div>
+            </div>
+          </div>
+          <div class="btnss" style="margin-top: 20px">
+          <!-- 
+            <div class="btn btn1" @click="godie" style="margin-right: 20px">
+              <div class="img1"></div>
+              <div class="wz">催促考试</div>
+            </div>-->
+            <div class="btn btn2" @click="exportData">
+              <div class="img2"></div>
+              <div class="wz">导出数据</div>
+            </div>
+            <div class="btn btn2" @click="showEScoreModal">
+              <div class="wz">导入成绩</div>
+            </div>
+          </div>
+          <!-- <div class="line">
+            <div class="inline">
+              <div class="left">
+                <div class="img"></div>
+                <div class="text" style="margin-left: 10px">已选择</div>
+                <div class="text2">{{ selectedRowKeys.length }}</div>
+                <div class="text">项</div>
+                <div class="text3">列表选项总计：</div>
+                <div class="text4">{{ tableDataTotal }}条</div>
+              </div>
+              <div class="right" @click="clearLine">清空</div>
+            </div>
+          </div> -->
+          <div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
+            <a-table
+              style="border: 1px solid #f2f6fe"
+              :columns="tablecolumns"
+              :data-source="tabledata"
+              :loading="loadingData"
+              :scroll="{ x: 900 }"
+              :pagination="false"
+            />
+  
+            <div class="pa">
+              <a-pagination
+                :showSizeChanger="false"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+                v-if="tableDataTotal > 10"
+                @change="changePaginationStu"
+              />
+            </div>
+          </div>
+        </div>
+          
+        <!-- <div class="btnn">
+          <button class="btn1" @click="closeDrawer">取消</button>
+          <button class="btn2" @click="closeDrawer">确定</button>
+        </div> -->
+      </div>
+      <!-- 导出成绩抽屉 -->
+      <ExportAchievement v-model:eScorevisibleExternalExternal="eScorevisibleExternalExternal" />
+    </a-drawer>
+  </template>
+  
+  <script>
+  import { toRefs, reactive } from "vue";
+  import { message } from "ant-design-vue";
+  import ExportAchievement from "../ExportAchievement.vue";
+  import * as api from '../../../api/indexTaskManage';
+  
+  // import * as api from "../../../api/index";
+  export default {
+    name: "ProjectExternalExamManage",
+    components: {
+        ExportAchievement,
+    },
+    props: {
+      TMvisibleExternal: {
+        type: Boolean,
+        default: false,
+      },
+      title: {
+        type: String,
+        default: "",
+      },
+      projectTaskId: {
+        type: Number,
+        default: null,
+      },
+      datasource: {
+        type: Object,
+        default: function () {
+          return {};
+        },
+      },
+    },
+  
+    setup(props, ctx) {
+      const state = reactive({
+        name: "",
+        open: false,
+        projectName: undefined,
+        projectNameList: [
+          {
+            id: 1,
+            value: "0",
+            label: "未开始",
+          },
+          {
+            id: 2,
+            value: "10",
+            label: "未通过",
+          },
+          {
+            id: 3,
+            value: "1",
+            label: "已通过",
+          },
+        ],
+        selectedRowKeys: [],
+        eScorevisibleExternalExternal: false, //导入成绩抽屉
+        pageNo: 1,
+        pageSize: 10,
+        currentPage: 1,
+        tableDataTotal: 0,
+        tabledata: [],
+        tablecolumns: [
+          {
+            title: "工号",
+            dataIndex: "studentUserNo",
+            key: "studentUserNo",
+            width: 60,
+            align: "center",
+            className: "h head",
+            customRender: (text) => {
+              return (
+                <div class="racona">
+                  <span> {text.record.studentUserNo?text.record.studentUserNo:"-"}</span>
+                </div>
+              );
+            },
+          },
+          {
+            title: "姓名",
+            dataIndex: "studentName",
+            key: "studentName",
+            width: 50,
+            align: "left",
+            className: "h head",
+            customRender: (text) => {
+              return (
+                <div class="racona">
+                  <span> {text.record.studentName?text.record.studentName:"-"}</span>
+                </div>
+              );
+            },
+          },
+          {
+            title: "所在部门",
+            dataIndex: "studentDepartName",
+            key: "studentDepartName",
+            width: 60,
+            align: "center",
+            ellipsis: true,
+            className: "h",
+            customRender: (text) => {
+              return (
+                <div class="racona">
+                  <span> {text.record.studentDepartName?text.record.studentDepartName:"-"}</span>
+                </div>
+              );
+            },
+          },
+          {
+            title: "所在岗位",
+            dataIndex: "studentJobName",
+            key: "studentJobName",
+            width: 60,
+            align: "center",
+            ellipsis: true,
+              className: "h",
+            customRender: (text) => {
+              return (
+                <div class="racona">
+                  <span> {text.record.studentJobName?text.record.studentJobName:"-"}</span>
+                </div>
+              );
+            },
+          },
+          {
+            title: "考试次数",
+            dataIndex: "num",
+            key: "num",
+            width: 60,
+            align: "center",
+            ellipsis: true,
+             className: "h",
+            customRender: (text) => {
+              return (
+                <div class="racona">
+                  <span> {text.record.num?text.record.num:"-"}</span>
+                </div>
+              );
+            },
+          },
+          {
+            title: "成绩",
+            dataIndex: "examinationScore",
+            key: "examinationScore",
+            width: 60,
+            align: "center",
+            ellipsis: true,
+            className: "h",
+            customRender: (text) => {
+              return (
+                <div class="racona">
+                  <span> {text.record.examinationScore?text.record.examinationScore:"-"}</span>
+                </div>
+              );
+            },
+          },
+  
+          {
+            title: "完成时间",
+            dataIndex: "examinationSubmitTime",
+            key: "examinationSubmitTime",
+            width: 60,
+            align: "center",
+            ellipsis: true,
+            className: "h",
+            customRender: (text) => {
+              return (
+                <div class="racona">
+                  <span> {text.record.examinationSubmitTime?text.record.examinationSubmitTime:"-"}</span>
+                </div>
+              );
+            },
+          },
+          {
+            title: "任务状态",
+            dataIndex: "finishStatus",
+            key: "finishStatus",
+            width: 60,
+            align: "center",
+            ellipsis: true,
+            className: "h",
+            customRender: ({record:{finishStatus}}) => ({1:'通过',2:'未通过'}[finishStatus] || '未开始'),
+          },
+        ],
+        loadingData: true
+      });
+  
+      const closeDrawer = () => {
+        ctx.emit("update:TMvisibleExternal", false);
+        state.name = "";
+        state.projectName = undefined;
+        state.selectedRowKeys = [];
+        state.currentPage = 1;
+        state.tabledata = [];
+      };
+      const afterVisibleChange = (bol) => {
+        if (bol == true) {
+          state.loadingData = true;
+          getData();
+        }
+      };
+      const selectProjectName = (value) => {
+        state.projectName = value;
+      };
+      const onSelectChange = (selectedRowKeys) => {
+        console.log('表格前方选中项目', selectedRowKeys)
+        if (selectedRowKeys.length > 2) {
+          return;
+        }
+        state.selectedRowKeys = selectedRowKeys;
+      };
+  
+      //催促学员学习
+      const godie = () => {
+        message.destroy();
+        message.success("催促" + props.title + "成功");
+      };
+      //导入成绩
+      const showEScoreModal = () => {
+        state.eScorevisibleExternalExternal = true;
+      };
+      //表头清空
+      const clearLine = () => {
+        state.selectedRowKeys = [];
+      };
+  
+      // 获取数据
+      function getData() {
+        api.AssessmentManagementMessage({
+          pageNo: state.currentPage,
+          pageSize: state.pageSize,
+          currentStageId: props.datasource.stageId,
+          type: 1,
+          pid: props.datasource.projectId,
+          taskId: props.datasource.projectTaskId,
+          taskType: props.datasource.type,
+          status: state.projectName,
+          studentName: state.name,
+        }).then(res=>{
+          state.tabledata = res.data.data.records;
+          state.tableDataTotal = res.data.data.total;
+          state.loadingData = false;
+        })
+      }
+      // 搜索
+      function searchTableData() {
+        state.loadingData = true;
+        getData();
+      }
+      // 重置
+      function reseatTableData() {
+        state.loadingData = true;
+        state.currentPage = 1; 
+        state.name = '';
+        state.projectName = undefined;
+        getData();
+      }
+  
+      //分页
+      const changePaginationStu = (page) => {
+        state.loadingData = true;
+        state.currentPage = page;
+        getData();
+      };
+  
+      {/* 导出数据 */}
+      function  exportData() {
+        window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?currentStageId=${props.datasource.stageId}&type=${1}&pid=${props.datasource.projectId}&taskId=${props.datasource.projectTaskId}&taskType=${props.datasource.type}`)
+      }
+  
+      return {
+        ...toRefs(state),
+        selectProjectName,
+        closeDrawer,
+        afterVisibleChange,
+        onSelectChange,
+        godie,
+        clearLine,
+        showEScoreModal,
+        searchTableData,
+        reseatTableData,
+        changePaginationStu,
+        exportData
+      };
+    },
+  };
+  </script>
+  
+  <style lang="scss">
+  .ProjectExternalExamManage {
+    .drawerMain {
+      min-width: 550px;
+      margin: 0px 32px 0px 32px;
+      overflow-x: auto;
+      display: flex;
+      flex-direction: column;
+  
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 20px;
+  
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+        }
+      }
+  
+      .main {
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        padding-right: 10px;
+        .endtime {
+          font-size: 16px;
+          font-weight: 500;
+          color: #333333;
+        }
+  
+        .search {
+          width: 100%;
+          display: flex;
+          flex-wrap: wrap;
+          margin-top: 20px;
+  
+          .namecon {
+            display: flex;
+            flex-wrap: nowrap;
+            margin-bottom: 10px;
+  
+            .name {
+              margin-top: 8px;
+            }
+          }
+  
+          .btns {
+            display: flex;
+            flex-wrap: nowrap;
+  
+            .btn {
+              cursor: pointer;
+              width: 100px;
+              height: 40px;
+              border-radius: 8px;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+  
+              .img1 {
+                width: 15px;
+                height: 17px;
+                background-image: url(../../../assets/images/courseManage/search0.png);
+                background-size: 100% 100%;
+                margin-right: 7px;
+              }
+  
+              .img2 {
+                width: 16px;
+                height: 18px;
+                background-image: url(../../../assets/images/courseManage/reset1.png);
+                background-size: 100% 100%;
+                margin-right: 7px;
+              }
+            }
+  
+            .btn1 {
+              background: #4ea6ff;
+  
+              color: #ffffff;
+            }
+  
+            .btn2 {
+              background: #ffffff;
+  
+              color: #4ea6ff;
+              border: 1px solid #4ea6ff;
+            }
+          }
+        }
+  
+        .btnss {
+          display: flex;
+          flex-wrap: nowrap;
+  
+          .btn {
+            cursor: pointer;
+            width: 130px;
+            height: 40px;
+            border-radius: 8px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+  
+            .img1 {
+              width: 15px;
+              height: 17px;
+              background-image: url(../../../assets/images/basicinfo/call.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+  
+            .img2 {
+              width: 17px;
+              height: 16px;
+              background-image: url(../../../assets/images/coursewareManage/export.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+          }
+  
+          .btn1 {
+            background: #4ea6ff;
+  
+            color: #ffffff;
+          }
+  
+          .btn2 {
+            background: #ffffff;
+            margin-right: 20px;
+            color: #4ea6ff;
+            border: 1px solid #4ea6ff;
+          }
+        }
+  
+        .line {
+          width: 100%;
+          height: 40px;
+          background-color: #e9f6fe;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          margin-top: 20px;
+          border: 1px solid #c3e6fc;
+  
+          .inline {
+            width: 95%;
+            height: 100%;
+            display: flex;
+            justify-content: space-between;
+  
+            .left {
+              height: 100%;
+              display: flex;
+              align-items: center;
+  
+              .img {
+                width: 14px;
+                height: 15px;
+                background-image: url(../../../assets/images/leveladd/gan.png);
+                background-size: 100% 100%;
+              }
+  
+              .text {
+                color: #999ba3;
+              }
+  
+              .text2 {
+                color: #4ea6ff;
+                margin-left: 5px;
+                margin-right: 5px;
+              }
+  
+              .text3 {
+                color: #999ba3;
+                margin-left: 20px;
+              }
+            }
+  
+            .right {
+              font-size: 14px;
+              font-weight: 400;
+              color: #387df7;
+              height: 100%;
+              display: flex;
+              align-items: center;
+              cursor: pointer;
+            }
+          }
+        }
+  
+        .tableBox {
+          .ant-table-selection-column {
+            padding: 0px !important;
+          }
+          .ant-pagination-item,
+          .ant-pagination-prev,
+          .ant-pagination-next,
+          .ant-pagination-options {
+            margin-bottom: 10px;
+          }
+          .ant-table-thead > tr > th {
+            background-color: rgba(239, 244, 252, 1) !important;
+          }
+          .ant-table-selection-column {
+            padding: 0 !important;
+          }
+  
+          th.h {
+            background-color: #eff4fc !important;
+          }
+  
+          .head {
+            padding-left: 0px !important;
+          }
+  
+          .ant-table-tbody
+            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+            > td {
+            background: #f6f9fd;
+          }
+  
+          .studentopea1 {
+            font-size: 14px;
+            font-weight: 400;
+            color: #387df7;
+            line-height: 22px;
+            padding-right: 8px;
+            border-right: 1px solid #e9e9e9;
+            cursor: pointer;
+          }
+          .studentopea2 {
+            font-size: 14px;
+            font-weight: 400;
+            color: #387df7;
+            line-height: 22px;
+            padding-right: 8px;
+            padding-left: 8px;
+            border-right: 1px solid #e9e9e9;
+            cursor: pointer;
+          }
+  
+          .pa {
+            margin-top: 15px;
+            width: 100%;
+            display: flex;
+            justify-content: center;
+          }
+        }
+      }
+  
+      .btnn {
+        height: 72px;
+        width: 100%;
+        position: absolute;
+        background-color: #fff;
+        bottom: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+  
+        .btn1 {
+          width: 100px;
+          height: 40px;
+          border: 1px solid #4ea6ff;
+          border-radius: 8px;
+          color: #4ea6ff;
+          background-color: #fff;
+          cursor: pointer;
+        }
+  
+        .btn2 {
+          cursor: pointer;
+          width: 100px;
+          height: 40px;
+          background: #4ea6ff;
+          border-radius: 8px;
+          border: 0;
+          margin-left: 15px;
+          color: #fff;
+        }
+      }
+    }
+  }
+  </style>
+  
+  
\ No newline at end of file
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index fe6a8067..16c249da 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -1423,13 +1423,20 @@
       :title="showWorkText"
       :projectTaskInfo="projectTaskInfo"
     />
-    <!-- 考试管理抽屉 -->
+    <!-- 系统考试管理抽屉 -->
     <ProjectExamManage
       v-model:TMvisible="TMvisible"
       :title="showTestText"
       :projectTaskId="projectTaskId"
       :datasource="examData"
     />
+    <!-- 外部考试管理抽屉 -->
+    <ProjectExternalExamManage
+      v-model:TMvisibleExternal="TMvisibleExternal"
+      :title="showTestText"
+      :projectTaskId="projectTaskId"
+      :datasource="examData"
+    />
     <!-- 投票管理抽屉 -->
     <ProjectVoteManage
       v-model:ProjectVoteModelVisible="projectVoteModelVisible"
@@ -2085,6 +2092,7 @@ import ProjectFaceTaskManage from "../../components/drawers/project/ProjectFaceT
 import ProjectOnlineManage from "../../components/drawers/project/ProjectOnlineManage";
 import ProjectHomeWorkManage from "../../components/drawers/project/ProjectHomeWorkManage";
 import ProjectExamManage from "../../components/drawers/project/ProjectExamManage";
+import ProjectExternalExamManage from "../../components/drawers/project/ProjectExternalExamManage";
 import ProjectEvalManage from "../../components/drawers/project/ProjectEvalManage";
 import AddCertificate from "../../components/drawers/project/AddCertificate";
 import CreateCertificate from "../../components/drawers/project/CreateCertificate";
@@ -2144,6 +2152,7 @@ export default {
     ProjectOnlineManage,
     ProjectHomeWorkManage,
     ProjectExamManage,
+    ProjectExternalExamManage,
     ProjectEvalManage,
     SubsetManage,
     MemberList,
@@ -2317,7 +2326,8 @@ export default {
       AAvisible: false, //活动考勤
       Wvisible: false, //作业管理
       projectVoteModelVisible: false, // 投票管理
-      TMvisible: false, //考试管理
+      TMvisible: false, //系统考试管理
+      TMvisibleExternal: false, // 外部考试管理
       Evalvisible: false, //测评管理
       ACertificate: false, //证书添加
       ACertificateEdit: false, //是否是编辑证书
@@ -3188,10 +3198,19 @@ export default {
     };
     //考试管理的抽屉
     const showTest = (name, id, data) => {
-      state.examData = data;
-      state.TMvisible = true;
-      state.showTestText = name;
-      state.projectTaskId = id;
+      if(data.startTime==null && data.endTime==null){
+        // 外部考试抽屉显示
+        state.TMvisibleExternal = true;
+        state.examData = data;
+        state.showTestText = name;
+        state.projectTaskId = id;
+      }else{
+        // 系统考试抽屉显示
+        state.TMvisible = true;
+        state.examData = data;
+        state.showTestText = name;
+        state.projectTaskId = id;
+      }
     };
     //测评抽屉
     const showEval = (name, id, type, datasource) => {