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

package/src/base/ComponentParamsTree.vue

@@ -0,0 +1,310 @@
+<template>
+  <div class="container" @click="showPopover=null">
+    <div class="tree-list">
+      <div class="tree-header">功能模块</div>
+      <div class="opera">
+        <!-- 按钮组 -->
+        <div class="button-group">
+           <el-button class="tree-button" type="primary" v-for="operate in operates" :key="operate.text" size="small" @click="$handler(operate)">{{operate.text}}</el-button>
+          <!-- <el-button type="primary" size="small" @click="add">新增</el-button>
+          <el-button type="primary" size="small"  @click="editEntity">编辑</el-button>
+          <el-button type="primary" size="small"  @click="removeEntity">删除</el-button> -->
+        </div>
+        <!-- 查询区 -->
+        <div class="search-container">
+          <el-input
+            placeholder="输入关键字进行过滤"
+            v-model="filterText">
+          </el-input>
+        </div>
+      </div>
+        <!-- :auto-expand-parent="false" -->
+      <el-tree class="tree" ref="tree"
+        :data="treeModule"
+        :props="{label: 'title', children: 'children'}"
+        :filter-node-method="filterNode"
+        :expand-on-click-node="false"
+        :current-node-key="clickItem.id"
+        node-key="id"
+        :default-expand-all="$configs.expand==='all'"
+        :accordion="$configs.expandMore===false"
+        :default-expanded-keys="expandKeys"
+        :auto-expand-parent="false"
+        :check-on-click-node="true"
+        :highlight-current="true"
+        :draggable="$configs.draggable===true"
+        :allow-drag="allowDrag"
+        @node-drop="dropComAttribute"
+        @node-click="viewEntity"
+        @node-contextmenu="showContextmenu"
+        @node-expand="expandNode"
+        @node-collapse="collapseNode"
+      >
+         <template v-slot="{ node, data }"><span class="tree-node__container"  :class="{node: true, active: clickItem && clickItem.id ===data.id }">
+          <el-tooltip class="item" effect="dark" :content="node.label"   placement="top" :show-after="1000">
+            <span class="tree-node"  >
+              <!-- 图标 -->
+              <i :class="data.iconCls==='dir'? 'el-icon-folder' : 'el-icon-document'"></i>
+              <!-- 文字 -->
+              <span>{{ node.label }}
+                <!-- （{{ data.entity.data.ORDER_NUM }}） -->
+                </span>
+                <el-tag size="small" v-if="data.entity.data.IS_MY_ATTRIBUTE !== '1'">父</el-tag>
+            </span>
+          </el-tooltip>
+          <el-dropdown>
+            <span class="column-operates">
+              <i class="el-icon-more"></i>
+            </span>
+            <template v-slot:dropdown><el-dropdown-menu>
+              <el-dropdown-item v-for="operate in getShowColumnOperates(data, node)" :key="operate.text" @click="$handler(operate, data)">{{operate.text}}</el-dropdown-item>
+            </el-dropdown-menu></template>
+          </el-dropdown>
+         </span></template>
+      </el-tree>
+    </div>
+    <!-- 手机显示切换按钮 -->
+    <!-- 右边页面内容 -->
+    <div class="content">
+      <epx-router-view :inline="true" @back="getTreeModule" :router-change="()=>null"></epx-router-view>
+      <!-- <template v-for="(item, index) in routers" :key="index">
+        <epx-page @changeRouter="changeRouter" @back="back" @reloadPage="reloadPage" v-if="!$_.isEqual(item, route) || showPage" v-show="index===showIndex" :flag="route.flag" :metaId="route.metaId" :inline="true" component="add" :current-query="item"></epx-page>
+      </template> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import EntityTreeManage from '@epxing/business/src/components/EntityTreeManage.vue'
+const _comp = {
+  name: 'epx-base-component-params-tree',
+  extends: EntityTreeManage,
+  data () {
+    return {
+      componentInfo: {},
+      isExtend: true
+    }
+  },
+  methods: {
+    allowDrag (draggingNode) {
+      const nodeData = draggingNode.data.entity.data
+      return nodeData.IS_MY_ATTRIBUTE === '1'
+    },
+    dropComAttribute (node, current, type, event) {
+      if (this.isExtend) {
+        const nodeData = node.data
+        const currentNodeData = current.data
+
+        let parentId = ''
+        let orderNum = 0
+        if (type === 'after' || type === 'before') {
+          parentId = currentNodeData.parent || ''
+          // const currentNumber = currentNodeData.orderNum
+          if (type === 'after') {
+            // 在目标节点之后插入
+            orderNum = this.calculateMiddlePositionAfter(nodeData, currentNodeData, parentId)
+          } else {
+            // 在目标节点之前插入
+            orderNum = this.calculateMiddlePositionBefore(nodeData, currentNodeData, parentId)
+          }
+        } else if (type === 'inner') {
+          parentId = currentNodeData.id || currentNodeData.ID
+          // 放入内部，默认放在尾部
+          orderNum = this.calculateLastChildOrder(nodeData, currentNodeData)
+        }
+        this.updateOrder(nodeData.id, orderNum, parentId)
+      } else {
+        this.drop(node, current, type, event)
+      }
+    },
+    updateOrder (id, orderNum, parentId) {
+      const params = {
+        entityId: this.$metaId,
+        'bean.ID': id,
+        'bean.ORDER_NUM': orderNum,
+        'bean.UP_ID': parentId
+      }
+      console.log(params)
+      this.$http.update(params)
+        .then(() => {
+          this.showPage = false
+          this.getTreeModule()
+          this.$nextTick(() => {
+            this.showPage = true
+          })
+        })
+        .catch(err => {
+          this.$message.error(err.message)
+        })
+    },
+    // 计算放置在目标节点之后的中间位置
+    calculateMiddlePositionAfter (nodeData, currentNodeData, parentId) {
+      const currentNum = Number(currentNodeData.entity.data.ORDER_NUM)
+      const currentOrder = parseFloat(currentNum)
+      // 获取同级所有节点（排除被拖拽的节点）
+      const siblings = this.getSiblingsByParentId(parentId).filter(sibling =>
+        sibling.id !== nodeData.id
+      )
+
+      // 找到当前节点在排序后数组中的位置
+      const sortedSiblings = [...siblings]
+      const insertIndex = sortedSiblings.findIndex(sibling =>
+        sibling.id === currentNodeData.id
+      )
+      const lastIndex = sortedSiblings.length - 1
+      if (insertIndex === lastIndex) {
+        // 如果当前节点是最大序号的节点，放到最后
+        return currentOrder + 1
+      } else {
+        // 取当前节点和下一个节点的中间值
+        const nextSibling = sortedSiblings[insertIndex + 1]
+        const nextNum = Number(nextSibling.entity.data.ORDER_NUM)
+        const nextOrder = parseFloat(nextNum)
+
+        // 计算中间值
+        const middleValue = (currentOrder + nextOrder) / 2
+
+        // 检查是否会产生重复序号
+        if (middleValue === currentOrder) {
+          // 如果中间值等于当前值，加一个小的偏移量
+          return currentOrder + 0.1
+        }
+
+        return middleValue
+      }
+    },
+
+    // 计算放置在目标节点之前的中间位置
+    calculateMiddlePositionBefore (nodeData, currentNodeData, parentId) {
+      const currentNum = Number(currentNodeData.entity.data.ORDER_NUM)
+      const currentOrder = parseFloat(currentNum)
+      // 获取同级所有节点（排除被拖拽的节点）
+      const siblings = this.getSiblingsByParentId(parentId).filter(sibling =>
+        sibling.id !== nodeData.id
+      )
+      // 找到当前节点在排序后数组中应该插入的位置
+      const sortedSiblings = [...siblings]
+      const insertIndex = sortedSiblings.findIndex(sibling =>
+        sibling.id === currentNodeData.id
+      )
+      if (insertIndex === 0) {
+        // 如果是第一个位置，取最小值减去一个间隔
+        return currentOrder - 1
+      } else if (insertIndex > 0) {
+        // 取前一个节点和当前节点的中间值
+        const prevSibling = sortedSiblings[insertIndex - 1]
+        const prevNum = Number(prevSibling.entity.data.ORDER_NUM)
+        const prevOrder = parseFloat(prevNum)
+        const middleValue = (prevOrder + currentOrder) / 2
+        // 检查是否会产生重复序号
+        if (middleValue === currentOrder) {
+          // 如果中间值等于当前值，减去一个小的偏移量
+          return currentOrder - 0.1
+        }
+        return middleValue
+      }
+    },
+
+    // 获取指定父ID的兄弟节点
+    getSiblingsByParentId (parentId) {
+      if (parentId === '') {
+        return [...this.treeModule]
+      } else {
+        const parentNode = this.getTreeModuleNode(this.treeModule, parentId)
+        return parentNode ? [...parentNode.children || []] : []
+      }
+    },
+
+    // 计算最后一个子节点的排序号
+    calculateLastChildOrder (nodeData, currentNodeData) {
+      const children = currentNodeData.children || []
+      if (children.length > 0) {
+        const siblings = children.filter(sibling =>
+          sibling.id !== nodeData.id
+        )
+        const index = siblings.length - 1
+        // 如果有子节点，放在最后面
+        const lastChild = children[index]
+        const lastNum = Number(lastChild.entity.data.ORDER_NUM)
+        return parseFloat(lastNum) + 1
+      } else {
+        // 如果没有子节点，设为1.0
+        return 1.0
+      }
+    },
+
+    // 获取子节点
+    getChildrenByParentId (parentId) {
+      const node = this.getTreeModuleNode(this.treeModule, parentId)
+      return node ? [...node.children || []] : []
+    },
+    drop (node, current, type, event) {
+      // 获取当前节点结束后的父节点
+      const { orderFields } = this.$configs
+      let parentId = ''
+      let modules = []
+      if (type === 'after' || type === 'before') {
+        parentId = current.data.parent || 'root'
+      } else if (type === 'inner') {
+        parentId = current.data.id || current.data.ID
+      }
+
+      if (parentId === 'root') {
+        modules = [...this.treeModule]
+      } else {
+        const parentNode = this.getTreeModuleNode(this.treeModule, parentId) || { children: [...this.treeModule] }
+        modules = [...parentNode.children]
+      }
+
+      // 获取其父节点的所有子节点
+      const str = modules.reduce((str, item, index) => (str += (item.id || item.ID) + ':' + index + ','), '')
+      // 递归获取id为parentId的节点
+      const params = {
+        action: 'moveTree',
+        entityId: this.$metaId,
+        id: node.data.id || node.data.ID,
+        selfAttriName: this.selfAttriName,
+        newParentId: parentId,
+        orderString: str
+      }
+      if (orderFields && orderFields[0]) {
+        params.orderAtrriName = orderFields[0].attriName || orderFields[0]
+      }
+      this.$http.$post(params)
+        .then(data => {
+          this.showPage = false
+          this.getTreeModule()
+          this.$nextTick(() => {
+            this.showPage = true
+          })
+        })
+        .catch(err => {
+          this.$message.error(err.message)
+        })
+    },
+    getComponentInfo () {
+      this.$http.get({
+        entityId: 'FM_PAGE',
+        id: this.$query.id
+      })
+        .then(data => {
+          this.componentInfo = data.data
+          if (!this.componentInfo.UP_PAGE) this.isExtend = false
+        })
+        .catch(err => {
+          this.$message.error(err.message)
+        })
+    }
+  },
+  created () {
+    this.getComponentInfo()
+  }
+}
+// 本模板沿用 EntityTreeManage 的布局类名，Vue3 不会通过 extends 继承样式标记。
+_comp.__scopeId = EntityTreeManage.__scopeId
+export default _comp
+</script>
+
+<style>
+
+</style>

