zbcx_ckyc 1.0.0

package/src/plugins/cxMixin/IPlugBase.js

@@ -0,0 +1,341 @@
+/**
+ * 修改记录:
+ * 22-05-01       张清            首次提交
+ * 22-06-11       张发勇          js -> vue
+ * 22-07-28       张清            增加watch，监听再次运行处理
+ * 23-02-09       张清            getPlugDef增加getIdentity，解决组件继承该类，但没有插件脚本时报错
+ * 24-03-28       张清            回调params.onClose移到实例销毁前调用，避面页面响应延迟造成卡顿效果
+ */
+
+/**
+ * cx.mixin.IPlugBase
+ * 混淆类 - 插件基类
+ *
+ * @module      cx.mixin.IPlugBase
+ * @memberof    cx.mixin
+ *
+ * @example
+ * 使用说明：
+ *    1、插件方式运行
+ *      1.1、根据runPlug接口说明使用
+ *      1.2、插件定义对象：通过路由matched中meta._def属性获取，由cx.router.makeDefNormalized 函数标准化后的对象
+ *      1.3、运行参数对象：由 cx.run.getRouteRunParams 获取，来于路由的query和params参数对象
+ *
+ *    2、组件方式运行
+ *      2.1、必须传入 插件定义 和 运行参数 对象
+ *      2.2、插件定义对象：通过属性 _def 传入，由cx.router.makeDefNormalized 函数标准化后的对象
+ *      2.3、运行参数对象：通过属性 this.$attrs.comParams 传入
+ *
+ *    3、params参数说明
+ *      3.1、params对象可包含onClose方法，在插件销毁后回调
+ *
+ *    4、在created构造中调用初始化接口initData；IDataMan在mounted中调用初始化接口是init，返回promise
+ *
+ *    5、插件作为组件运行时，如要给组件传入两个参数：comParams脚本的运行参数，_def插件的定义对象
+ */
+
+export default
+{
+  /** @property    {String}      [size = default]  size */
+  props:
+  {
+    size: { type: String, default: 'default' }
+  },
+  emits: ['close', 'title-change'],
+  /** @property    {Function}      $route     路由变化 */
+  watch:
+  {
+    $route: function(to, from)
+    {
+      // 再次运行插件，重新初始化
+      const temp = to.matched[to.matched.length - 1]?.components?.default?.methods
+      // eslint-disable-next-line
+      if (this.getPlugName() == to.name ||
+        (this.getIdentity && temp?.getIdentity && temp?.getIdentity()?.url === this?.getIdentity()?.url))
+      {
+        this._initPlug(true)
+        this.routeReload()
+      }
+    }
+  },
+
+  /** @member    {Object}      params        运行参数，可包含onClose方法，在插件销毁后回调 */
+  /** @member    {String}      plugName      插件名 */
+  data()
+  {
+    return {
+      params: {},
+      plugName: '',
+      tooltip: cx.config.tooltip,
+      button: cx.config.button,
+      icon: cx.config.icon
+    }
+  },
+
+  /**
+   * created 钩子
+   * @method
+   */
+  created()
+  {
+    this._initPlug()
+    
+    // 初始化数据
+    this.initData()
+  },
+
+  beforeUnmount()
+  {
+    // 关闭析构插件
+    this.close()
+  },
+
+  /**
+   * mounted 钩子
+   * @method
+   */
+  mounted()
+  {
+    this.ready = true
+    this._destroyed = false
+  },
+
+  /**
+   * 混合方法
+   * @class
+   */
+  methods:
+  {
+    /**
+     * 初始化插件
+     * @method
+     * @private
+     * @param   {Boolean}              [reInit=false]                 是否重初始化
+     * @returns {Object}                                              返回传递给插件的参数
+     */
+    _initPlug(reInit)
+    {
+      const plugDef = this.getPlugDef(reInit)
+      this.plugName = plugDef.name
+
+      // 插件运行参数，从created钩子才可以使用params
+      this._initParams(reInit)
+
+      // 更新cx.run中已运行插件的组件实例
+      cx.run.getRunInstance(this.plugName).setComponent(this)
+
+      // 取插件的文件名，用于后面的词条
+      const matches = plugDef.url?.match(cx.regex.shortName)
+      if (matches)
+        this.locKey = matches[1]
+    },
+
+    /**
+     * 初始化插件参数
+     * @method
+     * @private
+     * @param   {Boolean}              [reInit=false]                 是否重初始化
+     * @returns {Object}                                              返回传递给插件的参数
+     */
+    _initParams(reInit)
+    {
+      // 采用 COM 方式调用
+      if (this.$attrs.comParams)
+        this.params = this.$attrs.comParams
+
+      // 路由方式
+      // eslint-disable-next-line
+      if (!this.params || Object.keys(this.params).length == 0 || reInit)
+        this.params = cx.run.getRouteRunParams(this.getPlugName())
+    },
+
+    /**
+     * 初始化数据
+     * @method
+     */
+    initData()
+    {
+    },
+    
+    /**
+     * 路由插件再次加载，已更新参数
+     * @method
+     */
+    routeReload()
+    {
+    },
+
+    /**
+     * 获取该插件自身的定义对象
+     * @method
+     * @param   {Boolean}              [reInit=false]                 是否重初始化
+     * @returns {defNormalized}                                       插件标准化后定义对象
+     * @prop    {String}               defNormalized.name             标识名
+     * @prop    {String}               defNormalized.url              组件文件路径
+     * @prop    {Object}               defNormalized.src              原始定义数据
+     */
+    getPlugDef(reInit)
+    {
+      if (!reInit && this._plugDef)
+        return this._plugDef
+
+      this._plugDef = {}
+      if (this.$attrs._def)
+      {
+        // 组件方式运行插件，有dialog和tab
+        this._plugDef = this.$attrs._def
+      }
+      else if (this.$route && this.getIdentity)
+      {
+        // 路由方式运行插件
+        const { url } = this.getIdentity()
+        const tar = this.$route.matched.find(item =>
+        {
+          const def = item.meta._def || {}
+          // eslint-disable-next-line
+          return def.url == url
+        })
+
+        if (tar)
+          this._plugDef = tar.meta._def
+        else
+          console.warn(`插件identity信息：${url}，当前路由route信息：${this.$route.name}`)
+      }
+      return this._plugDef
+    },
+
+    /**
+     * 获取该插件自身的名字
+     * @method
+     * @returns {String}                    插件定义的名字
+     */
+    getPlugName()
+    {
+      return this.plugName
+    },
+
+    /**
+     * 获取插件的ui容器
+     * @method
+     * @returns {Dialog|Tabs|Null}          插件ui容器对象
+     */
+    getContainer()
+    {
+      if (cx.base.isFunc(this.$attrs.uiHandle))
+        return this.$attrs.uiHandle()
+      return null
+    },
+
+    /**
+     * 设置插件标题Title
+     * @method
+     * @param {String}                     插件定义的Title
+     */
+    setTitle(title)
+    {
+      /**
+       * 修改标题事件
+       * @event title-change
+       * @param {Object}         data      数据对象，data.name是插件名，data.title是新标题
+       */
+      this.$emit('title-change', { name: this.getPlugName(), title })
+    },
+
+    /**
+     * 判断插件中btnName按钮是否可用
+     * @method
+     * @param   {String}    btnName         该插件的按钮标识名
+     * @returns {Boolean}                   是否可用结果
+     */
+    canUseBtn(btnName)
+    {
+      return $g.access.canUseBtn(this.getPlugName(), btnName)
+    },
+
+    /**
+     * 取本插件的词条 (默认结构: plug.插件文件名.*****)
+     * @method
+     * @param   {String}    key             本插件内部的词条
+     * @returns {String}
+     */
+    locPlug(key)
+    {
+      return this.$loc('plug.' + (this.locKey ? this.locKey + '.' : '') + key)
+    },
+
+    /**
+     * 销毁插件
+     *   1、runPlug异步返回实例，因此不确定插件是否执行完成时close销毁可能导致业务层错误，cx.run.closeRun(this.getPlugName()) 销毁插件更安全。
+     *   2、可用 cx.run.getRunInstance(this.getPlugName()).isReady() 判断插件实例是否执行完成
+     *   3、为了视觉上快速关闭插件，异步监测的实例的方式销毁插件，业务层销毁回调在异步前执行
+     * @method
+     * @returns {Promise}
+     */
+    close()
+    {
+      return new Promise((resolve, reject) =>
+      {
+        if (this._destroyed)
+        {
+          resolve()
+          return
+        }
+
+        this._destroyed = true
+        const func = () =>
+        {
+          // 1、必须先删除插件运行实例对象
+          cx.run.getRunInstance(this.getPlugName()).remove()
+
+          resolve()
+        }
+
+        /**
+         * 先关闭ui，插件关闭事件
+         * @event close
+         * @param {String}         name      插件名
+         * @param {Object}         data      数据对象，data.runId是实例名
+         */
+        this.$emit('close', this.getPlugName(), { runId: this.params?.runId })
+        
+        // 先关闭ui，插件关闭后的回调函数
+        if (this.params.onClose)
+          this.params.onClose(this.getPlugDef())
+
+        // 插件方式runPlug运行，实例信息就绪再销毁。最多监听6秒
+        const runInfo = cx.run.getRunInstance(this.getPlugName())
+        if (runInfo.data)
+        {
+          cx.base.watch(() => runInfo.isReady(), func, {
+            time: 500,
+            maxTime: 6000,
+            outBack: () => func()   // 超时
+          })
+        }
+        // 组件方式运行，注册到component中运行
+        else
+          func()
+      })
+    },
+
+    /**
+     * 插件ui关闭响应事件
+     * @method
+     */
+    onClose()
+    {
+      this.close()
+    },
+
+    /**
+     * 回调函数-出现错误
+     * @method
+     * @param   {Object}    ret             异步调用返回的对象
+     */
+    onError(ret)
+    {
+      this.$processing.close()
+      this.$showRet(ret)
+    }
+  }
+}

