|
@@ -1,7 +1,8 @@
|
|
|
<template>
|
|
|
<el-dialog title="回收站" :visible.sync="dialogVisible" :fullscreen="true" custom-class="recycleDialog" @close="dialogClose">
|
|
|
<div class="main-head">
|
|
|
- <el-input placeholder="搜索" prefix-icon="el-icon-search" size="small" v-model="queryText" @keyup.native.enter="changeQueryText" style="width: 192px;">
|
|
|
+ <el-input placeholder="搜索" prefix-icon="el-icon-search" size="small" v-model="queryText" @keyup.native.enter="changeQueryText"
|
|
|
+ style="width: 192px;">
|
|
|
</el-input>
|
|
|
<div class="head-right">
|
|
|
<Dropdown class="Dropdown" v-model="selVal" :data="dataSelect">
|
|
@@ -9,7 +10,7 @@
|
|
|
</Dropdown>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="main-body" :class="{'no-data': !cardList.length}">
|
|
|
+ <div class="main-body" :class="{'no-data': !cardList.length}" v-loading="recycleLoading">
|
|
|
<template v-for="t in cardList">
|
|
|
<topoImageCard :isRecycle="true" :data="t" :key="t.id" @recover="recover" @deleteRecycle="deleteRecycle"></topoImageCard>
|
|
|
</template>
|
|
@@ -24,7 +25,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { recoveryGraph, queryDraftsGraph } from "@/api/home"
|
|
|
+import { queryDraftsGraph } from "@/api/home"
|
|
|
import { Dropdown } from "meri-design";
|
|
|
import topoImageCard from "@/components/homeView/topoImageCard.vue";
|
|
|
import recycleDialog from "@/components/homeView/recycleDialog.vue";
|
|
@@ -43,7 +44,8 @@ export default {
|
|
|
{ id: "createTime", name: "按创建时间" }
|
|
|
], // 排序选项
|
|
|
cardList: [],
|
|
|
- title: '恢复'
|
|
|
+ title: '恢复',
|
|
|
+ recycleLoading: false,
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -56,6 +58,7 @@ export default {
|
|
|
},
|
|
|
// 查询图形信息
|
|
|
queryGraph() {
|
|
|
+ this.recycleLoading = true;
|
|
|
const pa = {
|
|
|
Filters: `state=4`,
|
|
|
Orders: `${this.selVal} desc`
|
|
@@ -69,6 +72,7 @@ export default {
|
|
|
return t;
|
|
|
});
|
|
|
this.queryText = '';
|
|
|
+ this.recycleLoading = false;
|
|
|
})
|
|
|
|
|
|
},
|