package/src/base/ConfigModuleIndex.vue

@@ -0,0 +1,121 @@
+<template>
+  <div class="container">
+    <div class="content" v-if="data.ID">
+      <keep-alive>
+        <epx-menu id="menu" v-if="showMenu && uiShowSideNav" :showNav="false" class="aside hidden-sm-and-down" :modules="menu" :moduleName="`${data.NAME || $t('application')}${$t('configuration')}`" :subTitle="data['CLIENT#']" :toPages="toPages" :clickItem="toPage"></epx-menu>
+      </keep-alive>
+      <div class="main">
+        <epx-router-view ref="router" v-if="menu.length>0" :init-route="initRoute"></epx-router-view>
+
+        <!-- 容器，更改渲染组件 -->
+        <!-- <template v-for="(item, index) in menuRouters" :key="index"> -->
+          <!-- 重新加载 -->
+          <!-- <epx-page @changeRouter="changeRouter" @back="$popMenuRoute" @reloadPage="reloadPage" v-if="!$_.isEqual(item, menuRoute) || showPage" :isShow="index===showIndex" v-show="index===showIndex" :current-route="menuRoute" :pageId="pageId" :metaId="metaId" :flag="flag" :component="component" ></epx-page> -->
+        <!-- </template> -->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import ModuleIndexVue from '@epxing/components/src/menu-index'
+import { openExternalMenu } from '@epxing/utils/src/menu-open'
+const _comp = {
+  name: 'epx-base-config-module-index',
+  extends: ModuleIndexVue,
+  data () {
+    return {
+      data: {}
+    }
+  },
+  methods: {
+    getInfo () {
+      const { name, params = {}, query = {} } = this.$route
+      const { system: querySystem = '' } = query
+      const { system = '', client = '', app = '' } = params
+      const { key, SYSTEM: tabSystem = querySystem } = this.$tab
+      const { SYSTEM = tabSystem } = this.$query
+      if (name === 'appSetting' && app) {
+        this.$http.find({
+          entityId: 'FM_SERVICE',
+          'scope.CLIENT|CODE': client,
+          'scope.SYSTEM|CODE': system,
+          'scope.CODE': app,
+          link: 'system'
+        })
+          .then(data => {
+            this.data = { ...data.data }
+            this.$store.commit('SET_TAB_QUERY', {
+              key,
+              query: {
+                SYSTEM: this.data.SYSTEM,
+                MENU: this.data['SYSTEM|MENU'],
+                CLIENT: this.data.CLIENT,
+                APP: this.data.ID
+              }
+            })
+          })
+      } else {
+        const params = {
+          entityId: 'FM_SYSTEM',
+          'scope.CODE': this.$util.getSysId()
+        }
+        if (system) {
+          params['scope.CODE'] = system
+        }
+        if (client) {
+          params['scope.CLIENT|CODE'] = client
+        }
+        if (SYSTEM) {
+          delete params['scope.CODE']
+          params['scope.ID'] = SYSTEM
+        }
+        this.$http.find(params)
+          .then(data => {
+            if (data.data) {
+              this.data = { ...data.data }
+
+              this.$store.commit('SET_TAB_QUERY', {
+                key,
+                query: {
+                  SYSTEM: this.data.ID,
+                  MENU: this.data.MENU,
+                  CLIENT: this.data.CLIENT
+                }
+              })
+            }
+          })
+      }
+    },
+    toPage (module) {
+      // 开新窗类菜单（链接 / 打开应用）由统一模块接管，不进页面栈
+      if (openExternalMenu(module, this)) return
+      if (module.OPEN_TYPE === '1') {
+        this.$createPage({
+          moduleId: module.ID,
+          component: 'module-index-page',
+          pageId: module.MAIN_PAGE,
+          menuTitle: module.text,
+          title: module.text,
+          openType: module.OPEN_TYPE
+        })
+      } else {
+        this.$refs.router.clearPage()
+        this.$refs.router.createPage({
+          moduleId: module.ID,
+          component: 'module-list-page',
+          pageId: module.MAIN_PAGE,
+          menuTitle: module.text
+        })
+      }
+    }
+  },
+  created () {
+    this.getInfo()
+  }
+}
+// Vue2 的 extends 会沿链继承 scoped 样式的 _scopeId，Vue3 不再继承 __scopeId——本组件无自有 <style>，
+// 全部类名靠父组件的 scoped 样式；不显式继承则渲染出的 DOM 无 data-v 标记、父样式整体失配（hall/login 实测裸样）。
+_comp.__scopeId = ModuleIndexVue.__scopeId
+export default _comp
+</script>

