监测一张图添加分析结果

src/views/farmlandProtection/components/tbDetails.vue

@@ -31,15 +31,30 @@
               v-if="activeTabs == 'hcxx'"
             ></Hcxx>
           </el-tab-pane>
+          <el-tab-pane label="分析结果" name="fxjg">
+            <FXJG
+              @updateParent="changeData"
+              :fxjgObj="fxObj"
+              ref="fxjg"
+              v-if="activeTabs == 'fxjg'"
+            ></FXJG>
+          </el-tab-pane>
         </el-tabs>
       </div>
     </div>
+    <interDetails
+      @updateParent="changeData"
+      :interObj="interObj"
+      v-if="showInter"
+    ></interDetails>
   </div>
 </template>
 
 <script>
 import Jbxx from "./jbxx.vue";
 import Hcxx from "./hcxx.vue";
+import FXJG from "./fxjg.vue";
+import interDetails from "./interDetails.vue";
 import {
   setImageryRoller,
   hideImageryRoller,
@@ -48,6 +63,9 @@ import {
 } from "@/utils/MapHelper/map.js";
 import { getTiffPath } from "@/api/ghss/jctb.js";
 import { loadGeoJSON } from "@/utils/MapHelper/help.js";
+import { ShapeUploadV1 } from "@/api/ghss/hgxfx.js";
+import { GetMxList, AddGdbh } from "@/api/ghss/gdbh.js";
+import moment from "moment";
 let layerSources = {};
 export default {
   props: {
@@ -58,6 +76,8 @@ export default {
   components: {
     Jbxx,
     Hcxx,
+    FXJG,
+    interDetails,
   },
   data() {
     return {
@@ -67,10 +87,17 @@ export default {
       imagelayers: [],
       splitScreen: false,
       idArr: [],
+      //分析
+      anaModels: [],
+      fxObj: {},
+      interObj: {}, //套合信息存储
+      showInter: false,
     };
   },
   computed: {},
-  mounted() {},
+  mounted() {
+    this.GetMxList();
+  },
   methods: {
     changeData(name, updata) {
       this[name] = updata;
@@ -215,12 +242,69 @@ export default {
         });
       }
     },
+    gdfx() {
+      const formdata = new FormData();
+      formdata.append("fromType", 1);
+      formdata.append("geom", this.detailObj.geom);
+      formdata.append("fromRoute", "/farmlandProtection");
+      formdata.append("storeStats", 0);
+      formdata.append("followup", "");
+      ShapeUploadV1(formdata).then((res) => {
+        if (res.success) {
+          this.submitData(res.data.id);
+        }
+      });
+    },
+    GetMxList() {
+      GetMxList()
+        .then((res) => {
+          this.anaModels = res.data;
+        })
+        .catch((erro) => {
+          console.log(erro);
+        });
+    },
+    submitData(xzfw) {
+      let obj = {
+        xzfw,
+        xmmc: "监测耕地保护分析_" + moment(new Date()).format("YYYYMMDDHHmmss"),
+        mxlist: this.anaModels,
+        yptype: 1,
+      };
+
+      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();
+          // }, 2000);
+        })
+        .catch((error) => {
+          loading.close();
+          Message.error(error);
+        });
+    },
   },
   watch: {
     emitImgIndex(val) {
       this.$emit("updateParent", "imgIndex", val);
       this.$emit("updateParent", "imgList", this.emitImgList);
     },
+    activeTabs(newValue) {
+      if (newValue == "fxjg") {
+        this.gdfx();
+      } else {
+        this.showInter = false;
+      }
+    },
     // splitScreen(val) {
     //   this.onClick(val);
     // },