package/src/plugins/cxMixin/ISendCode.js

@@ -0,0 +1,86 @@
+/**
+ * 混淆类 - 发送验证码
+ */
+
+/**
+ * 修改记录:
+ * 23-08-06       张发勇          首次提交
+ */
+
+export default
+{
+  data()
+  {
+    return {
+      form:
+      {
+        code: ''
+      },
+      sender:
+      {
+        sent: false,                // 已发送标志
+        waiting: 0,                 // 等等时间（单位：秒）
+        waitTime: 61,               // 下次发送的等待时间（单位：秒） -- +1是因为后面的代码先-1
+        label: '',
+        ableLabel: this.$locLogin('cmdVcSend'),
+        disLabel: this.$locLogin('cmdVcResend')
+      },
+      timer: null,                  // 计时器
+      disSend: false                // 禁止发送
+    }
+  },
+
+  created()
+  {
+    this.sender.label = this.sender.ableLabel
+  },
+
+  beforeUnmount()
+  {
+    this.destroyTimer()
+  },
+
+  methods:
+  {
+    // 发送验证码
+    onSend()
+    {
+    },
+
+    // 销毁定时器
+    destroyTimer()
+    {
+      if (this.timer)
+        clearInterval(this.timer)
+      this.timer = null
+      this.sender.waiting = 0
+    },
+
+    // 发送验证码之后，开启等等
+    wait()
+    {
+      const self = this
+      const sender = self.sender
+
+      self.destroyTimer()                       // 销毁定时器
+
+      sender.sent = true                        // 已发送
+      sender.waiting = sender.waitTime          // 设置等等时间
+
+      self.timer = setInterval(() =>
+      {
+        if (sender.waiting > 0)
+        {
+          sender.waiting--
+          if (sender.waiting > 0)
+            sender.label = sender.disLabel.replace('%1', sender.waiting)
+          else
+          {
+            sender.label = sender.ableLabel
+            self.destroyTimer()
+          }
+        }
+      }, 1000)
+    }
+  }
+}