package/src/base/CurrentClientApplication.vue

@@ -0,0 +1,37 @@
+<template>
+  <!-- 左侧菜单 -->
+  <div class="container">
+    <!-- 右侧内容 -->
+    <div class="content">
+      <template v-for="(item, index) in routers" :key="index">
+        <epx-page @changeRouter="changeRouter" @back="back" @reloadPage="reloadPage" v-if="!$_.isEqual(item, route) || showPage" v-show="index===showIndex" :flag="route.flag" :metaId="route.metaId" :inline="true" :component="route.component" :current-query="item" :config="config"></epx-page>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script>
+import ClientModuleIndexVue from './ClientModuleIndex.vue'
+const _comp = {
+  name: 'epx-base-current-client-application',
+  extends: ClientModuleIndexVue,
+  methods: {
+    getClient () {
+      const { CLIENT_ID } = this.appConfig
+      const { client = CLIENT_ID } = this.$route.query
+      this.activeClient = {
+        ID: client
+      }
+      this.routers.push({
+        component: 'base-client-module-applicaton',
+        clientId: this.activeClient.ID
+      })
+      // this.getApplication()
+    }
+  }
+}
+// Vue2 的 extends 会沿链继承 scoped 样式的 _scopeId，Vue3 不再继承 __scopeId——本组件无自有 <style>，
+// 全部类名靠父组件的 scoped 样式；不显式继承则渲染出的 DOM 无 data-v 标记、父样式整体失配（hall/login 实测裸样）。
+_comp.__scopeId = ClientModuleIndexVue.__scopeId
+export default _comp
+</script>

