aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复导出bug

Browse Source
This commit is contained in:
X1627315083
2024-03-27 17:03:55 +08:00
parent 005ad258c1
commit 4f7e1228c9
1 changed files with 31 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/component/HomePage/TaskPage.vue
View File

@@ -8,9 +8,9 @@
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="task_content"> <div class="task_content">
<div class="task_content_select"> <!-- <div class="task_content_select">
<a-select @visibleChange="visibleChange()" v-model:value="currentState.value" size="large" optionFilterProp="label" :options="state" placeholder="Please select" :getPopupContainer="getPopupContainer" allowClear show-search></a-select> <a-select @visibleChange="visibleChange()" v-model:value="currentState.value" size="large" optionFilterProp="label" :options="state" placeholder="Please select" :getPopupContainer="getPopupContainer" allowClear show-search></a-select>
</div> </div> -->
<!-- <div class="task_content_item" v-for="item in taskList"> <!-- <div class="task_content_item" v-for="item in taskList">
<img v-if="item.status !== 'success'" src="@/assets/images/homePage/loading.gif" alt=""> <img v-if="item.status !== 'success'" src="@/assets/images/homePage/loading.gif" alt="">
<img v-else :src="item.inputParam.images" alt=""> <img v-else :src="item.inputParam.images" alt="">
@@ -29,22 +29,28 @@
</div> --> </div> -->
<div class="task_content_item" v-for="item in taskListMore"> <div class="task_content_item" v-for="item in taskListMore">
<img v-if="item.status == 'Waiting' || item.status == 'Executing'" src="@/assets/images/homePage/loading.gif" alt=""> <!-- <img v-if="item.status == 'Waiting' || item.status == 'Executing'" src="@/assets/images/homePage/loading.gif" alt=""> -->
<img v-else :src="item.inputImage" alt=""> <img :src="item?.inputImage" alt="">
<div class="task_content_item_text"> <div class="task_content_item_text">
<div class="task_content_item_text_left modal_title_text"> <div class="task_content_item_text_left modal_title_text">
<div class="task_content_item_text_left_titile">{{ item.imageName }}</div> <div class="task_content_item_text_left_titile">{{ item?.imageName }}</div>
<div class="task_content_item_text_left_into modal_title_text_intro">{{ item.createDate }}</div> <div class="task_content_item_text_left_into modal_title_text_intro">{{ item?.createDate }}</div>
</div> </div>
<div class="task_content_item_text_right modal_title_text"> <img v-if="item?.status == 'Executing'" src="@/assets/images/homePage/loading.gif" alt="">
<div v-else class="task_content_item_text_right modal_title_text">
<div class="task_content_item_text_left_titile">{{ item.status }}</div> <div class="task_content_item_text_left_titile">{{ item.status }}</div>
<div v-show="item.status === 'success'" @click="setDownloadIamge(item)" class="task_content_item_text_left_into modal_title_text_intro ">{{ $t('taskPage.download') }}</div> <div v-show="item.status === 'success'" @click="setDownloadIamge(item)" class="task_content_item_text_left_into modal_title_text_intro ">{{ $t('taskPage.download') }}</div>
</div> </div>
</div> </div>
</div> </div>
<div v-show="total > taskListMore?.length && total != 0 && taskListMore.length > 0" class="task_content_more" v-observe> <div v-show="total > taskListMore?.length && total != 0 && taskListMore.length > 0" class="task_content_more" v-observe>
<img src="@/assets/images/homePage/loading.gif" alt=""> <img src="@/assets/images/homePage/loading.gif" alt="">
</div> </div>
</div>
<div class="mark_loading" v-show="isShowMark">
<a-spin size="large" />
</div> </div>
<!-- <TaskDetailPage ref="TaskDetailPage"></TaskDetailPage> --> <!-- <TaskDetailPage ref="TaskDetailPage"></TaskDetailPage> -->
</a-drawer> </a-drawer>
@@ -89,6 +95,7 @@ export default defineComponent({
value:'SR', value:'SR',
}) })
let getTaskTime:any = null let getTaskTime:any = null
let isShowMark:any = false
return { return {
...toRefs(filter), ...toRefs(filter),
store, store,
@@ -99,6 +106,7 @@ export default defineComponent({
currentState, currentState,
getTaskTime, getTaskTime,
t, t,
isShowMark,
}; };
}, },
data() { data() {
@@ -144,11 +152,12 @@ export default defineComponent({
init(data:any){ init(data:any){
this.visible = true this.visible = true
// this.getTaskList() // this.getTaskList()
this.currentPage = 1 this.isShowMark = true
// setTimeout(() => { setTimeout(() => {
this.currentPage = 1
this.getTaskMoreList() this.getTaskMoreList()
// }, 1000); this.getTaskTime = null
this.getTaskTime = null }, 1000);
}, },
sort(arr:any){ sort(arr:any){
arr.sort((a:any, b:any) => { arr.sort((a:any, b:any) => {
@@ -238,9 +247,12 @@ export default defineComponent({
if(!this.getTaskTime){ if(!this.getTaskTime){
this.getTaskList() this.getTaskList()
} }
this.isShowMark = false
// if(this.taskListMore.indexOf('success')) // if(this.taskListMore.indexOf('success'))
} }
}) }).catch((rv) => {
this.isShowMark = false;
});
}, },
setDownloadIamge(item:any){ setDownloadIamge(item:any){
console.log(item); console.log(item);
@@ -252,10 +264,14 @@ export default defineComponent({
</script> </script>
<style lang="less"> <style lang="less">
.task_page { .task_page {
.mark_loading{
position: absolute;
}
.ant-drawer-body{ .ant-drawer-body{
background: #f6f5fa; background: #f6f5fa;
} }
.task_content{ .task_content{
position: relative;
.task_content_item{ .task_content_item{
background: #fff; background: #fff;
margin: 2rem 0; margin: 2rem 0;
@@ -284,6 +300,9 @@ export default defineComponent({
align-items: center; align-items: center;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
img{
margin-right: 0;
}
.task_content_item_text_left,.task_content_item_text_right{ .task_content_item_text_left,.task_content_item_text_right{
margin-bottom: 0; margin-bottom: 0;
} }