zbcx_ckyc 1.0.0

package/src/plugins/cxMixin/IDataProc.js

@@ -0,0 +1,379 @@
+/**
+ * 修改记录:
+ * 20-07-14       张发勇          增加一个函数 canStart(att)，用于派生类判断一条记录是否可以启动流程,默认返回true
+ * 20-07-18       张发勇          增加一个函数 setProcOper(operCol)，用于派生类自定义流程相关的操作按钮，简化派生类的代码
+ * 20-12-16       张发勇          删除 发起流程的 onBeforeAdd，是因为 从我的工单发起，与从流程直接发起，代码有冲突， IDataMan.beforeAdd() 和 流程里面 调用了 attObj.encode() 代码有重复执行
+ * 22-06-11       张发勇          js -> vue
+ */
+
+/**
+ * cx.mixin.IDataProc
+ * 混淆类 - 数据流程
+ *
+ * @module      cx.mixin.IDataProc
+ * @memberof    cx.mixin
+ */
+
+export default
+{
+  /**
+   * 混合方法
+   * @class
+   */
+  methods:
+  {
+    /**
+     * 判断能否启动
+     * @method
+     * @abstract
+     * @param   {Object}    att             属性
+     * @returns {Array}
+     */
+    canStart(att)
+    {
+      return true
+    },
+
+    /**
+     * 设置属性相关的按钮
+     * @method
+     * @abstract
+     * @param   {Object}  operCol     操作列
+     * @returns {Object}              this
+     */
+    setProcOper(operCol)
+    {
+      return this
+    },
+
+    /**
+     * 取操作按钮信息
+     * @method
+     * @abstract
+     * @returns {Array}
+     * @example
+     *     [{colname: String,
+     *       title: String,
+     *       width: Number,
+     *       [align: String = 'center']
+     *       btns: [{name: String, title: String, onClick: Function}]
+     *     }]
+     */
+    getOpers()
+    {
+      const ret = []
+      let operCol
+
+      // 流程发起/进展/跟踪图
+      operCol = this.getColProc()
+      this.addOperStart(operCol)
+        .addOperTrace(operCol)
+        .setProcOper(operCol)
+      ret.push(operCol)
+
+      // 删/改/查操作
+      operCol = this.getColOper()
+      operCol.width = 95
+      this.addOperDetail(operCol)
+        .addOperDel(operCol)
+        .setAttOper(operCol)
+      ret.push(operCol)
+
+      return ret
+    },
+
+    /**
+     * 流程列
+     * @method
+     * @returns {Object}
+     */
+    getColProc()
+    {
+      return { colname: 'proc_', title: this.$locProc('process'), width: 110, align: 'center', btns: [] }
+    },
+
+    /**
+     * 增加操作-发起流程
+     * @method
+     * @param   {Object}  operCol     操作列
+     * @returns {Object}              this
+     */
+    addOperStart(operCol)
+    {
+      const oper = cx.datagrid.getOper('start_', this.$locProc('start'), '')
+
+      oper.type = 'primary'
+      oper.enable = att => this.editable && !att.completed && !att.bill && this.canStart(att)
+      oper.show = att => this.editable && !att.completed && !att.bill
+      oper.onClick = att =>
+      {
+        // 先删除附件
+        cx.svr.doc.delEntity({ major: this.major, minor: this.minor, entityid: att.id }).then(ret =>
+        {
+          this.procStart(att)
+        })
+          .catch(this.onError)
+      }
+
+      operCol.btns.push(oper)
+      return this
+    },
+
+    /**
+     * 增加操作-流程进展
+     * @method
+     * @param   {Object}  operCol     操作列
+     * @returns {Object}              this
+     */
+    addOperProgress(operCol)
+    {
+      const oper = cx.datagrid.getOper('progress_', this.$locProc('progress'), '')
+
+      oper.enable = att => true
+      oper.show = att => !!att.procinstid && !att.completed && att.bill
+      oper.onClick = att =>
+      {
+        this.procProgress(att)
+      }
+
+      operCol.btns.push(oper)
+      return this
+    },
+
+    /**
+     * 增加操作-流程跟踪图
+     * @method
+     * @param   {Object}  operCol     操作列
+     * @returns {Object}              this
+     */
+    addOperTrace(operCol)
+    {
+      const oper = cx.datagrid.getOper('trace_', this.$locProc('diagram'), '')
+
+      oper.enable = att => true
+      oper.show = att => !!att.procinstid && !att.completed && att.bill
+      oper.onClick = att =>
+      {
+        this.procTrace(att)
+      }
+
+      operCol.btns.push(oper)
+      return this
+    },
+
+    /**
+     * 增加操作-详情
+     * @method
+     * @param   {Object}  operCol     操作列
+     * @returns {Object}              this
+     */
+    addOperDetail(operCol)
+    {
+      const oper = cx.datagrid.getOper('detail_', this.$locBase('detail'), '')
+
+      oper.enable = att => true
+      oper.show = att => true
+      oper.onClick = att =>
+      {
+        this.procDetail(att)
+      }
+
+      operCol.btns.push(oper)
+      return this
+    },
+
+    /**
+     * 消息响应函数-查询流程进度
+     * @method
+     * @param   {Object}  att       实体属性
+     */
+    procProgress(att)
+    {
+      cx.svr.bpm.queryProcInst({ id: att.procinstid }).then(ret =>
+      {
+        if (ret.length > 0)
+          cx.bpm.procTraceByProcInst(ret[0], this.getPluginName(cx.consts.PROC_PROGRESS, att))
+      })
+        .catch(this.onError)
+    },
+
+    /**
+     * 消息响应函数-查询流程跟踪图
+     * @method
+     * @param   {Object}  att       实体属性
+     */
+    procTrace(att)
+    {
+      cx.svr.bpm.queryProcInst({ id: att.procinstid }).then(ret =>
+      {
+        if (ret.length > 0)
+          cx.bpm.procTraceByProcInst(ret[0], this.getPluginName(cx.consts.PROC_TRACE, att))
+      })
+        .catch(this.onError)
+    },
+
+    /**
+     * 消息响应函数 - 查询流程详情
+     * @method
+     * @param   {Object}  att       实体属性
+     */
+    procDetail(att)
+    {
+      if (!att)
+        return
+      
+      // 查找表对应的流程
+      const proc = cx.array.get1($g.init.procs, { tabname: this.entity.name })
+
+      if (proc)
+      {
+        const plug = proc.plugins.detail
+
+        this.beforeDetail(att)
+
+        if (plug)
+        {
+          const onDetail = comments =>
+          {
+            const params =
+            {
+              major: this.major,
+              minor: this.minor,
+              editable: !att.procinstid && !att.bill,
+              att,
+              form: this.entity.form,
+              retAtt: this.retAtt,
+              beforeUpd: att => this.beforeUpd(att),
+              task: null,
+              showComments: !!comments,
+              comments
+            }
+            cx.base.execute(plug, [params])
+          }
+
+          if (att.procinstid)
+          {
+            cx.svr.bpm.queryHisComment({ id: att.procinstid })
+              .then(ret =>
+              {
+                onDetail(ret)
+              })
+              .catch(this.onError)
+          }
+          else
+            onDetail()
+        }
+      }
+    },
+
+    /**
+     * 消息响应函数-添加数据并发起流程
+     * @method
+     */
+    onAddStart()
+    {
+      // 找流程信息
+      const proc = this.getProc()
+      if (!proc)
+        return
+
+      // 回调函数-当添加了数据
+      const onAdd = att =>
+      {
+        this.afterAdd(att)
+
+        // 这里采用的是修改数据，因为底层已经在 submitAdd 里面增加了数据。（不能加2次，切记！！）
+        this.gridUpd(att, att)
+      }
+
+      // 回调函数-当发起流程成功
+      const onStart = id =>
+      {
+        cx.svr.data.queryId(this.major, this.minor, id, this.queryPara.cols)
+          .then(ret =>
+          {
+            this.afterStart(ret)
+            this.gridUpd(ret, ret)
+          })
+      }
+
+      const params =
+      {
+        onAdd: onAdd,
+        onStart: onStart
+      }
+
+      cx.bpm.startWithTmpl(proc, this.getPluginName(cx.consts.PROC_START), params)
+    },
+
+    /**
+     * 根据属性启动流程
+     * @method
+     * @param  {Object}  att      属性信息
+     */
+    procStart(att)
+    {
+      // 找流程信息
+      const proc = this.getProc()
+      if (!proc)
+        return
+
+      // 回调函数-当添加了数据
+      const onAdd = attNew =>
+      {
+        this.afterAdd(attNew)
+        this.gridUpd(attNew, att)
+      }
+
+      // 回调函数-当发起流程成功
+      const onStart = id =>
+      {
+        cx.svr.data.queryId(this.major, this.minor, id, this.queryPara.cols)
+          .then(ret =>
+          {
+            this.afterStart(ret)
+            this.gridUpd(ret, ret)
+          })
+      }
+
+      const params =
+      {
+        att,
+        onAdd: onAdd,
+        onStart: onStart
+      }
+
+      cx.bpm.startWithTmpl(proc, this.getPluginName(cx.consts.PROC_START), params)
+    },
+
+    /**
+     * 发起流程之后的接口
+     * @abstract
+     * @method
+     * @param  {Object}  att      属性对象
+     */
+    afterStart(att)
+    {
+    },
+
+    /**
+     * 查看详情之前的操作
+     * @abstract
+     * @method
+     * @param  {Object}  att      属性对象
+     */
+    beforeDetail(att)
+    {
+    },
+
+    /**
+     * 取流程信息
+     * @method
+     * @returns {Object}          返回流程信息
+     */
+    getProc()
+    {
+      return cx.array.get1($g.init.procs, { tabname: this.entity.name })
+    }
+  }
+}