package/src/base/CurrentVersionInfo.vue

@@ -0,0 +1,107 @@
+<template>
+  <div class="container">
+    <div class="">
+      <label for="">当前配置版本：</label>
+      <span>{{ systemInfo.VERSION }}</span>
+    </div>
+    <div>
+      <label for="">前端版本：</label>
+      <span>{{frontVersion? '9.' + frontVersion : '' }}</span>
+    </div>
+    <div>
+      <label for="">后端版本：</label>
+      <span>{{ backVersion }}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+import component from '@epxing/core/src/mixins/component'
+import loadLibrary from '@epxing/core/src/loadLibrary'
+export default {
+  name: 'epx-base-current-version-info',
+  mixins: [component],
+  props: {
+    // AddForm 下发的是组件实例，必须作为 prop 消费，避免落到根 DOM 属性上。
+    form: Object
+  },
+  data () {
+    return {
+      systemInfo: {},
+      frontVersion: '',
+      backVersion: ''
+    }
+  },
+  methods: {
+    getSystemInfo () {
+      this.$http.get({
+        entityId: 'FM_SYSTEM',
+        id: this.$query.id
+      })
+        .then(data => {
+          this.systemInfo = data.data
+          this.getFrontVersion()
+          this.getVersion()
+        })
+    },
+    getSystemDomain () {
+      return this.$http.get({
+        action: 'getSystemDomain',
+        entityId: 'FM_MGN_SYSTEM',
+        clientCode: this.clientConfig.CODE,
+        systemCode: this.systemInfo.CODE
+      }, {
+        client: 'frame',
+        system: 'epxing-frame-manage'
+      })
+        .then(data => {
+          return data.context
+        })
+    },
+    async getFrontVersion () {
+      const { CODE } = this.systemInfo
+      if (CODE === 'epxing-frame' || CODE === 'epxing-frame-manage') {
+        this.frontVersion = window.VERSION
+      } else {
+        // 获取各产品版本
+        const library = await loadLibrary({
+          busiClientCode: this.clientConfig.CODE,
+          busiSystemCode: this.systemInfo.CODE
+        })
+        if (library && library.version) {
+          this.frontVersion = library.version
+        }
+      }
+    },
+    async getVersion () {
+      const { CODE } = this.systemInfo
+      const context = await this.getSystemDomain()
+      this.$http.get({
+        action: 'getVersion',
+        entityId: 'FM_SYSTEM',
+        systemCode: CODE
+      }, {
+        domainContext: context
+      })
+        .then(data => {
+          this.backVersion = data
+        })
+    }
+  },
+  created () {
+    this.getSystemInfo()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  background: var(--epx-bg-card);
+  height: 100%;
+  display: flex;
+  padding: 20px 20px 40px;
+  >div {
+    flex: 1;
+  }
+}
+</style>