分层分户查询加载提示

src/components/Query/clickQuery/clickQuery.vue

@@ -22,7 +22,7 @@
         <el-tab-pane :label="item.label" :name="item.id" v-for="(item, index) in layerList" :key="index"></el-tab-pane>
       </el-tabs>
     </div>
-    <div class="sm-function-module-content-table">
+    <div class="sm-function-module-content-table" v-loading="resloading">
       <el-collapse :value="activeNames" @change="handleCollapseChange" v-if="
         activeLayerId &&
         queryResults[activeLayerId] &&
@@ -109,6 +109,7 @@ export default {
       layerList: [],
       loading: false,
       handler: {},
+      resloading: false,
       activeNames: "查询结果1",
       activeLayerId: "",
       queryResults: {},
@@ -751,7 +752,16 @@ export default {
       let obj = store.state.vectorlayerlist.find(
         (o) => o.title == primitive.title
       );
-      console.log(obj, "res");
+      if (!obj) {
+        this.$message({
+          message: "查询结果为空！",
+          type: "warning",
+          customClass: "messageIndex",
+        });
+        return;
+      }
+      this.resloading = true;
+      console.log(obj, primitive,primitive.title,"res");
       let queryByIDPar = {
         getFeatureMode: "ID",
         datasetNames: [`${obj.fwgzkj}:${obj.fwmc.replace("data", "model")}`],
@@ -759,9 +769,13 @@ export default {
       };
       let url2 = calcIserverURI(obj.url).replace("3D-", "data-");
       mapQuery(url2, queryByIDPar).then((mores) => {
+        if (mores && mores.totalCount > 0) {
         let feature = mores.features[0];
         let mi = feature.fieldNames.findIndex((n) => n == "模型名称");
         this.getFenCengFenHu(feature.fieldValues[mi], obj);
+        }else{
+          this.resloading = false
+        }
       });
       // let newArr = [];
       // GetHouseInfo({ id: "2c01647f-4533-4472-b20b-f5caa4c705b0" }).then(
@@ -785,6 +799,7 @@ export default {
      let url2 = calcIserverURI(obj.url).replace("3D-", "data-");
       mapQuery(url2, queryByIDPar).then(
         (res) => {
+          this.resloading = false
           if (res && res.totalCount > 0) {
             let feature = res.features[0];
             console.log(res, "res");
@@ -794,7 +809,13 @@ export default {
             this.addLayerList(obj.title);
             this.queryResults[this.activeLayerId] = [newArr];
             this.queryResultsGeom[this.activeLayerId] = [];
-          }
+          }else {
+              this.$message({
+                message: "查询结果为空！",
+                type: "warning",
+                customClass: "messageIndex",
+              });
+            }
         }
       );
     },
@@ -1050,6 +1071,9 @@ export default {
     max-height: 240px;
   }
 }
+.el-loading-mask {
+  background-color: rgba(255, 255, 255, 0.35) !important;
+}
 </style>
 <style lang="scss" scoped>
 @import "clickQuery";