zbcx_ckyc 1.0.0

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

@@ -0,0 +1,380 @@
+<style lang='scss' scoped>
+  :deep(.el-tabs.el-tabs--top > .el-tabs__header.is-top) { margin-left: 0; }
+  :deep(.cx-layout.vertical) { height: 8.2rem; overflow: auto; }
+  :deep(.el-input) { width: 90% !important; margin: 0.16rem 0.12rem 0; }
+  :deep(.el-tabs__item) { padding: 0.12rem; width: 0.4rem; height: auto; word-wrap: break-word; white-space: pre-line; margin: 0.04rem 0; border-radius: 8px 0px 0px 8px; }
+  :deep(.el-tabs.el-tabs--top > .el-tabs__header.is-top) { margin: 0.16rem; border: 0; }
+  :deep(.el-tabs--left .el-tabs__header.is-left) { margin-right: 0; }
+  :deep(.el-tabs--left .el-tabs__item.is-left) { text-align: center; border: solid 1px var(--cx-colorBorder1); }
+  :deep(.el-tabs__content) { width: 100%; }
+  .menu { position: absolute; z-index: 999; width: 1.2rem; height: 0.42rem; cursor: pointer; border: 0.01rem solid var(--cx-colorBorder1); border-radius: 0.05rem; background: var(--cx-colorBg5); }
+  .menu_add { text-align: center; line-height: 0.42rem; font-size: 0.14rem; }
+  .menu:hover { background: var(--cx-colorPrimary6); color: var(--cx-colorText12) !important; }
+  :deep(.el-dialog__body) { background: var(--cx-colorBg5) !important; padding: 0.08rem; }
+  :deep(.el-dialog__footer) { text-align: center; background: var(--cx-colorBg5) !important; }
+</style>
+
+<template>
+  <cx-layout :size="size" padding class="spat-data">
+    <cx-region width="18%" region="west" style="background: var(--cx-colorBg5);" >
+      <cx-tabs ref="tabs1"  v-bind="paramTree" @click="onSelect"></cx-tabs>
+    </cx-region>
+    <cx-region region="center" style="height: 100%;overflow: hidden">
+      <BqqdMap ref="BqqdMap"></BqqdMap>
+      <div class="menu" v-show="meunshow">
+        <div class="menu_add" @click="tmdSet">透明度设置</div>
+      </div>
+    </cx-region>
+  </cx-layout>
+</template>
+
+<script>
+/**
+ * 组件 - 空间数据
+ */
+
+/**
+ * 修改记录:
+ * 24-09-09     黄佳龙        首次提交
+ */
+
+import BqqdMap from './BqqdMap.vue'
+import YclsjjTree from './YclsjjTree.vue'
+import SjzxTree from './SjzxTree.vue'
+import WebProj4Class from '@/plugins/app/com/WebProj4'
+export default
+{
+  mixins: [cx.mixin.IPlugBase, cx.mixin.IAttBase],
+
+  components: { BqqdMap },
+
+  data()
+  {
+    return {
+      paramTree: null,
+      JcsjNode: null,
+      KjsjNode: null,
+      clickName: '预测数据',
+      plugData: {},
+      meunshow: false,
+      legendListParam: {}
+    }
+  },
+
+  created()
+  {
+    this.WebProj4 = new WebProj4Class()
+    this.getParamTree()
+  },
+
+  methods:
+  {
+    /**
+     * 获取参数树
+     */
+    getParamTree()
+    {
+      let self = this
+      this.paramTree = {
+        tabs: [
+          {
+            name: '预测数据',
+            title: '预测数据',
+            modDef: {
+              com: YclsjjTree
+            },
+            closable: false,
+            selected: true,
+            comParams: {
+              onCheckChangeTree: this.onCheckChangeTree,
+              params: this.params
+            }
+          },
+          {
+            name: '数据中心',
+            title: '数据中心',
+            modDef: {
+              com: SjzxTree
+            },
+            closable: false,
+            selected: false,
+            comParams: {
+              onCheckChangeTree: this.onCheckChangeTree,
+              params: this.params
+            }
+          }
+        ],
+        size: cx.config.size,
+        position: 'left',
+        type: 'plain-card'
+      }
+      if (this.params.showSjj)
+      {
+        this.paramTree.tabs = [
+          {
+            name: '数据集',
+            title: '数据集',
+            modDef: {
+              com: YclsjjTree
+            },
+            closable: false,
+            selected: true,
+            comParams: {
+              onCheckChangeTree: this.onCheckChangeTree,
+              params: this.params
+            }
+          }]
+      }
+    },
+
+    /**
+     * 透明度设置
+     */
+    tmdSet()
+    {
+      cx.events.publish('tmdSet')
+    },
+
+    /**
+     * 选中事件
+     * @param {Object} data 数据
+     */
+    onSelect(data)
+    {
+      this.clickName = data.curTab.name
+    },
+
+    /**
+     * 树节点点击事件-资源目录
+     * @param {Object} node 节点
+     */
+    async onCurrentChangeZyml(node)
+    {
+      this.onCurrentChange(node)
+    },
+
+    /**
+     * 勾选事件-资源目录
+     * @param {Object} node 节点
+     * @param {Boolean} checked 是否选中
+     * @param {Boolean} childrenChecked 子节点是否选中
+     * @param {Boolean} flag 标志
+     */
+    async onCheckChangeZyml(node, checked, childrenChecked, flag)
+    {
+      this.loadMapserviceZyml(node, checked)
+    },
+
+    /**
+     * 加载地图服务-资源目录
+     * @param {Object} data 数据
+     * @param {Boolean} checked 是否选中
+     */
+    loadMapserviceZyml(data, checked)
+    {
+      if (!data.att.glname)
+        return
+      let service
+      if ($g.init.mapservice)
+      {
+        service = $g.init.mapservice.find(item => item.name === data.att.glname)
+        this.controlWmsZyml(data, checked, service)
+      }
+      else
+      {
+        cx.svr.data.queryAll(cx.consts.SYSTAB, cx.consts.TAB_MAPSERVICE).then(ret =>
+        {
+          if (ret.length)
+          {
+          // 缓存
+            $g.init.mapservice = ret
+            service = $g.init.mapservice.find(item => item.name === data.att.glname)
+            this.controlWmsZyml(data, checked, service)
+          }
+        })
+      }
+    },
+
+    /**
+     * WMS控制-资源目录
+     * @param {Object} data 数据
+     * @param {Boolean} checked 是否选中
+     * @param {Object} service 服务
+     */
+    controlWmsZyml(data, checked, service)
+    {
+      if (!data.isLoad && checked)
+      {
+        data.isLoad = true
+        this.$refs.BqqdMap.$refs.DataPreview.loadData(service)
+      }
+      else
+      {
+        let wms = window.Viewer.layers.getImageryLayerById(service._bid)
+        if (wms)
+        {
+          wms.show = checked
+          // 第二次勾选时候放在最上层显示
+          if (checked)
+            window.Viewer.imageryLayers.raiseToTop(wms._delegate)
+        }
+      }
+    },
+
+    /**
+     * 勾选事件-三维模型
+     * @param {Object} data 数据
+     * @param {Boolean} checked 是否选中
+     */
+    async onCheckChangeSwmx(data, checked)
+    {
+      let legendList = await this.getModelLegend(data.att)
+      // this.$refs.BqqdMap.legendList = legendList
+      if (!this.legendListParam[data.att.name])
+      {
+        this.legendListParam[data.att.name] = {}
+        this.legendListParam[data.att.name].list = legendList
+        this.legendListParam[data.att.name].show = false
+      }
+      if (!data.isLoad && checked)
+      {
+        data.isLoad = true
+        this.$refs.BqqdMap.$refs.DataPreview.loadData(data.att)
+        this.legendListParam[data.att.name].show = true
+      }
+      else
+      {
+        if (window.Viewer.layers._layerCache.tileset && window.Viewer.layers._layerCache.tileset[data.att.name])
+        {
+          window.Viewer.layers._layerCache.tileset[data.att.name].show = checked
+          this.legendListParam[data.att.name].show = checked
+        }
+      }
+      let list = []
+      for (let i in this.legendListParam)
+      {
+        if (this.legendListParam[i].show)
+        
+          list = [...list, ...this.legendListParam[i].list]
+      }
+      this.$refs.BqqdMap.legendList = list
+    },
+
+    /**
+     * 获取模型图例
+     * @param {Object} att 属性
+     * @returns {Promise} 图例数组
+     */
+    getModelLegend(att)
+    {
+      return new Promise((resolve, reject) =>
+      {
+        cx.http.loadText(att.url).then((result) =>
+        {
+          if (result.properties)
+            resolve(result.properties.legend)
+          resolve([])
+        }).catch((err) =>
+        {
+          console.log(err)
+        })
+      })
+    },
+
+    /**
+     * 树勾选变化事件
+     * @param {Object} node 节点
+     * @param {String} type 类型
+     */
+    onCheckChangeTree(node, type)
+    {
+      this.$refs.BqqdMap.initData(node.att, type)
+    },
+
+    /**
+     * 树节点点击事件-靶区
+     * @param {Object} node 节点
+     */
+    async onCurrentChangeBqqd(node)
+    {
+      this.onCurrentChange(node)
+    },
+
+    /**
+     * 勾选事件-靶区
+     * @param {Object} node 节点
+     * @param {Boolean} checked 是否选中
+     * @param {Boolean} childrenChecked 子节点是否选中
+     * @param {Boolean} flag 标志
+     */
+    async onCheckChangeBqqd(node, checked, childrenChecked, flag)
+    {
+      if (!node.themeCode) return // 当没有专题code时不为图层
+      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']]
+        })
+      if (!data[0].xmax1 || !data[0].ymax1)
+        return this.$showMsg('未设置数据集范围', 'warning')
+      let cols = []
+      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)
+        let target3 = [target1[0], target2[1]]
+        let target4 = [target2[0], target1[1]]
+        cols = [...target1, ...target3, ...target2, ...target4]
+        const rectangle = Cesium.Rectangle.fromDegrees(target2[0], target1[1], target1[0], target2[1])
+        // 将相机视角调整到矩形
+        window.Viewer.camera.flyTo({
+          destination: rectangle
+          // 可选的其他相机设置参数
+        })
+      }
+      let str = `POLYGON((${cols[0]} ${cols[1]},${cols[2]} ${cols[3]},${cols[4]} ${cols[5]},${cols[6]} ${cols[7]},${cols[0]} ${cols[1]}))`
+      window.axios.post('https://yfgis.yndk.cn:1000/proxy/agent/save', {
+        catalogType: 1,
+        businessId: 1,
+        // businessType: $g.checkedPrj.xmmc + '-' + i.tcmc,
+        businessType: `云找矿/立项分析-${node.layerName}`,
+        businessName: 'wewewe',
+        regionCode: node.regionCode,
+        catalogValue: str,
+        themeCode: node.themeCode,
+        serviceType: 4,
+        version: node.version
+      }).then(async ret =>
+      {
+        let agentId = ret.data.data.agentId
+        if (flag)
+          await this.dsjzxMapMan(node, checked, childrenChecked, flag, agentId)
+        else this.onCheckChange(node, checked, childrenChecked, false)
+      })
+    },
+
+    /**
+     * 数据库服务管理
+     * @param {*} node
+     * @param {*} checked
+     * @param {*} childrenChecked
+     * @param {*} flag
+     * @param {*} agentId
+     */
+    async dsjzxMapMan(node, checked, childrenChecked, flag, agentId)
+    {
+      // 没有data.serviceId时候无法获取具体的服务信息
+      if (!node.serviceId) return
+      let { data } = await DsjzxApi.filterList(node)
+      let superService = data.data.list.find(i => i.serviceId === node.serviceId || i.serviceName === node.name)
+      if (flag && superService)
+      {
+        // serviceType = 4的时候，url要改造
+        // let baseurl = 'https://yfgis.yndk.cn:1000/iserver/services/map-mongodb-'
+        // let url =baseurl + superService.serviceMap + '/rest/maps/' + superService.serviceMap
+        superService.url = superService.serviceUrl
+        this.onCheckChange(node, checked, childrenChecked, flag, superService, agentId)
+      }
+    }
+  }
+}
+</script>