From 970cf34dfcab9cf1dcf682c015f84b88a6603bf5 Mon Sep 17 00:00:00 2001
From: fanluyan <754122931@qq.com>
Date: Tue, 25 Apr 2023 14:27:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/devicePhotoSchedule/index.vue             |  6 +++++-
 .../photographicDevice/index.vue                    |  3 +++
 .../userEquipment/lineInformation/index.vue         |  4 ++++
 src/views/realTimeMonitor/index.vue                 | 13 ++++++++-----
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/views/devicePhotoSchedule/index.vue b/src/views/devicePhotoSchedule/index.vue
index c70a436..ab4bd95 100644
--- a/src/views/devicePhotoSchedule/index.vue
+++ b/src/views/devicePhotoSchedule/index.vue
@@ -18,6 +18,7 @@
           height="calc(100% - 40px)"
           @selection-change="handleSelectionChange"
           @row-click="handleRowClick"
+          v-loading="loading"
         >
           <!-- <el-table-column type="index" width="55"> </el-table-column>
           <el-table-column type="selection" width="55"> </el-table-column> -->
@@ -106,14 +107,16 @@ export default {
       page: 1, // 当前页数
       pageSize: 10, // 每页数量
       total: 0, //总条数
+      loading: true,
     };
   },
   created() {
     this.deviceList();
   },
   methods: {
-    //获取线路列表数据
+    //获取拍照时间表数据
     deviceList() {
+      this.loading = true;
       getScheduleRulelListJoggle({
         pageindex: this.page,
         pagesize: this.pageSize,
@@ -121,6 +124,7 @@ export default {
         .then((res) => {
           this.deviceTableData = res.data.list;
           this.total = res.data.total;
+          this.loading = false;
         })
         .catch((err) => {});
     },
diff --git a/src/views/management/monitoringEquipment/photographicDevice/index.vue b/src/views/management/monitoringEquipment/photographicDevice/index.vue
index 674d076..219a281 100644
--- a/src/views/management/monitoringEquipment/photographicDevice/index.vue
+++ b/src/views/management/monitoringEquipment/photographicDevice/index.vue
@@ -15,6 +15,7 @@
           height="calc(100% - 40px)"
           @selection-change="handleSelectionChange"
           @row-click="handleRowClick"
+          v-loading="loading"
         >
           <el-table-column
             prop="displayName"
@@ -144,6 +145,7 @@ export default {
   methods: {
     ////获取拍照装置列表数据
     terminalList(page, pageSize) {
+      this.loading = true;
       getTerminalJoggle({
         pageindex: page,
         pagesize: pageSize,
@@ -152,6 +154,7 @@ export default {
           console.log(res);
           this.terminalTableData = res.data.list;
           this.total = res.data.total;
+          this.loading = false;
         })
         .catch((err) => {
           console.log(err); //代码错误、请求失败捕获
diff --git a/src/views/management/userEquipment/lineInformation/index.vue b/src/views/management/userEquipment/lineInformation/index.vue
index 2ef363d..1539a66 100644
--- a/src/views/management/userEquipment/lineInformation/index.vue
+++ b/src/views/management/userEquipment/lineInformation/index.vue
@@ -15,6 +15,7 @@
           height="calc(100% - 40px)"
           @selection-change="handleSelectionChange"
           @row-click="handleRowClick"
+          v-loading="loading"
         >
           <!-- <el-table-column type="selection" width="55"> </el-table-column> -->
           <el-table-column label="单位" show-overflow-tooltip>
@@ -103,6 +104,7 @@ export default {
       page: 1, // 当前页数
       pageSize: 10, // 每页数量
       total: 0, //总条数
+      loading: true,
     };
   },
   created() {
@@ -111,6 +113,7 @@ export default {
   methods: {
     //获取线路列表数据
     lineList() {
+      this.loading = true;
       getLineListJoggle({
         pageindex: this.page,
         pagesize: this.pageSize,
@@ -118,6 +121,7 @@ export default {
         .then((res) => {
           this.lineTableData = res.data.list;
           this.total = res.data.total;
+          this.loading = false;
         })
         .catch((err) => {});
     },
diff --git a/src/views/realTimeMonitor/index.vue b/src/views/realTimeMonitor/index.vue
index 43c761a..2549764 100644
--- a/src/views/realTimeMonitor/index.vue
+++ b/src/views/realTimeMonitor/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="monitorBox">
+  <div class="monitorBox" v-loading="loadingBg">
     <div class="monitor-container">
       <!-- 左侧数据列表树 -->
       <div class="sideBar">
@@ -24,9 +24,8 @@
           </span>
         </el-tree>
       </div>
-
       <!-- 带参数的中心内容右侧参数区 -->
-      <div class="picSetBox">
+      <div class="picSetBox" v-loading="loading">
         <div class="swiperBox">
           <carouselChart
             :terminalPhoto="terminalPhoto"
@@ -98,7 +97,6 @@
           </div>
         </div>
       </div>
-
       <setschedule ref="setschedule_ref"></setschedule>
     </div>
   </div>
@@ -137,6 +135,8 @@ export default {
       terminalPhoto: [], //获取拍照装置当前数据
       dateValue: "", //日期
       nopicPath: require("@/assets/img/nopic.jpg"),
+      loadingBg: true,
+      loading: true,
     };
   },
   watch: {},
@@ -164,6 +164,7 @@ export default {
     },
     //获取左侧树结构
     getLineTreeList() {
+      this.loadingBg = true;
       getdyTreeListJoggle()
         .then((res) => {
           console.log(res);
@@ -180,6 +181,7 @@ export default {
               this.getChannelList(this.channelId); //获取通道id接口
             });
           }
+          this.loadingBg = false;
         })
         .catch((err) => {
           console.log(err); //代码错误、请求失败捕获
@@ -225,6 +227,7 @@ export default {
     },
     //获取图片
     getTerminalPhotoList(id, date, termId) {
+      this.loading = true;
       this.terminalPhoto = [];
       console.log(id, date, termId);
       getTerminalPhotoListJoggle({
@@ -240,10 +243,10 @@ export default {
                 path: this.nopicPath,
               },
             ];
-            //alert("没有数据哈");
           } else {
             this.terminalPhoto = res.data.list;
           }
+          this.loading = false;
           console.log(this.terminalPhoto);
         })
         .catch((err) => {