zbcx_ckyc 1.0.0

package/src/plugins/bf/coms/ValSort.vue

@@ -0,0 +1,89 @@
+<style lang="scss" scoped>
+</style>
+
+<template>
+  <EditTable class="cx-bfvalsort"
+    :size="size"
+    :cols="cols"
+    :data="flds"
+    @change="onChange"
+  />
+</template>
+
+<script>
+/**
+ * 组件 - 数值排序(BiFlow)
+ */
+
+/**
+ * 修改记录:
+ * 24-08-07       张发勇          首次提交
+ */
+
+import EditTable from './EditTable'
+
+export default
+{
+  components: { EditTable },
+  mixins: [cx.mixin.IComBase],
+  props:
+  {
+    flds: { type: Array, required: true }
+  },
+
+  data()
+  {
+    return {
+      cols:
+      [
+        { colname: 'colname' },
+        { colname: 'sort', type: 'select', options: [] }
+      ]
+    }
+  },
+
+  created()
+  {
+    let col, i
+
+    // 补全 cols
+    for (let col of this.cols)
+      col.title = cx.bf.core.locFld(col.colname)
+
+    // 补全排序
+    const sorts = ['asc', 'desc']
+    col = this.cols[1]
+    for (i = 0; i < sorts.length; i++)
+      col.options.push({ value: sorts[i], label: this.loc(sorts[i]) })
+  },
+
+  mounted()
+  {
+    // 增加一个空行，如果需要的话
+    this.onChange()
+  },
+
+  methods:
+  {
+    onChange()
+    {
+      // 检查所有的行都有数据
+      const flds_ = this.flds
+      let fld, allIs = 1
+
+      for (fld of flds_)
+      {
+        if (!fld.colname)
+          allIs = 0
+      }
+      if (allIs)
+        flds_.push({ colname: '', sort: '' })
+    },
+
+    loc(key)
+    {
+      return this.$loc('bf.ValSort.' + key)
+    }
+  }
+}
+</script>

package/src/plugins/bf/parts/Icon.vue

@@ -0,0 +1,105 @@
+<style scoped lang="scss">
+.biflow-icon{position: relative; width: 100%; height: 100%; display: flex; justify-content:center; align-items: center;
+  background-color: v-bind(bgColor);  border-radius: 0.06rem;
+  .top-text {display:inline; position: absolute; width: 400%; text-align: center;
+    font-size: .16rem; height: .2rem; top: -0.25rem; color: var(--cx-colorText0);
+  }
+  .content{position: relative; width: 100%; display: flex; align-items: center; justify-content: center;
+    color: var(--cx-colorText0);
+  }
+  .status-box{position: absolute; display: flex; justify-content: space-between; width: 100%; height: .12rem; bottom: -0.12rem;
+    .status{width: 0.12rem; height: 0.12rem; border-radius: .08rem;}
+    .un-configed{background-color: var(--cx-colorDanger3);}
+    .is-configed{background-color: var(--cx-colorText8);}
+    .default{background-color: var(--cx-colorText8);}
+    .loading{background-size:100% 100%; background-color: var(--cx-colorBg5); background-image: url('public/static/img/ui/loading.gif');  }
+    .success{background-color: var(--cx-colorSuccess3);}
+    .fail{background-color: var(--cx-colorDanger3);}
+  }
+}
+</style>
+
+<template>
+  <div :class="['biflow-icon']">
+    <span class="top-text">{{title }}</span>
+    <span class="content">
+      <i class="cx-icon cx-fi" :class="icon" style="font-size:.32rem;width:.32rem;height:.32rem;" />
+    </span>
+    <div class="status-box">
+      <div :class="['status', isConfiged ? 'is-configed' : 'un-configed']"></div>
+      <div :class="['status', status]"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+/**
+ * 组件 - Rect
+ */
+
+/**
+ * 修改记录:
+ * 24-07-24       曾淑婷          首次提交
+ */
+ 
+export default
+{
+  registerOpts: {
+    shape: cx.consts.SHAPE_ICON,
+    width: 49,
+    height: 49
+  },
+
+  inject: ['getNode'],
+
+  data()
+  {
+    return {
+      name: '',                           // 命名
+      title: '',                          // 标题
+      icon: '',                           // 图标
+      status: cx.consts.ST_DEFAULT,       // 状态
+      isConfiged: false,                  // 是否成功配置
+      bgColor: ''                         // 背景颜色
+    }
+  },
+
+  mounted()
+  {
+    // 当节点在画布上生成时做的操作
+    if (this.getNode && this.getNode instanceof Function)
+    {
+      const node = this.getNode()
+      const data = node.getData()
+
+      this.copyData(data)
+
+      node.on('change:data', ({ current }) =>
+      {
+        this.copyData(current)
+      })
+    }
+  },
+
+  methods:
+  {
+    copyData(newData)
+    {
+      if (!newData)
+        return
+
+      const keys = ['name', 'title', 'icon', 'status', 'isConfiged', 'bgColor']
+      let key
+
+      for (key of keys)
+      {
+        // eslint-disable-next-lin
+        if (cx.base.isNNull(newData[key]) && newData[key] !== this[key])
+          this[key] = newData[key]
+      }
+    }
+  }
+}
+
+</script>