package/src/plugins/cxMixin/ISinglePage.js

@@ -0,0 +1,112 @@
+/**
+ * 修改记录:
+ * 22-06-11       张发勇          js -> vue
+ * 23-09-21       张清            this.plugCom=null修复切换组件时原组件会再运行一次
+ */
+
+/**
+ * cx.mixin.ISinglePage
+ * 混淆类 - 单页面组件
+ *
+ * @module      cx.mixin.ISinglePage
+ * @memberof    cx.mixin
+ */
+
+export default
+{
+  /** @member    {String}      plugName        插件名 */
+  /** @member    {Object}      plugDef         插件定义对象 */
+  /** @member    {Object}      plugCom         插件组件对象 */
+  /** @member    {Object}      plugParams      运行参数 */
+  data()
+  {
+    return {
+      plugName: null,
+      plugDef: null,
+      plugCom: null,
+      plugParams: {}
+    }
+  },
+
+  /**
+   * 混合方法
+   * @class
+   */
+  methods:
+  {
+    /**
+     * 设置当前的插件
+     * @method
+     * @param   {String}  plugName        插件名
+     */
+    async setCurPlug(plugName)
+    {
+      if (plugName !== this.plugName)
+      {
+        this.plugName = plugName
+        this.plugDef = $g.plugin.byName(plugName)
+        this.plugCom = await cx.base.loadModuleByPlug(plugName)
+      }
+      cx.base.deepCopy(this.plugParams, this.plugDef.params)
+    },
+
+    /**
+     * 设置插件的参数
+     * @method
+     */
+    setPlugParams(nodeData)
+    {
+    },
+
+    /**
+     * 根据插件数组构建标签列表
+     * @method
+     * @param   {Array.<String>}  plugNames       插件名列表
+     * @returns {Array.<MenuTag>}
+     */
+    makeTags(plugNames)
+    {
+      const ret = []
+
+      if (plugNames)
+      {
+        let name, def, title
+
+        for (name of plugNames)
+        {
+          def = $g.plugin.byName(name)
+          if (!def)
+            continue
+
+          title = cx.i18n.locPlugin(def)
+          ret.push({ name, title })
+        }
+      }
+
+      // 默认选中第一个
+      if (ret.length > 0)
+        ret[0].selected = true
+
+      return ret
+    },
+
+    /**
+     * 切换标签插件
+     * @method
+     * @param   {Object}    item            标签信息
+     */
+    onTagChange(item)
+    {
+      // 先把插件去掉
+      this.plugName = ''
+      this.plugCom = null
+
+      // 再把新插件显示出来
+      this.$nextTick(() =>
+      {
+        this.setCurPlug(item.name)
+        this.setPlugParams(this.selected)
+      })
+    }
+  }
+}

