@qqt-product/system 0.0.1

package/dist/lib/utils/regexp.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    email: RegExp;
+    mobile: RegExp;
+    url: RegExp;
+    dateISO: RegExp;
+    interger: RegExp;
+    positiveInterger: RegExp;
+    number: RegExp;
+    digits: RegExp;
+    idCard: RegExp;
+    carNo: RegExp;
+    carNo2: RegExp;
+    amount: RegExp;
+    money: RegExp;
+    chinese: RegExp;
+    letter: RegExp;
+    enOrNum: RegExp;
+    landline: RegExp;
+    unionPayCard: RegExp;
+    ip: RegExp;
+};
+export default _default;
+export declare const regExpOptions: {
+    label: string;
+    value: string;
+    msg: string;
+}[];

package/dist/style.css

@@ -0,0 +1 @@
+.tempale-preview-modal[data-v-0b6ebd5b] .page-container .edit-page .ant-spin-nested-loading{height:600px}.tempale-preview-modal[data-v-0b6ebd5b] .ant-form-item-control-wrapper{width:150px}.page-container .ant-btn+.ant-btn[data-v-bb7b4635]{margin-left:8px}.page-container[data-v-bb7b4635] .ant-select-selection{position:relative;z-index:1}.page-container .business-tips[data-v-bb7b4635]{width:64.6%;margin:0 auto 10px}.page-container[data-v-bb7b4635] .ant-input-affix-wrapper .ant-input-suffix{z-index:1}.page-container .skeleton-wrap[data-v-bb7b4635]{margin-top:100px;text-align:center;line-height:100px}.switch-config .switch-config-item[data-v-bb7b4635]{display:flex;justify-content:space-between;border-bottom:1px dashed #eee;padding:10px 0}.switch-config>div[data-v-bb7b4635]:first-child{padding-top:0}.verify-config[data-v-bb7b4635]{margin-bottom:20px}.verify-config .tab-clo-left[data-v-bb7b4635]{padding-right:10px;text-align:right;line-height:32px}.content-step-one[data-v-bb7b4635]{justify-content:center}.code-editror-flex-row[data-v-bb7b4635]{display:block}.progress[data-v-6a21d026]{text-align:center}.password-security-policy[data-v-bc4a98ce]{height:100%}.password-security-policy-breadcrumb[data-v-bc4a98ce]{height:44px;display:flex;justify-content:flex-end;align-items:center;padding-left:16px;padding-right:25px;background:white}.password-security-policy-content[data-v-bc4a98ce]{padding:8px}.password-security-policy-form[data-v-bc4a98ce]{background:white;padding:0 16px}.password-security-policy-form .item[data-v-bc4a98ce]{display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px dashed #dadada}.password-security-policy-form .item .desc[data-v-bc4a98ce]{padding:16px 0}.password-security-policy-form .item .desc .tit[data-v-bc4a98ce]{color:#454f59;font-weight:500;font-size:14px;line-height:14px}.password-security-policy-form .item .desc .tip[data-v-bc4a98ce]{font-weight:400;font-size:12px;line-height:12px;color:#454f5999;margin-top:8px}.password-security-policy-form .item .type[data-v-bc4a98ce]{font-weight:400;font-size:12px;line-height:12px;color:#454f5999;display:flex;align-items:center}.password-security-policy .red[data-v-bc4a98ce]{color:red}.password-security-policy .ant-input-number[data-v-bc4a98ce]{margin-left:16px;width:60px}.password-security-policy .ant-btn+.ant-btn[data-v-bc4a98ce]{margin-left:8px}[data-v-b66225c6] .vxe-form--gather,[data-v-b3e4afb1] .vxe-form--gather,[data-v-8ef72fda] .vxe-form--gather{padding:20px 0}[data-v-8ef72fda] .vxe-form--gather:first-child{border-right:solid 1px #ddd}.sortable-tree-demo .drag-btn[data-v-98466442]{cursor:move;font-size:12px}.sortable-tree-demo .vxe-body--row.sortable-ghost[data-v-98466442],.sortable-tree-demo .vxe-body--row.sortable-chosen[data-v-98466442]{background-color:#dfecfb}.toolbar-button-wrap[data-v-98466442]{padding:0 10px}.content-Header{width:100%;position:sticky;top:0;z-index:99;box-shadow:0 3px 12px #626bb540}.content-Header.posA{position:absolute;left:0;top:0}.content-Header .topWrap{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 24px 10px 10px}.content-Header .topWrap .box{display:flex;align-items:center}.content-Header .topWrap .extra+.menu{margin-left:24px}.content-Header .topWrap .menu{text-align:right}.UserAuthorization{position:relative}.UserAuthorization .ant-checkbox-wrapper{color:#000000a6}.UserAuthorization .title{padding-left:16px;margin-bottom:16px}.UserAuthorization .title>strong{font-size:18px;color:#4d72ff}.UserAuthorization .title>span{font-size:12px;color:#b9bcc1;margin-left:22px}.UserAuthorization .container{padding:8px}.UserAuthorization .pageBox{background:#fff;padding:16px 16px 32px;min-height:calc(100vh - 158px)}.UserAuthorization .level[class*=level_] .triangle{margin-right:8px;cursor:pointer}.UserAuthorization .level[class*=level_] .rotate90 .anticon{transform:rotate(90deg);transition:transform .3 ease-in-out}.UserAuthorization .level.level_1{display:flex;align-items:center;padding:16px 20px}.UserAuthorization .level.level_1:hover{background:rgba(254,206,0,.1)}.UserAuthorization .level.level_1 .info{display:flex;flex-direction:column;flex:1}.UserAuthorization .level.level_1 .info strong{font-size:14px;color:#454f59}.UserAuthorization .level.level_1 .info span.tip{font-size:12px;color:#454f5999;margin-top:8px}.UserAuthorization .level.level_1+.collapse.noneGrandchildren{padding:24px}.UserAuthorization .level.border{border-bottom:1px dashed #dadada}.UserAuthorization .level.level_2{display:flex}.UserAuthorization .level.level_2:not(:last-child){border-bottom:1px dashed #dadada}.UserAuthorization .level.level_2 .info{flex:0 0 150px;padding:22px 0 22px 20px;background-color:#f9f9f9}.UserAuthorization .level.level_2 .children{flex:1;margin-left:24px;padding:22px 20px 22px 0}.UserAuthorization .level_3+.level_3{margin-top:12px}.UserAuthorization .checkboxGroup{padding:12px 0 12px 36px}.UserAuthorization .collapse{min-height:70px;border:1px solid #dadcde}[data-v-8a917849] .vxe-form--gather{padding:20px 0}.card-container{background:#fff;overflow:hidden;padding:12px;position:relative;width:100%}.card-container .tab-layout-tabs.ant-tabs{border:1px solid #e6ebf5;padding:0}.card-container .tab-layout-tabs.ant-tabs .ant-tabs-bar{margin:0;outline:none;border-bottom:none}.card-container .tab-layout-tabs.ant-tabs .ant-tabs-bar .ant-tabs-nav-container{margin:0}.card-container .tab-layout-tabs.ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab{padding:0 24px!important;background-color:#f5f7fa!important;margin-right:0!important;border-radius:0;line-height:38px;border:1px solid transparent!important;border-bottom:1px solid #e6ebf5!important}.card-container .tab-layout-tabs.ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab{color:#409eff;background-color:#fff!important;border-right:1px solid #e6ebf5!important;border-left:1px solid #e6ebf5!important;border-bottom:1px solid #fff!important;font-weight:400;transition:none!important}.card-container .tab-layout-tabs.ant-tabs .ant-tabs-tabpane{padding:15px}.card-container .tab-layout-tabs.ant-tabs .ant-tabs-tabpane .ant-row{margin:10px 0}.card-container .tab-layout-tabs.ant-tabs .ant-tabs-tabpane .ant-select,.card-container .tab-layout-tabs.ant-tabs .ant-tabs-tabpane .ant-input-number{width:100px}.container-widthEn[data-v-13d22fe3]{width:755px}.container-widthCn[data-v-13d22fe3]{width:608px}.language[data-v-13d22fe3]{text-align:center;position:absolute;right:13px;top:13px;border:1px solid transparent;height:40px;line-height:38px;font-size:16px;color:#409eff;z-index:1;background:#f5f7fa;outline:none;width:47px;border-bottom:1px solid #e6ebf5;border-radius:0}.card-container .bottom[data-v-13d22fe3]{display:flex;justify-content:center;padding:10px 0 0}.card-container .bottom .cronButton[data-v-13d22fe3]{margin:0 10px;line-height:40px}.tabBody .a-row[data-v-13d22fe3]{margin:10px 0}.tabBody .a-row .long .a-select[data-v-13d22fe3]{width:354px}.tabBody .a-row .a-input-number[data-v-13d22fe3]{width:110px}.components-input-demo-presuffix .anticon-close-circle[data-v-b3cf1b8e]{cursor:pointer;color:#ccc;transition:color .3s;font-size:12px}.components-input-demo-presuffix .anticon-close-circle[data-v-b3cf1b8e]:hover{color:#f5222d}.components-input-demo-presuffix .anticon-close-circle[data-v-b3cf1b8e]:active{color:#666}

package/dist/vite-env.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="vite/client" />
+import type { GlobalPageLayoutTypes } from '@qqt-product/ui'
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/ban-types, @typescript-eslint/no-explicit-any
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    instance: GlobalPageLayoutTypes.Expose
+  }
+}

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>企企通产品UI库</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@qqt-product/system",
+  "private": false,
+  "version": "0.0.1",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "type": "module",
+  "devDependencies": {
+    "@ant-design/icons-vue": "^6.1.0",
+    "@qqt-product/api": "^0.0.3",
+    "@qqt-product/icons": "^0.0.2",
+    "@qqt-product/ui": "^0.0.13",
+    "@qqt-product/utils": "^0.0.9",
+    "@types/node": "^18.11.4",
+    "@types/sortablejs": "^1.15.1",
+    "@typescript-eslint/eslint-plugin": "^5.40.0",
+    "@typescript-eslint/parser": "^5.40.0",
+    "@vitejs/plugin-vue": "^3.1.0",
+    "@vitejs/plugin-vue-jsx": "^3.0.1",
+    "ant-design-vue": "3.2.20",
+    "eslint": "^8.25.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.6.0",
+    "prettier": "^2.7.1",
+    "sortablejs": "^1.15.0",
+    "typescript": "^4.6.4",
+    "vite": "^3.1.0",
+    "vite-plugin-dts": "^1.6.6",
+    "vite-plugin-eslint": "^1.8.1",
+    "vue": "3.3.4",
+    "vue-eslint-parser": "^9.1.0",
+    "vue-tsc": "^0.40.4",
+    "vxe-table": "4.4.2",
+    "vxe-table-plugin-antd": "^3.0.6",
+    "vxe-table-plugin-charts": "^3.0.3",
+    "vxe-table-plugin-menus": "^3.0.7",
+    "xe-clipboard": "^1.10.2",
+    "xe-utils": "^3.5.0"
+  },
+  "peerDependencies": {
+    "@qqt-product/api": "^0.0.3",
+    "@qqt-product/icons": "^0.0.2",
+    "@qqt-product/ui": "^0.0.13",
+    "@qqt-product/utils": "^0.0.9",
+    "@types/sortablejs": "^1.15.1",
+    "ant-design-vue": "3.2.20",
+    "sortablejs": "^1.15.0",
+    "vue": "3.3.4",
+    "vxe-table": "4.4.2",
+    "vxe-table-plugin-antd": "^3.0.6",
+    "vxe-table-plugin-charts": "^3.0.3",
+    "vxe-table-plugin-menus": "^3.0.7",
+    "xe-clipboard": "^1.10.2",
+    "xe-utils": "^3.5.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "build:lib": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "eslint": "eslint \"src/**/*.{js,vue,ts}\" --fix",
+    "prettier": ""
+  }
+}