package/src/plugins/bf/parts/Rect.vue

@@ -0,0 +1,98 @@
+<style scoped lang="scss">
+.biflow-rect{position: relative; width: 100%; height: 100%;background-color: v-bind(bgColor);  border-radius: 0.08rem;
+  .content{position: relative; width: 100%;height: 100%; display: flex; align-items: center; justify-content: center;color: var(--cx-colorText0);padding: 0 0.2rem  0 0.1rem;
+    .cx-icon{flex:1}
+    .top-text {display:inline;flex:4;  width: 200%; text-align: center; font-size: .16rem; height: .2rem;line-height: .2rem;  color: var(--cx-colorText0); }
+    .status-box{flex:0.8; display: flex;  flex-direction: column ;justify-content: space-around;  height: .45rem; bottom: -0.12rem;padding:0 0 0 0.1rem; border-left: 0.01rem solid snow;
+      .status{width: 0.12rem; height: 0.12rem; border-radius: .08rem;}
+      .un-configed{background-color: var(--cx-colorDanger3);}
+      .is-configed{background-color: var(--cx-colorSuccess3);}
+      .default{background-color: var(--cx-colorText8);}
+      .loading{background-size:100% 100%; background-color: var(--cx-colorBg5); background-image: url('public/static/img/ui/loading.gif');}
+      .success{background-color: var(--cx-colorSuccess3);}
+      .fail{background-color: var(--cx-colorDanger3);}
+    }
+  }
+}
+</style>
+
+<template>
+  <div :class="['biflow-rect']">
+    <div class="content">
+      <i class="cx-icon cx-fi" :class="icon" style="font-size:.32rem;width:.32rem;height:.32rem;" />
+      <span class="top-text">{{title }}</span>
+      <div class="status-box">
+        <div :class="['status', isConfiged ? 'is-configed' : 'un-configed']"></div>
+        <div :class="['status', status]"></div>
+      </div>
+  </div>
+  </div>
+</template>
+
+<script>
+/**
+ * 组件 - Rect
+ */
+
+/**
+ * 修改记录:
+ * 24-07-24       曾淑婷          首次提交
+ */
+ 
+export default
+{
+  registerOpts: {
+    shape: cx.consts.SHAPE_RECT,
+    width: 200,
+    height: 49
+  },
+
+  inject: ['getNode'],
+
+  data()
+  {
+    return {
+      name: '',                           // 命名
+      title: '',                          // 标题
+      icon: '',                           // 图标
+      status: cx.consts.ST_DEFAULT,       // 状态
+      isConfiged: false,                  // 是否成功配置
+      bgColor: ''                         // 背景颜色
+    }
+  },
+
+  mounted()
+  {
+    // 当节点在画布上生成时做的操作
+    if (this.getNode && this.getNode instanceof Function)
+    {
+      const node = this.getNode()
+      const data = node.getData()
+
+      this.copyData(data)
+
+      node.on('change:data', ({ current }) =>
+      {
+        this.copyData(current)
+      })
+    }
+  },
+
+  methods:
+  {
+    copyData(newData)
+    {
+      const keys = ['name', 'title', 'icon', 'status', 'isConfiged', 'bgColor']
+      let key
+
+      for (key of keys)
+      {
+        // eslint-disable-next-lin
+        if (cx.base.isNNull(newData[key]) && newData[key] !== this[key])
+          this[key] = newData[key]
+      }
+    }
+  }
+}
+
+</script>

