From ffd20ad90aa3dfb3ce5b3860f3556cdbb75f1c7a Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期四, 24 十一月 2022 17:32:23 +0800 Subject: [PATCH] 优化loading --- src/views/specialCheck/components/wholesaleForm.vue | 25 ++++++++++++++++--------- 1 files changed, 16 insertions(+), 9 deletions(-) diff --git a/src/views/specialCheck/components/wholesaleForm.vue b/src/views/specialCheck/components/wholesaleForm.vue index c80a323..1d1295f 100644 --- a/src/views/specialCheck/components/wholesaleForm.vue +++ b/src/views/specialCheck/components/wholesaleForm.vue @@ -8,10 +8,10 @@ </div> <div class="control-bar"> <div v-show="enterpriseType == 1"> - 批发企业共计<span class="point-data" @click="getEnterpriseCompleteInfoList">{{enterpriseCount}}</span>家,其中:已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家,未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家;本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家,未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家,完成率<span>{{ thislevelCompletionRate + '%' }}</span>。 + 批发企业共计<span class="point-data" @click="resetSearch()">{{enterpriseCount}}</span>家,其中:已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家,未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家;本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家,未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家,完成率<span>{{ thislevelCompletionRate + '%' }}</span>。 </div> <div v-show="enterpriseType == 2"> - 零售企业共计<span class="point-data" @click="getEnterpriseCompleteInfoList">{{enterpriseCount}}</span>家,其中:已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家,未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家;本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家,未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家,完成率<span>{{ thislevelCompletionRate + '%' }}</span>。 + 零售企业共计<span class="point-data" @click="resetSearch()">{{enterpriseCount}}</span>家,其中:已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家,未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家;本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家,未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家,完成率<span>{{ thislevelCompletionRate + '%' }}</span>。 </div> <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-search" @click="showFilter = !showFilter">{{showFilter?'关闭查询':'自定义查询'}}</el-button> </div> @@ -168,7 +168,6 @@ methods:{ async getCheckUnitType(){ const t = this - t.listLoading = true let res = await getCheckUnitType() if(res.data.code === "200"){ t.unitType = res.data.result.checkUnitType @@ -178,10 +177,10 @@ message:res.data.message }) } - t.listLoading = false }, async getCheckTask(){ const t = this + t.listLoading = true const res = await getSpecialCheckTask() if(res.data.code === "200"){ t.taskId = res.data.result.specialCheckTaskSimplifyInfos[0].id @@ -194,6 +193,7 @@ message:res.data.message }) } + t.listLoading = false }, async getEnterpriseCompleteInfoList(){ const t = this @@ -229,6 +229,8 @@ }, locationChange(value) { const t = this + t.selfcheckStatus = null + t.thislevelCheckStatus = null t.search.province = value[0] t.search.city = value[1] ? value[1] : '' t.search.area = value[2] ? value[2] : '' @@ -236,7 +238,10 @@ }, changeRadio(){ - this.getEnterpriseCompleteInfoList() + const t = this + t.selfcheckStatus = null + t.thislevelCheckStatus = null + t.getEnterpriseCompleteInfoList() }, searchData(){ @@ -244,17 +249,19 @@ }, resetSearch(){ - this.search = { + const t = this + t.selfcheckStatus = null + t.thislevelCheckStatus = null + t.search = { name: '', province: '', city: '', area: '', isRisky: null } - this.selectedOptions = [] - this.getEnterpriseCompleteInfoList() + t.selectedOptions = [] + t.getEnterpriseCompleteInfoList() }, - toSelfEnterprise(value){ const t = this t.thislevelCheckStatus = null -- Gitblit v1.9.2