zbcx_ckyc 1.0.0

package/src/plugins/cxMixin/IGridData.js

@@ -0,0 +1,109 @@
+/**
+ * 修改记录:
+ * 22-06-11       张发勇          js -> vue
+ */
+
+/**
+ * cx.mixin.IGridData
+ * 混淆类 - IGridData 接口组织数据
+ *
+ * @module      cx.mixin.IGridData
+ * @memberof    cx.mixin
+ */
+
+export default
+{
+  /** @member    {Object}      dg          datagrid组件datagrid参数 */
+  data()
+  {
+    return {
+      dg:
+      {
+        // 工具对象
+        toolbar:
+        {
+          tools: [],                        // tool数组对象
+          selectNum: 0                      // 当前选中行数量
+        },
+        // 表格对象
+        table:
+        {
+          list: [],                         // 数据
+          cols: [],                         // 列
+          operCols: [],                     // 操作列
+          multiple: true,                   // 多选
+          fitWidth: true                    // 是否按宽度自适应
+        },
+        // 分页
+        page:
+        {
+          total: 0,                         // 总条数
+          pageSize: cx.consts.PAGE_SIZE,    // 每页条数
+          pageSizes: cx.consts.PAGE_SIZES   // 每页条数下拉数组
+        }
+      }
+    }
+  },
+  /**
+   * 混合方法
+   * @class
+   */
+  methods:
+  {
+    /**
+     * 查看响应
+     * @method
+     * @param {Object} selected   选中对象
+     */
+    onView(selected)
+    {
+      let paras =
+      {
+        major: this.major,
+        minor: this.minor,
+        att: selected[0],
+        editable: false
+      }
+  
+      cx.run.runPlug('AttView', paras)
+    },
+
+    /**
+     * 定位响应
+     * @method
+     * @param {Object} selected   选中对象
+     */
+    onLocate(selected)
+    {
+      let paras =
+      {
+        code: selected[0].id
+      }
+  
+      cx.run.runPlug('TLocate', paras)
+    },
+
+    /**
+     * 报表响应
+     * @method
+     * @param {Object} selected   选中对象
+     */
+    onReport(selected)
+    {
+      let cols = cx.array.toString(this.cols, 'colname')
+      let titles = cx.array.toString(this.cols, 'title')
+      let data = cx.converter.data2String(selected, true)
+      let params =
+      {
+        myjson: data,
+        reportName: cx.i18n.locEntity(this.entity),
+        outputFormat: 'xls',
+        columns: cols,
+        colTitle: titles,
+        columeWidthVal: 100,
+        rptType: 2
+      }
+      cx.run.runPlug('Report', params)
+    }
+  }
+}

package/src/plugins/cxMixin/IOperMore.js

