From 8f5812335a83c80b857304a527e315ef476191ab Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Mon, 4 Mar 2024 20:48:03 +0800
Subject: [PATCH 1/4] =?UTF-8?q?fix=20:=20=E7=BB=86=E8=8A=82=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/content/usedEle/UsedEle.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/content/usedEle/UsedEle.vue b/src/components/content/usedEle/UsedEle.vue
index 0d69659..998821f 100644
--- a/src/components/content/usedEle/UsedEle.vue
+++ b/src/components/content/usedEle/UsedEle.vue
@@ -118,9 +118,11 @@ watch(() => props.eleData, (now) => {
   if (now) {
     let fanObj = {}
     now.frequencyChangerList.forEach(item => {
-      fanObj = {
-        value: item.equipmentId,
-        label: changeNum(item.equipmentId)
+      if (item.equipmentId === 22 || item.equipmentId === 23) {
+        fanObj = {
+          value: item.equipmentId,
+          label: changeNum(item.equipmentId)
+        }
       }
       fanList.value.push(fanObj)
     })

From c242691a6585be49e3a6495ba522b197eae0575c Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Mon, 4 Mar 2024 22:48:09 +0800
Subject: [PATCH 2/4] =?UTF-8?q?fix=20:=20=E9=A3=8E=E5=8E=8B=E7=BB=86?=
 =?UTF-8?q?=E8=8A=82=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/content/windPressure/WindPressureList.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/content/windPressure/WindPressureList.vue b/src/components/content/windPressure/WindPressureList.vue
index ea62c89..d248325 100644
--- a/src/components/content/windPressure/WindPressureList.vue
+++ b/src/components/content/windPressure/WindPressureList.vue
@@ -140,6 +140,9 @@ const getScreenInfo = (now) => {
     }
     windPressureArr.push(windPressureObj)
   })
+  if(windPressureArr.map(item=>item.equipmentName).includes('10号风压')){
+    windPressureArr.push(windPressureArr.shift())
+  }
   wpList.value = windPressureArr
 }
 /**

From 204d6873361575018e508ba143e6ef9098cc747e Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Tue, 5 Mar 2024 21:47:53 +0800
Subject: [PATCH 3/4] =?UTF-8?q?fix=20:=20=E4=BF=AE=E5=A4=8D=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AEloading=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/content/airInfo/AirInfo.vue | 53 +++++++++++++---------
 src/components/content/usedEle/UsedEle.vue | 19 ++++++--
 src/views/device-manage/index.vue          |  8 +++-
 src/views/edit/edit.vue                    |  8 +++-
 src/views/site/index.vue                   | 40 ++++++++++------
 src/views/tunnel-manage/index.vue          |  8 +++-
 src/views/tunnel/index.vue                 | 12 +++--
 src/views/user/index.vue                   |  8 +++-
 8 files changed, 109 insertions(+), 47 deletions(-)

diff --git a/src/components/content/airInfo/AirInfo.vue b/src/components/content/airInfo/AirInfo.vue
index 3caf2d5..735d14a 100644
--- a/src/components/content/airInfo/AirInfo.vue
+++ b/src/components/content/airInfo/AirInfo.vue
@@ -4,11 +4,11 @@
     <div class="fan-speed">
       <div>
         <img src="@/assets/images/airInfo/fan-v-icon.png" alt=""/>
-        <div class="fan-info" @click="handleOpenChart(windSpeedId)">
+        <div class="fan-info" @click="handleOpenChart(windSpeedType,windSpeedId)">
           <div class="input-fan"><span>风速</span>{{ windSpeed }}m/s</div>
         </div>
       </div>
-      <div class="wind-direction-info" @click="handleOpenChart(windDirectionSpeedId)">
+      <div class="wind-direction-info" @click="handleOpenChart(windDirectionSpeedType,windDirectionSpeedId)">
         <div class="input-fan"><span>风向</span>{{ windDirection }} °</div>
       </div>
     </div>
@@ -64,10 +64,12 @@ const props = defineProps({
 const chooseDayRef = ref();
 const chooseMonthRef = ref();
 const windSpeed = ref(0)
-const windDirection = ref(0)
+const windDirection = ref(null)
 const loadingText = ref('加载中...')
 const windSpeedId = ref(0)
+const windSpeedType = ref(null)
 const windDirectionSpeedId = ref(0)
+const windDirectionSpeedType = ref(null)
 const dialogTitle = ref('风速')
 const openDialogId = ref(0)
 const airList = ref([])
@@ -85,27 +87,34 @@ watch(() => props.list, (now) => {
   })
 }, {deep: true});
 watch(() => props.airData, (now) => {
-  if (now.sensorList.length !== 0) {
-    if (now.sensorList.length === 0) {
-      airList.value = []
-    } else {
-      getAirInfo(now.sensorList)
-    }
-  } else {
+  if (now.sensorList.length === 0) {
     airList.value = []
-    windSpeed.value = 0
+    windSpeed.value = null
+    windDirection.value = null
+  } else {
+    getAirInfo(now.sensorList)
   }
+  // if (now.sensorList.length !== 0) {
+  //   if (now.sensorList.length === 0) {
+  //     airList.value = []
+  //   } else {
+  //     getAirInfo(now.sensorList)
+  //   }
+  // } else {
+  //   airList.value = []
+  //   windSpeed.value = 0
+  // }
 }, {deep: true});
 const daySelect = (val) => {
-  getChartInfo(openDialogId.value, 'day',val)
+  getChartInfo(openDialogId.value, 'day', val)
 }
 const monthSelect = (val) => {
-  getChartInfo(openDialogId.value, 'month',val)
+  getChartInfo(openDialogId.value, 'month', val)
 }
-const getChartInfo = (equipmentId, type = 'day',time='') => {
+const getChartInfo = (equipmentId, type = 'day', time = '') => {
   isWindSpeedVisited.value = true
   showSpeedLoading.value = true
-  getEchartsInfo(equipmentId,time, type).then(res => {
+  getEchartsInfo(equipmentId, time, type).then(res => {
     if (res?.code === 1000) {
       showSpeedLoading.value = false
       nextTick(() => {
@@ -121,11 +130,11 @@ const getChartInfo = (equipmentId, type = 'day',time='') => {
 }
 const handleOpenChart = (id, type) => {
   selectTimeButton.value = 2
-  nextTick(()=>{
-    if(chooseMonthRef.value){
+  nextTick(() => {
+    if (chooseMonthRef.value) {
       chooseMonthRef.value.clearData()
     }
-    if(chooseDayRef.value){
+    if (chooseDayRef.value) {
       chooseDayRef.value.clearData()
     }
   })
@@ -134,13 +143,13 @@ const handleOpenChart = (id, type) => {
     openDialogId.value = id.equipmentId
     getChartInfo(id.equipmentId, 'day')
   } else {
-    if (id === 11) {
+    if (id === "windDirection") {
       dialogTitle.value = '风向'
     } else {
       dialogTitle.value = '风速'
     }
-    openDialogId.value = id
-    getChartInfo(id, 'day')
+    openDialogId.value = type
+    getChartInfo(type, 'day')
   }
 
 }
@@ -188,9 +197,11 @@ const getAirInfo = (now) => {
       airObj = changeData(item)
       airArr.push(airObj)
     } else if (item.equipmentType === "windSpeed") {
+      windSpeedType.value = item.equipmentType
       windSpeedId.value = item.equipmentId
       windSpeed.value = item.value
     } else if (item.equipmentType === "windDirection") {
+      windDirectionSpeedType.value = item.equipmentType
       windDirectionSpeedId.value = item.equipmentId
       windDirection.value = item.value
     }
diff --git a/src/components/content/usedEle/UsedEle.vue b/src/components/content/usedEle/UsedEle.vue
index 998821f..a853f9b 100644
--- a/src/components/content/usedEle/UsedEle.vue
+++ b/src/components/content/usedEle/UsedEle.vue
@@ -1,6 +1,10 @@
 <template>
   <div id="used-ele" :style="{ backgroundColor: bgImage }" @click="handleOpenChart">
-    <div class="content">
+    <div v-if="electricityConsumptionMonthly===0||monthlySavings===0" class="showNull ">
+      <div class="loading" v-if="loading===0"></div>
+      {{ loading === 0 ? '加载中...' : '暂无数据~' }}
+    </div>
+    <div v-else class="content">
       <div class="item">
         <div class="container" ref="length">
           <div class="value" ref="valueA"></div>
@@ -23,6 +27,7 @@
       <div class="ele-right-bottom-icon"></div>
     </div>
   </div>
+
   <div class="digital-tunnel">
     <el-dialog :close-on-click-modal="false" v-model="isVisited" width="2175px" :modal="false">
       <div class="left-top-icon"></div>
@@ -88,7 +93,8 @@ import {getEleEchartsInfo} from "@/api/largeScreen";
 
 const props = defineProps({
   list: Array,
-  eleData: Array
+  eleData: Array,
+  loading: Number
 });
 
 const loadingText = ref('加载中...')
@@ -114,6 +120,9 @@ const bgImage = computed(() =>
         ? "#2E5589"
         : "rgba(6,34,71,0.78)"
 );
+watch(() => props.loading, (now) => {
+  props.loading = now
+}, {deep: true});
 watch(() => props.eleData, (now) => {
   if (now) {
     let fanObj = {}
@@ -128,8 +137,10 @@ watch(() => props.eleData, (now) => {
     })
     getBasicData(now.largeScreenElectricity)
   }
-  setValueA()
-  setValueB()
+ nextTick(() => {
+    setValueA()
+    setValueB()
+  })
 }, {deep: true});
 // watch(() => props.list, (now) => {
 //   console.log(now,props.eleData,'大V大V')
diff --git a/src/views/device-manage/index.vue b/src/views/device-manage/index.vue
index 73318c2..b5bbe3a 100644
--- a/src/views/device-manage/index.vue
+++ b/src/views/device-manage/index.vue
@@ -283,7 +283,7 @@
 </template>
 
 <script setup>
-import {ElMessage} from "element-plus";
+import {ElLoading, ElMessage} from "element-plus";
 import {getEquipmentList, editEquipment, getTunnelDetail} from "@/api/tunnelManage";
 import TunnelTitle from "@/components/tunnelTitle/index.vue";
 const router = useRouter()
@@ -362,8 +362,14 @@ const handleChangeMenu = (e) => {
 }
 
 const getList = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '正在加载系统资源',
+    background: 'rgba(0, 0, 0, 0.7)',
+  })
   getEquipmentList(tunnelId).then(res => {
     if (res.code === 1000) {
+      loading.close()
       fanData.value = res.data.frequencyChangerList
       res.data.windPressureSensorList.forEach(item => {
         item.offset = item.offset + 4000
diff --git a/src/views/edit/edit.vue b/src/views/edit/edit.vue
index eea6164..97502e6 100644
--- a/src/views/edit/edit.vue
+++ b/src/views/edit/edit.vue
@@ -75,7 +75,7 @@
 <script setup>
 import TunnelScene from "@/components/content/tunnelScene/TunnelScene.vue";
 import {editTunnel, getTunnelDetail} from "@/api/tunnelManage";
-import {ElMessage} from "element-plus";
+import {ElLoading, ElMessage} from "element-plus";
 import {initSceneData} from "@/api/tunnelScene";
 import TunnelTitle from "@/components/tunnelTitle/index.vue";
 
@@ -97,8 +97,14 @@ const form = ref({
   remarks: "",
 });
 const getTunnel = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '正在加载系统资源',
+    background: 'rgba(0, 0, 0, 0.7)',
+  })
   getTunnelDetail(tunnelId).then((res) => {
     if (res?.code === 1000) {
+      loading.close()
       form.value = res.data;
     }
   });
diff --git a/src/views/site/index.vue b/src/views/site/index.vue
index f196b7a..0e223e8 100644
--- a/src/views/site/index.vue
+++ b/src/views/site/index.vue
@@ -145,6 +145,7 @@ import {editSite, getSiteDetail, getSiteList, addSite, deleteSite} from "@/api/s
 import {ElMessage, ElMessageBox} from "element-plus";
 import TunnelTitle from "@/components/tunnelTitle/index.vue";
 import {getToken} from '@/utils/auth'
+import {ElLoading} from 'element-plus'
 
 const router = useRouter()
 const userId = reactive(router.currentRoute.value.params.userId)
@@ -201,28 +202,36 @@ const handleGoHome = () => {
   router.push('/' + 'siteToHome/' + siteId)
 }
 const getList = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '正在加载系统资源',
+    background: 'rgba(0, 0, 0, 0.7)',
+  })
   getSiteList({
     userId: userId,
     ...pageInfo
   }).then((res) => {
-    total.value = res.data.total;
-    if (total.value == 0) {
+    if (res.code === 1000) {
+      loading.close()
+      total.value = res.data.total;
+      if (total.value == 0) {
 
-    } else {
-      showAddIcon.value = total.value % 6 !== 0;
-    }
-    showFirst.value = total.value / pageInfo.pageSize > 1;
-    res.data.rows.map(item => {
-      if (item.tunnelList === null || item.tunnelList.length === 0) {
-        item.info = info.value
       } else {
-        item.info = item.tunnelList[0]
+        showAddIcon.value = total.value % 6 !== 0;
       }
-      item.checked = false
-    })
-
-    siteList.value = res.data.rows;
+      showFirst.value = total.value / pageInfo.pageSize > 1;
+      res.data.rows.map(item => {
+        if (item.tunnelList === null || item.tunnelList.length === 0) {
+          item.info = info.value
+        } else {
+          item.info = item.tunnelList[0]
+        }
+        item.checked = false
+      })
+      siteList.value = res.data.rows;
+    }
   });
+
 }
 getList()
 const handleClickSite = (type) => {
@@ -786,8 +795,9 @@ const handleCurrentChange = (val) => {
     color: #60DDDE;
     font-size: 38px;
     font-weight: bold;
+
     :deep(.el-pagination.is-background ) {
-      .btn-next,.btn-prev {
+      .btn-next, .btn-prev {
         background-color: transparent;
       }
 
diff --git a/src/views/tunnel-manage/index.vue b/src/views/tunnel-manage/index.vue
index 01c0324..7ef84f2 100644
--- a/src/views/tunnel-manage/index.vue
+++ b/src/views/tunnel-manage/index.vue
@@ -160,7 +160,7 @@
 </template>
 
 <script setup>
-import {ElMessage, ElMessageBox} from "element-plus";
+import {ElLoading, ElMessage, ElMessageBox} from "element-plus";
 import {getTunnelList, addTunnel, deleteTunnel} from "@/api/tunnelManage";
 import {getSiteDrawing, getSiteDetail} from "@/api/site";
 import TunnelTitle from "@/components/tunnelTitle/index.vue";
@@ -323,11 +323,17 @@ const getTunnel = (id) => {
 }
 getTunnel(siteId)
 const getList = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '正在加载系统资源',
+    background: 'rgba(0, 0, 0, 0.7)',
+  })
   getTunnelList({
     siteId: siteId,
     ...pageInfo
   }).then(res => {
     if (res.code === 1000) {
+      loading.close()
       total.value = res.data.total
       tunnelList.value = res.data.rows
       showFirst.value = total.value / pageInfo.pageSize >= 1;
diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue
index 1e6ebbb..efa1c85 100644
--- a/src/views/tunnel/index.vue
+++ b/src/views/tunnel/index.vue
@@ -42,7 +42,7 @@
                  :close-on-click-modal="false" :close-on-press-escape="false">
         <fan-info v-if="showFan" :list="socketData.leftData" :fan-data="largeScreenData"
                   :transducer-data="largeScreenData" :loading="showFanLoading" :tunnel-id="tunnelId"/>
-        <used-ele v-if="showFan" :list="socketData.leftData" :ele-data="largeScreenData"/>
+        <used-ele v-if="showFan" :list="socketData.leftData" :loading="showUsedLoading" :ele-data="largeScreenData"/>
       </el-drawer>
       <div v-if="drawerLeft" class="left-arrow" @click="closeLeft"></div>
       <div v-else class="shrink-left" @click="closeLeft"></div>
@@ -52,7 +52,7 @@
                  :close-on-click-modal="false" :close-on-press-escape="false">
         <wind-pressure-list v-if="showFan" :list="socketData.windPressure" :win-data="largeScreenData"
                             :loading="showWindLoading"/>
-        <air-info v-if="showFan" :list="socketData.sensor" :air-data="largeScreenData"/>
+        <air-info v-if="showFan" :list="socketData.sensor" :air-data="largeScreenData" />
         <bad-gas-info v-if="showFan" :list="socketData.sensor" :bad-gas-data="largeScreenData" :tunnelId="tunnelId"
                       :loading="showBadLoading"/>
       </el-drawer>
@@ -187,6 +187,7 @@ const loading = ref(false);
 const tableEmptyText = ref("加载中~");
 const initialIndex = ref(0)
 const showFanLoading = ref(0)
+const showUsedLoading = ref(0)
 const showWindLoading = ref(0)
 const showBadLoading = ref(0)
 const drawerRight = ref(true);
@@ -410,6 +411,12 @@ const getScreenInfo = (id) => {
         } else {
           showFanLoading.value = 1
         }
+        const useEleData=res.data.largeScreenElectricity
+        if(useEleData.electricityConsumptionCount==null||useEleData.monthlySavings==null){
+          showUsedLoading.value = 0
+        }else {
+          showUsedLoading.value = 1
+        }
         if (res.data.windPressureSensorList.length !== 0) {
           res.data.windPressureSensorList.forEach((item) => {
             option = {
@@ -476,7 +483,6 @@ const getList = () => {
     }
   })
 }
-//根据站点id获取隧道信息option
 
 let largeScreen = computed(() => largeScreenData)
 const getTunnel = (id) => {
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index c9227c1..c2dc94e 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -143,7 +143,7 @@
 <script setup>
 import {Search} from '@element-plus/icons-vue'
 import {addUser, editUser, getUser, getRoleOption, deleteUser, getUserDetail} from "@/api/user";
-import {ElMessage, ElMessageBox} from "element-plus";
+import {ElLoading, ElMessage, ElMessageBox} from "element-plus";
 import {getTunnelOption} from "@/api/tunnel";
 import TunnelTitle from "@/components/tunnelTitle/index.vue";
 
@@ -264,12 +264,18 @@ const getRoleOptionInfo = () => {
 }
 getRoleOptionInfo()
 const getInfo = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '正在加载系统资源',
+    background: 'rgba(0, 0, 0, 0.7)',
+  })
   getUser({
     siteId: siteId,
     userName: username.value,
     ...pageInfo
   }).then(res => {
     if (res.code === 1000) {
+      loading.close()
       userData.value = res.data.rows
       total.value = res.data.total
       showFirst.value = total.value / pageInfo.pageSize >= 1;

From 3b420358929ef3fc1fecb2756051e57c7a29c602 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Tue, 5 Mar 2024 22:59:09 +0800
Subject: [PATCH 4/4] =?UTF-8?q?fix=20:=20=E4=BF=AE=E5=A4=8D=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AEloading=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/index.scss               | 13 +++++++++++++
 src/components/content/usedEle/UsedEle.vue |  2 +-
 src/views/device-manage/index.vue          |  5 +++--
 src/views/edit/edit.vue                    |  5 +++--
 src/views/login/index.vue                  | 17 +++++++++--------
 src/views/site/index.vue                   | 13 ++++++++++---
 src/views/tunnel-manage/index.vue          |  5 +++--
 src/views/tunnel/index.vue                 |  2 ++
 src/views/user/index.vue                   | 17 +++++++++++++----
 9 files changed, 57 insertions(+), 22 deletions(-)

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index f3d8322..3bc876d 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -18,6 +18,19 @@
 body {
   background-color: #f5f5f5;
 }
+.allLoading.el-loading-mask.is-fullscreen{
+  .el-loading-spinner{
+    .circular{
+      width: 75px;
+      height: 75px;
+    }
+    .el-loading-text{
+      font-size: 26px;
+      letter-spacing: 2px;
+    }
+  }
+}
+
 
 .el-container {
   height: 100%;
diff --git a/src/components/content/usedEle/UsedEle.vue b/src/components/content/usedEle/UsedEle.vue
index a853f9b..3aeda31 100644
--- a/src/components/content/usedEle/UsedEle.vue
+++ b/src/components/content/usedEle/UsedEle.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="used-ele" :style="{ backgroundColor: bgImage }" @click="handleOpenChart">
-    <div v-if="electricityConsumptionMonthly===0||monthlySavings===0" class="showNull ">
+    <div v-if="electricityConsumptionMonthly===0&&monthlySavings===0" class="showNull ">
       <div class="loading" v-if="loading===0"></div>
       {{ loading === 0 ? '加载中...' : '暂无数据~' }}
     </div>
diff --git a/src/views/device-manage/index.vue b/src/views/device-manage/index.vue
index b5bbe3a..0c83fc3 100644
--- a/src/views/device-manage/index.vue
+++ b/src/views/device-manage/index.vue
@@ -364,12 +364,12 @@ const handleChangeMenu = (e) => {
 const getList = () => {
   const loading = ElLoading.service({
     lock: true,
-    text: '正在加载系统资源',
+    text: '正在加载系统资源...',
     background: 'rgba(0, 0, 0, 0.7)',
+    customClass:'allLoading'
   })
   getEquipmentList(tunnelId).then(res => {
     if (res.code === 1000) {
-      loading.close()
       fanData.value = res.data.frequencyChangerList
       res.data.windPressureSensorList.forEach(item => {
         item.offset = item.offset + 4000
@@ -390,6 +390,7 @@ const getList = () => {
         }
       })
     }
+    loading.close()
   })
 }
 const getTunnel = () => {
diff --git a/src/views/edit/edit.vue b/src/views/edit/edit.vue
index 97502e6..7cd828d 100644
--- a/src/views/edit/edit.vue
+++ b/src/views/edit/edit.vue
@@ -99,14 +99,15 @@ const form = ref({
 const getTunnel = () => {
   const loading = ElLoading.service({
     lock: true,
-    text: '正在加载系统资源',
+    text: '正在加载系统资源...',
     background: 'rgba(0, 0, 0, 0.7)',
+    customClass:'allLoading'
   })
   getTunnelDetail(tunnelId).then((res) => {
     if (res?.code === 1000) {
-      loading.close()
       form.value = res.data;
     }
+    loading.close()
   });
 };
 getTunnel();
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 804a9a2..93d5ade 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -76,10 +76,11 @@ const handleLogin = (instance) => {
     await authStore.userLogin(loginForm).then((res) => {
       if (res) {
         ElLoading.service({
-          text: "正在加载系统资源",
-          background: "#409eff",
           lock: true,
-        });
+          text: '登录中...',
+          background: 'rgba(0, 0, 0, 0.7)',
+          customClass:'allLoading'
+        })
         router.push("/");
       } else {
         getCode();
@@ -89,14 +90,14 @@ const handleLogin = (instance) => {
 };
 
 getCode();
-
 onBeforeUnmount(() => {
   ElLoading.service({
-    text: "正在加载系统资源",
-    background: "#409eff",
     lock: true,
-  }).close();
-});
+    text: '登录中...',
+    background: 'rgba(0, 0, 0, 0.7)',
+    customClass:'allLoading'
+  }).close()
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/site/index.vue b/src/views/site/index.vue
index 0e223e8..32ab902 100644
--- a/src/views/site/index.vue
+++ b/src/views/site/index.vue
@@ -204,15 +204,15 @@ const handleGoHome = () => {
 const getList = () => {
   const loading = ElLoading.service({
     lock: true,
-    text: '正在加载系统资源',
+    text: '正在加载系统资源...',
     background: 'rgba(0, 0, 0, 0.7)',
+    customClass:'allLoading'
   })
   getSiteList({
     userId: userId,
     ...pageInfo
   }).then((res) => {
     if (res.code === 1000) {
-      loading.close()
       total.value = res.data.total;
       if (total.value == 0) {
 
@@ -230,8 +230,8 @@ const getList = () => {
       })
       siteList.value = res.data.rows;
     }
+    loading.close()
   });
-
 }
 getList()
 const handleClickSite = (type) => {
@@ -268,10 +268,17 @@ const restFrom = () => {
 const handleEdit = (item) => {
   title.value = '编辑站点'
   restFrom()
+  const loading = ElLoading.service({
+    lock: true,
+    text: '正在加载系统资源...',
+    background: 'rgba(0, 0, 0, 0.7)',
+    customClass:'allLoading'
+  })
   getSiteDetail(item.siteId).then((res) => {
     form.value = res.data;
     form.value = item;
     isVisited.value = true
+    loading.close()
   });
 }
 const handleUpload = (siteId) => {
diff --git a/src/views/tunnel-manage/index.vue b/src/views/tunnel-manage/index.vue
index 7ef84f2..a769617 100644
--- a/src/views/tunnel-manage/index.vue
+++ b/src/views/tunnel-manage/index.vue
@@ -325,15 +325,15 @@ getTunnel(siteId)
 const getList = () => {
   const loading = ElLoading.service({
     lock: true,
-    text: '正在加载系统资源',
+    text: '正在加载系统资源...',
     background: 'rgba(0, 0, 0, 0.7)',
+    customClass:'allLoading'
   })
   getTunnelList({
     siteId: siteId,
     ...pageInfo
   }).then(res => {
     if (res.code === 1000) {
-      loading.close()
       total.value = res.data.total
       tunnelList.value = res.data.rows
       showFirst.value = total.value / pageInfo.pageSize >= 1;
@@ -341,6 +341,7 @@ const getList = () => {
     } else {
       ElMessage.warning(res.msg)
     }
+    loading.close()
   })
 }
 getList()
diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue
index efa1c85..b77e30c 100644
--- a/src/views/tunnel/index.vue
+++ b/src/views/tunnel/index.vue
@@ -521,8 +521,10 @@ const changeTunnel = (e) => {
   showBadLoading.value = 0
   showWindLoading.value = 0
   showFanLoading.value = 0
+  showUsedLoading.value = 0
   pageInfo.pageNum = 1
   getScreenInfo(newObj.value)
+  showFan.value = false
   nextTick(() => {
     showFan.value = true;
   });
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index c2dc94e..88bfae6 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -214,16 +214,24 @@ const handleAddUser = () => {
 }
 const handleEditUser = (row) => {
   reset()
+  const loading = ElLoading.service({
+    lock: true,
+    text: '正在加载系统资源...',
+    background: 'rgba(0, 0, 0, 0.7)',
+    customClass:'allLoading'
+  })
   getUserDetail(row.userId).then(res => {
     if (res.code === 1000) {
       getTunnel()
       form.value = res.data.user
       form.value.roleId = res.data.roleIds[0]
       form.value.tunnelList = res.data.user.tunnelList
+      title.value = '修改用户'
+      isVisited.value = true
     }
+    loading.close()
   })
-  title.value = '修改用户'
-  isVisited.value = true
+
 }
 
 const handleDelete = () => {
@@ -266,8 +274,9 @@ getRoleOptionInfo()
 const getInfo = () => {
   const loading = ElLoading.service({
     lock: true,
-    text: '正在加载系统资源',
+    text: '正在加载系统资源...',
     background: 'rgba(0, 0, 0, 0.7)',
+    customClass:'allLoading'
   })
   getUser({
     siteId: siteId,
@@ -275,11 +284,11 @@ const getInfo = () => {
     ...pageInfo
   }).then(res => {
     if (res.code === 1000) {
-      loading.close()
       userData.value = res.data.rows
       total.value = res.data.total
       showFirst.value = total.value / pageInfo.pageSize >= 1;
     }
+    loading.close()
   })
 }
 getInfo()