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/index.vue | 64 ++++++++++++++++++++------------
1 files changed, 40 insertions(+), 24 deletions(-)
diff --git a/src/views/specialCheck/index.vue b/src/views/specialCheck/index.vue
index 135ca32..d1fedc7 100644
--- a/src/views/specialCheck/index.vue
+++ b/src/views/specialCheck/index.vue
@@ -3,34 +3,33 @@
<div class="menu-area">
<el-button v-if="unitType==1" class="add-btn" type="primary" icon="el-icon-plus" @click="sendJob()">新任务下发</el-button>
<el-menu
- default-active="1"
+ v-if="taskMenu && taskMenu.length>0"
+ default-active="0-1"
class="el-menu-vertical-demo"
- background-color="#eeeeee"
+ background-color="#eee"
text-color="#333"
unique-opened
active-text-color="#034EA2"
@select="menuSelect">
- <el-submenu v-for="(item,i) in taskMenu" :key="i" :index="item.id + ''">
+ <el-submenu v-for="(item,i) in taskMenu" :key="i" :index="item.id + '-' + item.taskName">
<template slot="title">
<i class="el-icon-s-order"></i>
<span>{{item.taskName}}</span>
</template>
- <el-menu-item index="1">
- <span slot="title">安全检查反馈情况（批发）</span>
- </el-menu-item>
- <el-menu-item index="2">
- <span slot="title">安全检查反馈情况（零售）</span>
- </el-menu-item>
- <el-menu-item index="3" v-if="unitType==1||unitType==2">
- <span slot="title">安全检查情况汇总</span>
- </el-menu-item>
+ <el-menu-item :index="i + '-' + 1">安全检查反馈情况（批发）</el-menu-item>
+ <el-menu-item :index="i + '-' + 2">安全检查反馈情况（零售）</el-menu-item>
+ <el-menu-item :index="i + '-' + 3" v-if="unitType==1||unitType==2">安全检查情况汇总</el-menu-item>
</el-submenu>
</el-menu>
+ <div v-else style="background:#eee;color: #333;font-size: 16px;padding: 20px 10px">
+ 暂无任务
+ </div>
</div>
- <div class="table-area">
+ <div class="table-area" v-if="taskMenu && taskMenu.length>0">
<wholesale-form v-show="curTab == 1 || curTab == 2" ref="wholesale"></wholesale-form>
<sum-sheet v-show="curTab == 3" ref="sumSheet"></sum-sheet>
</div>
+ <div v-else class="table-area" style="text-align:center;margin-top: 200px">暂无任务信息</div>
<send-work ref="send"></send-work>
</div>
</template>
@@ -56,9 +55,10 @@
data() {
return {
curTab: 1,
- unitType: 1,
+ unitType: null,
taskMenu: [],
- taskId: null
+ taskId: null,
+ openeds:[]
}
},
created() {
@@ -96,9 +96,11 @@
const res = await getSpecialCheckTask()
if(res.data.code === "200"){
t.taskMenu = res.data.result.specialCheckTaskSimplifyInfos
- t.$refs.wholesale.taskId = t.taskMenu[0].id
- t.$refs.wholesale.enterpriseType = 1
- t.$refs.wholesale.getEnterpriseCompleteInfoList()
+ t.openeds[0] = t.taskMenu[0].id + '-' + t.taskMenu[0].taskName
+ t.openeds[1] = '1'
+ console.log(t.openeds,'openeds')
+ // t.$refs.wholesale.enterpriseType = t.unitType
+ // t.$refs.wholesale.getEnterpriseCompleteInfoList()
}else{
t.$message({
type:'warning',
@@ -109,16 +111,22 @@
menuSelect(key, keyPath) {
const t = this
- console.log(key, keyPath,'切换')
- if(key == 1 || key == 2){
- t.$refs.wholesale.taskId = Number(keyPath[0])
- t.$refs.wholesale.enterpriseType = Number(key)
+ if(key.split('-')[1] == '1' || key.split('-')[1] == '2'){
+ t.$refs.wholesale.taskId = Number(keyPath[0].split('-')[0])
+ t.$refs.wholesale.taskName = keyPath[0].split('-')[1]
+ t.$refs.wholesale.enterpriseType = Number(key.split('-')[1])
t.$refs.wholesale.getEnterpriseCompleteInfoList()
}else{
- t.$refs.sumSheet.taskId = Number(keyPath[0])
+ t.$refs.sumSheet.taskId = Number(keyPath[0].split('-')[0])
+ t.$refs.sumSheet.taskName = keyPath[0].split('-')[1]
+ t.$refs.sumSheet.enterpriseCity = ''
+ t.$refs.sumSheet.enterpriseArea = ''
+ t.$refs.sumSheet.sheetStatus = t.unitType
+ t.$refs.sumSheet.activeTab = 1
t.$refs.sumSheet.getDataStatistics()
+ console.log(t.$refs.sumSheet.sheetStatus,t.$refs.sumSheet.institutionalData,'55555555555555555')
}
- t.curTab = key
+ t.curTab = Number(key.split('-')[1])
},
sendJob(){
@@ -137,6 +145,14 @@
.menu-area{
width: 18%;
+
+ .el-menu{
+ height: 80vh;
+ overflow: hidden;
+ overflow-y: scroll;
+ &::-webkit-scrollbar { width: 0; height: 0; color: transparent }
+ &::scrollbar { width: 0; height: 0; color: transparent }
+ }
.add-btn{
width: 100%;
margin-bottom: 20px;
--
Gitblit v1.9.2