@@ -0,0 +1,323 @@
+/**
+ * cx.mixin.IOperMore
+ * 混淆类 - 更多操作
+ *
+ * @module      cx.mixin.IOperMore
+ * @memberof    cx.mixin
+ */
+
+
+/**
+ * 修改记录
+ * 23-12-08       张发勇          首次提交
+ */
+
+export default
+{
+  props:
+  {
+    multiple: { type: Boolean, default: false }
+  },
+
+  data()
+  {
+    return {
+      loaded: 0,                            // 是否装载完成
+      opers: null,                          // 右边键菜单（如果 cx_tabcfg 配置了 value 字段，则自动创建该对象）
+      operCfg: {},                          // 操作设置
+      selected: null,                       // 当前单选项
+      selection: []                         // 当前多选项
+    }
+  },
+
+  emits: ['row-click', 'selection-change', 'row-remove'],
+
+  watch:
+  {
+    multiple: function(newVal, oldVal)
+    {
+      this.clearSelection()
+    }
+  },
+
+  computed:
+  {
+    operAttrs()
+    {
+      return {
+        'plugin-state': (plug, att) => this.pluginState(plug, att),
+        'before-visible': (args) => this.beforeVisible(args)
+      }
+    },
+
+    operEvts()
+    {
+      return {
+        'row-click': (att) => this.onRowClick(att),
+        'check-change': (att, checked) => this.onCheckChange(att, checked),
+        'row-remove': (att) => this.onRowRemove(att),
+        'plugin-click': (oper, att) => this.onPluginClick(oper, att)
+      }
+    }
+  },
+
+  created()
+  {
+    // 补充属性，以下属性不能放在data(), 变成响应式，会造成大量的更新问题
+    this.conFlds = null                   // 条件计算的字段信息
+    this.conVals = null                   // 条件计算的值
+    this.conValues = false                // 提供值的对象（如果 cx_tabcfg 配置了 value 字段，则自动创建该对象）
+
+    // 操作默认采用 config.operCard
+    cx.config.cfgOperCfg(this.operCfg, cx.config.operCard)
+  },
+
+  methods:
+  {
+    /**
+     * 初始化操作信息(根据 plugs 多个配置插件结点取)
+     * @method
+     * @param   {String}    配置的插件结点名，可以多个（用,分隔）
+     * @returns {Promise}
+     */
+    initOpers(plugs)
+    {
+      const self = this
+
+      return cx.dc.Plug.plugs(plugs.split())
+        .then(ret =>
+        {
+          self.conFlds = new cx.dc.ExpFields()            // 判断条件的字段对象
+          self.conVals = new cx.dc.ExpValues()            // 判断条件的值对象
+          self.opers = ret
+
+          self.loaded = 1
+          self.makeOpers(ret)
+        })
+        .catch(self.onError)
+    },
+
+    /**
+     * 设置操作的下拉菜单
+     * @param   {Boolean}   [showTitle]   是否显示标题
+     * @param   {Boolean}   [showIcon]    是否显示图标
+     */
+    setOpers(showTitle, showIcon)
+    {
+      cx.config.setOperCfg(this.operCfg, showTitle, showIcon)
+    },
+
+    /**
+     * 设置全部操作的配置
+     * @method
+     * @param   {Array}   opers         操作数组
+     * @returns {Object}                this
+     */
+    makeOpers(opers)
+    {
+      const operCfg = this.operCfg
+ 
+      for (let oper of opers)
+      {
+        if (cx.base.isNNull(operCfg.showTitle))
+          oper.showTitle = operCfg.showTitle
+        if (cx.base.isNNull(operCfg.showIcon))
+          oper.showIcon = operCfg.showIcon
+      }
+    },
+
+    /**
+     * 取全部数据
+     * @method
+     * @returns {Array}
+     */
+    getData()
+    {
+    },
+
+    /**
+     * 清除选择
+     * @method
+     */
+    clearSelection()
+    {
+      for (let item of this.getData())
+      {
+        if (item.sel_)
+          item.sel_ = false
+      }
+
+      const empty = []
+      if (this.selection && this.selection.length > 0)
+        this.$emit('selection-change', empty)
+      this.selection = empty
+
+      if (this.selected)
+      {
+        this.selected = null
+        this.$emit('row-click', this.selected)
+      }
+    },
+
+    /**
+     * 点击行
+     * @method
+     * @param   {Object}    att         行数据
+     */
+    onRowClick(att)
+    {
+      if (this.multiple)
+      {
+        if (att.sel_)
+        {
+          cx.array.remove(this.selection, { id: att.id })
+          if (this.selected && this.selected.id === att.id)
+            this.selected = null
+        }
+        else
+        {
+          this.selection.push(att)
+          this.selected = att
+        }
+
+        att.sel_ = !att.sel_
+        this.$emit('selection-change', this.selection)
+        this.$emit('row-click', this.selected)
+      }
+      else
+      {
+        for (let item of this.getData())
+        {
+          if (item.id !== att.id && item.sel_)
+            item.sel_ = false
+        }
+        att.sel_ = true
+        this.selected = att
+        this.$emit('row-click', this.selected)
+      }
+    },
+
+    /**
+     * check 状态发生变化
+     * @method
+     * @param   {Object}    att         行数据
+     * @param   {Boolean}   checked     是否选中
+     */
+    onCheckChange(att, checked)
+    {
+      if (this.multiple)
+      {
+        cx.array.remove(this.selection, { id: att.id })
+        att.sel_ = checked
+
+        if (checked)
+        {
+          this.selection.push(att)
+          this.selected = att
+        }
+        else
+          this.selected = null
+
+        this.$emit('row-click', this.selected)
+        this.$emit('selection-change', this.selection)
+      }
+    },
+
+    /**
+     * 删除某行
+     * @method
+     * @param   {Object}    att         行数据
+     */
+    onRowRemove(att)
+    {
+      const self = this
+
+      // eslint-disable-next-line
+      if (self.selected && self.selected.id == att.id)
+        self.selected = null
+      if (self.selection)
+        cx.array.remove(self.selection, { id: att.id })
+
+      this.$emit('row-remove', att)
+    },
+
+    /**
+     * 点击插件
+     * @method
+     * @param   {Object}    oper        点击的操作
+     * @param   {Array}     args        行数据
+     */
+    onPluginClick(oper, args)
+    {
+      cx.dc.Plug.execute(oper, this.plugParams, args ? args : this.selected, this.selection, this)
+    },
+
+    /**
+     * 确定插件当前的状态
+     * @method
+     * @param   {Object}  plug              插件对象
+     * @param   {Object}  att               行数据
+     * @returns {Object}                    { visible: Boolean, disabled: Boolean }
+     */
+    pluginState(plug, att)
+    {
+      // 这里没有调用关闭函数，是因为 hideMenu 需要参数 event
+      // this.hideRMenu(null)
+      this.makeFldVal(att)
+      return cx.dc.Plug.state2(plug, this.conVals, this.conFlds)
+    },
+
+    /**
+     * 消息响应函数-下拉操作展开之前
+     * @method
+     * @param   {Object}   args              参数
+     */
+    beforeVisible(args)
+    {
+      if (this.opers)
+      {
+        this.makeFldVal(args)
+        cx.dc.Plug.state(this.opers, this.conVals, this.conFlds)
+      }
+    },
+
+    /**
+     * 生成条件表达式计算的字段信息、值
+     * @method
+     * @param   {Object}    att       属性对象
+     */
+    makeFldVal(att)
+    {
+      if (this.opers)
+      {
+        this.conFlds.clear()
+        this.conVals.clear()
+
+        if (this.conValues)
+          this.conValues.values(this.conFlds, this.conVals, att, this.selection, this)
+      }
+    },
+
+    /**
+     * 取插件运行参数
+     * @method
+     * @param   {String}    key       取值的KEY
+     * @param   {Object}    curNode   当前结点
+     * @returns {String}
+     */
+    plugParams(key, curNode)
+    {
+      switch (key)
+      {
+      case '{context}':
+        return this
+      case '{values}':
+        return this.conVals.values
+      case '{curNode}':
+        return curNode ? curNode : this.selected
+      case '{selection}':
+        return this.selection
+      }
+    }
+  }
+}