发到手机页面开发

public/static/plugins/draw-plugin/leafletDraw2.js

@@ -365,7 +365,7 @@ let LControlDraw = L.Control.extend({
                     });
                     L.DomEvent.on(saveLabel, "click", function (e) {
                         L.DomEvent.stopPropagation(e);
-                        _this._map.fire("draw-result", {
+                        _this._map.fire("draw2-result", {
                             distance: _this._measureObjs[delLabel.lC].distance,
                             points: _this._measureObjs[delLabel.lC].measurePoints,
                             area: _this._measureObjs[delLabel.lC].area || 0,
@@ -423,7 +423,7 @@ let LControlDraw = L.Control.extend({
             });
             L.DomEvent.on(saveLabel, "click", function (e) {
                 L.DomEvent.stopPropagation(e);
-                _this._map.fire("draw-result", {
+                _this._map.fire("draw2-result", {
                     distance: _this._measureObjs[delLabel.lC].distance,
                     points: _this._measureObjs[delLabel.lC].measurePoints,
                     area: _this._measureObjs[delLabel.lC].area || 0,
@@ -505,7 +505,7 @@ let LControlDraw = L.Control.extend({
             });
             L.DomEvent.on(saveLabel, "click", function (e) {
                 L.DomEvent.stopPropagation(e);
-                _this._map.fire("draw-result", {
+                _this._map.fire("draw2-result", {
                     distance: _this._measureObjs[delLabel.lC].distance,
                     points: _this._measureObjs[delLabel.lC].measurePoints,
                     area: _this._measureObjs[delLabel.lC].area || 0,

src/components/common/BottomForm/PutPhone.vue

@@ -0,0 +1,403 @@
+<template>
+  <!-- 申请任务弹窗 -->
+  <el-dialog
+    :visible.sync="dialogVisible"
+    :show-close="false"
+    width="800px"
+    :before-close="handleClose"
+    v-loading="initLoading"
+  >
+    <template slot="title">
+      <div class="dialogTitle">
+        <div class="dialogTitleIcon"></div>
+        发到手机-新建任务
+      </div>
+    </template>
+    <el-form ref="createTaskForm" :model="createTaskForm" :rules="createTaskRrules" label-width="80px">
+      <el-form-item label="任务名称" prop="c_task_name">
+        <el-input v-model="createTaskForm.c_task_name" placeholder="请输入任务名称"></el-input>
+      </el-form-item>
+      <el-form-item label="关联任务" prop="c_associated_item_ids">
+        <el-select
+          v-model="createTaskForm.c_associated_item_ids"
+          filterable
+          :loading="selectLoading"
+          @change="changePorject"
+          placeholder="请选择"
+          width="100%"
+          clearable
+        >
+          <el-option
+            v-for="item in selectSelectDataMap.associatedItemsOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="所属街道" prop="c_area_code">
+        <el-input v-model="c_area_code_str" disabled placeholder="请选择关联任务，自动填入"></el-input>
+      </el-form-item>
+      <el-form-item label="任务类型" prop="c_task_type">
+        <el-input v-model="c_task_type_str" disabled placeholder="请选择关联任务，自动填入"></el-input>
+      </el-form-item>
+      <el-form-item label="选择疑点">
+        <el-cascader
+          :disabled="legendTreeOptionsLoading"
+          :options="legendTreeOptions"
+          placeholder="请选择关联任务，动态生成"
+          :props="cascaderProps"
+          clearable
+        ></el-cascader>
+      </el-form-item>
+      <el-form-item label="任务描述" prop="c_task_description">
+        <el-input
+          type="textarea"
+          :autosize="{ minRows: 4, maxRows: 6 }"
+          placeholder="请描述任务"
+          v-model="createTaskForm.c_task_description"
+          width="100%"
+        ></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="clearDialogVisible('createTaskForm')">取 消</el-button>
+      <el-button type="primary" @click="subMitDialogVisible('createTaskForm')">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+/**
+ * 底部菜单（发到手机）组件
+ * @author: LiuMengxiang
+ * @Date: 2022年11月21-25日
+ */
+export default {
+  name: "PutPhone",
+  components: {},
+  data() {
+    return {
+      initLoading: true,
+      submitLoading: false,
+      selectLoading: false,
+      // 申请任务弹窗显示状态
+      dialogVisible: false,
+      legendTree: [],
+      legendTreeOptionsLoading: true,
+      legendTreeOptions: [],
+      cascaderProps: {
+        multiple: true
+      },
+      defaultProps: {
+        children: "children",
+        label: "label"
+      },
+      // 新建任务form表单
+      createTaskForm: {
+        title: "",
+        content: "申请任务",
+        c_task_id: "", // 任务id
+        c_task_name: "", // 任务名称
+        c_associated_item_ids: "", // 关联项目ids
+        c_create_time: "", // 当前时间时间戳
+        c_task_description: "", // 任务描述
+        c_user_id: "", // 用户id
+        c_area_code: "", // 所属街道行政区划编码
+        c_task_type: "" // 任务类型（所有图层中的某图层栏目名）
+      },
+      c_task_type_str: "", // 任务类型中文转义
+      c_area_code_str: "", // 所属街道行政区划编码中文转义
+      // 新建任务form表单校验
+      createTaskRrules: {
+        c_task_name: [
+          { required: true, message: "请输入活动名称", trigger: "blur" },
+          {
+            min: 3,
+            max: 20,
+            message: "长度在 3 到 20 个字符",
+            trigger: "blur"
+          }
+        ],
+        c_task_type: {
+          required: true,
+          message: "请选择任务类型",
+          trigger: "change"
+        },
+        c_associated_item_ids: {
+          required: true,
+          message: "请选择关联项目",
+          trigger: "change"
+        },
+        c_area_code: {
+          required: true,
+          message: "请选择所属街道",
+          trigger: "change"
+        },
+        c_task_description: [
+          { required: false, message: "请输入任务描述", trigger: "blur" },
+          {
+            min: 1,
+            max: 255,
+            message: "长度在 1 到 255 个字符",
+            trigger: "blur"
+          }
+        ]
+      },
+      // 数据字典暂存对象
+      selectSelectDataMap: {
+        projectType: [],
+        associatedItems: [],
+        associatedItemsOptions: []
+      },
+      streetOfOwnership_str: "",
+      taskType_str: ""
+    };
+  },
+  created() {
+    // 首先获取数据字典中的下拉框数据
+    this.selectSelectData("0", "c_task_type", "projectType");
+    this.selectSelectData("0", "浦东新区行政区划", "associatedItems");
+    // 请求所有项目数据
+    this.getAllPorjects();
+  },
+  mounted() {
+    // 申请任务事件监听
+    this.$bus.$off("putPhone");
+    this.$bus.$on("putPhone", () => {
+      this.changeShowBottomMenusStatus();
+    });
+  },
+  destroy() {
+    // 当容器销毁时，需要停止监听该事件
+    this.$bus.$off("putPhone");
+  },
+  props: [],
+  methods: {
+    // 用户切换关联项目
+    changePorject(value) {
+      // 根据项目id得到所属街道和项目类型
+      this.selectSelectDataMap.associatedItemsOptions.forEach(item => {
+        if (item.value == value) {
+          this.createTaskForm.c_area_code = item.c_area_code;
+          this.createTaskForm.c_task_type = item.c_task_type;
+        }
+      });
+      // 所属街道遍历渲染
+      this.selectSelectDataMap.projectType.forEach(item => {
+        if (item.index == this.createTaskForm.c_task_type) {
+          this.c_task_type_str = item.name;
+        }
+      });
+      // 任务类型遍历渲染
+      this.selectSelectDataMap.associatedItems.forEach(item => {
+        if (item.index == this.createTaskForm.c_area_code) {
+          this.c_area_code_str = item.name;
+        }
+      });
+
+      this.$bus.$emit("openMyTask", [this.createTaskForm.c_task_type, this.createTaskForm.c_area_code]);
+    },
+    // 数据字典查询
+    selectSelectData(type, cName, keyName) {
+      let params = new FormData();
+      params.append("type", type);
+      params.append("cName", cName);
+      this.$Post(this.urlsCollection.selectByCNameAType, params).then(
+        res => {
+          if (res.code === 200 && res.content.length > 0) {
+            this.selectSelectDataMap[keyName] = res.content;
+          }
+        },
+        error => {
+          this.$message.error(error);
+          console.log(error);
+        }
+      );
+    },
+    // 请求获取所有关联项目数据
+    getAllPorjects() {
+      if (!this.initLoading) {
+        this.initLoading = true;
+      }
+      let params = new FormData();
+      params.append("columnId", "48");
+      params.append("states", "2,3");
+      params.append("pageSize", 999);
+      params.append("page", 0);
+      let sortparam = [{ field: "c_create_time", orderByType: 2 }];
+      params.append("orderBy", JSON.stringify(sortparam));
+      this.$Post(this.urlsCollection.selectContentList, params).then(
+        res => {
+          if (res.code === 200 && res.content.data.length > 0) {
+            let associatedItemsOptionsData = res.content.data;
+            associatedItemsOptionsData.filter(item => {
+              this.selectSelectDataMap.associatedItemsOptions.push({
+                label: item.c_task_name,
+                value: item.id,
+                c_area_code: item.c_area_code,
+                c_task_type: item.c_task_type
+              });
+            });
+            this.initLoading = false;
+          } else {
+            this.initLoading = false;
+            this.$message.error(res.message);
+          }
+        },
+        error => {
+          this.initLoading = false;
+          this.$message.error(error);
+        }
+      );
+    },
+    remoteMethod(query) {
+      if (query !== "") {
+        this.selectLoading = true;
+        setTimeout(() => {
+          // 开始动态请求服务器数据并赋值给options对象
+          this.selectLoading = false;
+          this.selectSelectDataMap.associatedItemsOptions = [];
+        }, 200);
+      } else {
+        this.selectSelectDataMap.associatedItemsOptions = [];
+      }
+    },
+    // 当用户点击svg底座时，切换底部菜单显示隐藏状态。
+    changeShowBottomMenusStatus() {
+      // 打开弹窗
+      this.dialogVisible = true;
+      this.$emit("changeShowBottomMenusStatus", false);
+    },
+    // 弹窗关闭询问
+    handleClose() {
+      if (this.dialogVisible) {
+        this.$confirm("确认关闭？")
+          .then(_ => {
+            this.clearDialogVisible("createTaskForm");
+          })
+          .catch(_ => {});
+      }
+    },
+    // 申请任务取消
+    clearDialogVisible(formName) {
+      // 关闭弹窗
+      this.dialogVisible = false;
+      // 重置表单
+      this.$refs[formName].resetFields();
+      // 修改父级菜单变量（弹窗显示状态和显示底部菜单）
+      this.$emit("changeShowBottomMenusStatus", true);
+    },
+    // 申请任务提交
+    subMitDialogVisible(formName) {
+      // 表单校验
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          this.createTaskForm.c_task_id = this.$CryptoJS.buildGuid();
+          this.createTaskForm.c_user_id = localStorage.getItem("USER_ID");
+          this.createTaskForm.c_create_time = parseInt(new Date().getTime() / 1000) * 1000;
+          this.createTaskForm.title = this.createTaskForm.c_task_name;
+          this.$confirm("您已成功提交任务，请等待管理员审核。", "系统提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "撤回",
+            type: "success"
+          })
+            .then(() => {
+              // 开始提交
+              let params = new FormData();
+              params.append("columnId", "1537");
+              params.append("modelId", "909");
+              params.append("content", JSON.stringify(this.createTaskForm));
+              this.$Post(this.urlsCollection.addContent, params).then(
+                res => {
+                  if (res.code === 200) {
+                    this.$message.success(res.message);
+                    this.submitLoading = false;
+                  } else {
+                    this.submitLoading = false;
+                    this.$message.error(res.message);
+                  }
+                },
+                error => {
+                  this.submitLoading = false;
+                  this.$message.error(error);
+                }
+              );
+              // 检验成功后关闭弹窗
+              this.clearDialogVisible(formName);
+            })
+            .catch(() => {
+              this.$message({
+                type: "info",
+                message: "已撤回提交!"
+              });
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+    getAllLegendData() {
+      if (this.legendTree.children.length > 0) {
+        this.legendTreeOptionsLoading = true;
+        this.legendTree.children.forEach(item => {
+          this.getLegendData(item.columnId, item.label);
+        });
+        this.legendTreeOptionsLoading = false;
+      }
+    },
+    getLegendData(columnId, label) {
+      let layerParams = new FormData();
+      layerParams = {
+        columnId: columnId,
+        states: "0,1,2,3",
+        pageSize: 10,
+        page: 0
+      };
+      this.$Post(this.urlsCollection.selectContentList, layerParams).then(
+        res => {
+          //   if (res.code === 202 && res.content === "数据不存在") {
+          //     this.$message.info("暂无数据!");
+          //   }
+          if (res.code === 200 && res.content.data.length > 0) {
+            // 初始化时将请求到的疑点数据中是否疑点全部改为未标记，疑点，非疑点三种状态
+            let childrens = res.content.data.map(item => {
+              if (item.c_content) {
+                let conetentJson = JSON.parse(item.c_content);
+                // console.log(conetentJson.id, conetentJson.properties["图斑编号"]);
+                return {
+                  label: conetentJson.id,
+                  value: item.c_content
+                };
+              }
+            });
+            this.legendTreeOptions.push({
+              value: columnId,
+              label: label,
+              children: childrens
+            });
+          }
+        },
+        error => {
+          this.$message.error("请求错误!");
+        }
+      );
+    }
+  },
+  watch: {
+    "$store.state.legendTree": {
+      handler(val) {
+        if (val && val.length > 0) {
+          val.forEach(item => {
+            if (item.label == this.c_task_type_str) {
+              this.legendTree = item;
+              this.getAllLegendData();
+            }
+          });
+        }
+      }
+    }
+  }
+};
+</script>

src/components/common/BottomMenus.vue

@@ -18,6 +18,8 @@
     <ReportOutput ref="ReportOutput" @changeShowBottomMenusStatus="changeShowBottomMenusStatus" />
     <!-- 自定义模型 -->
     <CustomModelDialog />
+    <!-- 发到手机弹窗 -->
+    <PutPhone ref="putPhone" />
     <!-- 底部菜单主体 -->
     <div
       id="menusBox"
@@ -77,6 +79,7 @@ import UploadingData from "./BottomForm/UploadingData.vue";
 import UploadingDataShp from "./BottomForm/UploadingDataShp.vue";
 import CustomModelDialog from "./BottomForm/CustomModelDialog.vue";
 import ReportOutput from "./BottomForm/ReportOutput.vue";
+import PutPhone from "./BottomForm/PutPhone.vue";
 export default {
   name: "BottomMenus",
   components: {
@@ -87,7 +90,8 @@ export default {
     UploadingData,
     UploadingDataShp,
     CustomModelDialog,
-    ReportOutput
+    ReportOutput,
+    PutPhone
   },
   data() {
     return {
@@ -172,7 +176,7 @@ export default {
               index: 0,
               title: "发到手机",
               bgImage: "fdsj",
-              clickEmit: "notFound"
+              clickEmit: "putPhone"
             }
           ]
         }

src/components/map/Legend.vue

@@ -8,14 +8,14 @@
         boxWidth: legendData.boxWidth,
         boxHeight: legendData.boxHeight,
         menuIndex: legendData.menuIndex,
-        subMenuIndex: legendData.subMenuIndex ? legendData.subMenuIndex : '',
+        subMenuIndex: legendData.subMenuIndex ? legendData.subMenuIndex : ''
       }"
     >
       <div class="legend-container">
         <div
           class="legend-container-left"
           :style="{
-            width: legendData.leftWidth ? legendData.leftWidth : '50%',
+            width: legendData.leftWidth ? legendData.leftWidth : '50%'
           }"
         >
           <div
@@ -28,7 +28,7 @@
         <div
           class="legend-container-right"
           :style="{
-            width: legendData.rightWidth ? legendData.rightWidth : '50%',
+            width: legendData.rightWidth ? legendData.rightWidth : '50%'
           }"
         >
           <el-popover
@@ -43,13 +43,21 @@
               slot="reference"
               class="legend-title"
               :style="{
-                width:
-                  legendData.rightItemWidth + 'px'
-                    ? legendData.rightItemWidth + 'px'
-                    : '50px',
+                width: legendData.rightItemWidth + 'px' ? legendData.rightItemWidth + 'px' : '50px'
               }"
             >
-              {{ item.name }}
+              <div slot="reference">
+                <el-dropdown trigger="click" v-if="legendData.deleteLegendEdit" @command="commandDropdown">
+                  <span class="el-dropdown-link">
+                    {{ item.name }}
+                  </span>
+                  <el-dropdown-menu slot="dropdown">
+                    <!-- <el-dropdown-item icon="el-icon-edit" @click="updateColor()">修改颜色</el-dropdown-item> -->
+                    <el-dropdown-item icon="el-icon-delete" :command="item.name">删除图例</el-dropdown-item>
+                  </el-dropdown-menu>
+                </el-dropdown>
+                <span v-else>{{ item.name }}</span>
+              </div>
             </div>
           </el-popover>
           <!-- <div
@@ -78,7 +86,7 @@ import MenuCard from "@/components/layout/MenuCard.vue";
 export default {
   name: "Legend",
   components: {
-    MenuCard,
+    MenuCard
   },
   props: ["legendData"],
   data() {
@@ -86,7 +94,11 @@ export default {
   },
   mounted() {},
   destroy() {},
-  methods: {},
+  methods: {
+    commandDropdown(command) {
+      this.$emit("deleteLegend", command);
+    }
+  }
 };
 </script>
 <style lang="less" scoped>

src/components/map/Map.vue

@@ -29,7 +29,7 @@ export default {
           });
         }
       });
-      this.initDraw();
+      // this.initDraw();
     });
   },
   props: ["mapUrl", "index", "centerZoom", "mouseIndex", "centerZoomInit"],
@@ -49,40 +49,50 @@ export default {
         closeButton: true
       };
       // 引入疑点标记绘制方法
-      this.map.on("draw-result", data => {
+      this.map.on("draw2-result", data => {
+        let geoType = null;
         // 纬经度
-        // if (data && data.points.length >= 1) {
-        //   let geoType = null;
-        //   // 类型: 0 点；1 线；2 面；3 矩形；4 圆形；5 其他；
-        //   if (data.points.length === 1 && data.area === 0) {
-        //     geoType = 0;
-        //   }
-        //   if (data.points.length === 2 && data.distance > 0) {
-        //     geoType = 4;
-        //   }
-        //   if (data.points.length > 2 && data.area === 0) {
-        //     geoType = 1;
-        //   }
-        //   if (data.points.length > 2 && data.area != 0 && data.area != "") {
-        //     geoType = 2;
-        //   }
-        // }
+        if (data && data.points.length >= 1) {
+          // 类型: 0 点；1 线；2 面；3 矩形；4 圆形；5 其他；
+          if (data.points.length === 1 && data.area === 0) {
+            geoType = 0;
+          }
+          if (data.points.length === 2 && data.distance > 0) {
+            geoType = 4;
+          }
+          if (data.points.length > 2 && data.area === 0) {
+            geoType = 1;
+          }
+          if (data.points.length > 2 && data.area != 0 && data.area != "") {
+            geoType = 2;
+          }
+        }
         // 首先保存数据，然后删除底图上的标记
-        L.polygon(data.points, {
+        let coordinates = [data.points];
+        let polygon = L.polygon(coordinates, {
           color: "red",
           weight: 3,
           fillColor: "red",
           opacity: 1,
           fillOpacity: 0
         }).addTo(this.map);
+
+        polygon.on("click", e => {
+          // polygon.setStyle({
+          //   fillOpacity: 0.35
+          // });
+          // if (geometry.geometry && geometry.geometry.properties) {
+          //   this.$store.state.mapMarkInfo = geometry.geometry.properties;
+          // }
+        });
         this.measureTool._measureGroup && this.measureTool._measureGroup.remove();
-        mousemove2Status = false;
-        this.map.doubleClickZoom.disable();
-        this.map.off("click");
-        if (this.measureTool.moveMarker) {
-          this.map.removeLayer(this.measureTool.moveMarker);
-          this.measureTool.moveMarker = null;
-        }
+        // mousemove2Status = false;
+        // this.map.doubleClickZoom.disable();
+        // this.map.off("click");
+        // if (this.measureTool.moveMarker) {
+        //   this.map.removeLayer(this.measureTool.moveMarker);
+        //   this.measureTool.moveMarker = null;
+        // }
       });
       if (this.index == 0) {
         this.measureTool = new LControlDraw({
@@ -102,7 +112,7 @@ export default {
     },
     // 停止标记疑点事件
     stopLabelCase() {
-      this.map.off("draw-result", map2DViewer.drawToolFire);
+      this.map.off("draw2-result");
       if (this.measureTool) {
         // 移除绘制的图形
         this.measureTool._measureGroup && this.measureTool._measureGroup.remove();
@@ -126,7 +136,7 @@ export default {
           this.addSinglePolygon(true);
         } else if (this.$store.state.selectSelectDataMap && this.$store.state.selectSelectDataMap.singlePolygon) {
           for (let item in this.$store.state.selectSelectDataMap.singlePolygon) {
-            // 如果是叠置分析的图层处理方式
+            // 如果是叠置分析的图层处理方式this.$store.state.selectSelectDataMap.singlePolygon
             if (this.$store.state.selectSelectDataMap.singlePolygon[item][0].uniqueId.indexOf("overlay") > -1) {
               let uniqueId = this.$store.state.selectSelectDataMap.singlePolygon[item][0].uniqueId;
               let color = this.$store.state.selectSelectDataMap.singlePolygon[item][0].color;
@@ -136,7 +146,10 @@ export default {
               this.readGeojson(statesArr, color);
             } else {
               // 非叠置分析图层的处理方式
+              let index = 0;
               this.$store.state.selectSelectDataMap.singlePolygon[item].forEach(v => {
+                index++;
+                let cid = v.cid + "_tpdb_" + index;
                 let geometry = v.geometry;
                 let coord = JSON.parse(geometry).geometry.coordinates[0];
                 // 经纬度顺序转换
@@ -149,17 +162,40 @@ export default {
                   fillOpacity: 0
                 }).addTo(this.map);
                 polygon.on("click", e => {
+                  // 鼠标点击图版高亮提示逻辑,暂时不用，如果需要的话就要
+                  // this.polygonClick();
+                  // if (
+                  //   this.$store.state.map2DViewerPolygonsCid.newCid &&
+                  //   this.polygon[this.$store.state.map2DViewerPolygonsCid.newCid]
+                  // ) {
+                  //   this.polygon[this.$store.state.map2DViewerPolygonsCid.newCid].setStyle({
+                  //     color: this.$store.state.map2DViewerPolygonsCid.oldColor,
+                  //     fillOpacity: 0
+                  //   });
+                  // }
+                  // // 判断是否是重复点击，不是的话高亮，是的话不操作。
+                  // if (cid != this.$store.state.map2DViewerPolygonsCid.newCid) {
+                  //   this.$store.state.map2DViewerPolygonsCid = { newCid: cid, oldColor: v.color };
+                  //   polygon.setStyle({
+                  //     color: "red",
+                  //     fillColor: "red",
+                  //     fillOpacity: 0.35
+                  //   });
+                  // } else {
+                  //   this.$store.state.map2DViewerPolygonsCid = { newCid: null, oldColor: null };
+                  // }
                   if (v.geometry && JSON.parse(v.geometry).properties) {
                     this.$store.state.mapMarkInfo = JSON.parse(v.geometry).properties;
                   }
                 });
-                this.polygon.push(polygon);
+                this.polygon[cid] = polygon;
               });
             }
           }
         }
       });
     },
+    polygonClick() {},
     //geojson直接读取的坐标顺序是经纬度
     // 明天测试一下对不对
     readGeojson(geojsonArr, color) {

src/components/map/MapHolder.vue

@@ -1,24 +1,10 @@
 <template>
   <div id="map2DViewer">
     <!-- 特殊地图属性弹窗 -- 有审计功能 -->
-    <CaseAuditPopup
-      v-show="auditPopupShow"
-      :tableObj="auditRefTableObj"
-      :defaultStatus="defaultStatus"
-      ref="auditRef"
-    />
+    <CaseAuditPopup v-show="auditPopupShow" :tableObj="auditRefTableObj" :defaultStatus="defaultStatus" ref="auditRef" />
     <!-- 通用地图属性弹窗 -- 无审计功能 -->
-    <NormalAttrPopup
-      v-show="normalAttrPopupShow"
-      :tableObj="tableObj"
-      ref="normalRef"
-    />
-    <LabelCasePopup
-      v-show="labelDetailsPopupShow"
-      ref="labelRef"
-      :targetArea="targetArea"
-      :targetDistance="targetDistance"
-    />
+    <NormalAttrPopup v-show="normalAttrPopupShow" :tableObj="tableObj" ref="normalRef" />
+    <LabelCasePopup v-show="labelDetailsPopupShow" ref="labelRef" :targetArea="targetArea" :targetDistance="targetDistance" />
   </div>
 </template>
 <script>
@@ -33,7 +19,7 @@ export default {
   components: {
     CaseAuditPopup,
     NormalAttrPopup,
-    LabelCasePopup,
+    LabelCasePopup
   },
   data() {
     return {
@@ -61,17 +47,17 @@ export default {
         镇域名称: "--",
         "面积(平方米)": "--",
         土地类型: "--",
-        图斑编号: "--",
+        图斑编号: "--"
       },
       auditRefTableObj: {
         镇域名称: "--",
         "面积(平方米)": "--",
         图层构成: "--",
-        性质: "--",
+        性质: "--"
       },
       targetArea: 0,
       targetDistance: 0,
-      defaultStatus: "未标记",
+      defaultStatus: "未标记"
     };
   },
   created() {},
@@ -104,7 +90,7 @@ export default {
       deleteGroupFromMap: this.deleteGroupFromMap,
       drawGeometry: this.drawGeometry,
       deleteGeometry: this.deleteGeometry,
-      addTiledMapLayer: this.addTiledMapLayer,
+      addTiledMapLayer: this.addTiledMapLayer
     });
   },
   beforeDestroyed() {
@@ -125,7 +111,7 @@ export default {
     // 监听当前菜单
     getCurrentMenu() {
       return this.$store.state.navSelect;
-    },
+    }
   },
   watch: {
     getLabelCaseBtnStatus(val) {
@@ -166,9 +152,9 @@ export default {
         this.$nextTick(() => {
           this.getJSonData();
         });
-      },
+      }
       // immediate: true
-    },
+    }
   },
   methods: {
     // 测试宝石蓝底图
@@ -179,7 +165,7 @@ export default {
         minZoom: 0,
         minNativeZoom: 3,
         maxNativeZoom: 7,
-        maxZoom: 14,
+        maxZoom: 14
       });
       return layer;
     },
@@ -191,7 +177,7 @@ export default {
         minZoom: 0,
         minNativeZoom: 0,
         maxNativeZoom: 7,
-        maxZoom: 14,
+        maxZoom: 14
       });
       return layer;
     },
@@ -203,7 +189,7 @@ export default {
     stopLabelCase() {
       if (map2DViewer.measureTool) {
         map2DViewer.setDrawTool({
-          action: "remove",
+          action: "remove"
         });
       }
     },
@@ -234,13 +220,13 @@ export default {
             if ($(`#${str}_id a`)) {
               $(`#${str}_id a`)
                 .eq(0)
-                .click((e) => {
+                .click(e => {
                   this.$store.state.lawPopupShow = true;
                   this.$store.state.lawSourceType = sourceType;
                 });
               $(`#${str}_id a`)
                 .eq(1)
-                .click((e) => {
+                .click(e => {
                   // 触发综合分析右侧面板点击事件
                   this.$bus.$emit("viewDetailsPopup", geojsonData);
                 });
@@ -253,7 +239,7 @@ export default {
               $(`#${str}_id a`).eq(0).remove();
               $(`#${str}_id a`)
                 .eq(0)
-                .click((e) => {
+                .click(e => {
                   // 触发综合分析右侧面板点击事件
                   this.$bus.$emit("viewDetailsPopup", geojsonData);
                 });
@@ -301,17 +287,11 @@ export default {
           // 下拉框内容
           if ($(`#${str}_id .center-table-item-special select`)) {
             if (this.caseStatusMap.has(str)) {
-              $(`#${str}_id .center-table-item-special select`).val(
-                this.caseStatusMap.get(str)
-              );
+              $(`#${str}_id .center-table-item-special select`).val(this.caseStatusMap.get(str));
               let inputStatus = "";
               if (this.caseStatusMap.has(str)) {
-                this.caseStatusMap.get(str) === "isTrue" &&
-                  $(`#${str}_id .center-table-item-special input`).val("疑点");
-                !this.caseStatusMap.get(str) === "isTrue" &&
-                  $(`#${str}_id .center-table-item-special input`).val(
-                    "非疑点"
-                  );
+                this.caseStatusMap.get(str) === "isTrue" && $(`#${str}_id .center-table-item-special input`).val("疑点");
+                !this.caseStatusMap.get(str) === "isTrue" && $(`#${str}_id .center-table-item-special input`).val("非疑点");
               }
             }
           }
@@ -320,13 +300,13 @@ export default {
           if ($(`#${str}_id a`)) {
             $(`#${str}_id a`)
               .eq(0)
-              .click((e) => {
+              .click(e => {
                 this.$store.state.lawPopupShow = true;
                 this.$store.state.lawSourceType = sourceType;
               });
             $(`#${str}_id a`)
               .eq(1)
-              .click((e) => {
+              .click(e => {
                 // 触发综合分析右侧面板点击事件
 
                 this.$bus.$emit("viewDetailsPopup", geojsonData);
@@ -334,7 +314,7 @@ export default {
           }
           // input添加点击事件
           if ($(`#${str}_id input`)[1]) {
-            $(`#${str}_id input`).click((e) => {
+            $(`#${str}_id input`).click(e => {
               switch (e.target.defaultValue) {
                 case "取消":
                   this.cancelBtnEvent();
@@ -368,7 +348,7 @@ export default {
         div.innerHTML = this.currentLabelHtml;
         $(() => {
           $(`#${str}_id`).css("height", "100%");
-          $(`#${str}_id input`).click((e) => {
+          $(`#${str}_id input`).click(e => {
             switch (e.target.defaultValue) {
               case "取消":
                 this.cancelBtnEvent();
@@ -389,12 +369,12 @@ export default {
       if (selectVal === "isTrue") {
         map2DViewer.polygons[str].setStyle({
           color: `rgb(${caseColorChange["isPointColor"][0]},${caseColorChange["isPointColor"][1]},${caseColorChange["isPointColor"][2]})`,
-          weight: 4,
+          weight: 4
         });
       } else {
         map2DViewer.polygons[str].setStyle({
           color: `rgb(${caseColorChange["notPointColor"][0]},${caseColorChange["notPointColor"][1]},${caseColorChange["notPointColor"][2]})`,
-          weight: 4,
+          weight: 4
         });
       }
       // 修改疑点时必须要写id
@@ -405,42 +385,32 @@ export default {
         // 修改人员名称
         c_editor_name: localStorage.getItem("USER_NAME"),
         // 修改人员ID
-        c_editorid: localStorage.getItem("USER_ID"),
+        c_editorid: localStorage.getItem("USER_ID")
       };
 
       let modifyParams = new FormData();
       modifyParams = {
         columnId: columnId,
         modelId: modelId,
-        content: JSON.stringify(obj),
+        content: JSON.stringify(obj)
       };
-      this.$Post(this.urlsCollection.updateContent, modifyParams).then(
-        (res) => {
-          if (res.code === 200) {
-            this.$message.success("数据修改成功");
-            map2DViewer.map.closePopup();
+      this.$Post(this.urlsCollection.updateContent, modifyParams).then(res => {
+        if (res.code === 200) {
+          this.$message.success("数据修改成功");
+          map2DViewer.map.closePopup();
 
-            switch (selectVal) {
-              case "isTrue":
-                this.$store.state.mapMethodsCollection
-                  .get("METHODS")
-                  .changeCaseBoolean(str, "疑点");
-                this.$store.state.mapMethodsCollection
-                  .get("METHODS")
-                  .changeSortMethod("疑点");
-                break;
-              case "isFalse":
-                this.$store.state.mapMethodsCollection
-                  .get("METHODS")
-                  .changeCaseBoolean(str, "非疑点");
-                this.$store.state.mapMethodsCollection
-                  .get("METHODS")
-                  .changeSortMethod("非疑点");
-                break;
-            }
+          switch (selectVal) {
+            case "isTrue":
+              this.$store.state.mapMethodsCollection.get("METHODS").changeCaseBoolean(str, "疑点");
+              this.$store.state.mapMethodsCollection.get("METHODS").changeSortMethod("疑点");
+              break;
+            case "isFalse":
+              this.$store.state.mapMethodsCollection.get("METHODS").changeCaseBoolean(str, "非疑点");
+              this.$store.state.mapMethodsCollection.get("METHODS").changeSortMethod("非疑点");
+              break;
           }
         }
-      );
+      });
     },
     cancelBtnEvent() {
       map2DViewer.map.closePopup();
@@ -475,7 +445,7 @@ export default {
             coordinates: coordinates,
             geoName: geoName,
             area: area,
-            distance: distance,
+            distance: distance
           };
           let geometry = publicFun.generateGeoJSON(options);
           let params = new FormData();
@@ -485,11 +455,11 @@ export default {
             geojson: newGeojson,
             type: geoType,
             userId: Number(localStorage.getItem("USER_ID")),
-            sourceId: 0,
+            sourceId: 0
           };
 
           this.$Post(this.urlsCollection.addConllection, params).then(
-            (res) => {
+            res => {
               if (res.code == 200) {
                 // 标记成功后删除保存的原有名称
                 myLabelNameMap.delete(geoName);
@@ -499,36 +469,33 @@ export default {
                 paramData = {
                   userId: Number(localStorage.getItem("USER_ID")),
                   sourceId: 0,
-                  pageSize: 10,
+                  pageSize: 10
                 };
                 // 暂存map中刚刚保存的数据
-                this.$Post(this.urlsCollection.selectByUser, paramData).then(
-                  (userRes) => {
-                    if (userRes.code === 200) {
-                      if (userRes.content.length > 0) {
-                        this.$store.state.myLabelPointsArr = [];
-                        this.$store.state.myLabelPointsArr =
-                          userRes.content.map((v) => {
-                            if (JSON.stringify(geometry) === v.geojson) {
-                              sessionStorage.setItem("myLabelPointsId", v.id);
-                            }
-                            return {
-                              id: v.id,
-                              geojson: v.geojson,
-                              type: v.type,
-                            };
-                          });
-                        // 判断刚刚暂存的数据，并调用小眼睛的方法
-                      }
+                this.$Post(this.urlsCollection.selectByUser, paramData).then(userRes => {
+                  if (userRes.code === 200) {
+                    if (userRes.content.length > 0) {
+                      this.$store.state.myLabelPointsArr = [];
+                      this.$store.state.myLabelPointsArr = userRes.content.map(v => {
+                        if (JSON.stringify(geometry) === v.geojson) {
+                          sessionStorage.setItem("myLabelPointsId", v.id);
+                        }
+                        return {
+                          id: v.id,
+                          geojson: v.geojson,
+                          type: v.type
+                        };
+                      });
+                      // 判断刚刚暂存的数据，并调用小眼睛的方法
                     }
-                    // 更新时调用一次搜索接口
                   }
-                );
+                  // 更新时调用一次搜索接口
+                });
               }
               // 保存后需要删除地图上的标记
               this.reStartLabelCase();
             },
-            (error) => {
+            error => {
               console.log("标记疑点保存失败！", error);
               this.reStartLabelCase();
             }
@@ -544,18 +511,12 @@ export default {
         //   "http://t0.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=f331ba0b9ab96fb21c56d91de868935d"
         // ).addTo(map2DViewer.map);
         if (this.$store.state.JLControlRightMapUrl) {
-          map2DViewer.jlMap = this.addTiledMapLayer(
-            this.$store.state.JLControlRightMapUrl
-          ).addTo(map2DViewer.map);
+          map2DViewer.jlMap = this.addTiledMapLayer(this.$store.state.JLControlRightMapUrl).addTo(map2DViewer.map);
         } else {
-          map2DViewer.jlMap = this.addTiledMapLayer(
-            systemConfig.imageryLayerSat2022s2.url
-          ).addTo(map2DViewer.map);
+          map2DViewer.jlMap = this.addTiledMapLayer(systemConfig.imageryLayerSat2022s2.url).addTo(map2DViewer.map);
         }
 
-        map2DViewer.jlControl = L.control
-          .sideBySide(map2DViewer.map, map2DViewer.jlMap)
-          .addTo(map2DViewer.map);
+        map2DViewer.jlControl = L.control.sideBySide(map2DViewer.map, map2DViewer.jlMap).addTo(map2DViewer.map);
       } else if (map2DViewer.map.hasLayer(map2DViewer.jlMap)) {
         map2DViewer.map.removeControl(map2DViewer.jlControl);
         map2DViewer.map.removeLayer(map2DViewer.jlMap);
@@ -593,7 +554,7 @@ export default {
     initDraw() {
       if (!map2DViewer.measureTool) {
         // 引入疑点标记绘制方法
-        map2DViewer.drawToolFire = (data) => {
+        map2DViewer.drawToolFire = data => {
           // 纬经度
           if (data && data.points.length >= 1) {
             let geoType = null;
@@ -623,16 +584,7 @@ export default {
                 this.labelDetailsPopupShow = true;
                 this.labelPopup = L.popup({ maxWidth: 700, maxHeight: 600 })
                   .setLatLng(newCoord)
-                  .setContent(
-                    this.createLabelDiv(
-                      "label",
-                      coord,
-                      data,
-                      geoType,
-                      data.area,
-                      data.distance
-                    )
-                  )
+                  .setContent(this.createLabelDiv("label", coord, data, geoType, data.area, data.distance))
                   .openOn(map2DViewer.map);
                 this.labelDetailsPopupShow = false;
               });
@@ -647,7 +599,7 @@ export default {
           font_size: "14px",
           closeButton: true,
           iconUrl: "../../static/plugins/draw-plugin/images/marker-icon.png",
-          map: map2DViewer.map,
+          map: map2DViewer.map
         });
       }
     },
@@ -660,7 +612,7 @@ export default {
         {
           resolutions: systemConfig.imageryLayer.resolutions,
           origin: [-66000, 75000],
-          bounds: L.bounds([-65000, -76000], [75000, 72000]),
+          bounds: L.bounds([-65000, -76000], [75000, 72000])
         }
       );
 
@@ -670,15 +622,13 @@ export default {
         minZoom: systemConfig.imageryLayer.minZoom,
         maxZoom: systemConfig.imageryLayer.maxZoom,
         attributionControl: false,
-        zoomControl: false,
+        zoomControl: false
         // preferCanvas: true,
       }).setView(systemConfig.mapViewer.center, systemConfig.mapViewer.zoom);
 
       //添加默认图层
       let guid = publicFun.buildGuid("baseLayer");
-      let layer = this.addTiledMapLayer(systemConfig.blueBlackMap.url).addTo(
-        map2DViewer.map
-      );
+      let layer = this.addTiledMapLayer(systemConfig.blueBlackMap.url).addTo(map2DViewer.map);
       map2DViewer.layers["darkmap"] = layer;
 
       let imageryLayer = this.addTiledMapLayer(systemConfig.imageryLayer.url);
@@ -701,16 +651,14 @@ export default {
         map2DViewer.groups["浦东新区_polygon"].remove();
       }
       // 请求并渲染新的区域图层
-      get("./static/json/simplified_pdgeojson.json", "").then((geoJson) => {
+      get("./static/json/simplified_pdgeojson.json", "").then(geoJson => {
         // 存放所有的面数据
         map2DViewer.groups["浦东新区_polygon"] = L.featureGroup();
         map2DViewer.groups["浦东新区_label"] = L.featureGroup();
         map2DViewer.groups["浦东新区_polygon"].addTo(map2DViewer.map);
         map2DViewer.groups["浦东新区_label"].addTo(map2DViewer.map);
-        geoJson.features.map((feature) => {
-          let correctCordArr = JSON.parse(
-            JSON.stringify(feature.geometry.coordinates)
-          );
+        geoJson.features.map(feature => {
+          let correctCordArr = JSON.parse(JSON.stringify(feature.geometry.coordinates));
           let newCorrectCoordArr = publicFun.latLngsCorrection(correctCordArr);
           feature.geometry.coordinates = newCorrectCoordArr;
           // if (
@@ -751,10 +699,7 @@ export default {
         this.getJSonDataToStreet("", "");
         // 切换到首页时需定位到当前图层
         if (this.$store.state.homeSpecialTown === "全部") {
-          this.setView(
-            townLocationMap.get(this.$store.state.homeSpecialTown),
-            0
-          );
+          this.setView(townLocationMap.get(this.$store.state.homeSpecialTown), 0);
         } else {
           let polygon = townPolygonMap.get(this.$store.state.homeSpecialTown);
           map2DViewer.map.fitBounds(polygon.getBounds());
@@ -785,7 +730,7 @@ export default {
         weight: 3,
         fillColor: this.getColor(name),
         opacity: 1,
-        fillOpacity: 0.4,
+        fillOpacity: 0.4
       }).addTo(map2DViewer.groups["浦东新区_polygon"]);
 
       center = JSON.parse(JSON.stringify(center)).geometry.coordinates;
@@ -798,25 +743,25 @@ export default {
           radius: 10,
           weight: 1,
           fillOpacity: 0,
-          color: "#e6d273",
+          color: "#e6d273"
         });
         wmarker.bindLabel(feature.properties.NAME, {
           noHide: true,
           clickable: true,
-          offset: [-25, 10],
+          offset: [-25, 10]
         });
         wmarker.addTo(map2DViewer.groups["浦东新区_label"]);
         let circle1 = L.circleMarker(center, {
           radius: 8,
           weight: 1,
           fillOpacity: 0,
-          color: "#e6d273",
+          color: "#e6d273"
         }).addTo(map2DViewer.groups["浦东新区_polygon"]);
         let circle2 = L.circleMarker(center, {
           radius: 5,
           weight: 1,
           fillOpacity: 1,
-          color: "#e6d273",
+          color: "#e6d273"
         }).addTo(map2DViewer.groups["浦东新区_polygon"]);
       }
     },
@@ -855,32 +800,20 @@ export default {
      * @modelId -- modelId
      * @columnId -- columnId
      */
-    addSinglePolygon(
-      geometry,
-      cid,
-      color,
-      uniqueId,
-      mainType,
-      sourceType,
-      defaultStatus,
-      modelId,
-      columnId
-    ) {
+    addSinglePolygon(geometry, cid, color, uniqueId, mainType, sourceType, defaultStatus, modelId, columnId) {
       let uniqueIdList = [];
       if (this.$store.state.selectSelectDataMap["singlePolygon"][uniqueId]) {
-        uniqueIdList =
-          this.$store.state.selectSelectDataMap["singlePolygon"][uniqueId];
+        uniqueIdList = this.$store.state.selectSelectDataMap["singlePolygon"][uniqueId];
       }
 
       let singlePolygonItem = {
         uniqueId: uniqueId,
         geometry: geometry,
         cid: cid,
-        color: color,
+        color: color
       };
       uniqueIdList.push(singlePolygonItem);
-      this.$store.state.selectSelectDataMap["singlePolygon"][uniqueId] =
-        uniqueIdList;
+      this.$store.state.selectSelectDataMap["singlePolygon"][uniqueId] = uniqueIdList;
       // 当前数据坐标系为WGS84
       let targetGeometry = JSON.parse(geometry).geometry;
       // 预设模型与所有图层层级不同
@@ -891,35 +824,36 @@ export default {
         weight: 3,
         fillColor: color,
         opacity: 1,
-        fillOpacity: 0,
+        fillOpacity: 0
       }).addTo(map2DViewer.analysisGroups[uniqueId]);
 
-      polygon.on("click", (e) => {
+      polygon.on("click", e => {
         // 鼠标点击图版高亮提示逻辑
         // 首先恢复上一个图版
-        if (this.$store.state.map2DViewerPolygonsCid.newCid) {
-          map2DViewer.polygons[
-            this.$store.state.map2DViewerPolygonsCid.newCid
-          ].setStyle({
+        if (
+          this.$store.state.map2DViewerPolygonsCid.newCid &&
+          map2DViewer.polygons[this.$store.state.map2DViewerPolygonsCid.newCid]
+        ) {
+          map2DViewer.polygons[this.$store.state.map2DViewerPolygonsCid.newCid].setStyle({
             color: this.$store.state.map2DViewerPolygonsCid.oldColor,
-            fillOpacity: 0,
+            fillOpacity: 0
           });
         }
         // 判断是否是重复点击，不是的话高亮，是的话不操作。
         if (cid != this.$store.state.map2DViewerPolygonsCid.newCid) {
           this.$store.state.map2DViewerPolygonsCid = {
             newCid: cid,
-            oldColor: color,
+            oldColor: color
           };
           polygon.setStyle({
             color: "red",
             fillColor: "red",
-            fillOpacity: 0.35,
+            fillOpacity: 0.35
           });
         } else {
           this.$store.state.map2DViewerPolygonsCid = {
             newCid: null,
-            oldColor: null,
+            oldColor: null
           };
         }
 
@@ -932,7 +866,7 @@ export default {
               镇域名称: geoProperties["镇域名称"] || "--",
               "面积(平方米)": geoProperties["面积"] || "--",
               图层构成: geoProperties["图层构成"] || "--",
-              性质: geoProperties["性质"] || "--",
+              性质: geoProperties["性质"] || "--"
             };
             this.defaultStatus = defaultStatus;
 
@@ -942,17 +876,9 @@ export default {
               this.currentSourceType = sourceType;
               this.currentModelId = modelId;
               this.currentColumnId = columnId;
-              let domItem = this.createAuditDiv(
-                cid,
-                geojsonData,
-                sourceType,
-                modelId,
-                columnId
-              );
+              let domItem = this.createAuditDiv(cid, geojsonData, sourceType, modelId, columnId);
               this.auditPopupShow = true;
-              this.popup = L.popup({ maxWidth: 700, maxHeight: 600 })
-                .setLatLng(e.latlng)
-                .setContent(domItem);
+              this.popup = L.popup({ maxWidth: 700, maxHeight: 600 }).setLatLng(e.latlng).setContent(domItem);
               this.auditPopupShow = false;
               this.popup.openOn(map2DViewer.map);
             });
@@ -962,15 +888,13 @@ export default {
               镇域名称: geoProperties["镇域名称"] || "--",
               "面积(平方米)": geoProperties["面积"] || "--",
               土地类型: geoProperties["土地类型"] || "--",
-              图斑编号: geoProperties["图斑编号"] || "--",
+              图斑编号: geoProperties["图斑编号"] || "--"
             };
 
             this.$refs.normalRef.$nextTick(() => {
               let domItem = this.createNormalDiv(cid, geojsonData, sourceType);
               this.normalAttrPopupShow = true;
-              this.normalPopup = L.popup({ maxWidth: 700, maxHeight: 600 })
-                .setLatLng(e.latlng)
-                .setContent(domItem);
+              this.normalPopup = L.popup({ maxWidth: 700, maxHeight: 600 }).setLatLng(e.latlng).setContent(domItem);
               this.normalAttrPopupShow = false;
               this.normalPopup.openOn(map2DViewer.map);
             });
@@ -991,7 +915,7 @@ export default {
     },
     //综合分析 - 标记疑点 - 删除面
     deletePolygonLayer(layer) {
-      map2DViewer.polygons[layer].forEach((polygon) => {
+      map2DViewer.polygons[layer].forEach(polygon => {
         map2DViewer.map.removeLayer(polygon);
       });
     },
@@ -999,7 +923,7 @@ export default {
     drawPoints(data) {
       if (!map2DViewer.myLabels[`label_${data.id}`]) {
         let point = L.marker(data.coord, {
-          opacity: 1,
+          opacity: 1
         }).addTo(map2DViewer.groups["我的标记图层组"]);
         map2DViewer.myLabels[`label_${data.id}`] = point;
       }
@@ -1012,7 +936,7 @@ export default {
           weight: 3,
           fillOpacity: color,
           opacity: 1,
-          fillOpacity: 0.4,
+          fillOpacity: 0.4
         }).addTo(map2DViewer.groups["我的标记图层组"]);
         // zoom the map to the polyline
         map2DViewer.myLabels[`label_${data.id}`] = polyline;
@@ -1026,7 +950,7 @@ export default {
           weight: 3,
           fillOpacity: color,
           opacity: 1,
-          fillOpacity: 0.4,
+          fillOpacity: 0.4
         }).addTo(map2DViewer.groups["我的标记图层组"]);
 
         map2DViewer.myLabels[`label_${data.id}`] = polygon;
@@ -1048,7 +972,7 @@ export default {
             fillOpacity: color,
             opacity: 1,
             fillOpacity: 0.4,
-            radius: Number(distance),
+            radius: Number(distance)
           }).addTo(map2DViewer.groups["我的标记图层组"]);
           map2DViewer.myLabels[`label_${data.id}`] = circle;
         }
@@ -1079,8 +1003,8 @@ export default {
       if (geometry) {
         geometry.removeFrom(map2DViewer.map);
       }
-    },
-  },
+    }
+  }
 };
 </script>
 <style lang="less" scoped>

src/store/index.js

@@ -55,6 +55,8 @@ export default new Vuex.Store({
     map2DViewerPolygonsCid: {},
     // 卷帘对比右侧map地址
     JLControlRightMapUrl: "",
+    // 暂存综合分析左侧图斑列表中的所有图层的某个镇域的所有资源
+    legendTree: [],
   },
   getters: {
     myLabelPointsArr: (state) => state.myLabelPointsArr,