package/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/App.vue

@@ -0,0 +1,8 @@
+<template>
+  <div>
+    <QcustomConfigEdit />
+  </div>
+</template>
+<script setup lang="ts">
+import QcustomConfigEdit from './lib/components/QcustomConfigEdit'
+</script>

package/src/lib/components/QAccountList/index.ts

@@ -0,0 +1,6 @@
+import QAccountList from './src/QAccountList.vue'
+import qqtUtils from '@qqt-product/utils'
+
+export default qqtUtils.withInstall(QAccountList)
+
+export { QAccountList }

package/src/lib/components/QAccountList/src/QAccountDetail.vue

@@ -0,0 +1,191 @@
+<template>
+  <div class="detail-page">
+    <q-detail-page-layout ref="layoutRef" v-bind="options"></q-detail-page-layout>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import type { ComponentPublicInstance } from 'vue'
+import type { GlobalPageLayoutTypes } from '@qqt-product/ui'
+// 传参 props
+const props = defineProps<{
+  currentRow: GlobalPageLayoutTypes.CurrentRow | null
+  userInfo: GlobalPageLayoutTypes.UserInfo
+}>()
+const currentRow = props.currentRow
+  ? props.currentRow
+  : ref({
+      id: '',
+      templateNumber: '',
+      templateVersion: 0,
+      templateAccount: '',
+      busAccount: '',
+      elsAccount: '',
+    })
+// 编辑组件 ref
+const layoutRef = ref<ComponentPublicInstance | null>(null)
+
+// 配置
+const options = reactive<Partial<GlobalPageLayoutTypes.EditPageLayoutProps>>({
+  /**
+   * 模块业务类型 string
+   * 取值根据各模块配置
+   * 当定义为"custom"时，使用本地配置
+   */
+  businessType: 'custom',
+  // 布局模式
+  pattern: 'vertical',
+  // 当前已选行数据a
+  currentRow: currentRow as GlobalPageLayoutTypes.CurrentRow,
+  // 当前登录租户信息
+  userInfo: props.userInfo,
+  // 明细接口 -- 接口字符串
+  detailApi: '/account/elsSubAccount/queryById',
+  // 本地页面数据配置
+  localConfig: {
+    groups: [
+      {
+        groupName: '基本信息',
+        groupCode: 'baseForm',
+        groupType: 'head',
+      },
+      {
+        groupName: '关联组织',
+        groupCode: 'subaccountOrgList',
+        groupType: 'item',
+      },
+    ],
+    formFields: [
+      { groupCode: 'baseForm', fieldType: 'input', fieldLabel: 'ELS账号', fieldLabelI18nKey: 'i18n_title_ELSAccount', fieldName: 'elsAccount', placeholder: 'ELS账号', disabled: true },
+      { groupCode: 'baseForm', fieldType: 'input', fieldLabel: '子账号', fieldLabelI18nKey: 'i18n_field_subAccount', fieldName: 'subAccount', required: '1' },
+      { groupCode: 'baseForm', fieldType: 'input', fieldLabel: '姓名', fieldLabelI18nKey: 'i18n_title_name', fieldName: 'realname', required: '1' },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: '密码',
+        fieldLabelI18nKey: 'i18n_title_password',
+        fieldName: 'password',
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'remoteSelect',
+        fieldLabel: '角色',
+        fieldLabelI18nKey: 'i18n_title_role',
+        fieldName: 'selectedroles',
+        extend: {
+          modalColumns: [{ field: 'roleName', title: '角色', with: 150 }],
+          modalUrl: '/account/role/queryall',
+          selectModel: 'single',
+        },
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'remoteSelect',
+        fieldLabel: '数据权限组',
+        fieldLabelI18nKey: 'i18n_menu_WFbWV_c4394039',
+        fieldName: 'selectedGroups',
+        extend: {
+          modalColumns: [{ field: 'groupName', title: '数据权限组', with: 150 }],
+          modalUrl: '/account/permissionGroup/queryAll',
+          selectModel: 'single',
+        },
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: '电子邮件',
+        fieldLabelI18nKey: 'i18n_title_email',
+        fieldName: 'email',
+        regex: /[^@ \t\r\n]+@[^@ \t\r\n]+\.[^@ \t\r\n]+/,
+        alertMsg: '邮箱格式不正确',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: '手机号',
+        fieldLabelI18nKey: 'i18n_title_phone',
+        fieldName: 'phone',
+        regex: /^1[3|4|5|7|8|9]\d{9}$/,
+        alertMsg: '您的手机号码格式不正确',
+      },
+      { groupCode: 'baseForm', fieldType: 'input', fieldLabel: '工号', fieldLabelI18nKey: 'i18n_field_workNo', fieldName: 'workNo' },
+      { groupCode: 'baseForm', fieldType: 'input', fieldLabel: '座机号', fieldLabelI18nKey: 'i18n_title_landlineNumber', fieldName: 'telephone' },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'select',
+        fieldLabel: '部门',
+        fieldLabelI18nKey: 'i18n_title_department',
+        dictCode: '/org/purchaseOrganizationInfo/getOrgTree',
+        fieldName: 'orgCode',
+      },
+      { groupCode: 'baseForm', fieldType: 'date', fieldLabel: '账号过期时间', fieldLabelI18nKey: 'i18n_title_accountExpirationTime', fieldName: 'accountValidityDate' },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'remoteSelect',
+        fieldLabel: '直属领导',
+        fieldLabelI18nKey: 'i18n_field_RWQu_378045a0',
+        fieldName: 'superiorLeader',
+        extend: {
+          modalColumns: [
+            {
+              field: 'subAccount',
+              fieldLabelI18nKey: 'i18n_field_subAccount',
+              title: '子账号',
+              with: 150,
+            },
+            {
+              field: 'realname',
+              fieldLabelI18nKey: 'i18n_title_name',
+              title: '姓名',
+              with: 150,
+            },
+          ],
+          modalUrl: '/account/elsSubAccount/list',
+        },
+      },
+    ],
+    itemColumns: [
+      {
+        groupCode: 'subaccountOrgList',
+        fieldType: 'select',
+        dictCode: 'orgCategoryType',
+        title: '组织类型',
+        fieldLabelI18nKey: 'i18n_field_organizationType',
+        field: 'orgCategoryCode',
+        align: 'center',
+        headerAlign: 'center',
+        defaultValue: '',
+        width: '250',
+        visible: true,
+      },
+      {
+        groupCode: 'subaccountOrgList',
+        fieldType: 'input',
+        title: '组织编码',
+        fieldLabelI18nKey: '',
+        field: 'orgCode',
+        align: 'center',
+        headerAlign: 'center',
+        defaultValue: '',
+        width: '250',
+        visible: true,
+      },
+      {
+        groupCode: 'subaccountOrgList',
+        fieldType: 'input',
+        title: '备注',
+        fieldLabelI18nKey: '',
+        field: 'remark',
+        align: 'center',
+        headerAlign: 'center',
+        defaultValue: '',
+        width: '250',
+        visible: true,
+      },
+    ],
+  },
+})
+</script>

