zbcx_ckyc 1.0.0

package/src/plugins/app/znycpjxt/Bqqd/BqqdMap.vue

@@ -0,0 +1,1046 @@
+<style lang='scss' scoped>
+  .fileDemo { width: 100%; height: 100%; }
+  .fileCenter { width: 100%; height: 92%; }
+  .yl-box { height: 0.5rem; line-height: 0.5rem; }
+  :deep(.el-radio-group) { overflow: hidden; }
+  :deep(.tool-style) { right: 9% !important; top: 1.2% !important; }
+  .bakc_page { position: absolute; top: 3%; right: 16%; }
+  .bqhz { position: absolute; top: 3%; right: 11%; }
+  .qcbq { position: absolute; top: 3%; right: 6%; }
+  .bqxz { position: absolute; top: 2.9%; right: 1%; height: 0.35rem; border-radius: 0; }
+  .btn_bqqd { position: absolute; right: 1.5%; top: 3%; background: var(--cx-colorPrimary13); }
+  .fold_botton { position: absolute; bottom: 1%; }
+  #chart3d { position: relative; }
+  :deep(.cx-card) { max-width: 15.5rem; }
+  :deep(.toolbar) { right: -0.6rem !important; }
+  .dc_col { margin-left: 0.1rem; }
+  .text_col { width: 3.95rem; margin-top: 0.1rem; margin-left: 0.1rem; }
+</style>
+
+<template>
+  <DataPreview
+    :noShowTool="false"
+    ref="DataPreview"
+    :baseMapArr="baseMapArr"
+    :services="att"
+    :showBaseMap="showBaseMap"
+    :legendList="legendList"
+    @drawBq="drawBq"
+    @clearDrawBq="clearDrawBq"
+    @exportShp="exportShp"
+    @saveShp="saveShp"
+  />
+  <el-button class="bqxz" @click="backPage">返回</el-button>
+  <template v-if="showTab">
+    <cx-fold-button class="fold_botton" v-bind="foldbuttonTop" @fold-change="foldChange">
+      <cx-card :size="size" v-bind="card" style="height:100%;">
+        <cx-grid-table v-bind="fldList" @plugin-click="onClick" />
+      </cx-card>
+    </cx-fold-button>
+  </template>
+
+  <el-dialog title="靶区属性" v-model="dialogFormVisible" :showClose="false" style="width: 4.5rem;top:22%;background-color: var(--cx-colorBg5);">
+    <div class="dc_col" style="margin-bottom: 0.1rem;color: var(--cx-colorPrimary4);">填写信息确定后,点击"保存靶区"按钮可将靶区存入数据列表</div>
+    <span class="dc_col">靶区代号</span><el-input v-model="bqdh"></el-input>
+    <span class="dc_col">靶区面积(m²)</span><el-input v-model="bqmj"></el-input>
+    <span class="dc_col">靶区依据</span><el-input class="text_col"  type="textarea" :row="4" v-model="bqyj"></el-input>
+    <template #footer>
+      <el-button @click="delBj">取 消</el-button>
+      <el-button type="primary" @click="addBqCs">确 定</el-button>
+    </template>
+  </el-dialog>
+</template>
+<script>
+/**
+ * 插件 - 文件预览 （基于cx-file-view实现）
+ */
+
+/**
+ * 调用说明:
+ * @param         {Object}            params
+ * @param         {Object}            params.data                                      文件预览插件需求的参数对象
+ * @param         {String}            params.data.src                                  文件的url地址，必传！如：'static/test.excel'
+ * @param         {String}            params.data.filetype                             文件后缀类型，必传！如：flv
+ * @param         {String}            [params.data.title]                              文件名称，非必传
+ * @param         {Object}            [params.data.comProps]                           自定义传给对应文件预览组件的参数对象
+ * @param         {Object}            [params.data.comListeners]                       自定义传给对应文件预览组件的事件监听注册对象
+ * @param         {Object}            [params.data.custCom]                            自定义的组件配置对象，格式：{name: 'cx-file-view'}，custCom比filetype优先级高
+ *
+ * (更多参数见cx-file-view的文档)
+ */
+
+/**
+ * 修改记录:
+ * 24-05-24        张光辉          首次提交
+ */
+import DataPreview from '@/plugins/zbcxCesium/coms/dataPreview/DataPreview.vue'
+import WebProj4Class from '@/plugins/app/com/WebProj4'
+import Api from '../Api.js'
+import TableEarth from '../coms/TableEarth.vue'
+import PubCxe from '@/plugins/zbcxCesium/pub/PubCxe.js'
+let layer, layerBqqdDraw
+export default
+{
+  mixins: [],
+  components: { DataPreview, TableEarth },
+  data()
+  {
+    return {
+      data: null,
+      type: true,
+      types:
+      {
+        doc: 'doc',
+        geojson: 'geojson',
+        grd: 'grd',
+        grd2D: 'grd2D',
+        grd3D: 'grd3D',
+        excel: 'excel'
+      },
+      baseMapArr: [],
+      showBaseMap: false,
+      grdRadio: '',
+      refresh: true,
+      Grd2DSrc: '',
+      legendList: [],
+      geometry: [],
+      card: {
+        foldable: false
+      },
+      showTab: false,
+      fldList: {
+        table: {
+          elAtts: {
+            stripe: true,
+            height: 250
+          },
+          border: true,
+          operFix: 'right',
+          operCols: [
+            {
+              colname: '操作',
+              title: '操作',
+              width: 150,
+              btns: [
+                {
+                  name: 'dw',
+                  enable: true,
+                  show: true,
+                  type: 'primary',
+                  title: '定位'
+                }
+              ]
+            }
+          ],
+          list: [],
+          cols: []
+        }
+      },
+      bqdh: null,
+      bqyj: null,
+      bqmj: null,
+      dialogFormVisible: false,
+      index: -1,
+      checkLayerId: null,
+      drawPolygonDr: null,
+      layer: null,
+      mrSjj: null, // 默认数据集
+      WebProj4: null
+      
+    }
+  },
+  
+  created()
+  {
+    this.getMrSjj()
+    this.WebProj4 = new WebProj4Class()
+  },
+
+  mounted()
+  {
+    let self = this
+    // 添加点击监听
+    let handler2 = new Cesium.ScreenSpaceEventHandler(Viewer.scene.canvas)
+    handler2.setInputAction((movement) =>
+    {
+      let pickedObject = Viewer.scene.pick(movement.position)
+      if (pickedObject && pickedObject.id && pickedObject.id.polygon)
+        self.checkLayerId = pickedObject.id.polygon.name
+    }, Cesium.ScreenSpaceEventType.LEFT_CLICK)
+    layerBqqdDraw = new cxe.VectorLayer('layerBqqdDraw')
+    layerBqqdDraw.setStyle({
+      clampToGround: true,
+      disableDepthTestDistance: Number.POSITIVE_INFINITY
+    })
+    this.getMapservice()
+    Viewer.layers.addLayer(layerBqqdDraw)
+    setTimeout(() =>
+    {
+      this.flyToPos()
+    })
+  },
+  
+  methods:
+  {
+    async flyToPos()
+    {
+      let data = await cx.svr.data.query($app.TabConst.sjj.major, $app.TabConst.sjj.minor,
+        {
+          args: [['userid', '=', $g.user.id, null], ['defdata', '=', 1, 'and']]
+        })
+      if (!data[0].xmax1 || !data[0].ymax1)
+        return this.$showMsg('未设置数据集范围', 'warning')
+      if (data && data.length)
+      {
+        let target1 = this.WebProj4.transform(data[0].epsg, 'EPSG:4326', data[0].xmax1, data[0].ymax1)
+        let target2 = this.WebProj4.transform(data[0].epsg, 'EPSG:4326', data[0].xmin1, data[0].ymin1)
+        const rectangle = Cesium.Rectangle.fromDegrees(target2[0], target1[1], target1[0], target2[1])
+        // 将相机视角调整到矩形
+        window.Viewer.camera.flyTo({
+          destination: rectangle
+          // 可选的其他相机设置参数
+        })
+      }
+    },
+    /**
+     * 获取默认数据集
+     */
+    getMrSjj()
+    {
+      cx.svr.data.query($app.TabConst.sjj.major, $app.TabConst.sjj.minor, { args: [['userid', '=', $g.user.id, null], ['defdata', '=', 1, 'and']] }).then((item) =>
+      {
+        this.mrSjj = item[0]
+      }).catch(() =>
+      {
+      })
+    },
+
+    /**
+     * 初始化数据
+     * @param {Object} att 属性数据
+     * @param {String} type 类型
+     */
+    async initData(att, type)
+    {
+      let medData = await this.queryMedia($app.TabConst.yclsjj.major, $app.TabConst.yclsjj.minor, att.id)
+      this.params = {}
+      this.params.data = att
+      this.params.data.src = medData[0]?.filename ? medData[0]?.filename : att.src
+      this.params.data.mediaId = medData[0]?.id
+      this.data = att
+      this.getType(type)
+    },
+
+    /**
+     * 查询媒体数据
+     * @param {Number} major 主表ID
+     * @param {Number} minor 子表ID
+     * @param {Number} entityid 实体ID
+     * @returns {Promise} 查询结果
+     */
+    queryMedia(major, minor, entityid)
+    {
+      let param = { args: [['major', '=', major], ['minor', '=', minor, 'and'], ['entityid', '=', entityid, 'and']] }
+      return cx.svr.data.query(cx.consts.SYSTAB, cx.consts.MEDIA, param)
+    },
+
+    /**
+     * 获取数据类型
+     * @param {String} typeShow 显示类型
+     */
+    getType(typeShow)
+    {
+      switch (this.params?.data?.datatype)
+      {
+      case 'csv':
+      case 'xls':
+      case 'xlsx':
+      case 'excel':
+        this.type = this.types.excel
+        this.makeExcelData(typeShow)
+        break
+      case this.types.geojson:
+        this.type = this.types.geojson
+        this.makeGeojsonData(this.params.data.src, typeShow)
+        break
+      case this.types.grd:
+        this.type = this.types.grd
+        this.makegrd3DData(typeShow)
+        break
+      case 'POLYGON':
+      case 'POLYLINE':
+        this.type = this.types.geojson
+        let geojsonData = null
+        if (this.params.data.memo)
+          geojsonData = JSON.parse(this.params.data.memo)
+        this.makeGeojsonData(this.params.data.src, geojsonData, null, typeShow)
+        break
+      }
+    },
+    /**
+     * 处理Excel文件
+     * @param {String} type 类型
+     */
+    makeExcelData(type)
+    {
+      if (window?.Viewer?.layers?._layerCache?.vector['layer' + this.params.data.mediaId])
+      {
+        window.Viewer.layers._layerCache.vector['layer' + this.params.data.mediaId].show = type
+        return
+      }
+    
+      cx.http.post(cx.service.url('ImpSvr/getExcelData'), { id: this.params.data.mediaId }).then((res) =>
+      {
+        if (res.ret == 0)
+          this.initTabData(res.data[0])
+        else
+          this.$showMsg('excel解析失败', 'error')
+      }).catch((e) =>
+      {
+        this.$showMsg('excel解析失败', 'error')
+      })
+    },
+
+    /**
+     * 初始化表格数据
+     * @param {Array} data 数据
+     */
+    initTabData(data)
+    {
+      let dataFld
+      for (let i in data)
+        dataFld = data[i]
+      let cols = dataFld[0].map((item) =>
+      {
+        return {
+          colname: item,
+          align: 'center',
+          title: item,
+          width: 80,
+          visible: 1
+        }
+      })
+      this.fldList.table.cols = cols
+      dataFld.shift()
+      let list = dataFld.map((item) =>
+      {
+        let params = {}
+        for (let i in cols)
+          params[cols[i].colname] = item[i]
+        return params
+      })
+      this.cdNum = cols.length
+      this.drawPoint(list)
+    },
+
+    /**
+     * 绘制点
+     * @param {Array} points 点数据数组
+     */
+    drawPoint(points)
+    {
+      let self = this
+      let layer = new cxe.VectorLayer('layer' + this.params.data.mediaId)
+      window.Viewer.layers.addLayer(layer)
+      // 循环
+      let len = points.length
+      for (let i = 0; i < len; i++)
+      {
+        // 有x  y不存在的情况，跳过
+        if ((points[i][this.data.x] && points[i][this.data.y]))
+        {
+          let x = Number(points[i][this.data.x]), y = Number(points[i][this.data.y])
+          let target = this.WebProj4.transform(this.data.epsg, 'EPSG:4326', x, y)
+          let lng = target[0]
+          let lat = target[1]
+          let point = new cxe.Point({ lng: lng, lat: lat })
+          point.setStyle(this.setPointStyle())
+          point.att = points[i]
+          layer.addOverlay(point)
+        }
+        else
+          this.$showMsg(`${points[i].x}坐标异常`, 'error')
+      }
+      window.Viewer.flyTo(layer)
+      // 添加点击监听
+      let handler2 = new Cesium.ScreenSpaceEventHandler(Viewer.scene.canvas)
+      handler2.setInputAction((movement) =>
+      {
+        let pickedObject = Viewer.scene.pick(movement.position)
+        if (Cesium.defined(pickedObject) && pickedObject.id && pickedObject.id.att)
+        {
+          self.fldList.table.list = [pickedObject.id.att]
+          self.showTab = true
+        }
+      }, Cesium.ScreenSpaceEventType.LEFT_CLICK)
+    },
+
+    /**
+     * 点击按钮事件
+     * @param {Object} btn 按钮对象
+     * @param {Object} row 行数据
+     */
+    onClick(btn, row)
+    {
+      if (btn.name === 'dw')
+      {
+        let x = Number(row[this.data.x]), y = Number(row[this.data.y])
+        let target = this.WebProj4.transform(this.data.epsg, 'EPSG:4326', x, y)
+        let lng = target[0]
+        let lat = target[1]
+        window.Viewer.flyToPos({ lng: Number(lng * 1), lat: Number(lat * 1), alt: 300 })
+      }
+    },
+    
+    /**
+     * 折叠控制事件
+     * @param {Boolean} isOpen 是否打开
+     */
+    foldChange(isOpen)
+    {
+      self.showTab = isOpen
+    },
+
+    /**
+     * 设置点样式
+     * @returns {Object} 样式对象
+     */
+    setPointStyle()
+    {
+      return {
+        pixelSize: 10,
+        color: Cesium.Color.RED,
+        outlineColor: Cesium.Color.BLUE,
+        outlineWidth: 2
+      }
+    },
+
+    /**
+     * 处理GeoJSON格式数据
+     * @param {String} file 文件
+     * @param {Object} geojson GeoJSON对象
+     * @param {Function} loadCallBack 加载回调
+     * @param {String} type 类型
+     * @param {String} epsgTr EPSG转换
+     */
+    async makeGeojsonData(file, geojson, loadCallBack, type, epsgTr)
+    {
+      if (window?.Viewer?.layers?._layerCache?.geojson && window?.Viewer?.layers?._layerCache?.geojson['layer' + (this.params.data.mediaId ? this.params.data.mediaId : this.params.data.id)])
+      {
+        window.Viewer.layers._layerCache.geojson['layer' + (this.params.data.mediaId ? this.params.data.mediaId : this.params.data.id)].show = type
+        return
+      }
+      let self = this
+      // 不为靶区的则不需要epsg 转换
+      if (!geojson)
+      {
+        let projObj =
+        {
+          file: file ? file : '',
+          geojson: geojson ? geojson : '',
+          src: this.params?.data.epsg,
+          dest: 'EPSG:4326'
+        }
+
+        Api.geojsonproj(projObj).then(async res =>
+        {
+          if (res.ret === 0)
+          {
+            await self.getTop(res)
+            self.att =
+          {
+            id: 'layer' + (this.params.data.mediaId ? this.params.data.mediaId : this.params.data.id),
+            name: 'layer' + (this.params.data.mediaId ? this.params.data.mediaId : this.params.data.id),
+            url: res.geojson,
+            maptype: 'geojson',
+            layer: '',
+            epsg: this.params?.data.epsg,
+            params: {},
+            
+            style:
+            {
+              clampToGround: true,
+              alpha: 0.1
+            }
+          }
+            if (loadCallBack)
+              self.att.callback = loadCallBack
+            self.$refs.DataPreview.loadData(self.att)
+          }
+        }).catch(err =>
+        {
+          this.$showMsg('geojson坐标系转换失败', 'error')
+          console.error(err)
+        })
+      }
+      else
+      {
+        self.att =
+          {
+            id: 'layer' + (this.params.data.mediaId ? this.params.data.mediaId : this.params.data.id),
+            name: 'layer' + (this.params.data.mediaId ? this.params.data.mediaId : this.params.data.id),
+            url: geojson,
+            maptype: 'geojson',
+            layer: '',
+            // epsg: this.params?.data.epsg,
+            params: {},
+            style:
+            {
+              clampToGround: true,
+              alpha: 0.8
+            }
+          }
+        if (loadCallBack)
+          self.att.callback = loadCallBack
+        self.$refs.DataPreview.loadData(self.att)
+      }
+    },
+
+    /**
+     * 获取高程数据
+     * @param {Object} res 返回结果
+     */
+    async getTop(res)
+    {
+      if (!Viewer.terrainProvider._layers || !Viewer.terrainProvider._layers.length) return
+      for (let i in res.geojson.features)
+      {
+        for (let j in res.geojson.features[i].geometry.coordinates)
+        {
+          for (let k in res.geojson.features[i].geometry.coordinates[j])
+          {
+            let pos = await Cesium.sampleTerrainMostDetailed(Viewer.terrainProvider, [Cesium.Cartographic.fromDegrees(res.geojson.features[i].geometry.coordinates[j][k][0], res.geojson.features[i].geometry.coordinates[j][k][1])])
+            if (pos[0].height)
+              res.geojson.features[i].geometry.coordinates[j][k].push(pos[0].height)
+          }
+        }
+      }
+    },
+    /**
+     * 处理GRD格式数据
+     * @param {Object} form 表单数据
+     * @returns {Object} 参数对象
+     */
+    makeGrdData(form)
+    {
+      let params =
+      {
+        file: this.params.data.src,
+        type: form.type,
+        axis: false,
+        param: {}
+      }
+      if (form.levels && form.levels.length)
+        params.levels = form.levels?.split(',')
+      for (let key in form.param)
+        params.param[key] = form[key]
+
+      return params
+    },
+
+    /**
+     * 处理2D GRD
+     * @param {Object} params 参数
+     */
+    makeGrd2DData(params)
+    {
+      const self = this
+      this.refresh = false
+      Api.grdToGraph(params).then(res =>
+      {
+        if (res.ret === 0)
+        {
+          self.Grd2DSrc = 'data:image/png;base64,' + res.graph
+          self.data.datatype = 'png'
+          self.data.comProps = { elAttrs: { fit: 'scale-down' } }
+          this.refresh = true
+        }
+      }).catch(err =>
+      {
+        this.$showMsg('grd转换失败', 'error')
+        console.error(err)
+      })
+    },
+
+    async makegrd3DData(type)
+    {
+      // if (window?.Viewer?.layers?._layerCache?.geojson && window?.Viewer?.layers?._layerCache?.geojson['layer' + this.params.data.mediaId])
+      // {
+      //   window.Viewer.layers._layerCache.geojson['layer' + this.params.data.mediaId].show = type
+      //   return
+      // }
+      if (window?.Viewer?.entities?.values)
+      {
+        let flag = false
+        window.Viewer.entities.values.forEach((item) =>
+        {
+          if ((item.name == 'layer' + this.params.data.mediaId) && item.data.showType !== this.params.data.showType && type)
+          
+            Viewer.entities.remove(item)
+          
+          else if (item.name == 'layer' + this.params.data.mediaId)
+          {
+            flag = true
+            item.show = type
+          }
+        })
+        if (flag)
+          return
+      }
+      let form = {
+        cmap: this.params.data.showType ? this.params.data.showType : 'brg',
+        file: this.params.data.src,
+        num: 20,
+        param: {
+          cmap: this.params.data.showType ? this.params.data.showType : 'brg',
+          levels: [],
+          num: 20
+        },
+        type: 'contourpol'
+      }
+      let params = this.makeGrdData(form)
+      // const self = this
+      // self.legendList = []
+      // Api.grdToGeojson(params).then(res =>
+      // {
+      //   if (res.ret === 0)
+      //   {
+      //     let arr = []
+      //     for (let i in res.legend)
+      //       arr.push({ name: i, url: this.createColorImage(res.legend[i], 50, 30) })
+      //     self.legendList = arr.reverse()
+      //     self.makeGeojsonData('', res.geojson, self.geojsonLoadCallBack, null, true)
+      //   }
+      // }).catch(err =>
+      // {
+      //   this.$showMsg('grd转换失败', 'error')
+      //   console.error(err)
+      // })
+      // ---------------------------------------图片模式-----------------------------------------
+      let data = await cx.svr.data.query($app.TabConst.sjj.major, $app.TabConst.sjj.minor,
+        {
+          args: this.params.nodeId ? [['userid', '=', $g.user.id, null], ['id', '=', this.params.nodeId, 'and']] : [['userid', '=', $g.user.id, null], ['defdata', '=', 1, 'and']]
+        })
+      
+      Api.grdToGraph(params).then(res =>
+      {
+        if (res.ret === 0)
+        {
+          let target1 = this.WebProj4.transform(data[0].epsg, 'EPSG:4326', res.info.bound[0], res.info.bound[1])
+          let target2 = this.WebProj4.transform(data[0].epsg, 'EPSG:4326', res.info.bound[2], res.info.bound[3])
+          let target3 = [target1[0], target2[1]]
+          let target4 = [target2[0], target1[1]]
+          let entity = Viewer.entities.add({
+            name: 'layer' + this.params.data.mediaId,
+            data: JSON.parse(JSON.stringify(this.params.data)),
+            polygon: {
+              hierarchy: Cesium.Cartesian3.fromDegreesArray([
+                Number(target1[0]),
+                Number(target1[1]),
+                Number(target3[0]),
+                Number(target3[1]),
+                Number(target2[0]),
+                Number(target2[1]),
+                Number(target4[0]),
+                Number(target4[1])
+              ]),
+              material: new Cesium.ImageMaterialProperty({ image: 'data:image/png;base64,' + res.graph, transparent: true }), // image的值为图片地址。ImageMaterialProperty默认图片不重复，不需要额外设置
+              clampToGround: true,
+              heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
+            }
+          })
+          Viewer.flyTo(entity)
+        }
+      }).catch(err =>
+      {
+        this.$showMsg('grd转换失败', 'error')
+        console.error(err)
+      })
+      // -------------------------------------------------------------------------------------------
+    },
+
+    /**
+     * 创建颜色图片
+     * @param {String} color 颜色
+     * @param {Number} width 宽度
+     * @param {Number} height 高度
+     * @returns {String} 图片URL
+     */
+    createColorImage(color, width, height)
+    {
+      let canvas = document.createElement('canvas')
+      canvas.width = width
+      canvas.height = height
+      let ctx = canvas.getContext('2d')
+      ctx.fillStyle = color
+      ctx.fillRect(0, 0, width, height)
+      let img = document.createElement('img')
+      img.src = canvas.toDataURL('image/png')
+      return img.src
+    },
+
+    /**
+     * 获取地图服务
+     */
+    getMapservice()
+    {
+      // if (cx.localCache.get('baseMapArr'))
+      //   this.baseMapArr = JSON.parse(cx.localCache.get('baseMapArr')).filter(item => item.maptype == 'tdt')
+      // else if (!$g.init.mapservice)
+      // {
+      //   cx.svr.data.query(cx.consts.SYSTAB, cx.consts.TAB_MAPSERVICE, { args: [['basemap', '=', 1]] }).then(ret =>
+      //   {
+      //     if (ret.length)
+      //     {
+      //       // 设置底图
+      //       this.baseMapArr = ret.filter(item => item.basemap === 1)
+      //       cx.localCache.set('baseMapArr', JSON.stringify(this.baseMapArr))
+      //       let pubCxe = new PubCxe()
+      //       pubCxe.loadBasemap(this.baseMapArr)
+      //     }
+      //   })
+      // }
+      // else
+      //   this.baseMapArr = $g.init.mapservice.filter(item => item.basemap === 1)
+      let baseLayer = new cxe.ImageryLayer('tdt', {
+        style: 'img',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      let baseLayerZj = new cxe.ImageryLayer('tdt', {
+        style: 'cva',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      Viewer.layers.addImageryLayer(baseLayer)
+      Viewer.layers.addImageryLayer(baseLayerZj)
+    },
+
+    /**
+     * 确定按钮事件
+     * @param {Object} form 表单数据
+     * @param {String} grdRadio 单选值
+     */
+    onOk(form, grdRadio)
+    {
+      let params = this.makeGrdData(form)
+      this.grdRadio = grdRadio
+      if (grdRadio === this.types.grd2D)
+        this.makeGrd2DData(params)
+      else
+        this.makegrd3DData(params)
+    },
+
+    /**
+     * GeoJSON加载回调
+     * @param {Object} layer 图层
+     */
+    geojsonLoadCallBack(layer)
+    {
+      layer.eachOverlay((item) =>
+      {
+        if (item.polygon)
+        {
+          if (item.properties?.color.getValue())
+          {
+            item.polygon.height = 1
+            item.polygon.fill = true
+            let color = item.properties?.color.getValue()
+            item.polygon.material = Cesium.Color.fromCssColorString(color)          // 材质
+          }
+        }
+      })
+    },
+
+    /**
+     * 绘制靶区
+     */
+    drawBq()
+    {
+      let self = this
+      this.index += 1
+
+      if (self.drawPolygonDr)
+      
+        this.drawPolygonDr.start()
+      
+      else
+      {
+        this.drawPolygonDr = new cxe.DrawPolygon(Viewer, { layer: layerBqqdDraw })
+        this.drawPolygonDr.start()
+      }
+      
+      // 绘制结束的回调(修改绘制面的颜色)
+      this.drawPolygonDr._drawFinish = function(graph, event)
+      {
+        self.bqmj = graph.graph.area.toFixed(2)
+        let coordinates = []
+   
+        if (self.drawPolygonDr)
+        {
+          graph.graph.setStyle({
+            material: Cesium.Color.fromCssColorString('rgba(9, 105, 241, 0.6)'),
+            name: 'layerBqqd' + self.index,
+            clampToGround: true
+          })
+          let arr = []
+          graph.graph.positions.forEach(item =>
+          {
+            arr.push([item._lng, item._lat, item._alt])
+          })
+          coordinates.push(arr)
+          self.setGeoJson(coordinates)
+          setTimeout(() =>
+          {
+            self.drawPolygonDr.sleep()
+          })
+          // self.drawPolygonDr = null
+          self.dialogFormVisible = true
+        }
+      }
+    },
+
+    // DrawPolygon(arr)
+    // {
+    //   if (!layerBqqdDraw)
+    //   {
+    //     layerBqqdDraw = new cxe.VectorLayer('layerBqqdDraw')
+    //     layerBqqdDraw.setStyle({
+    //       clampToGround: true,
+    //       disableDepthTestDistance: Number.POSITIVE_INFINITY
+    //     })
+    //     Viewer.layers.addLayer(layerBqqdDraw)
+    //   }
+    //   let Polygon = new cxe.Polygon(arr.join(';'))
+    //   Polygon.setStyle({
+    //     material: Cesium.Color.fromCssColorString('rgba(9, 105, 241, 0.6)'),
+    //     name: 'layerBqqd' + this.index,
+    //     clampToGround: true
+    //   })
+    //   layerBqqdDraw.addOverlay(Polygon)
+    // },
+
+    /**
+     * 删除标记
+     */
+    delBj()
+    {
+      this.geometry[this.index] = null
+      if (Viewer?.layers?._layerCache?.vector?.layerBqqdDraw?._cache)
+      {
+        for (let i in Viewer.layers._layerCache.vector.layerBqqdDraw._cache)
+        {
+          if (Viewer.layers._layerCache.vector.layerBqqdDraw._cache[i].style.name == 'layerBqqd' + this.index)
+            Viewer.layers._layerCache.vector.layerBqqdDraw._cache[i].show = false
+        }
+      }
+      this.dialogFormVisible = false
+    },
+
+    /**
+     * 清除绘制的靶区
+     */
+    clearDrawBq()
+    {
+      if (this.checkLayerId)
+      {
+        for (let i in Viewer.layers._layerCache.vector.layerBqqdDraw._cache)
+        {
+          if (Viewer.layers._layerCache.vector.layerBqqdDraw._cache[i].style.name == this.checkLayerId)
+          {
+            Viewer.layers._layerCache.vector.layerBqqdDraw._cache[i].show = false
+            this.geometry[Number(this.checkLayerId.replace('layerBqqd', ''))] = null
+          }
+        }
+      }
+      else
+        this.$showMsg('请点击要删除的靶区', 'warning')
+    },
+
+    /**
+     * 构造GeoJSON对象
+     * @param {Array} coordinates 坐标数组
+     */
+    setGeoJson(coordinates)
+    {
+      coordinates[0].push(coordinates[0][0])
+      let arr = []
+      coordinates[0].forEach((item) =>
+      {
+        let target = this.WebProj4.transform('EPSG:4326', 'EPSG:4326', item[0], item[1])
+        let lng = target[0]
+        let lat = target[1]
+        arr.push([lng, lat])
+      })
+      let geometry =
+      {
+        type: 'FeatureCollection',
+        features: [
+          {
+            properties: {
+              version: 0
+            },
+            id: this.index,
+            type: 'Feature',
+            geometry: {
+              type: 'Polygon',
+              coordinates: [arr]
+            }
+          }
+        ]
+      }
+      this.geometry[this.index] = geometry
+    },
+
+    /**
+     * 添加靶区参数
+     */
+    addBqCs()
+    {
+      this.geometry[this.index].features[0].properties.bqmj = this.bqmj
+      this.geometry[this.index].features[0].properties.bqyj = this.bqyj
+      this.geometry[this.index].features[0].properties.bqdh = this.bqdh
+      this.bqmj = ''
+      this.bqyj = ''
+      this.bqdh = ''
+      this.dialogFormVisible = false
+    },
+
+    /**
+     * 导出SHP
+     */
+    exportShp()
+    {
+      if (this.geometry.length)
+      {
+        let geometry = {
+          type: 'FeatureCollection',
+          features: [
+          ]
+        }
+        this.geometry.forEach((item) =>
+        {
+          if (item)
+            geometry.features.push(item.features[0])
+        })
+        cx.http.post(cx.service.url('GisSvr/GeoJsonToShp'), { rename: ['靶区范围'], data: geometry }).then((res) =>
+        {
+          if (!res.ret)
+            cx.svr.file.download({ filename: res.data[0].filename })
+          else
+            this.$showMsg('shp文件生成失败')
+        })
+      }
+      else
+        this.$showMsg('请先绘制靶区范围')
+    },
+
+    /**
+     * 保存靶区
+     */
+    saveShp()
+    {
+      if (this.geometry.length)
+      {
+        let geometry = {
+          type: 'FeatureCollection',
+          features: [
+          ]
+        }
+        this.geometry.forEach((item) =>
+        {
+          if (item)
+            geometry.features.push(item.features[0])
+        })
+        let att = JSON.parse(JSON.stringify(this.mrSjj))
+        att.memo = JSON.stringify(geometry)
+        att.datatype = 'POLYGON'
+        att.sjjname = att.name
+        att.anlycol = att.name
+        att.layer = att.name
+        att.glid = att.id
+        att.username = att.userid
+        att.sourceid = 0
+        att.yxlx = ''
+        att.udate = cx.formatter.dateDb(cx.datetime.now())
+        att.gcsj = 1 // 为过程数据
+        delete att.id
+        let fld = JSON.parse(JSON.stringify($g.field.fld.yclsjj))
+        fld.forEach((item) =>
+        {
+          if (item.colname == 'memo')
+          {
+            item.editable = 0
+            item.newedit = 0
+          }
+        })
+        let params =
+        {
+          major: $app.TabConst.yclsjj.major,
+          minor: $app.TabConst.yclsjj.minor,
+          flds: fld,
+          att: att,
+          title: '属性录入',
+          onOk: this.onOkAdd
+        }
+        cx.run.runPlug('AttInput', params)
+      }
+      else
+        this.$showMsg('请先绘制靶区范围')
+    },
+
+    /**
+     * 添加成功回调
+     * @param {Object} att 属性数据
+     * @returns {Promise<Boolean>} 是否成功
+     */
+    async onOkAdd(att)
+    {
+      att.gcsj = 1
+      let flag = await this.isSameName(att)
+      if (!flag)
+      {
+        this.$showMsg('已存在数据名称与图层名称相同数据', 'warning')
+        return false
+      }
+      cx.svr.data.add($app.TabConst.yclsjj.major, $app.TabConst.yclsjj.minor, att, 1).then(ret =>
+      {
+        if (!ret)
+          return
+        this.$showMsg('保存成功', 'success')
+        cx.events.publish('getNewTree', { resData: ret })
+        cx.run.closeRun('AttInput')
+      }).catch(err =>
+      {
+        this.onError(err)
+      })
+    },
+
+    /**
+     * 判断名称是否相同
+     * @param {Object} att 属性数据
+     * @returns {Promise<Boolean>} 是否相同
+     */
+    async isSameName(att)
+    {
+      let data = await cx.svr.data.query($app.TabConst.yclsjj.major, $app.TabConst.yclsjj.minor, { args: [['username', '=', $g.user.id, null], ['glid', '=', att.glid, 'and'], ['name', '=', att.name, 'and'], ['layer', '=', att.layer, 'and']] })
+        .catch(() =>
+        {
+        })
+      if (data.length)
+        return false
+      else
+        return true
+    },
+
+    /**
+     * 返回选择页
+     */
+    backPage()
+    {
+      if (this.$route.name === 'Bqqd')
+        cx.run.runPlug('Sjfxcl')
+      else
+        cx.run.runPlug('Sjj')
+    }
+  }
+}
+</script>