package/src/plugins/bf/parts/index.js

@@ -0,0 +1,11 @@
+import Icon from './Icon.vue'
+import Rect from './Rect.vue'
+
+/**
+ * 部件导出
+ */
+export default
+[
+  Icon,
+  Rect
+]

package/src/plugins/cxMixin/IAttBase.js

@@ -0,0 +1,78 @@
+/**
+ * 修改记录:
+ * 22-06-11       张发勇          js -> vue
+ */
+
+/**
+ * cx.mixin.IAttBase
+ * 混淆类 - 属性
+ *
+ * @module      cx.mixin.IAttBase
+ * @memberof    cx.mixin
+ */
+
+export default
+{
+  /**
+   * @property {Array}       flds   字段列表
+   * @property {cx.AttBase}  attObj    属性对象
+   */
+  data()
+  {
+    return {
+      attObj: null,
+      flds: []
+    }
+  },
+
+  /**
+   * 混合方法
+   * @class
+   */
+  methods:
+  {
+    /**
+     * 取当前的输入值
+     * @method
+     * @returns {Object}
+     */
+    getInput()
+    {
+      const att = {}
+
+      for (let fld of this.flds)
+        // eslint-disable-next-line
+        att[fld.colname] = fld.value == null || fld.value == undefined ? '' : fld.value
+
+      return att
+    },
+  
+    /**
+     * 取属性是否有改变
+     * @method
+     * @param   {Object}    att       属性对象
+     * @returns {Boolean}
+     */
+    changed(att)
+    {
+      return this.attObj.changed(att)
+    },
+
+    /**
+     * 数据校验
+     * @method
+     * @param   {Array}     [flds]    需要验证的字段
+     */
+    valid(flds)
+    {
+      for (let fld of (flds || this.flds))
+      {
+        if (!fld.disped)
+          continue
+        if (!this.$valid(fld))
+          return false
+      }
+      return true
+    }
+  }
+}

package/src/plugins/cxMixin/IAttDlg.js

@@ -0,0 +1,45 @@
+/**
+ * 修改记录:
+ * 23-08-20       张发勇          首次提交
+ */
+
+/**
+ * cx.mixin.IAttDlg
+ * 混淆类 - 属性
+ *
+ * @module      cx.mixin.IAttDlg
+ * @memberof    cx.mixin
+ */
+
+export default
+{
+  /**
+    * 混合方法
+    * @class
+    */
+  methods:
+  {
+    /**
+     * 去属性列数
+     * @method
+     * @returns {Number}
+     */
+    getColNum()
+    {
+      return this.params.attDlg && this.params.attDlg.colNum !== undefined ? this.params.attDlg.colNum : undefined
+    },
+
+    /**
+     * 去属性列数
+     * @method
+     * @param   {Object}    overDef       覆盖插件运行的参数
+     * @returns {Number}
+     */
+    getUiCfg(overDef = {})
+    {
+      if (this.params.attDlg && this.params.attDlg.uicfg !== undefined)
+        overDef.uicfg = this.params.attDlg.uicfg
+      return overDef
+    }
+  }
+}

package/src/plugins/cxMixin/IAttProc.js

