[填报审核][整改审核]添加loading

src/views/demo/degraining/auditinfo/MapList/index.vue

@@ -206,7 +206,7 @@
   const userStore = useUserStore()
 
   const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
-  const emits = defineEmits(['changeTask', 'changeShowParent']);
+  const emits = defineEmits(['changeTask', 'changeShowParent','openLoading','closeLoading']);
 
   const flowWfDataStore = flowStore();
 
@@ -268,7 +268,9 @@
   }
   async function getTaskList() {
     console.log(params.value);
+    emits('openLoading')
     const data = await LoadTaskDetailList(params.value);
+    emits('closeLoading')
     dataList.value = data.items;
     total.value = data.total;
   }

src/views/demo/degraining/auditinfo/index.vue

@@ -1,28 +1,32 @@
 <template>
   <div class="curb-spot-city">
     <div class="show-list">
-      <AuditProgress
+      <a-spin :spinning="spinning">
-        v-if="showParent"
+        <AuditProgress
-        :year="year"
+          v-if="showParent"
-        :batch="batch"
+          :year="year"
-        :batchOptions="batchOptions"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :batchOptions="batchOptions"
-        :dataList="dataList"
+          :yearOptions="yearOptions"
-        @auditProgressScreenChange="auditProgressScreenChange"
+          :dataList="dataList"
-        @showInfo="changeShowInfo"
+          @auditProgressScreenChange="auditProgressScreenChange"
-      />
+          @showInfo="changeShowInfo"
-      <MapList
+        />
-        @changeTask="changeTask"
+        <MapList
-        @changeShowParent="changeShowParent"
+          @changeTask="changeTask"
-        :areaId="areaId"
+          @changeShowParent="changeShowParent"
-        :level="level"
+          :areaId="areaId"
-        :year="year"
+          :level="level"
-        :batch="batch"
+          :year="year"
-        :patchSource="patchSource"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :patchSource="patchSource"
-        :batchOptions="batchOptions"
+          :yearOptions="yearOptions"
-        v-else
+          :batchOptions="batchOptions"
-      />
+          @openLoading="openLoading"
+          @closeLoading="closeLoading"
+          v-else
+        />
+      </a-spin>
     </div>
     <div class="map-box-div">
       <MapboxMap
@@ -59,6 +63,7 @@
     });
   }
 
+  const spinning = ref(false)
   const showParent = ref(true);
   const year = ref();
   const batch = ref();
@@ -92,12 +97,14 @@
     showParent.value = true;
   }
   async function getCountList() {
+    spinning.value = true
     const data = await LoadReportCaseCount({
       year: year.value,
       tubanlaiyuan: patchSource.value,
       picihao: batch.value,
       illegal: 1,
     });
+    spinning.value = false
     dataList.value = data;
   }
   onMounted(() => {
@@ -105,6 +112,12 @@
     // TODO 获取批次
     batchOptions.value = [];
   });