package/src/lib/components/QAccountList/src/QAccountEdit.vue

@@ -0,0 +1,241 @@
+<template>
+  <div class="edit-page">
+    <a-spin :spinning="customLoading">
+      <q-edit-page-layout ref="layoutRef" v-bind="options" @customSave="handleCustomSave" @validate-success="handleValidateSuccess" @refresh="handleRefresh"></q-edit-page-layout>
+    </a-spin>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import type { ComponentPublicInstance } from 'vue'
+import { BUTTON_ADD_ONE_ROW, BUTTON_DELETE_ROW, BUTTON_SAVE } from '@qqt-product/ui'
+// ui组件库 types
+import type { GlobalPageLayoutTypes } from '@qqt-product/ui'
+import { usePromiseStepHook, useRefInstanceHook } from '@qqt-product/ui'
+
+// 传参 props
+const props = defineProps<{
+  currentRow: GlobalPageLayoutTypes.CurrentRow | null
+  userInfo: GlobalPageLayoutTypes.UserInfo
+}>()
+const currentRow = props.currentRow
+  ? props.currentRow
+  : ref({
+      id: '',
+      templateNumber: '',
+      templateVersion: 0,
+      templateAccount: '',
+      busAccount: '',
+      elsAccount: '',
+    })
+// 编辑组件 ref
+const layoutRef = ref<ComponentPublicInstance | null>(null)
+
+// 配置
+const options = reactive<Partial<GlobalPageLayoutTypes.EditPageLayoutProps>>({
+  /**
+   * 模块业务类型 string
+   * 取值根据各模块配置
+   * 当定义为"custom"时，使用本地配置
+   */
+  businessType: 'custom',
+  // 布局模式
+  pattern: 'vertical',
+  // 当前已选行数据a
+  currentRow: currentRow as GlobalPageLayoutTypes.CurrentRow,
+  refreshMethods(row?: GlobalPageLayoutTypes.CurrentRow) {
+    if (options.currentRow) {
+      options.currentRow =
+        row ||
+        Object.assign({}, options.currentRow, {
+          _t: +new Date(),
+        })
+    }
+  },
+  // 当前登录租户信息
+  userInfo: props.userInfo,
+  // 明细接口 -- 接口字符串
+  detailApi: '/account/elsSubAccount/queryById',
+  // 本地页面数据配置
+  localConfig: {
+    groups: [
+      {
+        groupName: '基本信息',
+        groupCode: 'baseForm',
+        groupType: 'head',
+      },
+      {
+        groupName: '关联组织',
+        groupCode: 'subaccountOrgList',
+        groupType: 'item',
+        buttons: [BUTTON_ADD_ONE_ROW, BUTTON_DELETE_ROW],
+      },
+    ],
+    formFields: [
+      { groupCode: 'baseForm', fieldType: 'input', fieldLabel: 'ELS账号', fieldLabelI18nKey: 'i18n_title_ELSAccount', fieldName: 'elsAccount', placeholder: 'ELS账号', disabled: true },
+      { groupCode: 'baseForm', fieldType: 'input', fieldLabel: '子账号', fieldLabelI18nKey: 'i18n_field_subAccount', fieldName: 'subAccount', required: '1' },
+      { groupCode: 'baseForm', fieldType: 'input', fieldLabel: '姓名', fieldLabelI18nKey: 'i18n_title_name', fieldName: 'realname', required: '1' },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: '密码',
+        fieldLabelI18nKey: 'i18n_title_password',
+        fieldName: 'password',
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'remoteSelect',
+        fieldLabel: '角色',
+        fieldLabelI18nKey: 'i18n_title_role',
+        fieldName: 'selectedroles',
+        extend: {
+          modalColumns: [{ field: 'roleName', title: '角色', with: 150 }],
+          modalUrl: '/account/role/queryall',
+          selectModel: 'single',
+        },
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'remoteSelect',
+        fieldLabel: '数据权限组',
+        fieldLabelI18nKey: 'i18n_menu_WFbWV_c4394039',
+        fieldName: 'selectedGroups',
+        extend: {
+          modalColumns: [{ field: 'groupName', title: '数据权限组', with: 150 }],
+          modalUrl: '/account/permissionGroup/queryAll',
+          selectModel: 'single',
+        },
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: '电子邮件',
+        fieldLabelI18nKey: 'i18n_title_email',
+        fieldName: 'email',
+        regex: /[^@ \t\r\n]+@[^@ \t\r\n]+\.[^@ \t\r\n]+/,
+        alertMsg: '邮箱格式不正确',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: '手机号',
+        fieldLabelI18nKey: 'i18n_title_phone',
+        fieldName: 'phone',
+        regex: /^1[3|4|5|7|8|9]\d{9}$/,
+        alertMsg: '您的手机号码格式不正确',
+      },
+      { groupCode: 'baseForm', fieldType: 'input', fieldLabel: '工号', fieldLabelI18nKey: 'i18n_field_workNo', fieldName: 'workNo' },
+      { groupCode: 'baseForm', fieldType: 'input', fieldLabel: '座机号', fieldLabelI18nKey: 'i18n_title_landlineNumber', fieldName: 'telephone' },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'select',
+        fieldLabel: '部门',
+        fieldLabelI18nKey: 'i18n_title_department',
+        dictCode: '/org/purchaseOrganizationInfo/getOrgTree',
+        fieldName: 'orgCode',
+      },
+      { groupCode: 'baseForm', fieldType: 'date', fieldLabel: '账号过期时间', fieldLabelI18nKey: 'i18n_title_accountExpirationTime', fieldName: 'accountValidityDate' },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'remoteSelect',
+        fieldLabel: '直属领导',
+        fieldLabelI18nKey: 'i18n_field_RWQu_378045a0',
+        fieldName: 'superiorLeader',
+        extend: {
+          modalColumns: [
+            {
+              field: 'subAccount',
+              fieldLabelI18nKey: 'i18n_field_subAccount',
+              title: '子账号',
+              with: 150,
+            },
+            {
+              field: 'realname',
+              fieldLabelI18nKey: 'i18n_title_name',
+              title: '姓名',
+              with: 150,
+            },
+          ],
+          modalUrl: '/account/elsSubAccount/list',
+        },
+      },
+    ],
+    itemColumns: [
+      {
+        groupCode: 'subaccountOrgList',
+        fieldType: 'select',
+        dictCode: 'orgCategoryType',
+        title: '组织类型',
+        fieldLabelI18nKey: 'i18n_field_organizationType',
+        field: 'orgCategoryCode',
+        align: 'center',
+        headerAlign: 'center',
+        defaultValue: '',
+        width: '250',
+        visible: true,
+      },
+      {
+        groupCode: 'subaccountOrgList',
+        fieldType: 'input',
+        title: '组织编码',
+        fieldLabelI18nKey: '',
+        field: 'orgCode',
+        align: 'center',
+        headerAlign: 'center',
+        defaultValue: '',
+        width: '250',
+        visible: true,
+      },
+      {
+        groupCode: 'subaccountOrgList',
+        fieldType: 'input',
+        title: '备注',
+        fieldLabelI18nKey: '',
+        field: 'remark',
+        align: 'center',
+        headerAlign: 'center',
+        defaultValue: '',
+        width: '250',
+        visible: true,
+      },
+    ],
+  },
+  // 页面按钮
+  pageButtons: [
+    {
+      ...BUTTON_SAVE,
+      title: '保存',
+      emit: true,
+      emitKey: 'customSave',
+      args: {
+        url: '/account/elsSubAccount/edit',
+      },
+    },
+  ],
+})
+const pageButtons = options.pageButtons as GlobalPageLayoutTypes.PageButton[]
+const refreshMethods = options.refreshMethods
+
+const { pageData, layoutConfig, defaultValues } = useRefInstanceHook(layoutRef)
+const { stepTriggerValidate, composeSave, customLoading } = usePromiseStepHook({ pageData, layoutConfig, defaultValues, pageButtons: ref(pageButtons), refreshMethods })
+// 自定义保存
+const handleCustomSave = () => {
+  stepTriggerValidate()
+}
+//
+const handleValidateSuccess = (button: GlobalPageLayoutTypes.PageButton) => {
+  if (button.key === BUTTON_SAVE.key) {
+    composeSave()
+  }
+}
+// 页面刷新
+const handleRefresh = () => {
+  console.log('refresh :>> ')
+  if (options.currentRow) {
+    options.currentRow._t = +new Date()
+  }
+}
+</script>