测评

src/components/BreadCrumb.vue

@@ -548,6 +548,16 @@
                     }
                   ];
                 }
+                if (n.indexOf("/evadown") !== -1 || n.indexOf("/EvaDown") !== -1) {
+                  state.list = [
+                    {
+                      name: "测评",
+                    },
+                    {
+                      name: '测评报告'
+                    },
+                  ];
+                }
                 if (n.indexOf("/download") !== -1 || n.indexOf("/download") !== -1) {
                   state.list = [
                     {

src/views/evaluation/EvaDown.vue

@@ -0,0 +1,259 @@
+<template>
+  <div class="returneva">
+    <router-link to="/evaluationupload">
+      <div style="display: flex">
+        <img class="img2" src="../../assets/images/leveladd/back.png" />
+        <div class="return">返回</div>
+      </div>
+    </router-link>
+  </div>
+  <div class="evadown">
+    <div class="down_header">
+      <div class="down_header_title">
+        <div class="down_header_btn">
+          <div class="btnText">全量下载</div>
+        </div>
+      </div>
+      <div class="down_header_title" style="display: flex;">
+        <div class="down_header_search">
+          <a-input
+            v-model:value="searchName"
+            placeholder="查询姓名或工号或导入者"
+            style="width: 270px; height: 40px; border-radius: 8px;margin-right: 14px;"
+          />
+        </div>
+        <div class="down_header_btn btn1">
+          <div class="search"></div>
+          <span class="btnText">搜索</span>
+        </div>
+        <div class="down_header_btn btn2">
+          <div class="search"></div>
+          <span class="btnText">重置</span>
+        </div>
+      </div>
+    </div>
+    <div class="tablelist">
+      <a-table
+        :columns="columns"
+        :data-source="tableData"
+        :loading="tableLoading"
+        :scroll="{ x: 'max-content' }"
+        :pagination="pagination"
+      >
+      <template #operation="{ record, column }">
+        <a-space>
+          <a-button type="link">
+            <a-tooltip>
+              <template #title>下载</template>
+              <span class="download"></span>
+            </a-tooltip>
+          </a-button>
+          <a-button type="link" @click="deleteItem(record)">
+            <a-tooltip>
+              <template #title>删除</template>
+              <span class="delete"></span>
+            </a-tooltip>
+          </a-button>
+        </a-space>
+      </template>
+      </a-table>
+    </div>
+  </div>
+</template>
+
+<script>
+import { ref,onMounted, reactive,toRefs,computed } from "vue";
+import dialog from "@/utils/dialog";
+  export default {
+    name: "evadown",
+    components: {},
+    setup() {
+      const state = reactive({
+        searchName: '',
+        tableData:[
+          {
+            name:',,',
+            jobId:'111',
+            evaluationName:'aaaaa',
+            uploader:'eeeee',
+            uploadDate:'2023-02-5'
+          }
+        ],
+        total: 40,
+        params: {
+          pageNo: 1,
+          pageSize: 10,
+        },
+      })
+      const columns = ref([
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          className: "h",
+          ellipsis: true,
+          width: 100,
+        },
+        {
+          title: "工号",
+          dataIndex: "jobId",
+          key: "jobId",
+          className: "h",
+          ellipsis: true,
+          width: 100,
+        },
+        {
+          title: "评测名称",
+          dataIndex: "evaluationName",
+          key: "evaluationName",
+          className: "h",
+          ellipsis: true,
+          width: 100,
+        },
+        {
+          title: "上传人",
+          dataIndex: "uploader",
+          key: "uploader",
+          className: "h",
+          ellipsis: true,
+          width: 100,
+        },
+        {
+          title: "上传日期",
+          dataIndex: "uploadDate",
+          key: "uploadDate",
+          className: "h",
+          ellipsis: true,
+          width: 100,
+        },
+        {
+          title: "操作",
+          width: "20%",
+          dataIndex: "operation",
+          key: "operation",
+          align: "center",
+          slots: { customRender: "operation" },
+        },
+      ])
+      const pagination = computed(() => ({
+        total: state.total,
+        showSizeChanger: true,
+        showQuickJumper: false,
+        current: state.params.pageNo,
+        pageSize: state.params.pageSize,
+        onChange: changePagination,
+      }))
+      const changePagination = (page,pageSize) => {
+        state.params.pageNo = page
+        state.params.pageSize = pageSize
+      }
+      const deleteItem = (record) => {
+        dialog({
+          content: '请您确认是否要删除该报告？',
+          ok: () => {
+            // message.success("删除成功");
+            // projectInfo.value.stageList[activeIndex.value].taskDraftDtoList[index].id ? (projectInfo.value.stageList[activeIndex.value].taskDraftDtoList[index].deleted = true) : projectInfo.value.stageList[activeIndex.value].taskDraftDtoList.splice(index, 1)
+          },
+        });
+      };
+      onMounted(() => {
+        console.log('aaa')})
+      return {
+        ...toRefs(state),
+        columns,
+        deleteItem,
+        pagination,
+      }
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+.returneva{
+  position: absolute;
+  right: 0;
+  top: 139px;
+  .img2{
+    width: 42px;
+    height: 42px;
+  }
+  .return{
+    font-size: 14px;
+    margin-top: 10px;
+    margin-right: 102px;
+  }
+}
+.evadown {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .down_header{
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    .down_header_title{
+      margin-right: 20px;
+      margin-bottom: 20px;
+      
+      .down_header_btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+      }
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+      }
+    }
+  }
+  .tablelist{
+    padding: 10px 35px;
+    .download{
+      width: 30px;
+      height: 32px;
+      background: url("../../assets/images/evaluation/download.png") no-repeat;
+      background-size: 100%;
+    }
+    .delete{
+      width: 30px;
+      height: 32px;
+      background: url("../../assets/images/evaluation/delete.png") no-repeat;
+      background-size: 100%;
+    }
+  }
+}
+</style>