|
@@ -41,7 +41,8 @@ const params = ref({
|
|
|
uploadUserId: JSON.parse(localStorage.getItem("userInfo")).username,
|
|
uploadUserId: JSON.parse(localStorage.getItem("userInfo")).username,
|
|
|
});
|
|
});
|
|
|
const taskList = ref([]);
|
|
const taskList = ref([]);
|
|
|
-const initDefaultList = async () => {
|
|
|
|
|
|
|
+const initDefaultList = async (refresh: boolean = false) => {
|
|
|
|
|
+ if (refresh) { params.value.pages = 1; taskList.value = [] }
|
|
|
const { data } = await api.manageApi.getPageTaskList(params.value);
|
|
const { data } = await api.manageApi.getPageTaskList(params.value);
|
|
|
const dataList = data.records;
|
|
const dataList = data.records;
|
|
|
dataList.forEach((item) => {
|
|
dataList.forEach((item) => {
|
|
@@ -67,7 +68,7 @@ const handleClose = () => {
|
|
|
|
|
|
|
|
const downLoad = (item) => {
|
|
const downLoad = (item) => {
|
|
|
if (item.taskStatus == 2) {
|
|
if (item.taskStatus == 2) {
|
|
|
- Fileonload("/console/task/downTaskFile", item.taskName);
|
|
|
|
|
|
|
+ Fileonload(item.filePath, item.taskName);
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
|
|
|
|
@@ -92,21 +93,21 @@ defineExpose({
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div v-infinite-scroll="load" :infinite-scroll-immediate='false'>
|
|
<div v-infinite-scroll="load" :infinite-scroll-immediate='false'>
|
|
|
- <div class='list' v-for="(item,index) in taskList" :key="index">
|
|
|
|
|
|
|
+ <div class='list' v-for="(item, index) in taskList" :key="index">
|
|
|
<div class='flex-1'>
|
|
<div class='flex-1'>
|
|
|
- <div>{{item.taskName}}</div>
|
|
|
|
|
- <div class='time'>导出时间:{{item.uploadDate}}</div>
|
|
|
|
|
|
|
+ <div>{{ item.taskName }}</div>
|
|
|
|
|
+ <div class='time'>导出时间:{{ item.uploadDate }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class='flex items' @click='downLoad(item)'>
|
|
<div class='flex items' @click='downLoad(item)'>
|
|
|
- <el-icon v-if='item.taskStatus==2'>
|
|
|
|
|
|
|
+ <el-icon v-if='item.taskStatus == 2'>
|
|
|
<download color='#0083FF' />
|
|
<download color='#0083FF' />
|
|
|
</el-icon>
|
|
</el-icon>
|
|
|
- <el-icon v-if='item.taskStatus==0'>
|
|
|
|
|
|
|
+ <el-icon v-if='item.taskStatus == 0'>
|
|
|
<download color='#FF4545' />
|
|
<download color='#FF4545' />
|
|
|
</el-icon>
|
|
</el-icon>
|
|
|
- <ElImage v-if='item.taskStatus==1' :src="doIcon" :style="`width:16px;height:16px;`" fit="fill" />
|
|
|
|
|
- <div class='text' :style='{color:startsList[item.taskStatus].color}'>
|
|
|
|
|
- {{startsList[item.taskStatus].text}}</div>
|
|
|
|
|
|
|
+ <ElImage v-if='item.taskStatus == 1' :src="doIcon" :style="`width:16px;height:16px;`" fit="fill" />
|
|
|
|
|
+ <div class='text' :style='{ color: startsList[item.taskStatus].color }'>
|
|
|
|
|
+ {{ startsList[item.taskStatus].text }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -123,6 +124,7 @@ defineExpose({
|
|
|
font-size: 20px;
|
|
font-size: 20px;
|
|
|
padding-bottom: 18px;
|
|
padding-bottom: 18px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
:deep(.el-drawer__header) {
|
|
:deep(.el-drawer__header) {
|
|
|
border-bottom: 1px solid #e5e5e5;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
|
margin-bottom: 0;
|
|
margin-bottom: 0;
|
|
@@ -131,6 +133,7 @@ defineExpose({
|
|
|
.content {
|
|
.content {
|
|
|
color: #333333;
|
|
color: #333333;
|
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
|
|
|
+
|
|
|
.content-tip {
|
|
.content-tip {
|
|
|
background: #fffaef;
|
|
background: #fffaef;
|
|
|
border-radius: 6px 6px 6px 6px;
|
|
border-radius: 6px 6px 6px 6px;
|
|
@@ -140,12 +143,14 @@ defineExpose({
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
margin-bottom: 24px;
|
|
margin-bottom: 24px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.tit {
|
|
.tit {
|
|
|
color: #333333;
|
|
color: #333333;
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
|
margin-left: 16px;
|
|
margin-left: 16px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.list {
|
|
.list {
|
|
|
padding: 16px 24px;
|
|
padding: 16px 24px;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
@@ -155,18 +160,21 @@ defineExpose({
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
|
+
|
|
|
.items {
|
|
.items {
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.text {
|
|
.text {
|
|
|
margin-left: 5px;
|
|
margin-left: 5px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.time {
|
|
.time {
|
|
|
color: #666666;
|
|
color: #666666;
|
|
|
margin-top: 8px;
|
|
margin-top: 8px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
|
|
+</style>
|