供热区、换热站表格增加loading显示

.env.development

@@ -2,11 +2,11 @@
 ENV = 'development'
 
 # 本地环境接口地址
-#VITE_API_URL = 'http://zhgy.sagoo.cn:8899/api/v1'
+VITE_API_URL = 'http://zhgy.sagoo.cn:8899/api/v1'
 VITE_IMG_URL = 'http://zhgy.sagoo.cn:8899/'
 VITE_ASSESS_URL = 'http://zhgy.sagoo.cn/base-api/assess/v1'
 VITE_SCREEN_URL = 'http://home.yanglizhi.cn:10003'
 VITE_TOPO_URL = 'http://home.yanglizhi.cn:10001'
 VITE_WS_URL = 'ws://zhgy.sagoo.cn:8899/api/v1/websocket'
-VITE_API_URL = 'http://sgadserver.wdeveloperw.xyz/api/v1'
+#VITE_API_URL = 'http://sgadserver.wdeveloperw.xyz/api/v1'
 # VITE_IMG_URL = 'http://sgadserver.wdeveloperw.xyz/'

src/views/heatStation/heatStation/index.vue

@@ -38,7 +38,7 @@
         </el-form>
       </div>
 			
-      <el-table :data="tableData.data" style="width: 100%"  row-key="id" default-expand-all :indent="16" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+      <el-table :data="tableData.data" v-loading="tableData.loading" style="width: 100%"  row-key="id" default-expand-all :indent="16" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
         <!-- <el-table-column type="selection" width="55" align="center" /> -->
         <!-- <el-table-column label="ID" align="center" prop="id" width="60" /> -->
 	    	<el-table-column label="换热站" prop="name" :show-overflow-tooltip="true" />
@@ -120,9 +120,11 @@ export default defineComponent({
 			queryList();
 		};
 		const queryList = () => {
+			state.tableData.loading = true
 			api.heatStation.getList(state.tableData.param)
 				.then((res: any) => {
 					state.tableData.data = res || [];
+					state.tableData.loading = false
 				});
 		};
 

src/views/heatStation/loop/index.vue

@@ -49,7 +49,7 @@
           </el-form-item>
         </el-form>
       </div>
-      <el-table :data="tableData.data" style="width: 100%" @selection-change="handleSelectionChange">
+      <el-table :data="tableData.data" v-loading="tableData.loading" style="width: 100%" @selection-change="handleSelectionChange">
         <!-- <el-table-column type="selection" width="55" align="center" /> -->
         <el-table-column label="ID" align="center" prop="id" width="60" />
         <el-table-column label="编号" prop="code" :show-overflow-tooltip="true" />
@@ -178,10 +178,12 @@ export default defineComponent({
 			queryList();
 		};
 		const queryList = () => {
+			state.tableData.loading = true
 			api.loop.getList(state.tableData.param).then((res: any) => {
 				console.log(res);
 				state.tableData.data = res.Data || [];
 				state.tableData.total = res.Total;
+				state.tableData.loading = false
 			});
 		};
 

src/views/heatingDistrict/floorManage/index.vue

@@ -61,7 +61,7 @@
           </el-form-item>
         </el-form>
       </div>
-      <el-table :data="tableData.data" style="width: 100%" >
+      <el-table :data="tableData.data" v-loading="tableData.loading" style="width: 100%" >
         <!-- <el-table-column type="selection" width="55" align="center" /> -->
         <el-table-column label="ID" align="center" prop="id" width="60" />
 	    	<el-table-column label="楼宇名称" prop="name" min-width="100" />
@@ -152,10 +152,12 @@ export default defineComponent({
 				})
 		}
 		const queryList = () => {
+			state.tableData.loading = true
 			api.floor.getList(state.tableData.param).then((res: any) => {
 				console.log(res);
 				state.tableData.data = res.Info || [];
 				state.tableData.total = res.Total;
+				state.tableData.loading = false
 			});
 		};
 

src/views/heatingDistrict/regionalManage/index.vue

@@ -51,7 +51,7 @@
           </el-form-item>
         </el-form>
       </div>
-      <el-table :data="tableData.data" style="width: 100%" >
+      <el-table :data="tableData.data" v-loading="tableData.loading" style="width: 100%" >
         <!-- <el-table-column type="selection" width="55" align="center" /> -->
         <el-table-column label="ID" align="center" prop="id" width="60" />
         <el-table-column label="小区名称" prop="name" min-width="100" />
@@ -125,10 +125,12 @@ export default defineComponent({
 			});
 		}
 		const queryList = () => {
+			state.tableData.loading = true
 			api.regionalManage.getList(state.tableData.param).then((res: any) => {
 				console.log(res);
 				state.tableData.data = res.Info || [];
 				state.tableData.total = res.Total;
+				state.tableData.loading = false
 			});
 		};
 

src/views/heatingDistrict/residentManage/index.vue

@@ -81,7 +81,7 @@
           </el-form-item>
         </el-form>
       </div>
-      <el-table :data="tableData.data" style="width: 100%" >
+      <el-table :data="tableData.data" v-loading="tableData.loading" style="width: 100%" >
         <!-- <el-table-column type="selection" width="55" align="center" /> -->
         <el-table-column label="ID" align="center" prop="id" width="60" />
         <el-table-column label="组织名称" prop="" min-width="100">
@@ -210,10 +210,12 @@ export default defineComponent({
 				})
 		}
 		const queryList = () => {
+			state.tableData.loading = true
 			api.resident.getList(state.tableData.param).then((res: any) => {
 				console.log(res);
 				state.tableData.data = res.Data || [];
 				state.tableData.total = res.Total;
+				state.tableData.loading = false
 			});
 		};
 		const onPlotChange = () => { 

src/views/heatingDistrict/unitManage/index.vue

@@ -71,7 +71,7 @@
           </el-form-item>
         </el-form>
       </div>
-      <el-table :data="tableData.data" style="width: 100%" >
+      <el-table :data="tableData.data" v-loading="tableData.loading" style="width: 100%" >
         <!-- <el-table-column type="selection" width="55" align="center" /> -->
         <el-table-column label="ID" align="center" prop="id" width="60" />
         <el-table-column label="组织名称" prop="organizationInfo.name" min-width="100" />
@@ -164,10 +164,12 @@ export default defineComponent({
 				})
 		}
 		const queryList = () => {
+			state.tableData.loading = true
 			api.unit.getList(state.tableData.param).then((res: any) => {
 				console.log(res);
 				state.tableData.data = res.Data || [];
 				state.tableData.total = res.Total;
+				state.tableData.loading = false
 			});
 		};
 		const onPlotChange = () => {