+  const openLoading = () => {
+    spinning.value = true
+  }
+  const closeLoading = () => {
+    spinning.value = false
+  }
   function changeTask(record) {
     if (record?.geomid) {
       // handlerGetMapConfigByFormId(record.processcode);
@@ -167,6 +180,12 @@
     .show-list {
       width: 590px;
       background: #efefef;
+      :deep(.ant-spin-nested-loading) {
+        height: 100%;
+      }
+      :deep(.ant-spin-container) {
+        height: 100%;
+      }
     }
     .map-box-div {
       width: 65%;

src/views/demo/degraining/illegaltreatment/MapList/index.vue

@@ -207,7 +207,7 @@
   const userStore = useUserStore()
 
   const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
-  const emits = defineEmits(['changeTask', 'changeShowParent']);
+  const emits = defineEmits(['changeTask', 'changeShowParent','openLoading','closeLoading']);
 
   const flowWfDataStore = flowStore();
 
@@ -268,7 +268,9 @@
   }
   async function getTaskList() {
     console.log(params.value);
+    emits('openLoading')
     const data = await LoadTaskIllegalDetailList(params.value);
+    emits('closeLoading')
     dataList.value = data.items;
     total.value = data.total;
   }

src/views/demo/degraining/illegaltreatment/index.vue

@@ -1,28 +1,32 @@
 <template>
   <div class="curb-spot-city">
     <div class="show-list">
-      <AuditProgress
+      <a-spin :spinning="spinning">
-        v-if="showParent"
+        <AuditProgress
-        :year="year"
+          v-if="showParent"
-        :batch="batch"
+          :year="year"
-        :batchOptions="batchOptions"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :batchOptions="batchOptions"
-        :dataList="dataList"
+          :yearOptions="yearOptions"
-        @auditProgressScreenChange="auditProgressScreenChange"
+          :dataList="dataList"
-        @showInfo="changeShowInfo"
+          @auditProgressScreenChange="auditProgressScreenChange"
-      />
+          @showInfo="changeShowInfo"
-      <MapList
+        />
-        @changeTask="changeTask"
+        <MapList
-        @changeShowParent="changeShowParent"
+          @changeTask="changeTask"
-        :areaId="areaId"
+          @changeShowParent="changeShowParent"
-        :level="level"
+          :areaId="areaId"
-        :year="year"
+          :level="level"
-        :batch="batch"
+          :year="year"
-        :patchSource="patchSource"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :patchSource="patchSource"
-        :batchOptions="batchOptions"
+          :yearOptions="yearOptions"
-        v-else
+          :batchOptions="batchOptions"
-      />
+          @openLoading="openLoading"
+          @closeLoading="closeLoading"
+          v-else
+        />
+      </a-spin>
     </div>
     <div class="map-box-div">
       <MapboxMap
@@ -59,6 +63,7 @@
     })
   }
 
+  const spinning = ref(false)
   const showParent = ref(true);
   const year = ref();
   const batch = ref();
@@ -92,16 +97,24 @@
     showParent.value = true;
   }
   async function getCountList() {
+    spinning.value = true
     const data = await LoadReformCaseCount({
       year: year.value,
       tubanlaiyuan: patchSource.value,
       picihao: batch.value,
     });
+    spinning.value = false
     dataList.value = data;
   }
   onMounted(() => {
     getCountList();
   });
+  const openLoading = () => {
+    spinning.value = true
+  }
+  const closeLoading = () => {
+    spinning.value = false
+  }
   function changeTask(record) {
     if(record?.geomid){
       // handlerGetMapConfigByFormId(record.processcode);
@@ -167,6 +180,12 @@
     .show-list {
       width: 590px;
       background: #EFEFEF;
+      :deep(.ant-spin-nested-loading) {
+        height: 100%;
+      }
+      :deep(.ant-spin-container) {
+        height: 100%;
+      }
     }
     .map-box-div {
       width: 65%;

src/views/demo/illegalmining/auditinfo/MapList/index.vue

@@ -206,7 +206,7 @@
   const userStore = useUserStore()
 
   const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
-  const emits = defineEmits(['changeTask', 'changeShowParent']);
+  const emits = defineEmits(['changeTask', 'changeShowParent','openLoading','closeLoading']);
 
   const flowWfDataStore = flowStore();
 
@@ -268,7 +268,9 @@
   }
   async function getTaskList() {
     console.log(params.value);
+    emits('openLoading')
     const data = await LoadTaskDetailList(params.value);
+    emits('closeLoading')
     dataList.value = data.items;
     total.value = data.total;
   }

src/views/demo/illegalmining/auditinfo/index.vue

@@ -1,28 +1,32 @@
 <template>
   <div class="curb-spot-city">
     <div class="show-list">
-      <AuditProgress
+      <a-spin :spinning="spinning">
-        v-if="showParent"
+        <AuditProgress
-        :year="year"
+          v-if="showParent"
-        :batch="batch"
+          :year="year"
-        :batchOptions="batchOptions"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :batchOptions="batchOptions"
-        :dataList="dataList"
+          :yearOptions="yearOptions"
-        @auditProgressScreenChange="auditProgressScreenChange"
+          :dataList="dataList"
-        @showInfo="changeShowInfo"
+          @auditProgressScreenChange="auditProgressScreenChange"
-      />
+          @showInfo="changeShowInfo"
-      <MapList
+        />
-        @changeTask="changeTask"
+        <MapList
-        @changeShowParent="changeShowParent"
+          @changeTask="changeTask"
-        :areaId="areaId"
+          @changeShowParent="changeShowParent"
-        :level="level"
+          :areaId="areaId"
-        :year="year"
+          :level="level"
-        :batch="batch"
+          :year="year"
-        :patchSource="patchSource"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :patchSource="patchSource"
-        :batchOptions="batchOptions"
+          :yearOptions="yearOptions"
-        v-else
+          :batchOptions="batchOptions"
-      />
+          @openLoading="openLoading"
+          @closeLoading="closeLoading"
+          v-else
+        />
+      </a-spin>
     </div>
     <div class="map-box-div">
       <MapboxMap
@@ -59,6 +63,7 @@
     });
   }
 