package/src/plugins/cxMixin/IDatagrid.js

@@ -0,0 +1,234 @@
+/**
+ * 修改记录:
+ * 22-06-11       张发勇          js -> vue
+ */
+
+/**
+ * cx.mixin.IDatagrid
+ * 混淆类 - Datagrid
+ *
+ * @module      cx.mixin.IDatagrid
+ * @memberof    cx.mixin
+ *
+ * @property  {Object}          dg                        DataGrid对象
+ * @property  {Object}          selected                  选中的数据
+ */
+
+export default
+{
+  data()
+  {
+    return {
+      selected: null,
+      dg:
+      {
+        pages: false,                      // 是否使用分页
+        table:
+        {
+          elAtts:
+          {
+            border: true,                   // 是否带有纵向边框
+            stripe: true,                   // 是否为斑马纹 table
+            'row-style': ({ row, rowIndex }) => this.onRowStyle({ row, rowIndex }),                     // 行的 style 的回调方法，也可以使用一个固定的 Object 为所有行设置一样的 Style。
+            'cell-style': ({ row, column, rowIndex, columnIndex }) => this.onCellStyle({ row, column, rowIndex, columnIndex })           // 单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style。
+          },
+          fitWidth: true,                   // 宽度自适应
+          multiple: false,                  // 是否支持多选'
+          operFix: 'right',                 // 操作列固定右边
+          list: [],                         // 数据列表
+          cols: [],                         // 列信息
+          operCols: []                      // 操作列信息
+        },
+        page:
+        {
+          total: 0,                         // 数据量
+          pageSize: cx.consts.PAGE_SIZE,    // 每页记录数
+          pageSizes: cx.consts.PAGE_SIZES   // 分页标准
+        }
+      }
+    }
+  },
+
+  /** @member    {Boolean}      enable1        选中一行数据 */
+  /** @member    {Object}       dgAtts         DataGrid 属性 */
+  /** @member    {Object}       dgEvts         DataGrid 事件 */
+  computed:
+  {
+    // 选中一行数据
+    enable1()
+    {
+      return !!this.selected
+    },
+
+    // DataGrid 属性
+    dgAtts()
+    {
+      return {
+        size: this.size,
+        datagrid: this.dg
+      }
+    },
+
+    // DataGrid 事件
+    dgEvts()
+    {
+      return {
+        'sort-change': (name, sort) => this.onSortChange(name, sort),
+        'row-click': (att) => this.onRowClick(att),
+        'row-dblclick': (att) => this.onRowDblClick(att),
+        'selection-change': (selection) => this.onSelectionChange(selection),
+        'button-click': (btn, att) => this.onButtonClick(btn, att),
+        'edit-row': (oldRowIndex, newRowIndwx) => this.onEditRow(oldRowIndex, newRowIndwx),
+        'pagesize-change': (pagesize) => this.onPagesizeChage(pagesize),
+        'page-change': (pageno) => this.onPageChange(pageno)
+      }
+    }
+  },
+
+  /**
+   * 混合方法
+   * @class
+   */
+  methods:
+  {
+    /**
+     * 行样式
+     * @method
+     * @abstract
+     * @param   {Object}    att         行数据
+     * @param   {Number}    rowIndex    行索引
+     */
+    onRowStyle({ att, rowIndex })
+    {
+    },
+
+    /**
+     * 单元格样式
+     * @method
+     * @abstract
+     * @param   {Object}    att         行数据
+     * @param   {Number}    rowIndex    行索引
+     * @param   {Object}    column      列数据
+     * @param   {Number}    columnIndex    列索引
+     */
+    onCellStyle({ row, column, rowIndex, columnIndex })
+    {
+    },
+
+    /**
+     * 按列头排序
+     * @method
+     * @param  {String}     name        排序字段名
+     * @param  {String}     order       排序方式
+     */
+    onSortChange(name, order)
+    {
+    },
+
+    /**
+     * 点击行
+     * @method
+     * @abstract
+     * @param   {Object}    att         行数据
+     */
+    onRowClick(att)
+    {
+      this.selected = att
+    },
+
+    /**
+     * 双击行
+     * @method
+     * @abstract
+     * @param   {Object}    att         行数据
+     */
+    onRowDblClick(att)
+    {
+      this.selected = att
+    },
+
+    /**
+     * 选择发生变化
+     * @method
+     * @abstract
+     * @param   {Array}     selection   选中的行数据
+     */
+    onSelectionChange(selection)
+    {
+    },
+
+    /**
+     * 点击按钮
+     * @method
+     * @param   {Object}    btn         点击的按钮
+     * @param   {Object}    att         行数据
+     */
+    onButtonClick(btn, att)
+    {
+      cx.base.call(btn.onClick, att)
+    },
+
+    /**
+     * 消息响应函数-每页数据量变化
+     * @method
+     * @param   {Number}    pagesize    选中的页码
+     */
+    onPagesizeChage(pagesize)
+    {
+    },
+
+    /**
+     * 消息响应函数-选中某页
+     * @method
+     * @param   {Number}    pageNo      选中的页码
+     * @param   {Number}    pageSize    每页数据条数
+     */
+    onPageChange(pageNo, pageSize)
+    {
+    },
+
+    /**
+     * 重新计算opers
+     * @method
+     * @param   {Array}   operCols      操作列
+     * @returns {Object}                this
+     */
+    makeOpers(operCols)
+    {
+      this.opers = []
+      for (let operCol of operCols)
+      {
+        for (let btn of operCol.btns)
+        {
+          btn.keyAble = btn.name + 'able_'
+          btn.keyShow = btn.name + 'show_'
+          this.opers.push(btn)
+        }
+      }
+    },
+
+    /**
+     * 计算各种操作的状态
+     * @method
+     * @param   {Object}    att         属性
+     * @returns {Object}                this
+     */
+    calcOpers(att)
+    {
+      for (let oper of this.opers)
+      {
+        att[oper.keyAble] = oper.enable(att)
+        att[oper.keyShow] = oper.show(att)
+      }
+    },
+
+    /**
+     * 事件 edit-row 响应函数
+     * @param   {Number}    oldRowIndex     旧行
+     * @param   {Number}    newRowIndex     新行
+     */
+    onEditRow(oldRowIndex, newRowIndex)
+    {
+    }
+  }
+}