loading

src/views/farmlandProtection/components/tbDetails.vue

@@ -12,7 +12,7 @@
         <span>图斑详情</span>
         <i class="el-icon-close" @click="closeBox"></i>
       </div>
-      <div class="ServiceCon">
+      <div class="ServiceCon" v-loading="fxloading">
         <el-tabs type="border-card" class="xz_box" v-model="activeTabs" stretch>
           <el-tab-pane label="基本信息" name="jbxx">
             <div class="dbBtn" @click="clickOpen">查看前后影像对比</div>
@@ -35,6 +35,7 @@
             <FXJG
               @updateParent="changeData"
               :fxjgObj="fxObj"
+              type="jctb"
               ref="fxjg"
               v-if="activeTabs == 'fxjg'"
             ></FXJG>
@@ -92,6 +93,7 @@ export default {
       fxObj: {},
       interObj: {}, //套合信息存储
       showInter: false,
+      fxloading: false,
     };
   },
   computed: {},
@@ -271,24 +273,26 @@ export default {
         mxlist: this.anaModels,
         yptype: 1,
       };
-
-      const loading = this.$loading({
-        lock: true,
-        text: "分析中",
-        spinner: "el-icon-loading",
-        background: "rgba(0, 0, 0, 0.7)",
-      });
+      this.fxloading = true;
+      // const loading = this.$loading({
+      //   lock: true,
+      //   text: "分析中",
+      //   spinner: "el-icon-loading",
+      //   background: "rgba(0, 0, 0, 0.7)",
+      // });
       AddGdbh(obj)
         .then((res) => {
           this.fxObj = { bsm: res.data };
           this.$nextTick(() => {
             this.$refs.fxjg.initData();
           });
-          loading.close();
+          // loading.close();
+          this.fxloading = false;
           // }, 2000);
         })
         .catch((error) => {
-          loading.close();
+          // loading.close();
+          this.fxloading = false;
           Message.error(error);
         });
     },