@@ -0,0 +1,98 @@
+/**
+ * 修改记录:
+ * 22-06-11       张发勇          js -> vue
+ */
+
+/**
+ * cx.mixin.IAttProc
+ * 混淆类 - 根据属性发起流程
+ *
+ * @module      cx.mixin.IAttProc
+ * @memberof    cx.mixin
+ */
+
+export default
+{
+  /**
+   * 混合方法
+   * @class
+   */
+  methods:
+  {
+    /**
+     * 发起流程
+     * @method
+     */
+    onProc()
+    {
+      this.startProc(98, 123, this.selected)
+    },
+
+    /**
+     * 发起流程
+     * @method
+     * @param   {Number}      major           主类型
+     * @param   {Number}      minor           子类型
+     * @param   {Object}      curAtt          当前选择的属性
+     */
+    async startProc(major, minor, curAtt)
+    {
+      const entity = $g.entity.byMajMin(major, minor)
+      const proc = cx.array.get1($g.init.procs, { tabname: entity.name })
+      const attObj = await $g.attFactory.byMajMin(major, minor)
+      const att = attObj.getDefVal()
+      let addAtt
+
+      att.reason = proc.namec
+
+      this.getAttProc(curAtt, att)
+
+      const onAdd = (att) =>
+      {
+        addAtt = att
+        this.onProcAdd(curAtt, addAtt)
+      }
+
+      const onStart = (id) =>
+      {
+        this.onProcStart(curAtt, addAtt)
+      }
+
+      cx.bpm.startWithTmpl(proc, 'ProcStart',
+        {
+          att,
+          onAdd,
+          onStart
+        })
+    },
+
+    /**
+     * 根据当前选择的属性，得到发起流程的信息
+     * @param   {Object}      selAtt          当前选择的属性
+     * @param   {Object}      procAtt         发起流程的信息
+     */
+    getAttProc(selAtt, procAtt)
+    {
+    },
+
+    /**
+     * 回调函数-添加数据之后
+     * @method
+     * @param   {Object}      selAtt          当前选择的属性
+     * @param   {Object}      procAtt         发起流程的信息
+     */
+    onProcAdd(selAtt, addedAtt)
+    {
+    },
+
+    /**
+     * 回调函数-发起流程之后
+     * @method
+     * @param   {Object}      selAtt          当前选择的属性
+     * @param   {Object}      procAtt         发起流程的信息
+     */
+    onProcStart(selAtt, addedAtt)
+    {
+    }
+  }
+}

package/src/plugins/cxMixin/IComBase.js

@@ -0,0 +1,42 @@
+/**
+ * 修改记录:
+ * 22-06-11       张发勇          js -> vue
+ * 23-09-21       张清            解决不同dialogs容器间对话框显示层级错误问题
+ * 23-11-11       张发勇          增加组件标识- object-id
+ */
+
+/**
+ * cx.mixin.IComBase
+ * 混淆类 - 组件基类
+ * 注意：会在ui/config中size的初始化中修改default值
+ *
+ * @module      cx.mixin.IComBase
+ * @memberof    cx.mixin
+ *
+ * @prop    {String}      [size = default]        组件size (small / default / large)
+ * @prop    {Number}      [object-id]             组件标识
+ */
+
+const dlgList = []
+
+export default
+{
+  props:
+  {
+    size: { type: String, default: 'default' },
+    objectId: { type: Number, default: undefined }
+  },
+
+  methods:
+  {
+    /**
+     * 获取dialogs容器中的对话框对象
+     * @method
+     * @returns {Array}                对话框序列
+     */
+    getDlgList()
+    {
+      return dlgList
+    }
+  }
+}

package/src/plugins/cxMixin/IContextMenu.js

@@ -0,0 +1,74 @@
+/**
+ * 混淆类 - 右边键
+ */
+
+/**
+ * 修改记录
+ * 23-12-08       张发勇          首次提交
+ */
+export default
+{
+  methods:
+  {
+    /**
+     * 取右边键对象(cx-r-menu)
+     * @method
+     * @returns {Object}
+     */
+    getRMenu()
+    {
+      return this.$refs.rmenu
+    },
+
+    /**
+     * 提供右键的数据
+     * @method
+     * @returns {Object}            { menus: Array, curNode: Object, seletion: Array }
+     */
+    getRMenuData()
+    {
+      return { rmenus: null, curNode: null, selection: null }
+    },
+
+    /**
+     * 右边键弹出之前的操作
+     * @method
+     */
+    beforeContextMenu()
+    {
+    },
+
+    /**
+     * 右键菜单
+     * @method
+     * @param   {Object}    event         事件
+     */
+    onConextMenu(event)
+    {
+      this.hideRMenu(event)
+      this.beforeContextMenu()
+      this.showRMenu(event)
+    },
+  
+    /**
+     * 显示右边键菜单
+     * @method
+     * @param   {Object}    event           事件对象
+     */
+    showRMenu(event)
+    {
+      this.getRMenu().show(event)
+    },
+  
+    /**
+     * 隐藏右边键菜单
+     * @method
+     * @param   {Object}    event           事件对象
+     */
+    hideRMenu(event)
+    {
+      this.getRMenu().hide(event)
+    }
+  }
+}
+