package/src/plugins/cxMixin/ITags.js

@@ -0,0 +1,81 @@
+/**
+ * 修改记录:
+ * 22-06-11       张发勇          js -> vue
+ * 23-08-01       张发勇          bug: 解析代码有错
+ */
+
+/**
+ * cx.mixin.ITags
+ * 混淆类 - 标签过滤基类
+ *
+ * @module      cx.mixin.ITags
+ * @memberof    cx.mixin
+ */
+
+export default
+{
+  /** @member    {String}              key             查询Key */
+  /** @member    {Array.<Object>}      tags            过滤器 */
+  data()
+  {
+    return {
+      key: '',                              // 查询Key
+      tags: []                              // 过滤器
+    }
+  },
+  /**
+   * mounted 钩子
+   * @method
+   */
+  mounted()
+  {
+    this.parseTags()
+  },
+  /**
+   * 混合方法
+   * @class
+   */
+  methods:
+  {
+    /**
+     * 解析过滤器
+     * @method
+     */
+    parseTags()
+    {
+      if (this.params.tags)
+      {
+        const tags = this.params.tags.split(',')
+        let obj, i
+
+        for (i = 0; i < tags.length / 2; i++)
+        {
+          obj =
+          {
+            name: tags[i + i + 1],
+            title: tags[i + i],
+            selected: i === 0
+          }
+          this.tags.push(obj)
+          if (i === 0)
+          {
+            obj.selected = true
+            // eslint-disable-next-line
+            this.key = obj.name == 'all' ? '' : obj.name
+          }
+        }
+      }
+    },
+
+    /**
+     * 消息响应函数-过滤器发生变化
+     * @method
+     */
+    onTag(item)
+    {
+      if (item.name)
+        // eslint-disable-next-line
+        this.key = item.name == 'all' ? '' : item.name
+    }
+  }
+}

package/src/plugins/cxe/CxeMap.vue

@@ -0,0 +1,61 @@
+<style lang='scss' scoped>
+  .com-screen{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
+   #earth{width: 100%;height: 100%;position: relative;}
+</style>
+
+<template>
+  <div class="com-screen">
+    <div id="earth" ref="earth"></div>
+  </div>
+</template>
+<script>
+/**
+ * 组件名称: 总指挥大屏
+ *
+ * 参数说明:
+ * @prop  类型                 参数名                          参数说明
+ * 事件说明:
+ * @event 事件名               参数解构                        事件和参数说明
+ * 插槽说明:
+ * @slot  插槽名               插槽prop解构                    插槽和prop说明
+ */
+
+/**
+ * 维护历史:
+ * 修改时间        人员      说明
+ */
+
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  components: { },
+  data()
+  {
+    return {
+    }
+  },
+  mounted()
+  {
+    this.initViewer()
+  },
+
+  methods:
+  {
+    initViewer()
+    {
+      let viewer = new cxe.Viewer('earth')
+      window.Viewer = viewer
+      let baseLayer = new cxe.ImageryLayer('tdt', {
+        style: 'img',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      let baseLayerZj = new cxe.ImageryLayer('tdt', {
+        style: 'cva',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      window.Viewer.layers.addImageryLayer(baseLayer)
+      window.Viewer.layers.addImageryLayer(baseLayerZj)
+    }
+  }
+}
+</script>