+  const spinning = ref(false)
   const showParent = ref(true);
   const year = ref();
   const batch = ref();
@@ -92,12 +97,14 @@
     showParent.value = true;
   }
   async function getCountList() {
+    spinning.value = true
     const data = await LoadReportCaseCount({
       year: year.value,
       tubanlaiyuan: patchSource.value,
       picihao: batch.value,
       illegal: 1,
     });
+    spinning.value = false
     dataList.value = data;
   }
   onMounted(() => {
@@ -105,6 +112,12 @@
     // TODO 获取批次
     batchOptions.value = [];
   });
+  const openLoading = () => {
+    spinning.value = true
+  }
+  const closeLoading = () => {
+    spinning.value = false
+  }
   function changeTask(record) {
     if (record?.geomid) {
       // handlerGetMapConfigByFormId(record.processcode);
@@ -167,6 +180,12 @@
     .show-list {
       width: 590px;
       background: #efefef;
+      :deep(.ant-spin-nested-loading) {
+        height: 100%;
+      }
+      :deep(.ant-spin-container) {
+        height: 100%;
+      }
     }
     .map-box-div {
       width: 65%;

src/views/demo/illegalmining/illegaltreatment/MapList/index.vue

@@ -207,7 +207,7 @@
   const userStore = useUserStore()
 
   const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
-  const emits = defineEmits(['changeTask', 'changeShowParent']);
+  const emits = defineEmits(['changeTask', 'changeShowParent','openLoading','closeLoading']);
 
   const flowWfDataStore = flowStore();
 
@@ -268,7 +268,9 @@
   }
   async function getTaskList() {
     console.log(params.value);
+    emits('openLoading')
     const data = await LoadTaskIllegalDetailList(params.value);
+    emits('closeLoading')
     dataList.value = data.items;
     total.value = data.total;
   }

src/views/demo/illegalmining/illegaltreatment/index.vue

@@ -1,28 +1,32 @@
 <template>
   <div class="curb-spot-city">
     <div class="show-list">
-      <AuditProgress
+      <a-spin :spinning="spinning">
-        v-if="showParent"
+        <AuditProgress
-        :year="year"
+          v-if="showParent"
-        :batch="batch"
+          :year="year"
-        :batchOptions="batchOptions"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :batchOptions="batchOptions"
-        :dataList="dataList"
+          :yearOptions="yearOptions"
-        @auditProgressScreenChange="auditProgressScreenChange"
+          :dataList="dataList"
-        @showInfo="changeShowInfo"
+          @auditProgressScreenChange="auditProgressScreenChange"
-      />
+          @showInfo="changeShowInfo"
-      <MapList
+        />
-        @changeTask="changeTask"
+        <MapList
-        @changeShowParent="changeShowParent"
+          @changeTask="changeTask"
-        :areaId="areaId"
+          @changeShowParent="changeShowParent"
-        :level="level"
+          :areaId="areaId"
-        :year="year"
+          :level="level"
-        :batch="batch"
+          :year="year"
-        :patchSource="patchSource"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :patchSource="patchSource"
-        :batchOptions="batchOptions"
+          :yearOptions="yearOptions"
-        v-else
+          :batchOptions="batchOptions"
-      />
+          @openLoading="openLoading"
+          @closeLoading="closeLoading"
+          v-else
+        />
+      </a-spin>
     </div>
     <div class="map-box-div">
       <MapboxMap
@@ -59,6 +63,7 @@
     })
   }
 
