@qqt-product/system 0.0.1 → 0.0.16

package/src/lib/components/QPermissionDataList/src/QPermissionDataEdit.vue

@@ -1,221 +1,218 @@
-<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, inject } 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 { VXETable } from 'vxe-table'
-const srmI18n = inject('Q_SRM_I18N', (i18nKey: string, defaultValue: string, account?: string | number): string => {
-  if (i18nKey) {
-    if (account) {
-      return account + defaultValue
-    }
-    return defaultValue
-  }
-  return defaultValue
-})
-// 传参 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/permissionGroup/queryById',
-  // 本地页面数据配置
-  localConfig: {
-    groups: [
-      {
-        groupName: '基本信息',
-        groupCode: 'baseForm',
-        groupType: 'head',
-      },
-      {
-        groupName: srmI18n('i18n_title_permissionConfigLine', '权限配置行'),
-        groupCode: 'permissionDataList',
-        groupType: 'item',
-        buttons: [BUTTON_ADD_ONE_ROW, BUTTON_DELETE_ROW],
-      },
-    ],
-    formFields: [
-      {
-        groupCode: 'baseForm',
-        fieldType: 'input',
-        fieldLabel: '权限组编码',
-        fieldLabelI18nKey: 'i18n_field_bWVAo_f564cee2',
-        fieldName: 'groupCode',
-      },
-      {
-        groupCode: 'baseForm',
-        fieldType: 'input',
-        fieldLabel: '权限组名称',
-        fieldLabelI18nKey: 'i18n_field_bWVRL_f55f9aba',
-        fieldName: 'groupName',
-      },
-      {
-        groupCode: 'baseForm',
-        fieldType: 'remoteSelect',
-        fieldLabel: '敏感字段组',
-        fieldLabelI18nKey: 'i18n_field_KwJOV_c129a796',
-        fieldName: 'sensitiveFieldGroups',
-        extend: {
-          modalColumns: [{ field: 'fieldGroup_dictText', title: '敏感字段组', with: 150 }],
-          modalUrl: '/base/sensitiveField/findAllGroup',
-          selectModel: 'multiple',
-        },
-      },
-      {
-        groupCode: 'baseForm',
-        fieldType: 'input',
-        fieldLabel: '描述',
-        fieldLabelI18nKey: 'i18n_title_describe',
-        fieldName: 'description',
-      },
-    ],
-    itemColumns: [
-      {
-        groupCode: 'permissionDataList',
-        title: '业务类型',
-        fieldLabelI18nKey: 'i18n_field_businessType',
-        field: 'businessType',
-        width: '220',
-        required: '1',
-        fieldType: 'remoteSelect',
-        extend: {
-          fieldNames: { label: 'itemText', value: 'itemValue' },
-          modalColumns: [{ field: 'itemText', title: '业务类型', with: 150 }],
-          modalUrl: 'base/companySet/findOpenbusinessType',
-          selectModel: 'single',
-        },
-      },
-      {
-        groupCode: 'permissionDataList',
-        title: '权限字段',
-        fieldLabelI18nKey: 'i18n_field_permissionField',
-        field: 'permissionField',
-        width: '220',
-        required: '1',
-        fieldType: 'select',
-        dictCode: 'srmPermissionField',
-      },
-      {
-        groupCode: 'permissionDataList',
-        title: '字段值',
-        fieldLabelI18nKey: 'i18n_title_fieldValue',
-        helpText: srmI18n(
-          'i18n_field_ORORzEjdQOymvWKvWWWWWWWWWWWWWWWWWORCDzEjWWWWWmvWKvWWWWWWWWWWWWWWWWWtRCDzERSLuWWWWWWKvWWWWWWWWNRTPzEdjRFKjRIJWWWW_cab6b973',
-          "多值精确匹配用英文逗号隔开，示例：1001,1002,1003\n多值模糊匹配用'|'隔开，示例：1001|1002|1003\n单值模糊匹配值后面加'|',示例：1001|\n如果需要匹配所有值则使用关键字 all",
-        ),
-        field: 'permissionValue',
-        width: '150',
-        //required: '1',
-        fieldType: 'input',
-        slots: {},
-      },
-      {
-        groupCode: 'permissionDataList',
-        title: '操作权限',
-        fieldLabelI18nKey: 'i18n_field_operation',
-        field: 'operation',
-        width: '150',
-        fieldType: 'switch',
-      },
-      {
-        groupCode: 'permissionDataList',
-        title: '关联用户组织',
-        fieldLabelI18nKey: 'i18n_field_RKjDVR_43e9f793',
-        helpText: srmI18n('i18n_alert_JOMjDRvILjDRKjVRkLbWJOR_2b5db91f', '自动取用户管理下面用户关联的组织作为权限字段值'),
-        field: 'autoRelation',
-        width: '150',
-        fieldType: 'switch',
-        slots: {},
-      },
-    ],
-  },
-  // 页面按钮
-  pageButtons: [
-    {
-      ...BUTTON_SAVE,
-      title: '保存',
-      emit: true,
-      emitKey: 'customSave',
-      args: {
-        url: '/account/permissionGroup/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 = () => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const permissionDataList = pageData.value.permissionDataList as any[]
-  if (permissionDataList.length > 0) {
-    stepTriggerValidate()
-  } else {
-    VXETable.modal.message({ content: srmI18n('i18n_title_permissionConfigLine', '权限配置行'), status: 'error' })
-    return false
-  }
-}
-//
-const handleValidateSuccess = (button: GlobalPageLayoutTypes.PageButton) => {
-  if (button.key === BUTTON_SAVE.key) {
-    composeSave()
-  }
-}
-// 页面刷新
-const handleRefresh = () => {
-  if (options.currentRow) {
-    options.currentRow._t = +new Date()
-  }
-}
-</script>
+<template>
+  <div class="edit-page">
+    <a-spin :spinning="customLoading">
+      <q-edit-page-layout 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, inject } 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 { VXETable } from 'vxe-table'
+const srmI18n = inject('Q_SRM_I18N', (i18nKey: string, defaultValue: string, account?: string | number): string => {
+  if (i18nKey) {
+    if (account) {
+      return account + defaultValue
+    }
+    return defaultValue
+  }
+  return defaultValue
+})
+// 传参 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/permissionGroup/queryById',
+  // 本地页面数据配置
+  localConfig: {
+    groups: [
+      {
+        groupName: '基本信息',
+        groupCode: 'baseForm',
+        groupType: 'head',
+      },
+      {
+        groupName: srmI18n('i18n_title_permissionConfigLine', '权限配置行'),
+        groupCode: 'permissionDataList',
+        groupType: 'item',
+        buttons: [BUTTON_ADD_ONE_ROW, BUTTON_DELETE_ROW],
+      },
+    ],
+    formFields: [
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: '权限组编码',
+        fieldLabelI18nKey: 'i18n_field_bWVAo_f564cee2',
+        fieldName: 'groupCode',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: '权限组名称',
+        fieldLabelI18nKey: 'i18n_field_bWVRL_f55f9aba',
+        fieldName: 'groupName',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'remoteSelect',
+        fieldLabel: '敏感字段组',
+        fieldLabelI18nKey: 'i18n_field_KwJOV_c129a796',
+        fieldName: 'sensitiveFieldGroups',
+        extend: {
+          modalColumns: [{ field: 'fieldGroup_dictText', title: '敏感字段组', with: 150 }],
+          modalUrl: '/base/sensitiveField/findAllGroup',
+          selectModel: 'multiple',
+        },
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: '描述',
+        fieldLabelI18nKey: 'i18n_title_describe',
+        fieldName: 'description',
+      },
+    ],
+    itemColumns: [
+      {
+        groupCode: 'permissionDataList',
+        title: '业务类型',
+        fieldLabelI18nKey: 'i18n_field_businessType',
+        field: 'businessType_dictText',
+        width: '220',
+        required: '1',
+        fieldType: 'remoteSelect',
+        extend: {
+          // fieldNames: { label: 'itemText', value: 'itemValue' },
+          valueKey: 'itemValue',
+          modalColumns: [{ field: 'itemText', title: '业务类型', with: 150 }],
+          modalUrl: 'base/companySet/findOpenbusinessType',
+          selectModel: 'single',
+        },
+        callback: (ctx, { value, data, row, pageData, layoutConfig, customFormatItem, setItemRequired, setItemDisabled, setItemRequiredOrDisabled }) => {
+          if (data && data.length) {
+            row.businessType = data[0].itemValue
+            row.businessType_dictText = data[0].itemText
+          }
+        },
+      },
+      {
+        groupCode: 'permissionDataList',
+        title: '权限字段',
+        fieldLabelI18nKey: 'i18n_field_permissionField',
+        field: 'permissionField',
+        width: '220',
+        required: '1',
+        fieldType: 'select',
+        dictCode: 'srmPermissionField',
+      },
+      {
+        groupCode: 'permissionDataList',
+        title: '字段值',
+        fieldLabelI18nKey: 'i18n_title_fieldValue',
+        helpText: "多值精确匹配用英文逗号隔开，示例：1001,1002,1003\n多值模糊匹配用'|'隔开，示例：1001|1002|1003\n单值模糊匹配值后面加'|',示例：1001|\n如果需要匹配所有值则使用关键字 all",
+        field: 'permissionValue',
+        width: '150',
+        //required: '1',
+        fieldType: 'input',
+        slots: {},
+      },
+      {
+        groupCode: 'permissionDataList',
+        title: '操作权限',
+        fieldLabelI18nKey: 'i18n_field_operation',
+        field: 'operation',
+        width: '150',
+        fieldType: 'switch',
+      },
+      {
+        groupCode: 'permissionDataList',
+        title: '关联用户组织',
+        fieldLabelI18nKey: 'i18n_field_RKjDVR_43e9f793',
+        helpText: srmI18n('i18n_alert_JOMjDRvILjDRKjVRkLbWJOR_2b5db91f', '自动取用户管理下面用户关联的组织作为权限字段值'),
+        field: 'autoRelation',
+        width: '150',
+        fieldType: 'switch',
+        slots: {},
+      },
+    ],
+  },
+  // 页面按钮
+  pageButtons: [
+    {
+      ...BUTTON_SAVE,
+      title: '保存',
+      emit: true,
+      emitKey: 'customSave',
+      args: {
+        url: '/account/permissionGroup/edit',
+      },
+    },
+  ],
+})
+
+const { pageData, layoutConfig, defaultValues } = useRefInstanceHook(layoutRef)
+const { stepTriggerValidate, composeSave, customLoading } = usePromiseStepHook({ pageData, layoutConfig, defaultValues, options })
+// 自定义保存
+const handleCustomSave = () => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const permissionDataList = pageData.value.permissionDataList as any[]
+  if (permissionDataList.length > 0) {
+    stepTriggerValidate()
+  } else {
+    VXETable.modal.message({ content: srmI18n('i18n_title_permissionConfigLine', '权限配置行'), status: 'error' })
+    return false
+  }
+}
+//
+const handleValidateSuccess = (button: GlobalPageLayoutTypes.PageButton) => {
+  if (button.key === BUTTON_SAVE.key) {
+    composeSave()
+  }
+}
+</script>