zbcx_ckyc 1.0.0

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

@@ -0,0 +1,101 @@
+<style lang='scss' scoped>
+  .set-opacity {width: 100%; color: white; padding: 0.2rem; display: flex; justify-content: space-around; box-sizing: border-box;
+    .demonstration {display: inline-block; height: 30px; line-height: 30px;}
+    .el-slider {width: 80%;}
+    .btn-bc {position: relative; left: 75%; top: 10%; color: var(--cx-colorText12); border: 0.01rem solid var(--cx-colorGoing2); border-radius: 5px; background-color: var(--cx-colorGoing0);}
+  }
+</style>
+
+<template>
+<cx-layout>
+  <cx-region region='center'>
+    <div class="set-opacity">
+      <el-slider v-if="params.type !== 'xrsz'" v-model="sliderValue" @change="setModOpac" />
+      <el-select
+        v-else
+        v-model="showType"
+        :size="size"
+        clearable
+        :placeholder="'请选择grd渲染类型'"
+        @change="setModOpac"
+        >
+        <el-option
+          v-for="(item, index) in options"
+          :key="index"
+          :label="item.label"
+          :value="item.value">
+          <div>
+            <span>
+              <img :src="item.url" style="width: 100%; height: 15px;">
+            </span>
+          </div>
+        </el-option>
+      </el-select>
+    </div>
+  </cx-region>
+</cx-layout>
+</template>
+
+<script >
+/**
+ * 组件 - 透明度设置--img图层
+ */
+
+/**
+ * 修改记录:
+ * 24-09-09     黄佳龙        首次提交
+ */
+
+export default {
+  mixins: [cx.mixin.IPlugBase],
+  data()
+  {
+    return {
+      sliderValue: 100,
+      modData: null,
+      modName: '模型',
+      showType: 'brg',
+      options:
+      [
+        { label: 'brg', value: 'brg', url: 'static/img/znycpjxt/brg.png' },
+        { label: 'bwr', value: 'bwr', url: 'static/img/znycpjxt/bwr.png' },
+        { label: 'coolwarm', value: 'coolwarm', url: 'static/img/znycpjxt/coolwarm.png' },
+        { label: 'gist_earth', value: 'gist_earth', url: 'static/img/znycpjxt/gist-earth.png' },
+        { label: 'gist_rainbow', value: 'gist_rainbow', url: 'static/img/znycpjxt/gist-rainbow.png' },
+        { label: 'jet', value: 'jet', url: 'static/img/znycpjxt/jet.png' },
+        { label: 'ocean', value: 'ocean', url: 'static/img/znycpjxt/ocean.png' },
+        { label: 'rainbow', value: 'rainbow', url: 'static/img/znycpjxt/rainbow.png' },
+        { label: 'RdBu', value: 'RdBu', url: 'static/img/znycpjxt/RdBu.png' },
+        { label: 'RdYlBu', value: 'RdYlBu', url: 'static/img/znycpjxt/RdYlBu.png' },
+        { label: 'RdYlGn', value: 'RdYlGn', url: 'static/img/znycpjxt/RdYlGn.png' },
+        { label: 'seismic', value: 'seismic', url: 'static/img/znycpjxt/seismic.png' },
+        { label: 'Spectral', value: 'Spectral', url: 'static/img/znycpjxt/Spectral.png' },
+        { label: 'terrain', value: 'terrain', url: 'static/img/znycpjxt/terrain.png' },
+        { label: 'turbo', value: 'turbo', url: 'static/img/znycpjxt/turbo.png' }
+      ]
+    }
+  },
+  
+  created()
+  {
+    if (this.params.sliderValue)
+      this.sliderValue = this.params.sliderValue
+    if (this.params.showType || this.params.type == 'xrsz')
+    {
+      this.setTitle('渲染设置')
+      this.showType = this.params.showType
+    }
+  },
+
+  methods: {
+    /**
+     * 设置透明度或渲染类型
+     * @param {Number|String} value 参数值
+     */
+    setModOpac(value)
+    {
+      cx.base.call(this.params.onOk, value)
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,244 @@
+<style lang='scss' scoped>
+  .dsj-tree {width: 100%; height: 100%; position: relative; overflow: auto;}
+  :deep(.el-tree) {height: 8rem; width: 5rem; overflow: auto; margin-top: 0.12rem;}
+  :deep(.custom-tree-node) {font-size: 14px;}
+  .menu {position: absolute; 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;}
+</style>
+
+<template>
+  <div class="dsj-tree">
+    <el-input placeholder="输入关键字" v-model="filterText"></el-input>
+    <el-tree ref="treeRef"
+      v-if="nodes.length"
+      default-expand-all
+      show-checkbox
+      :data="nodes"
+      :props="defaultProps"
+      :filter-node-method="filterNode"
+      @node-click="onClickNode"
+      @current-change="onCurrentChange"
+      @node-contextmenu="onCont"
+      @check-change="onCheckChange"
+    >
+    <template #default="{ node, data }">
+      <span  class="custom-tree-node" >
+        <!-- <img class="cx-icon" src="static/img/ui/wenjian.png" style="margin-right: 0.05rem;"> -->
+        <span>{{node.label}}</span>
+      </span>
+     </template>
+    </el-tree>
+  </div>
+</template>
+
+<script>
+/**
+ * 组件 - 大数据中心服务树
+ */
+
+/**
+ * 维护历史:
+ * 24-03-26  张光辉      首次编写
+ */
+import DsjzxApi from './api/DsjzxApi.js'
+export default
+{
+  data()
+  {
+    return {
+      filterText: '',
+      nodes: [],
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      },
+      meunshow: false,
+      leftData: null
+    }
+  },
+
+  emits: ['check-change', 'current-change'],
+
+  watch: {
+    filterText(val)
+    {
+      this.$refs.treeRef.filter(val)
+    }
+  },
+
+  mounted()
+  {
+    this.reqLayerTreeData()
+    this.contextClick()
+
+    cx.events.listen(this, 'tmdSet', () =>
+    {
+      this.tmdSet()
+    })
+
+    // setTimeout(() =>
+    // {
+    //   debugger
+    //   const hbToken = this.getSessionCookies('hb_token')
+    //   let opt = {
+    //     // url: `https://geocloud.hubgs.com/api/igs/rest/ogc/doc/${data.code}/WMSServer?styles=default&hb_token=eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJjb20uem9uZHkuc2hpcm8iLCJpc3MiOiJjb20uem9uZHkuc2hpcm8iLCJpYXQiOjE3NTEzNzk3OTUsInN1YiI6IjQxMDg2IiwiZXhwIjoxODgwOTc5Nzk1fQ.0eKckfMW8II3UA2bHjRrjiW7W3iBoMwkMiIl0SyO8ZI`,
+    //     // url: 'geocloud/api/igs/rest/ogc/WMTSServer',
+    //     url: `https://geocloud.hubgs.com/api/igs/rest/ogc/doc/020101010008003/WMSServer?styles=default&hb_token=eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJjb20uem9uZHkuc2hpcm8iLCJpc3MiOiJjb20uem9uZHkuc2hpcm8iLCJpYXQiOjE3Njg5NjE5ODYsInN1YiI6IjQwMzkxIiwiZXhwIjoxNzY4OTY0Njg2fQ.nrQ4OWyJceRNI3Ln_rKcKsHAyTWx7flVf7oElLUpVWI`,
+    //     format: 'image/png',
+    //     layers: '020101010008003',
+    //     parameters: {
+    //       service: 'WMS',
+    //       transparent: true
+    //     }
+    //   }
+    //   let baseLayer = new cxe.ImageryLayer('wms', opt)
+    //   baseLayer.name = '020101010008003'
+    //   Viewer.layers.addImageryLayer(baseLayer)
+    // }, 10000)
+  },
+
+  methods:
+  {
+    /**
+     * 右键菜单事件
+     * @param {Event} event 事件对象
+     * @param {Object} data 节点数据
+     */
+    onCont(event, data)
+    {
+      const menu = document.getElementsByClassName('menu')[0]
+      // this.meunshow = true
+      this.$emit('meunshow', true)
+      menu.style.left = event.pageX + 15 + 'px'
+      menu.style.top = data.glid === 0 ? event.pageY + 'px' : event.pageY - 70 + 'px'
+      menu.style.zIndex = 9999
+      this.leftData = data
+    },
+
+    /**
+     * 注册右键菜单点击事件
+     */
+    contextClick()
+    {
+      this.clickHandler = () =>
+      {
+        this.$emit('meunshow', false)
+      }
+      document.documentElement.addEventListener('click', this.clickHandler)
+    },
+
+    /**
+     * 透明度设置
+     */
+    tmdSet()
+    {
+      let self = this
+      this.meunshow = false
+      let onOK = async(value) =>
+      {
+        window.Viewer.imageryLayers._layers.forEach((item) =>
+        {
+          if (item && item?.tcmc == self.leftData.layerName)
+            item.alpha = value / 100
+        })
+      }
+      let sliderValue = 0
+      window.Viewer.imageryLayers._layers.forEach((item) =>
+      {
+        if (item && item?.tcmc == self.leftData.layerName)
+          sliderValue = item.alpha ? item.alpha * 100 : 0
+      })
+      cx.run.runPlug('SetOpacity', { onOk: onOK, sliderValue: sliderValue })
+    },
+
+    /**
+     * 请求图层树数据
+     */
+    async reqLayerTreeData()
+    {
+      try
+      {
+        DsjzxApi.getTree().then((data) =>
+        {
+          if (data.data)
+            this.nodes = data.data.t
+        })
+      }
+      catch
+      {
+        this.nodes = []
+      }
+    },
+
+    /**
+     * 树节点勾选变化事件
+     * @param {Object} data 节点数据
+     * @param {Boolean} checked 是否选中
+     * @param {Boolean} childrenChecked 子节点是否选中
+     */
+    onCheckChange(data, checked, childrenChecked)
+    {
+      let layer = null
+      for (let i in window.Viewer.layers._ImageryCache)
+      {
+        if (window.Viewer.layers._ImageryCache[i].name == data.code)
+          layer = window.Viewer.layers._ImageryCache[i]
+      }
+      if (data.code && !layer)
+        this.loadWms(data)
+      else
+        layer.show = checked
+    },
+
+    /**
+     * 加载WMS图层
+     * @param {Object} data 节点数据
+     */
+    loadWms(data)
+    {
+      const hbToken = this.getSessionCookies('hb_token')
+      let opt = {
+        // url: `https://geocloud.hubgs.com/api/igs/rest/ogc/doc/${data.code}/WMSServer?styles=default&hb_token=eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJjb20uem9uZHkuc2hpcm8iLCJpc3MiOiJjb20uem9uZHkuc2hpcm8iLCJpYXQiOjE3NTEzNzk3OTUsInN1YiI6IjQxMDg2IiwiZXhwIjoxODgwOTc5Nzk1fQ.0eKckfMW8II3UA2bHjRrjiW7W3iBoMwkMiIl0SyO8ZI`,
+        // url: 'geocloud/api/igs/rest/ogc/WMTSServer',
+        url: `https://geocloud.hubgs.com/api/igs/rest/ogc/doc/${data.code}/WMSServer?styles=default&hb_token=${hbToken}`,
+        format: 'image/png',
+        layers: data.code,
+        parameters: {
+          service: 'WMS',
+          transparent: true
+        }
+      }
+      let baseLayer = new cxe.ImageryLayer('wms', opt)
+      baseLayer.name = data.code
+      Viewer.layers.addImageryLayer(baseLayer)
+    },
+
+    /**
+ * 从Cookie中获取指定名称的值
+ * @param {string} name - 要获取的Cookie名称
+ * @returns {string|null} 返回对应的值，不存在则返回null
+ */
+    getSessionCookies(name)
+    {
+      let baseToken = 'eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJjb20uem9uZHkuc2hpcm8iLCJpc3MiOiJjb20uem9uZHkuc2hpcm8iLCJpYXQiOjE3NTEzNzk3OTUsInN1YiI6IjQxMDg2IiwiZXhwIjoxODgwOTc5Nzk1fQ.0eKckfMW8II3UA2bHjRrjiW7W3iBoMwkMiIl0SyO8ZI'
+      // 解析 Cookie 为对象
+      let list = window.localStorage.getItem('hb_token')
+      list = list ? list : baseToken
+      return list
+    },
+
+    /**
+     * 过滤树节点
+     * @param {String} value 过滤值
+     * @param {Object} data 节点数据
+     * @returns {Boolean} 是否匹配
+     */
+    filterNode(value, data)
+    {
+      if (!value) return true
+      return data.name.indexOf(value) !== -1
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,212 @@
+<style lang='scss' scoped>
+  .spat-tree {margin-top: 5%;}
+</style>
+
+<template>
+  <cx-tree-syn ref="tree"
+    class="tree-cont"
+    v-if="nodes.length"
+    v-bind="treeCfg || {}"
+    :data="nodes"
+    :show-checkbox="true"
+    :plugs="plugs"
+    show-filter
+    @node-click="onClickNode"
+    @current-change="onCurrentChange"
+    @check-change="onCheckChange"
+  />
+</template>
+<script>
+
+/**
+ * 组件 - 空间数据资源树
+ */
+
+/**
+ * 修改记录:
+ * 23-09-05     黄佳龙        首次提交
+ */
+export default
+{
+  mixins: [cx.mixin.IPlugBase, cx.mixin.IAttBase],
+
+  data()
+  {
+    return {
+      treeCfg:
+      {
+        selectFirst: true,
+        expandAll: true,
+        showFilter: true,
+        showCheckbox: false
+      },
+      plugs: this.getTreePlugs(),
+      nodes: []
+    }
+  },
+
+  created()
+  {
+    this.makeNodes()
+  },
+
+  mounted()
+  {
+    cx.events.listen(this, 'getNewTree', (params) =>
+    {
+      if (params.resData)
+      {
+        // this.$refs.tree.getTree().append(params.resData, this.nodes)
+        let node = {
+          att: params.resData
+        }
+        node.label = params.resData.name + (params.resData.layer ? ('-' + params.resData.layer) : '')
+        this.nodes.push(node)
+      }
+    })
+  },
+
+  methods: {
+    /**
+     * 获取树节点插件
+     * @returns {Array} 插件数组
+     */
+    getTreePlugs()
+    {
+      return [
+        cx.dc.Plug.plugNode('透明度设置', _ => true, _ => true, this.tmdSetYcl, null, ''),
+        cx.dc.Plug.plugNode('渲染设置', _ => true, _ => true, this.xrsz, null, '')
+      ]
+    },
+
+    /**
+     * 透明度设置
+     * @param {Object} data 节点数据
+     */
+    tmdSetYcl(data)
+    {
+      let onOK = async(value) =>
+      {
+        if (window?.Viewer?.entities?.values)
+        {
+          window.Viewer.entities.values.forEach((item) =>
+          {
+            if (item.name == 'layer' + data.att.mediaId)
+            
+              item.polygon.material.color = new Cesium.Color(1.0, 1.0, 1.0, value / 100)
+          })
+        }
+      }
+      let sliderValue = 0
+      window.Viewer.entities.values.forEach((item) =>
+      {
+        if (item.name == 'layer' + data.att.mediaId)
+          sliderValue = item.polygon.material.color ? item.polygon.material.color._value.alpha * 100 : 100
+      })
+      cx.run.runPlug('SetOpacity', { onOk: onOK, sliderValue: sliderValue })
+    },
+
+    /**
+     * 渲染设置
+     * @param {Object} data 节点数据
+     */
+    xrsz(data)
+    {
+      if (data.att.datatype !== 'grd') return this.$showMsg('该节点暂不支持', 'warning')
+      let onOK = async(value) =>
+      {
+        data.att.showType = value
+        this.params.onCheckChangeTree(data, false)
+        this.$nextTick(() =>
+        {
+          this.params.onCheckChangeTree(data, true)
+        })
+      }
+      cx.run.runPlug('SetOpacity', { onOk: onOK, type: 'xrsz', showType: data.att.showType })
+    },
+
+    /**
+     * 获取默认数据集
+     * @returns {Promise} 数据集数组
+     */
+    getMrSjj()
+    {
+      return cx.svr.data.query($app.TabConst.sjj.major, $app.TabConst.sjj.minor, { args: [['userid', '=', $g.user.id, null], ['defdata', '=', 1, 'and']] })
+    },
+    
+    /**
+     * 构造树节点
+     */
+    async makeNodes()
+    {
+      let data = await this.getMrSjj()
+      if (!this.params.params.showSjj)
+      {
+        cx.dc.Tree.trees('sjjBqqd', { username: $g.user.id, glid: this.params.params.nodeId ? this.params.params.nodeId : data[0].id }).then(ret =>
+        {
+          ret[0].filters = [() => [['datatype', '!=', 'csv', 'and'], ['datatype', '!=', 'tif', 'and'], ['gcsj', '=', 1, 'and']]]
+          let glid = this.params.params.nodeId ? this.params.params.nodeId : data[0].id
+          ret[0].source.vals = $g.user.id + ',' + glid
+          let makeTreeData = new cx.dc.TreeData({
+            nodes: ret,
+            onLoad: this.onLoad,
+            hideNode: this.hideNode,
+            disableNode: this.disableNode
+          })
+          makeTreeData.run()
+        })
+      }
+      else
+      {
+        cx.dc.Tree.trees('sjjBqqd', { username: $g.user.id, glid: this.params.params.nodeId ? this.params.params.nodeId : data[0].id }).then(ret =>
+        {
+          ret[0].filters = [() => [['datatype', '!=', 'tif', 'and']]]
+          let glid = this.params.params.nodeId ? this.params.params.nodeId : data[0].id
+          ret[0].source.vals = $g.user.id + ',' + glid
+          let makeTreeData = new cx.dc.TreeData({
+            nodes: ret,
+            onLoad: this.onLoad,
+            hideNode: this.hideNode,
+            disableNode: this.disableNode
+          })
+          makeTreeData.run()
+        })
+      }
+    },
+
+    /**
+     * 树节点加载完成回调
+     * @param {Array} data 节点数组
+     */
+    onLoad(data)
+    {
+      data.forEach((item) =>
+      {
+        item.label = item.att.name + (item.att.layer ? ('-' + item.att.layer) : '')
+      })
+      this.nodes = data
+      if (this.params.params?.row?.cqfilename)
+      {
+        this.nodes.unshift({
+          label: '裁切范围',
+          att: {
+            datatype: 'POLYGON',
+            src: this.params.params.row.cqfilename,
+            epsg: this.params.params.row.epsg
+          }
+        })
+      }
+    },
+
+    /**
+     * 树节点勾选变化事件
+     * @param {Object} att 节点属性
+     * @param {Object} val 选中状态
+     */
+    onCheckChange(att, val)
+    {
+      this.params.onCheckChangeTree(att, val)
+    }
+  }
+}
+</script>

package/src/plugins/app/znycpjxt/Bqqd/api/DsjzxApi.js

@@ -0,0 +1,37 @@
+
+/**
+ * 接口类 - 大数据中心的接口
+ */
+
+/**
+ * 修改记录
+ * 24-03-27       张光辉          首次编写
+ */
+
+import axios from 'axios'
+const rootUrl = 'https://geocloud.hubgs.com/api'
+class DsjzxApi
+{
+  static getTree(node)
+  {
+    let axios = require('axios')
+    let data = JSON.stringify([
+      '01'
+    ])
+
+    let config = {
+      method: 'post',
+      url: 'https://geocloud.hubgs.com/api/map/server/tree',
+      headers: {
+        'User-Agent': 'Apifox/1.0.0 (https://apifox.com)',
+        'Content-Type': 'application/json',
+        Accept: '*/*',
+        Host: 'geocloud.hubgs.com',
+        Connection: 'keep-alive'
+      },
+      data: data
+    }
+    return axios(config)
+  }
+}
+export default DsjzxApi