zbcx_ckyc 1.0.0

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

@@ -0,0 +1,161 @@
+<style lang="scss" scoped>
+.cx-table{
+  &.el-table{width: 100%; overflow: auto; text-align: center;
+    :deep(.el-table--fit){margin: 0 auto;}
+    :deep(.el-input__wrapper){width: 100%;}
+    :deep(.cell){text-overflow: unset;}
+  }
+}
+</style>
+
+<template>
+  <el-table :class="['cx-table', {'inverse': inverse}]" style="width:100%; height:100%; overflow:auto" border
+    :size="size"
+    :data="data"
+  >
+    <el-table-column v-for="col in cols" header-align="center"
+      v-bind="col.elAtts || {}"
+      :key="col.colname"
+      :prop="col.colname"
+      :label="col.title"
+      :min-width="fitWidth ? col.width : ''"
+      :width="fitWidth ? '' : col.width"
+    >
+      <template #default="scope">
+        <el-input type="text"
+          v-if="!col.type || col.type=='textbox'"
+          v-model="scope.row[col.colname]"
+          :size="size"
+          :readonly="!col.editable"
+          :style="style"
+          @change="onChange"
+        >
+        </el-input>
+        <el-input type="textarea"
+          v-else-if="col.type=='textarea'"
+          v-model="scope.row[col.colname]"
+          :size="size"
+          :readonly="!col.editable"
+          :rows="1"
+          :style="style"
+          @change="onChange"
+        >
+        </el-input>
+        <el-select clearable
+          v-else-if="col.type=='select'"
+          v-model="scope.row[col.colname]"
+          :size="size"
+          :style="style"
+          :disabled="!col.editable"
+          @change="onChange"
+        >
+          <el-option v-for="opt in col.options"
+            :key="opt.value"
+            :value="opt.value"
+            :label="opt.label"
+          />
+        </el-select>
+        <el-date-picker type="date" align="left"
+          v-else-if="col.type=='date'"
+          v-model="scope.row[col.colname]"
+          :size="size"
+          :readonly="!col.editable"
+          :format="dFmt"
+          :value-format="dFmtDb"
+          :style="style"
+          @change="onChange"
+        >
+        </el-date-picker>
+        <el-date-picker type="datetime" align="left"
+          v-else-if="col.type=='datetime'"
+          v-model="scope.row[col.colname]"
+          :size="size"
+          :readonly="!col.editable"
+          :format="dtFmt"
+          :value-format="dtFmtDb"
+          :style="style"
+          @change="onChange"
+        >
+        </el-date-picker>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+/**
+ * 组件 - 编辑表格
+ *
+ * 调用说明：
+ * @prop  {Array.<col>}   cols                    列数组
+ *
+ * @event change                                  值发生变化
+ *
+ * 参数说明:
+ * @param {Object}        col                     列信息
+ * @param {String}        col.colname             列名
+ * @param {String}        col.title               显示标题
+ * @param {Number}        [col.type = textbox]    显示类型 (textbox / textarea / select / date / datetime )
+ * @param {Boolean}       [col.editable = true]   是否可编辑
+ * @param {Array}         [col.options]           下拉选项 - [{value: String, label: String}]
+ */
+
+// sortable, elAtts, width
+
+
+/**
+ * 修改记录:
+ * 24-08-19       张发勇          首次提交
+ */
+
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  props:
+  {
+    cols: { type: Array, required: true },
+    data: { type: Array, required: true },
+    fitWidth: { type: Boolean, default: true },
+    inverse: { type: Boolean, default: false }
+  },
+
+  data()
+  {
+    return {
+      dFmt: cx.config.dateFormat,
+      dtFmt: cx.config.datetimeFormat,
+      dFmtDb: cx.config.dateFmtDb,
+      dtFmtDb: cx.config.datetimeFmtDb
+    }
+  },
+
+  computed:
+  {
+    style()
+    {
+      return 'width:100%'
+    }
+  },
+
+  emits: ['change'],
+
+  created()
+  {
+    const _cols = this.cols
+    for (let col of _cols)
+    {
+      // editable 默认值为 true
+      if (cx.base.isNull(col.editable))
+        col.editable = true
+    }
+  },
+
+  methods:
+  {
+    onChange(...args)
+    {
+      this.$emit('change', ...args)
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,105 @@
+<style lang="scss" scoped>
+</style>
+
+<template>
+  <cx-tree-cfg ref="tree" class="cx-org-usr-tree"
+    :size="size"
+    :node="node"
+    :vals="vals"
+    :tree-atts="treeAtts"
+  />
+
+</template>
+
+<script>
+/**
+ * 组件 - 展示完整的 Bi-Flow 结点树
+ *
+ * 调用说明:
+ * @prop    {String}                  [size = default]        UI 规格
+ * @prop    {Boolean}                 [show-filter = false]   是否显示过滤输入框
+ * @prop    {Object}                  [tree-atts]             映射 cx-tree 组件的属性
+ */
+
+export default
+{
+  mixins: [cx.mixin.IComBase],
+  props:
+  {
+    node: { type: String, default: 'BfNode' },
+    vals: { type: Object, default: () => ({ NodeDir: 'BfNode' }) }
+  },
+
+  data()
+  {
+    return {
+      treeAtts:
+      {
+        showFilter: true,           // 显示过滤
+        elAtts:
+        {
+          draggable: true,
+          'allow-drag': (node) => this.onAllowDrag(node),
+          'allow-drop': (draggingNode, dropNode, type) => this.onAllowDrop(draggingNode, dropNode, type)
+        },
+        elListeners:
+        {
+          'node-drag-end': (before, after, inner, event) => this.onNodeDrop(before, after, inner, event)
+        }
+      }
+    }
+  },
+
+  created()
+  {
+    // 补充属性
+    this.biFlow = null
+  },
+
+  methods:
+  {
+    // 拖拽时判定目标节点能否成为拖动目标位置
+    onAllowDrop(draggingNode, dropNode, type)
+    {
+      return false
+    },
+
+    // 判断节点是否能被拖拽
+    onAllowDrag(node)
+    {
+      if (this.biFlow.running)
+        return false
+
+      return node.isLeaf
+    },
+
+    // 拖拽节点结束
+    onNodeDrop(before, after, inner, event)
+    {
+      this.onDragEnd(event, before.data)
+    },
+
+    // 拖拽放下
+    onDragEnd(evt, item)
+    {
+      const self = this
+
+      // 判断是否在画布上
+      const targetEl = document.elementFromPoint(evt.x, evt.y)
+      if (!targetEl.classList.contains('x6-graph-svg'))
+        return
+
+      self.biFlow.addNodeDrop(evt, item)
+    },
+
+    /**
+     * 设置 BI流程图 对象
+     * @method
+     */
+    setBiFlow(biFlow)
+    {
+      this.biFlow = biFlow
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,95 @@
+<style lang="scss" scoped>
+</style>
+
+<template>
+  <component
+    :is="cmdCom"
+    :size="size"
+    @ok-click="onOk"
+    @cancel-click="onCancel"
+  >
+    <template #preappend>
+      <cx-button type="primary"
+        :size="size"
+        :icon='icon.refresh'
+        :el-atts="button"
+        @click='onGetFLds'
+      >
+        {{$locBf('getFlds')}}
+      </cx-button>
+      <cx-button
+        :size="size"
+        :icon="icon.view"
+        :el-atts="button"
+        :disabled="disabledPreview"
+        @click="onPreview"
+      >
+        {{$locBf('preview')}}
+      </cx-button>
+    </template>
+  </component>
+</template>
+
+<script>
+/**
+ * 组件 - 插件Cmd(BiFlow)
+ */
+
+/**
+ * 修改记录:
+ * 24-08-05       张发勇          首次提交
+ */
+
+export default
+{
+  mixins: [cx.mixin.IComBase],
+
+  props:
+  {
+    cmdCom: { type: String, default: 'cx-cmd-close' },
+    disabledPreview: { type: Boolean, default: false }
+  },
+
+  data()
+  {
+    return {
+      icon: cx.config.icon,
+      button: cx.config.button
+    }
+  },
+
+  emits: ['ok-click', 'cancel-click', 'getflds-click', 'preview-click'],
+
+  methods:
+  {
+    // 确定
+    onOk()
+    {
+      this.$emit('ok-click')
+    },
+
+    // 关闭
+    onCancel()
+    {
+      this.$emit('cancel-click')
+    },
+
+    // 取字段
+    onGetFLds()
+    {
+      this.$emit('getflds-click')
+    },
+
+    // 预览数据
+    onPreview()
+    {
+      this.$emit('preview-click')
+    },
+
+    locFld(key)
+    {
+      return cx.bf.core.locFld(key)
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,68 @@
+<style lang="scss" scoped>
+</style>
+
+<template>
+  <EditTable class="cx-bfrunparams"
+    :size="size"
+    :cols="cols"
+    :data="data"
+    @change="onChange"
+  />
+</template>
+
+<script>
+/**
+ * 组件 - 运行参数(BiFlow)
+ */
+
+/**
+ * 修改记录:
+ * 24-08-21       张发勇          首次提交
+ */
+
+import EditTable from './EditTable'
+
+export default
+{
+  components: { EditTable },
+  mixins: [cx.mixin.IComBase],
+  props:
+  {
+    data: { type: Array, required: true }
+  },
+  data()
+  {
+    return {
+      cols:
+      [
+        { colname: 'namec', title: '参数名称' },
+        { colname: 'value', title: '值' }
+      ]
+    }
+  },
+
+  created()
+  {
+    // 增加一个空行，如果需要的话
+    this.onChange()
+  },
+
+  methods:
+  {
+    onChange()
+    {
+      // 检查所有的行都有数据
+      const flds_ = this.data
+      let fld, allIs = 1
+
+      for (fld of flds_)
+      {
+        if (!fld.param)
+          allIs = 0
+      }
+      if (allIs)
+        flds_.push({ param: '', value: '' })
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,60 @@
+<style lang="scss" scoped>
+</style>
+
+<template>
+  <EditTable class="cx-bftabcombine"
+    :size="size"
+    :cols="cols"
+    :data="flds"
+  />
+</template>
+
+<script>
+/**
+ * 组件 - 表聚合(BiFlow)
+ */
+
+/**
+ * 修改记录:
+ * 24-08-17       张发勇          首次提交
+ */
+
+import EditTable from './EditTable'
+
+export default
+{
+  components: { EditTable },
+  mixins: [cx.mixin.IComBase],
+  props:
+  {
+    sources: { type: Array, required: true },
+    flds: { type: Array, required: true }
+  },
+
+  data()
+  {
+    return {
+      cols:
+      [
+        { colname: 'name', type: 'select', options: this.sources, editable: false },
+        { colname: 'out' }
+      ]
+    }
+  },
+
+  created()
+  {
+    // 补全 cols
+    for (let col of this.cols)
+      col.title = this.loc(col.colname)
+  },
+
+  methods:
+  {
+    loc(key)
+    {
+      return this.$loc('bf.TabCombine.' + key)
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,69 @@
+<style lang="scss" scoped>
+</style>
+
+<template>
+  <EditTable class="cx-bftabjoin"
+    :size="size"
+    :cols="cols"
+    :data="flds"
+  />
+</template>
+
+<script>
+/**
+ * 组件 - 表连接(BiFlow)
+ */
+
+/**
+ * 修改记录:
+ * 24-08-04       张发勇          首次提交
+ */
+
+import EditTable from './EditTable'
+
+export default
+{
+  components: { EditTable },
+  mixins: [cx.mixin.IComBase],
+  props:
+  {
+    sources: { type: Array, required: true },
+    flds: { type: Array, required: true }
+  },
+
+  data()
+  {
+    return {
+      cols:
+      [
+        { colname: 'table', type: 'select', options: [], editable: false },
+        { colname: 'source', type: 'select', options: this.sources },
+        { colname: 'fld' }
+      ]
+    }
+  },
+
+  created()
+  {
+    let col, i
+
+    // 补全 cols
+    for (col of this.cols)
+      col.title = this.loc(col.colname)
+
+    // 补全 主表 / 附表
+    const tables = ['main', 'join']
+    col = this.cols[0]
+    for (i of tables)
+      col.options.push({ value: i, label: this.loc(i) })
+  },
+
+  methods:
+  {
+    loc(key)
+    {
+      return this.$loc('bf.TabJoin.' + key)
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,53 @@
+<style lang="scss" scoped>
+</style>
+
+<template>
+  <EditTable class="cx-bfvalformat"
+    :size="size"
+    :cols="cols"
+    :data="flds"
+  />
+</template>
+
+<script>
+/**
+ * 组件 - 数据格式化(BiFlow)
+ */
+
+/**
+ * 修改记录:
+ * 24-08-05       张发勇          首次提交
+ */
+
+import EditTable from './EditTable'
+
+export default
+{
+  components: { EditTable },
+  mixins: [cx.mixin.IComBase],
+  props:
+  {
+    flds: { type: Array, required: true }
+  },
+
+  data()
+  {
+    return {
+      cols:
+      [
+        { colname: 'colname', editable: false },
+        { colname: 'title', editable: false },
+        { colname: 'type', type: 'select', editable: false, options: cx.bf.core.fldTypes() },
+        { colname: 'format' }
+      ]
+    }
+  },
+
+  created()
+  {
+    // 补全 cols
+    for (let col of this.cols)
+      col.title = cx.bf.core.locFld(col.colname)
+  }
+}
+</script>

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

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