+  const spinning = ref(false)
   const showParent = ref(true);
   const year = ref();
   const batch = ref();
@@ -92,16 +97,24 @@
     showParent.value = true;
   }
   async function getCountList() {
+    spinning.value = true
     const data = await LoadReformCaseCount({
       year: year.value,
       tubanlaiyuan: patchSource.value,
       picihao: batch.value,
     });
+    spinning.value = false
     dataList.value = data;
   }
   onMounted(() => {
     getCountList();
   });
+  const openLoading = () => {
+    spinning.value = true
+  }
+  const closeLoading = () => {
+    spinning.value = false
+  }
   function changeTask(record) {
     if(record?.geomid){
       // handlerGetMapConfigByFormId(record.processcode);
@@ -167,6 +180,12 @@
     .show-list {
       width: 590px;
       background: #EFEFEF;
+      :deep(.ant-spin-nested-loading) {
+        height: 100%;
+      }
+      :deep(.ant-spin-container) {
+        height: 100%;
+      }
     }
     .map-box-div {
       width: 65%;

src/views/demo/statistical/illegaltreatment/MapList/index.vue

@@ -207,7 +207,7 @@
   const userStore = useUserStore()
 
   const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
-  const emits = defineEmits(['changeTask', 'changeShowParent']);
+  const emits = defineEmits(['changeTask', 'changeShowParent','openLoading','closeLoading']);
 
   const flowWfDataStore = flowStore();
 
@@ -268,7 +268,9 @@
   }
   async function getTaskList() {
     console.log(params.value);
+    emits('openLoading')
     const data = await getLoadTaskIllegalDetailList(params.value);
+    emits('closeLoading')
     dataList.value = data.items;
     total.value = data.total;
   }

src/views/demo/statistical/illegaltreatment/index.vue

@@ -1,28 +1,32 @@
 <template>
   <div class="curb-spot-city">
     <div class="show-list">
-      <AuditProgress
+      <a-spin :spinning="spinning">
-        v-if="showParent"
+        <AuditProgress
-        :year="year"
+          v-if="showParent"
-        :batch="batch"
+          :year="year"
-        :batchOptions="batchOptions"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :batchOptions="batchOptions"
-        :dataList="dataList"
+          :yearOptions="yearOptions"
-        @auditProgressScreenChange="auditProgressScreenChange"
+          :dataList="dataList"
-        @showInfo="changeShowInfo"
+          @auditProgressScreenChange="auditProgressScreenChange"
-      />
+          @showInfo="changeShowInfo"
-      <MapList
+        />
-        @changeTask="changeTask"
+        <MapList
-        @changeShowParent="changeShowParent"
+          @changeTask="changeTask"
-        :areaId="areaId"
+          @changeShowParent="changeShowParent"
-        :level="level"
+          :areaId="areaId"
-        :year="year"
+          :level="level"
-        :batch="batch"
+          :year="year"
-        :patchSource="patchSource"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :patchSource="patchSource"
-        :batchOptions="batchOptions"
+          :yearOptions="yearOptions"
-        v-else
+          :batchOptions="batchOptions"
-      />
+          @openLoading="openLoading"
+          @closeLoading="closeLoading"
+          v-else
+        />
+      </a-spin>
     </div>
     <div class="map-box-div">
       <MapboxMap
@@ -59,6 +63,7 @@
     })
   }
 
+  const spinning = ref(false)
   const showParent = ref(true);
   const year = ref();
   const batch = ref();
@@ -92,16 +97,24 @@
     showParent.value = true;
   }
   async function getCountList() {
+    spinning.value = true
     const data = await getLoadTaskCount({
       year: year.value,
       tubanlaiyuan: patchSource.value,
       picihao: batch.value,
     });
+    spinning.value = false
     dataList.value = data;
   }
   onMounted(() => {
     getCountList();
   });
