zbcx_ckyc 1.0.0

package/src/plugins/app/com/MapTool.vue

@@ -0,0 +1,772 @@
+<style lang='scss' scoped>
+  .map-tool {
+    --cx-color-bg-deep-1: var(--cx-colorBg5);
+    --cx-color-bg-hover: var(--cx-colorPrimary13);
+    --cx-color-bg-normal: var(--cx-colorBg5);
+    --cx-color-tint-text-active: var(--cx-colorPrimary4);
+    position: absolute; right: 0; top: 0;
+
+    .toolbar {
+      position: absolute; top: 0.05rem; right: 0.05rem; margin: 0; padding: 0;color: var(--cx-colorText5);
+
+      ::v-deep div.tool-grp:nth-of-type(2) {
+        div.tool-item:nth-of-type(1) + div.tool-children { right: 0 !important; left: unset !important;
+          .tool-item { background-color: var(--cx-colorBg5); }
+        }
+      }
+    }
+    .locate {
+      width: 2.8rem; background-color: var(--cx-colorBg2); position: absolute; top: 0.9rem; right: 0.05rem; margin: 0; padding: 0;color: var(--cx-colorText12);
+      li { line-height: 0.30rem; cursor: pointer;i { margin: 0 0.10rem; } }
+      .active { background-color: var(--cx-colorPrimary0); }
+      > li {display: flex; padding: 0.10rem;}
+      span {width: 0.8rem;color: var(--cx-colorText2);}
+    }
+    .locate-area{
+      width: 2.80rem; height: 0.4rem; background-color: var(--cx-colorBg2); position: absolute; top: 0.45rem; right: 4.3rem; margin: 0; padding: 0.025rem;color: var(--cx-colorText12);box-shadow: var(--cx-boxShadow5);
+    }
+    .yzfx {
+      width: 3rem; height: 3rem; background-color: var(--cx-colorBg2); position: absolute; top: 0.45rem; right: 0.05rem; margin: 0; padding: 0.025rem;box-shadow: var(--cx-boxShadow5);
+    }
+  }
+  ::v-deep .el-cascader {width: 2rem; height: 0.35rem; margin-right: 0.10rem}
+  ::v-deep .el-tree-select {width: 2rem;margin-right: 0.10rem}
+  ::v-deep .tool-item.is-active {background-color: var(--cx-colorPrimary13);}
+  ::v-deep .cx-tool-bar .tool-grp .tool-item.tool-cont-horizontal .tool-text {margin-left: 0.08rem;}
+  ::v-deep .cx-tool-bar.toolbar-horizontal .tool-grp .tool-item:not(:first-child) {border-left: 0.01rem dashed var(--cx-color-border-normal);}
+  ::v-deep .tool-children { bottom: -0.4rem !important; }
+
+  ::v-deep .ic-tucenghuizhi { color: rgb(26,189,200); }
+  ::v-deep .ic-dixing { color: rgb(165,57,31); }
+  ::v-deep .ic-celiang { color: rgb(101,106,206); }
+  ::v-deep .ic-zhixianceliang { color: rgb(26,189,200); }
+  ::v-deep .ic-mianjiceliang { color: rgb(255,177,46); }
+  ::v-deep .ic-shanchu { color: rgb(203,48,10); }
+  ::v-deep .ic-dingwei { color: rgb(79,119,226); }
+  ::v-deep .ic-dimingdingwei { color: rgb(101,106,206); }
+  ::v-deep .ic-zuobiaodingwei { color: rgb(203,48,10); }
+  ::v-deep .ic-shitucaozuo { color: rgb(26,189,200); }
+  ::v-deep .ic-fuwei { color: rgb(26,189,200); }
+  ::v-deep .ic-fangda { color: rgb(0,111,255); }
+  ::v-deep .ic-suoxiao { color: rgb(203,48,10); }
+  ::v-deep .ic-dianhuizhi { color: rgb(79,119,226); }
+  ::v-deep .ic-ziyouhuixian { color: rgb(26,189,200); }
+  ::v-deep .ic-mianhuizhi { color: rgb(79,119,226); }
+  ::v-deep .ic-canshuhuixian { color: rgb(26,189,200); }
+  ::v-deep .ic-mianjiceliang { color: rgb(0,111,255); }
+  ::v-deep .ic-shanchu { color: rgb(203,48,10); }
+  ::v-deep .ic-shitucaozuo { color: rgb(101,106,206); }
+
+</style>
+
+<template>
+  <div class="map-tool" :style="toolStyle">
+    <cx-tool-bar
+      ref="toolbar"
+      class="toolbar"
+      :tools="newtools.length > 0 ? newtools : tools"
+      :toolWidth="120"
+      @tool-active="onActiveTool"
+      @tool-inactive="onInactiveTool"
+      >
+    </cx-tool-bar>
+    <ul class="locate" v-if="showPos">
+      <li>
+        <span>坐标类型：</span>
+        <el-select v-model="coorType" @change="selectChange" style="width:1.8rem;">
+          <el-option label="系统坐标" value="sysCoor"/>
+          <el-option label="经纬度" value="lonLat"/>
+        </el-select>
+      </li>
+      <li>
+        <el-input v-model="lon" :placeholder="lonHint"></el-input>
+      </li>
+      <li>
+        <el-input v-model="lat" :placeholder="latHint"></el-input>
+      </li>
+
+      <li>
+        <el-button style="width: 100%" @click="locatePos"> 定位 </el-button>
+      </li>
+    </ul>
+    <!-- <div class="locate-area" v-if="showArea">
+      <el-cascader
+      ref="cascader"
+      v-model="areaValue"
+      :options="areaOptions"
+      :props = "{checkStrictly:true, children: 'children', label: 'name', value: 'bm'}"
+      :show-all-levels="false"
+      filterable
+      clearable
+      @change="handleChange">
+       <template v-slot="{data}">
+          <span  v-text="data.name" :title="data.name"></span>
+        </template>
+      </el-cascader>
+      <el-button @click="locatePosArea" style="width: 0.6rem; height: 0.35rem"> 定位 </el-button>
+    </div> -->
+  </div>
+</template>
+
+<script>
+/**
+ * 组件名称: 地图工具条
+ * 功能说明:
+ *
+ * 参数说明:
+ * @prop  类型               参数名                          参数说明
+ *
+ * 事件说明:
+ * @event 事件名             参数解构                        事件和参数说明
+ *
+ * 插槽说明:
+ * @slot  插槽名             插槽prop解构                    插槽和prop说明
+ */
+
+/**
+ * 维护历史:
+ * 修改时间        人员           说明
+ * 2023/11/23     郭康伦         立项分析添加点线面之前必须先选择一个版本，保证要素命名时能取到当前版本已有的名字，避免重复命名
+ */
+
+import mapmethods from '@/plugins/app/com/MapMethods.js'
+import yx from '@/plugins/app/com/yx'
+import ReadShpFile from '@/plugins/zbcxCesium/coms/dataPreview/ReadShpFile.js'
+import shpToGeoJson from '@/plugins/zbcxCesium/utils/ShpToGeoJson'
+import LoadGeojson from '@/plugins/zbcxCesium/pub/LoadGeojson.js'
+export default
+{
+  mixins: [mapmethods, yx],
+  components: { },
+  props:
+  {
+    toolStyle: { type: Object, default: _ => ({ top: 0, right: 0 }) },
+    att: { type: Object, default: _ => ({}) },
+    newtools: { type: Array, default: _ => ([]) }
+  },
+  data()
+  {
+    return {
+      coorType: 'sysCoor',
+      showPos: false,
+      showArea: false,
+      onViewStatus: true,
+      areaOptions: [],
+      showTerrain: false,
+      showXzjx: false,
+      showBztf: false,
+      areaValue: '',
+      activeIndex: '',
+      lon: '',
+      lat: '',
+      lonHint: 'x坐标',
+      latHint: 'y坐标',
+      tools: [[
+        // { name: 'mapswitch', title: '项目图层', icon: 'cx-fi ic-tucenghuizhi', children: [], plugin: 1, click: (evt) => this.controlLayer(evt) },
+        { name: 'xzjx', title: '行政界线', icon: 'cx-fi ic-tucenghuizhi', children: [], plugin: 1, click: (evt) => this.controlXzjx(evt) },
+        // { name: 'bztf', title: '标准图幅', icon: 'cx-fi ic-tucenghuizhi', children: [], plugin: 1, click: (evt) => this.controlBztf(evt) },
+        { name: 'dixing', title: '地形', icon: 'cx-fi ic-dixing', children: [], plugin: 1, click: (evt) => this.controlTerrain(evt) },
+        {
+          name: 'measure',
+          title: '测量',
+          icon: 'cx-fi ic-celiang',
+          children: [
+            { name: 'measLin', title: '直线测量', icon: 'cx-fi ic-zhixianceliang', plugin: 2, click: (evt) => this.mesureLine(evt) },
+            { name: 'measArea', title: '面积测量', icon: 'cx-fi ic-mianjiceliang', plugin: 2, click: (evt) => this.mesureArea(evt) },
+            { name: 'measureAngle', title: '角度测量', icon: 'cx-fi ic-jiaoduceliang', plugin: 2, click: (evt) => this.mesureAngle(evt) },
+            { name: 'measDel', title: '清除', icon: 'cx-fi ic-shanchu', children: [], plugin: 2, click: (evt) => this.delVector(evt) }
+          ]
+        },
+        {
+          name: 'locate',
+          title: '定位',
+          icon: 'cx-fi ic-dingwei',
+          children: [
+            // { name: 'dmdw', title: '地名定位', icon: 'cx-fi ic-dimingdingwei', children: [], plugin: 1, click: (evt) => this.locateAreaStatus(evt) },
+            { name: 'zbdw', title: '坐标定位', icon: 'cx-fi ic-zuobiaodingwei', children: [], plugin: 1, click: (evt) => this.locatePosStatus(evt) }
+          ]
+        },
+        {
+          name: 'view',
+          title: '视图操作',
+          icon: 'cx-fi ic-shitucaozuo',
+          children: [
+            { name: 'vertical', title: '垂直视角', icon: 'cx-fi ic-fuwei', children: [], plugin: 1, click: (evt) => this.verticalView(evt) },
+            { name: 'fuwi', title: '复位', icon: 'cx-fi ic-fuwei', children: [], plugin: 1, click: (evt) => this.resetEarth($g.syscfg.posBqqd) },
+            { name: 'zoomin', title: '放大', icon: 'cx-fi ic-fangda', children: [], plugin: 1, click: (evt) => this.reduceHeight(evt) },
+            { name: 'zoomout', title: '缩小', icon: 'cx-fi ic-suoxiao', children: [], plugin: 1, click: (evt) => this.addHeight(evt) }
+          ]
+        }
+      ]],
+      parentTool: []
+    }
+  },
+
+  watch:
+  {
+    areaValue: 'clearLayer1'
+  },
+
+  created()
+  {
+    this.initToolData()
+    // this.regionData()
+  },
+
+  mounted()
+  {
+    cx.base.watch(_ => window.Viewer, _ =>
+    {
+    // 默认点击 行政界线
+      const tool = this.tools[0].find(item => item.name === 'xzjx')
+      this.$refs.toolbar.clickTool(tool)
+    })
+  },
+
+  methods:
+  {
+    /**
+     * 初始化工具数据
+     */
+    initToolData()
+    {
+      const tool = [
+        {
+          name: 'draw',
+          title: '缓冲区分析',
+          icon: 'cx-fi ic-huitu',
+          children: [
+            { name: 'drawPnt', title: '点绘制', icon: 'cx-fi ic-dianhuizhi', children: [], plugin: 2, click: (evt) => this.drawPointFunc(evt) },
+            { name: 'drawLin', title: '自由绘线', icon: 'cx-fi ic-ziyouhuixian', children: [], plugin: 2, click: (evt) => this.drawLineFunc(evt) },
+            { name: 'drawLinClosed', title: '闭合绘线', icon: 'cx-fi ic-mianhuizhi', children: [], plugin: 2, click: (evt) => this.drawLineClosed(evt) },
+            // { name: 'drawArgs', title: '参数绘线', icon: 'cx-fi ic-canshuhuixian', children: [], plugin: 2, click: (evt) => this.drawParamLine(evt) },
+            { name: 'drawPol', title: '面绘制', icon: 'cx-fi ic-mianjiceliang', children: [], plugin: 2, click: (evt) => this.drawPolFunc(evt) },
+            { name: 'drawDel', title: '清除', icon: 'cx-fi ic-shanchu', children: [], plugin: 2, click: (evt) => this.delVector(evt) }
+          ]
+        }
+      ]
+      const toolProject = [
+        { name: '框选', title: '框选', icon: 'cx-fi ic-shitucaozuo', children: [], plugin: 2, click: (evt) => this.areaSelect(evt) },
+        { name: '属性查看', title: '属性查看', icon: 'cx-fi ic-check1', children: [], plugin: 2, click: (evt) => this.onViewAtt(evt) },
+        { name: '压占分析', title: '压占分析', icon: 'cx-fi ic-huitu', children: [], plugin: 2, click: (evt) => this.analyseYz(evt) }
+      ]
+
+      const toolBqqd = [
+        {
+          name: 'draw',
+          title: '绘制',
+          icon: 'cx-fi ic-huitu',
+          children: [
+            { name: 'drawBq', title: '靶区绘制', icon: 'cx-fi ic-mianhuizhi', children: [], plugin: 2, click: (evt) => this.drawBq(evt) },
+            { name: 'exportShp', title: '靶区下载', icon: 'cx-fi ic-check1', children: [], plugin: 2, click: (evt) => this.exportShp(evt) },
+            { name: 'saveShp', title: '保存靶区', icon: 'cx-fi ic-save', children: [], plugin: 2, click: (evt) => this.saveShp(evt) },
+            { name: 'clearDrawBq', title: '清除靶区', icon: 'cx-fi ic-shanchu', children: [], plugin: 2, click: (evt) => this.clearDrawBq(evt) }
+          ]
+        }
+      ]
+
+      if (this.$route.name === 'Bqqd')
+        this.tools.push(toolBqqd)
+      // 构造互斥的工具名序列
+      this.mutexToolNames = []
+      const getActToolNames = (ret, list) =>
+      {
+        list.forEach(tool =>
+        {
+          if (tool.plugin === 2)
+            ret.push(tool.name)
+
+          getActToolNames(ret, tool.children || [])
+        })
+      }
+      this.tools.forEach(list =>
+      {
+        getActToolNames(this.mutexToolNames, list)
+      })
+    },
+
+    /**
+     * 工具激活事件
+     * @param {Object} evt 事件对象
+     */
+    onActiveTool(evt)
+    {
+      // 当前激活互斥工具，取消其他互斥工具的激活状态
+      if (this.mutexToolNames.includes(evt.tool.name))
+      {
+        const names = this.mutexToolNames.filter(name => name !== evt.tool.name)
+        this.inactiveTool(names)
+      }
+      // 运行新工具
+      if (evt.tool.click)
+        evt.tool.click(evt)
+    },
+    /**
+     * 工具失活事件
+     * @param {Object} evt 事件对象
+     */
+    onInactiveTool(evt)
+    {
+      if (evt.tool.name === 'drawArgs') return
+      if (evt.tool.click)
+        evt.tool.click(evt)
+    },
+
+    /**
+     * 图层控制显示隐藏
+     * @param {Object} evt 事件对象
+     */
+    controlLayer(evt)
+    {
+      this.$emit('controlLayer')
+    },
+
+    /**
+     * 垂直视角
+     * @param {Object} evt 事件对象
+     */
+    verticalView(evt)
+    {
+      window.tool.verticalView()
+    },
+
+    /**
+     * 压占分析
+     * @param {Object} evt 事件对象
+     */
+    analyseYz(evt)
+    {
+      cx.run.runPlug('AnalyseYz', {}, { uicfg: { width: 550, height: 500 } })
+    },
+
+    /**
+     * 标准图幅控制
+     * @param {Object} evt 事件对象
+     */
+    controlBztf(evt)
+    {
+      this.showBztf = !this.showBztf
+      if (!this.showBztf)
+      {
+        window.Viewer.imageryLayers._layers.filter(i => i.type === '标准图幅').forEach(j =>
+        {
+          window.Viewer.imageryLayers.remove(j)
+        })
+      }
+      else
+        this.loadYnsImagerLayer('/ynsMapserver', 'YUNNAN', '标准图幅')
+    },
+
+    /**
+     * 行政界线显隐控制
+     */
+    controlXzjx()
+    {
+      // this.showXzjx = !this.showXzjx
+      
+      if (window.Viewer.layers._layerCache.geojson && window.Viewer.layers._layerCache.geojson['省界0'])
+      {
+        for (let i in window.Viewer.layers._layerCache.geojson)
+        {
+          if (i.indexOf('省界') !== -1)
+            window.Viewer.layers._layerCache.geojson[i].show = !window.Viewer.layers._layerCache.geojson[i].show
+        }
+      }
+      else
+        this.loadShp(window.Viewer, { url: 'shp:static/model/省界.shp;dbf:static/model/省界.dbf' }, { id: '省界' })
+    },
+
+    /**
+     * 加载shp文件
+     * @param {Object} viewer 视图对象
+     * @param {Object} services 服务配置
+     * @param {Object} opts 选项
+     */
+    loadShp(viewer, services, opts)
+    {
+      let res = ReadShpFile.parseUrl(services)
+      let promise = shpToGeoJson(res.shp, res.dbf)
+      promise.then(res =>
+      {
+        res.forEach((item, index) =>
+        {
+          this.laodGeojson(viewer, { url: item }, { id: '省界' + index, noFly: true })
+        })
+      })
+    },
+
+    /**
+     * 加载geojson数据
+     * @param {Object} viewer 视图对象
+     * @param {Object} services 服务配置
+     * @param {Object} opts 选项
+     */
+    async  laodGeojson(viewer, services, opts)
+    {
+      this.layer = await LoadGeojson.loadGeojson(viewer, { ...opts, ...services, url: services.url })
+    },
+
+    /**
+     * 坐标定位状态
+     * @param {Object} evt 事件对象
+     */
+    locatePosStatus(evt)
+    {
+      this.showPos = !this.showPos
+    },
+
+    /**
+     * 清除图层
+     * @param {Object} evt 事件对象
+     */
+    clearLayer(evt)
+    {
+      this.removeTempVector()
+    },
+
+    /**
+     * 地名定位状态
+     * @param {Object} evt 事件对象
+     */
+    locateAreaStatus(evt)
+    {
+      this.showArea = !this.showArea
+      if (!this.showArea)
+        this.clearLayer()
+    },
+
+    /**
+     * 清空地名定位图层
+     * @param {*} val 值
+     */
+    clearLayer1(val)
+    {
+      if (!val)
+        this.clearLayer()
+    },
+
+    /**
+     * 框选区域
+     * @param {Object} evt 事件对象
+     */
+    areaSelect(evt)
+    {
+      this.$emit('areaSelect')
+    },
+
+    /**
+     * 查看属性
+     * @param {Object} evt 事件对象
+     */
+    onViewAtt(evt)
+    {
+      this.onViewStatus = !this.onViewStatus
+      if (this.onViewStatus)
+        this.activeIndex = 999
+      this.$emit('onViewAtt')
+    },
+
+    /**
+     * 绘制点功能
+     * @param {Object} evt 事件对象
+     */
+    drawPointFunc(evt)
+    {
+      if (!this.att.vers && this.$route.name === 'ProjectApprovalAnalyse') return this.$notify({ message: '请先选择一个版本', type: 'warning' })
+      this.$emit('drawPointFunc', { toolName: evt.tool.name })
+    },
+
+    /**
+     * 绘制线功能
+     * @param {Object} evt 事件对象
+     */
+    drawLineFunc(evt)
+    {
+      if (!this.att.vers && this.$route.name === 'ProjectApprovalAnalyse') return this.$notify({ message: '请先选择一个版本', type: 'warning' })
+      this.$emit('drawLineFunc', { toolName: evt.tool.name })
+    },
+
+    /**
+     * 闭合绘线
+     * @param {Object} evt 事件对象
+     */
+    drawLineClosed(evt)
+    {
+      if (!this.att.vers && this.$route.name === 'ProjectApprovalAnalyse') return this.$notify({ message: '请先选择一个版本', type: 'warning' })
+      this.$emit('drawLineFuncClosed', { toolName: evt.tool.name })
+    },
+
+    /**
+     * 参数绘线
+     * @param {Object} evt 事件对象
+     */
+    drawParamLine(evt)
+    {
+      if (!this.att.vers && this.$route.name === 'ProjectApprovalAnalyse') return this.$notify({ message: '请先选择一个版本', type: 'warning' })
+      this.delVector()
+      this.$emit('drawParamLine', { toolName: evt.tool.name })
+    },
+
+    /**
+     * 绘制面功能
+     * @param {Object} evt 事件对象
+     */
+    drawPolFunc(evt)
+    {
+      if (!this.att.vers && this.$route.name === 'ProjectApprovalAnalyse') return this.$notify({ message: '请先选择一个版本', type: 'warning' })
+      this.$emit('drawPolFunc', { toolName: evt.tool.name })
+    },
+
+    /**
+     * 激活工具选中状态
+     * @param {Array} toolNames 工具名称数组
+     */
+    activeToolClick(toolNames)
+    {
+      this.$refs.toolbar.activeSelect(toolNames)
+    },
+
+    /**
+     * 取消工具激活状态
+     * @param {Array} toolNames 工具名称数组
+     */
+    inactiveTool(toolNames)
+    {
+      this.$refs.toolbar.inactiveSelect(toolNames)
+    },
+
+    /**
+     * 删除矢量
+     * @param {Object} evt 事件对象
+     */
+    delVector(evt)
+    {
+      // 取消全部工具的激活状态
+      // this.inactiveTool(this.mutexToolNames)
+      window.mesure.clearMeasure()
+      this.clearLayer()
+      this.$emit('delVector')
+    },
+
+    /**
+     * 测量直线
+     * @param {Object} evt 事件对象
+     */
+    mesureLine(evt)
+    {
+      if (window.mesure.measureDrawLine)
+      {
+        window.mesure.measureDrawLine.destroy()
+        window.mesure.measureDrawLine = null
+        return
+      }
+      window.mesure.measureLine('line')
+    },
+
+    /**
+     * 测量面积
+     * @param {Object} evt 事件对象
+     */
+    mesureArea(evt)
+    {
+      if (window.mesure.measureDrawArea)
+      {
+        window.mesure.measureDrawArea.destroy()
+        window.mesure.measureDrawArea = null
+        return
+      }
+      window.mesure.measureArea('area')
+    },
+
+    /**
+     * 测量角度
+     * @param {Object} evt 事件对象
+     */
+    mesureAngle(evt)
+    {
+      if (window.mesure.measureDrawAngle)
+      {
+        window.mesure.measureDrawAngle.destroy()
+        window.mesure.measureDrawAngle = null
+        return
+      }
+      window.mesure.meaureAngle('angle')
+    },
+
+    /**
+     * 当前激活项
+     * @param {*} id id
+     */
+    clickLi(id)
+    {
+      this.activeIndex = id
+    },
+
+    /**
+     * 地形控制
+     * @param {Object} evt 事件对象
+     */
+    controlTerrain(evt)
+    {
+      this.showTerrain = !this.showTerrain
+      if (this.showTerrain)
+        window.tool.loadTerrian()
+      else
+        window.tool.clearTreeian()
+    },
+
+    /**
+     * 坐标系切换
+     * @param {String} val 值
+     */
+    selectChange(val)
+    {
+      if (val === 'sysCoor')
+      {
+        this.lonHint = 'x坐标'
+        this.latHint = 'y坐标'
+      }
+      else if (val === 'lonLat')
+      {
+        this.lonHint = '经度'
+        this.latHint = '纬度'
+      }
+    },
+
+    /**
+     * 坐标定位
+     * @param {Object} evt 事件对象
+     */
+    locatePos(evt)
+    {
+      if (!this.lon || !this.lat)
+      {
+        this.clearLayer()
+        this.$notify({ message: '请输入经纬度', type: 'warning' })
+      }
+      else
+      {
+        let lon = this.lon
+        let lat = this.lat
+        // 输入系统坐标转为经纬度
+        if (this.coorType === 'sysCoor')
+          [lon, lat] = this.transformCoor([lon * 1, lat * 1], false)
+        window.Viewer.flyToPos({ lng: Number(lon * 1), lat: Number(lat * 1), alt: 336.5 })
+        // this.clearLayer()
+        // window.tool.addVector([{ lng: lon, lat: lat, mark: 'temp' }], 1, false, false)
+        // window.tool.flyToPos({ lng: lon, lat: lat, alt: window.Viewer.camera.positionCartographic.height })
+      }
+    },
+
+    /**
+     * 地名定位
+     * @param {Object} evt 事件对象
+     */
+    async locatePosArea(evt)
+    {
+      let node = this.$refs.cascader.getCheckedNodes()
+      let geom = []
+      if (node.length)
+      {
+        if (node[0].level === 1)
+          geom = await cx.svr.data.query($app.TabConst.yns_sjxzqsjb.major, $app.TabConst.yns_sjxzqsjb.minor, { args: [['bm', '=', node[0].value, null]], geometry: 1 })
+        else if (node[0].level === 2)
+          geom = await cx.svr.data.query($app.TabConst.yns_zsjxzqsjb.major, $app.TabConst.yns_zsjxzqsjb.minor, { args: [['bm', '=', node[0].value, null]], geometry: 1 })
+        else if (node[0].level === 3)
+          geom = await cx.svr.data.query($app.TabConst.yns_xjxzqsjb.major, $app.TabConst.yns_xjxzqsjb.minor, { args: [['bm', '=', node[0].value, null]], geometry: 1 })
+        else if (node[0].level === 4)
+          geom = await cx.svr.data.query($app.TabConst.yns_xzjxzqsjb.major, $app.TabConst.yns_xzjxzqsjb.minor, { args: [['bm', '=', node[0].value, null]], geometry: 1 })
+        else if (node[0].level === 5)
+          geom = await cx.svr.data.query($app.TabConst.yns_cjdcqsjb.major, $app.TabConst.yns_cjdcqsjb.minor, { args: [['bm', '=', node[0].value, null]], geometry: 1 })
+        this.locateArea(geom[0])
+      }
+    },
+
+    /**
+     * 定位到指定区域
+     * @param {Object} obj 区域对象
+     */
+    locateArea(obj)
+    {
+      window.Viewer.flyToPos({ lng: obj.centerx * 1, lat: obj.centery * 1, alt: 336.5 })
+      // this.clearLayer()
+      // let coors = obj.geom.coordinates[0][0]
+      // let jwd = ''
+      // coors.forEach(i =>
+      // {
+      //   jwd += i.join(',') + ';'
+      // })
+      // window.tool.addVector([{ jwd, mark: 'temp' }], 2, false, true)
+      // window.tool.addLabel([{ lng: obj.centerx, lat: obj.centery, label: obj.name, mark: 'temp' }])
+    },
+
+    /**
+     * 级联选择器children构造
+     * @param {Array} arr1 父节点数组
+     * @param {Array} arr2 子节点数组
+     */
+    structCascaderChildren(arr1, arr2)
+    {
+      arr1.forEach(i =>
+      {
+        i.children = arr2.filter(j => j.id0 === i.bm)
+      })
+    },
+
+    /**
+     * 生成tree结构
+     * @param {Object} evt 事件对象
+     */
+    async regionData(evt)
+    {
+      let province = await cx.svr.data.query($app.TabConst.yns_sjxzqsjb.major, $app.TabConst.yns_sjxzqsjb.minor, { args: [['id', '>', '0', null]] })
+      let state = await cx.svr.data.query($app.TabConst.yns_zsjxzqsjb.major, $app.TabConst.yns_zsjxzqsjb.minor, { args: [['id', '>', '0', null]] })
+      let county = await cx.svr.data.query($app.TabConst.yns_xjxzqsjb.major, $app.TabConst.yns_xjxzqsjb.minor, { args: [['id', '>', '0', null]] })
+      let township = await cx.svr.data.query($app.TabConst.yns_xzjxzqsjb.major, $app.TabConst.yns_xzjxzqsjb.minor, { args: [['id', '>', '0', null]] })
+      let village = await cx.svr.data.query($app.TabConst.yns_cjdcqsjb.major, $app.TabConst.yns_cjdcqsjb.minor, { args: [['id', '>', '0', null]] })
+
+      this.structCascaderChildren(township, village)
+      this.structCascaderChildren(county, township)
+      this.structCascaderChildren(state, county)
+      this.structCascaderChildren(province, state)
+      this.areaOptions = province
+    },
+
+    /**
+     * 绘制靶区
+     * @param {Object} evt 事件对象
+     */
+    drawBq(evt)
+    {
+      this.$emit('drawBq')
+    },
+
+    /**
+     * 清除靶区
+     * @param {Object} evt 事件对象
+     */
+    clearDrawBq(evt)
+    {
+      this.$emit('clearDrawBq')
+    },
+
+    /**
+     * 导出shp
+     * @param {Object} evt 事件对象
+     */
+    exportShp(evt)
+    {
+      this.$emit('exportShp')
+    },
+
+    /**
+     * 保存shp
+     * @param {Object} evt 事件对象
+     */
+    saveShp(evt)
+    {
+      this.$emit('saveShp')
+    }
+  }
+}
+</script>