@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/src/components/MenuTreeFind.vue

@@ -0,0 +1,128 @@
+<script>
+// @jsx-vue3（T30 JSX 批：Vue3 JSX 语法，@vue/babel-plugin-jsx 编译）
+
+import TreeFind from '@epxing/components/src/entity-tree-find'
+
+export default {
+  name: 'epx-menu-tree-find',
+  extends: TreeFind,
+  methods: {
+    nodeClick (item) {
+      const { onlySelectLeaf } = this.fieldConfig
+      if (onlySelectLeaf && !item.leaf) return
+      if (!item.id) return
+      if (item.disabled) return
+      const result = {
+        id: item[this.nodeKey],
+        name: item.text || item.name
+      }
+      this.change(result)
+    },
+    nodeCheckChange (item) {
+      if (!this.multiple) return
+      const checkNodes = this.$refs.tree.getCheckedNodes()
+      this.selection = [...checkNodes]
+      const result = this.selection.map(item => ({ id: item[this.nodeKey], name: item.text || item.name }))
+      this.change(result)
+    },
+    getMenu () {
+      return this.$http.getTree({
+        action: 'getSystemAllMenu',
+        entityId: 'FM_MODULE',
+        systemId: this.SYSTEM
+      })
+    },
+    getData () {
+      let { roleId, role } = this.$route.params
+      if (!roleId) {
+        const { roles = {} } = this.user
+        const currentRole = Object.entries(roles).find(([key, item]) => item.CODE === role) || []
+        roleId = currentRole[0]
+      }
+
+      // 获取
+      this.getMenu()
+        .then((menu) => {
+          this.treeData = menu.map(item => ({ ...item, disabled: true }))
+        })
+    },
+    treeNodeRender (h, { node, data, store }) {
+      return (
+        <span class="tree-node" >
+          <i class={data.children && data.children.length > 0 ? 'el-icon-folder' : 'el-icon-document'}></i>
+          <span>{ data.text || data.NAME }</span>
+          { data.TERMINAL === 'pc' && <el-tag class="terminal-tag" size="small">PC</el-tag> }
+          { data.TERMINAL === 'move' && <el-tag class="terminal-tag" size="small">移动</el-tag> }
+        </span>
+      )
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+// ⚠️ 下面这些选择器够的是**父组件 EntityTreeFind 的 DOM**，改父组件类名时必须同步改这里。
+// 本组件纯 script `extends` 但自带 scoped，实测 `MenuTreeFind.__scopeId = "data-v-55d6004f"`，
+// 所以本块是活的、父组件那份是死的。2026-09-09 父组件 scoped 搬进 BEM 块并改名，这里同步。
+// 详细缘由见 DeptFind.vue 同位置注释。
+.epx-entity-tree-find {
+
+    :deep(.el-tree-node__content) {
+      height: 30px;
+    }
+    :deep(.tree-node) {
+      line-height: 32px;
+    }
+    :deep(.tree-node >i) {
+      @include font_color_primary;
+      margin-right: 8px;
+      font-size: var(--epx-font-size-l);
+    }
+    :deep(.terminal-tag) {
+      margin-left: 6px;
+    }
+
+}
+.epx-entity-tree-find__search-container {
+  display: flex;
+  align-items: center;
+}
+.epx-entity-tree-find__switch-mode {
+  margin-left: 14px;
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
+  border-radius: var(--epx-radius-base);
+  border: 1px solid;
+  @include border_color_primary;
+  font-size: var(--epx-font-size-base);
+  line-height: 24px;
+  text-align: center;
+  @include font_color_primary;
+  cursor: pointer;
+  position: relative;
+  &.is-close {
+    color: var(--epx-text-secondary);
+    border-color: var(--epx-border);
+    &::after {
+      content: "";
+      display: block;
+      position: absolute;
+      left: -3px;
+      top: 50%;
+      width:30px;
+      height: 1px;
+      background: var(--epx-border);
+      transform: rotate(45deg);
+    }
+  }
+}
+.epx-entity-tree-find__only-allow-select-leaf {
+
+    :deep(.el-tree-node__expand-icon:not(.is-leaf) + .el-checkbox) {
+        display: none;
+    }
+
+}
+
+</style>

package/src/components/MessageList.vue

@@ -0,0 +1,198 @@
+<script>
+// @jsx-vue3（T30 JSX 批：Vue3 JSX 语法，@vue/babel-plugin-jsx 编译）
+
+import EntityList from '@epxing/components/src/entity-list'
+export default {
+  name: 'epx-message-list',
+  extends: EntityList,
+  data () {
+    return {
+      renderComponents: [this.renderSearch, this.renderTable]
+    }
+  },
+  computed: {
+    formatData () {
+      return this.data.map(item => {
+        const node = document.createElement('div')
+        node.innerHTML = item.CONTENT
+        item.formatContent = node.innerText.trim()
+        return item
+      })
+    }
+  },
+  methods: {
+    // 移动端简单分页（替代 van-pagination mode="simple"：上一页 / 当前页/总页数 / 下一页）。
+    //
+    // ★ 顺带修掉一个**从来没工作过**的缺陷：原写法只有 `v-model={this.currentPage}`，
+    // 而 EntityList 的 watch 里**没有 currentPage**（只 watch showFlag / params /
+    // searchKeyParams / checkOptionDialogVisible / checkEntityWay，已逐条核实）
+    // ⇒ 点下一页只改了页码数字、**永远不会去取数**。PC 分支走的是 onCurrentChange，
+    // 所以这个坑只在移动端。这里直接调 currentChange(page)——与 PC 分支同一个 handler。
+    renderMobilePagination () {
+      const pageCount = Math.max(1, Math.ceil(this.total / this.pageSize))
+      const go = page => {
+        if (page < 1 || page > pageCount || page === this.currentPage) return
+        this.currentPage = page
+        this.currentChange(page)
+      }
+      return (
+        <div class="m-pagination__simple">
+          <button
+            class="m-pagination__btn"
+            disabled={this.currentPage <= 1}
+            onClick={() => go(this.currentPage - 1)}
+          ><i class="epx-icon el-icon-arrow-left"></i></button>
+          <span class="m-pagination__text">{this.currentPage}/{pageCount}</span>
+          <button
+            class="m-pagination__btn"
+            disabled={this.currentPage >= pageCount}
+            onClick={() => go(this.currentPage + 1)}
+          ><i class="epx-icon el-icon-arrow-right"></i></button>
+        </div>
+      )
+    },
+    renderTable () {
+      const { pageFlag } = this.$configs
+      if (this.formatData.length === 0) {
+        return (
+          <div class="null">
+            <i class="null-icon epx-icon-color-kong"></i>
+          </div>
+        )
+      }
+      return (
+        <div>
+          <ul class="message-list" >
+            {
+              this.formatData.map(item => (
+                <li class="message-item" onClick={this.viewEntity.bind(this, {}, item)} key={item.ID}>
+                  <p class="message-title">
+                    <span>{item.SUBJECT}</span>
+                    {item.READ_FLAG !== '1' && <el-tag class="message-unread" size="small" type="danger">未读</el-tag>}
+                  </p>
+                  <p class="message-content" >{item.formatContent}</p>
+                  <p class="message-desc"><span>{item.SEND_DATETIME}</span><span>{item['SENDER#']}</span></p>
+                </li>
+              ))
+            }
+          </ul>
+          {
+            pageFlag && (
+              <div class={['pagination', { 'm-pagination': this.$isMobile }]}>
+                {
+                  this.$isMobile ? (
+                    this.renderMobilePagination()
+                  ) : (
+                    <el-pagination
+                      v-loading={this.loading}
+                      currentPage={this.currentPage}
+                      pageSizes={[5, 10, 15, 20, 30, 50, 100, 200]}
+                      pageSize={this.pageSize}
+                      layout="prev, pager, next, jumper, sizes,total"
+                      total={this.total}
+                      onSizeChange={this.sizeChange}
+                      onCurrentChange={this.currentChange}
+                    >
+                    </el-pagination>
+                  )
+                }
+              </div>
+            )
+          }
+        </div>
+      )
+    }
+  }
+
+}
+</script>
+
+<style scoped lang="scss">
+.message-list {
+  background: var(--epx-bg-card);
+}
+.message-item {
+  padding: 24px;
+  border-bottom: 1px solid var(--epx-border);
+  cursor: pointer;
+  position: relative;
+}
+.message-title {
+  color: var(--epx-text);
+  font-size: var(--epx-font-size-l);
+  margin-bottom: 14px;
+  font-weight: 600;
+  line-height: 1;
+}
+.message-unread {
+  font-weight: 500;
+  margin-left: 8px;
+}
+.message-content {
+  color:var(--epx-text);
+  line-height: 1.1;
+  white-space: nowrap;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-bottom: 10px;
+}
+.message-desc {
+  line-height: 1;
+  color: var(--epx-text);
+  span {
+    margin-right: 30px;
+  }
+}
+.pagination {
+  background: var(--epx-bg-card);
+  padding: 16px 0;
+
+    :deep(.el-select) {
+      margin-left: 24px;
+    }
+    :deep(.el-pagination__total) {
+      float: right;
+    }
+
+}
+.m-pagination {
+  background: none;
+}
+.m-pagination__simple {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--epx-space-3, 16px);
+}
+.m-pagination__btn {
+  // 触控尺度：分页箭头是移动端的小目标，按移动轴的最小触控高度给
+  min-width: var(--epx-touch-min, 44px);
+  min-height: var(--epx-touch-min, 44px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: none;
+  color: var(--epx-text);
+  font-size: var(--epx-icon-size, 16px);
+  cursor: pointer;
+
+  &:disabled {
+    color: var(--epx-text-secondary);
+    opacity: .5;
+    cursor: default;
+  }
+}
+.m-pagination__text {
+  color: var(--epx-text-secondary);
+  font-size: var(--epx-font-size-s);
+}
+.null {
+  text-align: center;
+}
+.null-icon {
+  font-size: 140px;
+  text-align: center;
+}
+</style>

package/src/components/MessageRuleFormItem.vue

@@ -0,0 +1,60 @@
+<script>
+import AddFormItemVue from '@epxing/components/src/add-form-item'
+import { evalWith } from '@epxing/utils/src/eval-with'
+export default {
+  name: 'epx-message-rule-form-item',
+  extends: AddFormItemVue,
+  watch: {
+    'data.ENTITY_ID': {
+      handler (v) {
+        this.changeScope()
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    getFieldsConfigs () {
+      const { fields, fieldConfigs = {} } = this.$configs
+      const { fieldConfigs: routeFieldConfigs = {} } = this.$query
+      this.$FieldFactory.createFields({
+        defaultFieldConfigs: { ...routeFieldConfigs, ...fieldConfigs },
+        meta: this.$meta,
+        metaId: this.$metaId,
+        pageType: this.pageType || this.getPageType,
+        fields: fields
+      })
+        .then(data => {
+          this.fieldsConfigs = [...data]
+          this.changeScope()
+          data && data.forEach(item => {
+            if ((!this.formData[item.attriName] || item.state === 'HIDDEN') && item.value) {
+              const _this = this
+              // 设置字段默认值
+              const value = item.value.replace(/\$\[(.+)\]/, (match, key) => {
+                try {
+                  return evalWith(`_this.${key}`, { _this }) || evalWith(`_this.$query.${key}`, { _this }) || evalWith(`_this.$tab.${key}`, { _this }) || evalWith(`_this.$route.query.${key}`, { _this }) || ''
+                } catch (error) {
+                  return item.value
+                }
+              })
+              this.formData[item.attriName] = value
+            }
+          })
+        })
+    },
+    changeScope () {
+      const { ENTITY_ID } = this.data
+      const scopeIndex = this.fieldsConfigs.findIndex(item => item.attriName === 'SCOPE')
+      if (scopeIndex !== -1) {
+        this.fieldsConfigs.splice(scopeIndex, 1, { ...this.fieldsConfigs[scopeIndex], metaId: ENTITY_ID })
+      }
+      const ruleIndex = this.fieldsConfigs.findIndex(item => item.attriName === 'CONDITION')
+      if (ruleIndex !== -1) {
+        this.fieldsConfigs.splice(ruleIndex, 1, { ...this.fieldsConfigs[ruleIndex], metaId: ENTITY_ID })
+      }
+    }
+  },
+  created () {
+  }
+}
+</script>

package/src/components/MessageRuleReceiverFormItem.vue

@@ -0,0 +1,179 @@
+
+<template>
+  <div>
+    <div class="form">
+      <p class="params-form__item">提醒对象：</p>
+      <div class="form__item">
+        <epx-form-scope class="form__item--scope" v-model="data.SCOPE" :fieldConfigs="{attriName:'SCOPE', attriLabel: '提醒对象', state: 'EDIT', dataType: 'scope', metaId: 'FM_USER', modeType: ['FIXED_VALUE', 'FIELD_VALUE'], fieldTree: treeFieldStore }"></epx-form-scope>
+      </div>
+    </div>
+    <epx-table-form v-if="fieldsConfigs.length>0" class="form-content" ref="form" :metaId="$metaId" :fieldsConfigs="fieldsConfigs" v-model="data" :column="column"></epx-table-form>
+    <div v-if="params.length>0">
+      <p class="params-form__item">动态参数：</p>
+      <ul class="param-list">
+        <li class="param-item" v-for="(param, index) in params" :key="param.code">
+          <label class="param-label" for="">{{param.name}}：</label>
+          <div>
+            <el-radio-group v-model="param.type" @change="setParamValue(index,'')">
+              <el-radio label="value" value="value">固定值</el-radio>
+              <el-radio label="field" value="field">字段值</el-radio>
+            </el-radio-group>
+            <el-input size="default" class="param-input" v-if="param.type==='value'" placeholder="请输入" :model-value="param.value" @update:model-value="v=>setParamValue(index,v )"></el-input>
+            <el-popover
+              width="200"
+              trigger="click"
+              v-if="param.type==='field'"
+            >
+              <template v-slot:reference><el-input size="default" class="param-input" placeholder="请选择" :model-value="getFieldName(param.value)"></el-input></template>
+              <el-tree
+                :style="{maxHeight: '300px', overflow: 'auto'}"
+                :data="treeFieldStore"
+                :props="{
+                  children: 'children',
+                  label: 'text'
+                }"
+              >
+                <template v-slot="{node, data}"><span v-html="node.label" @click="clickField(index, data)"></span></template>
+              </el-tree>
+            </el-popover>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script>
+import AddFormItemVue from '@epxing/components/src/add-form-item'
+export default {
+  name: 'epx-message-rule-receiver-form-item',
+  extends: AddFormItemVue,
+  data () {
+    return {
+      treeFieldStore: [],
+      params: [],
+      ruleEntityId: ''
+    }
+  },
+  computed: {
+    getFieldName () {
+      return v => {
+        if (v) {
+          for (let i = 0; i < this.treeFieldStore.length; i++) {
+            const fieldStore = this.treeFieldStore[i]
+            const item = fieldStore.children.find(item => `#{${item.code.replace(/\./g, '|')}}` === v)
+            if (item) return item.text
+          }
+        }
+        return v || ''
+      }
+    }
+  },
+  watch: {
+    'data.TEMPLATE': {
+      handler (v) {
+        if (v) {
+          this.showParams = true
+          this.getParams(v)
+        } else {
+          this.showParams = false
+        }
+      },
+      immediate: true
+
+    },
+    // Vue3 起浅层 watcher 不响应 push/splice，而这个数组的**唯一**编辑入口 setParamValue 用的正是
+    // splice；不加 deep 就是「用户填的动态参数值全丢，存库的 PARAM 停留在加载时的旧值」。
+    // formData.PARAM 也只有这里一处写点，没有别的兜底路径。
+    params: {
+      deep: 1,
+      handler (v) {
+        const params = {}
+        v.forEach(item => {
+          params[item.code] = item.value
+        })
+        this.formData.PARAM = JSON.stringify(params)
+      }
+    }
+  },
+  methods: {
+    getEntityField () {
+      this.$http.get({
+        entityId: 'FM_MESSAGE_RULE',
+        id: this.$query.parentId || this.formData.RULE
+      })
+        .then(data => {
+          if (data.data) {
+            const { ENTITY_ID } = data.data
+            this.ruleEntityId = ENTITY_ID
+            this.$http.entityFieldTreeStore({
+              metaId: ENTITY_ID,
+              allSub: true,
+              node: 'root'
+            })
+              .then(data => {
+                // eslint-disable-next-line no-eval
+                const treeField = eval('(' + data + ')')
+                this.treeFieldStore = treeField
+              })
+          }
+        })
+    },
+    getParams (v) {
+      this.$http.list({
+        entityId: 'FM_MESSAGE_PARAM',
+        'scope.TEMPLATE': v
+      })
+        .then(data => {
+          const { PARAM = '{}' } = this.formData
+          const param = JSON.parse(PARAM)
+          this.params = data.entitys.filter(item => item.CODE !== 'userId').map(item => ({ code: item.CODE, name: item.NAME, type: /#\{(.+)\}/.test(param[item.CODE]) ? 'field' : 'value', value: param[item.CODE] }))
+        })
+    },
+    setParamValue (index, v) {
+      this.params.splice(index, 1, { ...this.params[index], value: v })
+    },
+    clickField (index, data) {
+      if (data.leaf) this.setParamValue(index, `#{${data.code.replace(/\./g, '|')}}`)
+    }
+  },
+  created () {
+    this.getEntityField()
+  }
+}
+</script>
+
+<style scoped lang="scss" >
+.form {
+  display: flex;
+}
+.form__item {
+  flex: 1;
+}
+.form__item--scope {
+
+    & :deep(> div) {
+      width: 100%;
+    }
+
+}
+.params-form__item {
+  width: 120px;
+  text-align: right;
+  margin: 20px 0  ;
+  margin-right: 8px;
+  flex-shrink: 0;
+}
+.param-item {
+  display: flex;
+  margin: 20px 0;
+}
+.param-input {
+  display: block;
+  width: 220px;
+  margin: 8px 0;
+}
+.param-label {
+    width: 120px;
+  text-align: right;
+}
+</style>