+  const openLoading = () => {
+    spinning.value = true
+  }
+  const closeLoading = () => {
+    spinning.value = false
+  }
   function changeTask(record) {
     if(record?.geomid){
       // handlerGetMapConfigByFormId(record.processcode);
@@ -167,6 +180,12 @@
     .show-list {
       width: 590px;
       background: #EFEFEF;
+      :deep(.ant-spin-nested-loading) {
+        height: 100%;
+      }
+      :deep(.ant-spin-container) {
+        height: 100%;
+      }
     }
     .map-box-div {
       width: 65%;

src/views/demo/tiankongdi/auditinfo/MapList/index.vue

@@ -206,7 +206,7 @@
   const userStore = useUserStore()
 
   const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
-  const emits = defineEmits(['changeTask', 'changeShowParent']);
+  const emits = defineEmits(['changeTask', 'changeShowParent','openLoading','closeLoading']);
 
   const flowWfDataStore = flowStore();
 
@@ -268,7 +268,9 @@
   }
   async function getTaskList() {
     console.log(params.value);
+    emits('openLoading')
     const data = await getLoadTaskDetailList(params.value);
+    emits('closeLoading')
     dataList.value = data.items;
     total.value = data.total;
   }

src/views/demo/tiankongdi/auditinfo/index.vue

@@ -1,28 +1,32 @@
 <template>
   <div class="curb-spot-city">
     <div class="show-list">
-      <AuditProgress
+      <a-spin :spinning="spinning">
-        v-if="showParent"
+        <AuditProgress
-        :year="year"
+          v-if="showParent"
-        :batch="batch"
+          :year="year"
-        :batchOptions="batchOptions"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :batchOptions="batchOptions"
-        :dataList="dataList"
+          :yearOptions="yearOptions"
-        @auditProgressScreenChange="auditProgressScreenChange"
+          :dataList="dataList"
-        @showInfo="changeShowInfo"
+          @auditProgressScreenChange="auditProgressScreenChange"
-      />
+          @showInfo="changeShowInfo"
-      <MapList
+        />
-        @changeTask="changeTask"
+        <MapList
-        @changeShowParent="changeShowParent"
+          @changeTask="changeTask"
-        :areaId="areaId"
+          @changeShowParent="changeShowParent"
-        :level="level"
+          :areaId="areaId"
-        :year="year"
+          :level="level"
-        :batch="batch"
+          :year="year"
-        :patchSource="patchSource"
+          :batch="batch"
-        :yearOptions="yearOptions"
+          :patchSource="patchSource"
-        :batchOptions="batchOptions"
+          :yearOptions="yearOptions"
-        v-else
+          :batchOptions="batchOptions"
-      />
+          @openLoading="openLoading"
+          @closeLoading="closeLoading"
+          v-else
+        />
+      </a-spin>
     </div>
     <div class="map-box-div">
       <MapboxMap
@@ -59,6 +63,7 @@
     });
   }
 
+  const spinning = ref(false)
   const showParent = ref(true);
   const year = ref();
   const batch = ref();
@@ -92,12 +97,14 @@
     showParent.value = true;
   }
   async function getCountList() {
+    spinning.value = true
     const data = await getLoadTaskCount({
       year: year.value,
       tubanlaiyuan: patchSource.value,
       picihao: batch.value,
       illegal: 1,
     });
+    spinning.value = false
     dataList.value = data;
   }
   onMounted(() => {
@@ -105,6 +112,12 @@
     // TODO 获取批次
     batchOptions.value = [];
   });
+  const openLoading = () => {
+    spinning.value = true
+  }
+  const closeLoading = () => {
+    spinning.value = false
+  }
   function changeTask(record) {
     if (record?.geomid) {
       // handlerGetMapConfigByFormId(record.processcode);
@@ -167,6 +180,12 @@
     .show-list {
       width: 590px;
       background: #efefef;
+      :deep(.ant-spin-nested-loading) {
+        height: 100%;
+      }
+      :deep(.ant-spin-container) {
+        height: 100%;
+      }
     }
     .map-box-div {
       width: 65%;