@qqt-product/system 0.0.16 → 0.0.18

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

@@ -1,273 +0,0 @@
-<template>
-  <div class="edit-page">
-    <a-spin :spinning="customLoading">
-      <q-edit-page-layout v-if="showEdit" ref="layoutRef" v-bind="options" @customSave="handleCustomSave" @validate-success="handleValidateSuccess"></q-edit-page-layout>
-    </a-spin>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, reactive, onMounted, inject, shallowRef, nextTick } 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'
-import * as customConfigEdits from '../../../utils/global.types'
-
-// 传参 props
-const props = defineProps<{
-  currentRow: GlobalPageLayoutTypes.CurrentRow | null
-  userInfo: GlobalPageLayoutTypes.UserInfo
-}>()
-
-const qHttp = inject(customConfigEdits.INJECT_HTTP) as customConfigEdits.HttpClient
-const showEdit = shallowRef(false)
-const currentRow = props.currentRow
-  ? props.currentRow
-  : ref({
-      id: '',
-      templateNumber: '',
-      templateVersion: 0,
-      templateAccount: '',
-      busAccount: '',
-      elsAccount: '',
-    })
-// 编辑组件 ref
-const layoutRef = ref<ComponentPublicInstance | null>(null)
-
-// 配置
-
-const roleOptains = ref([])
-const groupOptains = ref([])
-
-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: 'multiple',
-        fieldLabel: '角色',
-        fieldLabelI18nKey: 'i18n_title_role',
-        fieldName: 'selectedroles',
-        required: '1',
-        options: roleOptains,
-      },
-      {
-        groupCode: 'baseForm',
-        fieldType: 'multiple',
-        fieldLabel: '数据权限组',
-        fieldLabelI18nKey: 'i18n_menu_WFbWV_c4394039',
-        fieldName: 'selectedGroups',
-        options: groupOptains,
-      },
-      {
-        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: 'treeSelect',
-        fieldLabel: '部门',
-        fieldLabelI18nKey: 'i18n_title_department',
-        dictCode: '/org/purchaseOrganizationInfo/getOrgTree',
-        fieldName: 'orgCode',
-        placeholder: '请选择部门',
-        extend: {
-          params: { parentId: '0' },
-          fieldNames: { children: 'children', label: 'title', value: 'value' },
-          multiple: true,
-        },
-      },
-      { 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: '子账号',
-              width: 150,
-            },
-            {
-              field: 'realname',
-              fieldLabelI18nKey: 'i18n_title_name',
-              title: '姓名',
-              width: 150,
-            },
-          ],
-          modalUrl: '/account/elsSubAccount/list',
-        },
-        callback(ctx, { data, pageData }) {
-          if (!data?.length) return
-          pageData.superiorLeader = data[0].subAccount + '_' + data[0].realname
-        },
-      },
-    ],
-    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 { pageData, layoutConfig, defaultValues } = useRefInstanceHook(layoutRef)
-const { stepTriggerValidate, composeSave, customLoading } = usePromiseStepHook({ pageData, layoutConfig, defaultValues, options })
-// 自定义保存
-const handleCustomSave = () => {
-  stepTriggerValidate()
-}
-//
-const handleValidateSuccess = (button: GlobalPageLayoutTypes.PageButton) => {
-  if (button.key === BUTTON_SAVE.key) {
-    composeSave()
-  }
-}
-
-// 页面刷新
-
-function getRoleOptains() {
-  return qHttp
-    .get({
-      url: '/account/role/queryall',
-    })
-    .then((res) => {
-      let result = res.result || []
-      roleOptains.value = result.map((item) => ({
-        label: item.roleName,
-        value: item.id,
-      }))
-    })
-}
-function getGroupOptains() {
-  return qHttp
-    .get({
-      url: '/account/permissionGroup/queryAll',
-    })
-    .then((res) => {
-      let result = res.result || []
-      groupOptains.value = result.map((item) => ({
-        ...item,
-        label: item.groupName,
-        value: item.id,
-      }))
-    })
-}
-
-//生命周期
-onMounted(async () => {
-  await getRoleOptains()
-  await getGroupOptains()
-  await nextTick(() => {
-    showEdit.value = true
-  })
-})
-</script>