mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 03:46:45 +08:00
测评
This commit is contained in:
zhangsir
BIN
src/assets/images/evaluation/uploads.png
Normal file
BIN
src/assets/images/evaluation/uploads.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@@ -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) {
|
if (n.indexOf("/download") !== -1 || n.indexOf("/download") !== -1) {
|
||||||
state.list = [
|
state.list = [
|
||||||
{
|
{
|
||||||
|
|||||||
259
src/views/evaluation/EvaDown.vue
Normal file
259
src/views/evaluation/EvaDown.vue
Normal file
@@ -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>
|
||||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user