@qqt-product/system 0.0.1

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

@@ -0,0 +1,221 @@
+<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>

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

@@ -0,0 +1,117 @@
+<template>
+  <q-list-layout ref="listLayoutRef" :pageData="pageData" :apiUrls="apiUrls" />
+  <CopyForm v-if="showItemInfoForm" @hide="showItemInfoForm = false" @afterHandleSaveSuccess="afterHandleSaveItemInfoSuccess"></CopyForm>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import CopyForm from './form.vue'
+import { GlobalListPageLayoutTypes } from '@qqt-product/ui'
+
+const emit = defineEmits(['create', 'edit', 'copy', 'auth'])
+const listLayoutRef = ref()
+const showItemInfoForm = ref(false)
+const apiUrls = reactive({
+  columnsCode: 'permissionGroupList',
+  list: '/account/permissionGroup/list',
+})
+const pageData = reactive({
+  statusConfig: {
+    show: false,
+  },
+  optColumn: {
+    attrs: {},
+    extend: {},
+    optColumnList: [
+      {
+        authorityCode: 'system#permissionGroup:add',
+        type: 'edit',
+        title: '编辑',
+        click({ row }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
+          const payload = {
+            row,
+          }
+          emit('edit', payload)
+        },
+      },
+      {
+        authorityCode: 'system#permissionGroup:copy',
+        title: '复制',
+        click({ row }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
+          const payload = {
+            row,
+          }
+          showItemInfoForm.value = true
+          emit('copy', payload)
+        },
+      },
+      {
+        type: 'delete',
+        title: '删除',
+        authorityCode: 'system#permissionGroup:delete',
+        args: {
+          url: '/account/permissionGroup/delete',
+        },
+      },
+      // {
+      //   authorityCode: 'system#permissionGroup:authUser',
+      //   type: 'edit',
+      //   title: '用户配置',
+      //   click({ row }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
+      //     const payload = {
+      //       row,
+      //     }
+      //     emit('auth', payload)
+      //   },
+      // },
+    ],
+  },
+  buttonConfig: {
+    attrs: {},
+    extend: {},
+    buttons: [
+      {
+        authorityCode: 'system#permissionGroup:add',
+        label: '新增',
+        icon: {
+          type: 'icon-Q-add',
+        },
+        attrs: {
+          type: 'primary',
+        },
+        click({ row }: GlobalListPageLayoutTypes.ListOptionsEventParams) {
+          const payload = {
+            row,
+          }
+          emit('create', payload)
+        },
+      },
+      {
+        label: '列自定义',
+        icon: {
+          type: 'icon-Q-setting',
+        },
+        type: 'setting',
+      },
+    ],
+  },
+  queryConfig: {
+    attrs: {},
+    extend: {},
+    form: [
+      {
+        type: 'input',
+        label: '数据权限组',
+        fieldName: 'keyWord',
+        placeholder: '请输入权限组名称/编码',
+      },
+    ],
+    formState: {},
+  },
+  pagerConfig: {},
+})
+// 保存成功后
+const afterHandleSaveItemInfoSuccess = () => {
+  listLayoutRef.value.fetchListData()
+}
+</script>

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

@@ -0,0 +1,109 @@
+<template>
+  <vxe-modal v-model="showModal" :width="800" :title="srmI18n('i18n_field_BRWFbWV_c80c7b10', '复制数据权限组')" :hide="hideModal">
+    <template #default>
+      <vxe-form title-colon title-align="right" title-width="160" :data="itemInfo.formData" :rules="itemInfo.formRules" :loading="itemInfo.loading" @submit="submitEvent">
+        <vxe-form-gather span="24">
+          <vxe-form-item :title="srmI18n('i18n_field_bWVAo_f564cee2', '权限组编码')" field="groupCode" span="24">
+            <template #default="{ data }">
+              <vxe-input v-model="data.groupCode" type="text" clearable></vxe-input>
+            </template>
+          </vxe-form-item>
+          <vxe-form-item :title="srmI18n('i18n_field_bWVRL_f55f9aba', '权限组名称')" field="groupName" span="24">
+            <template #default="{ data }">
+              <vxe-input v-model="data.groupName" type="text" clearable></vxe-input>
+            </template>
+          </vxe-form-item>
+        </vxe-form-gather>
+        <vxe-form-item align="center" span="24">
+          <template #default>
+            <vxe-button :content="srmI18n('i18n_title_cancle', '取消')" @click="hideModal"></vxe-button>
+            <vxe-button type="submit" status="primary" :content="srmI18n('i18n_title_save', '保存')"></vxe-button>
+          </template>
+        </vxe-form-item>
+      </vxe-form>
+    </template>
+  </vxe-modal>
+</template>
+<script lang="ts">
+import { defineComponent, reactive, ref, inject } from 'vue'
+import { VXETable, VxeFormEvents, VxeFormPropTypes } from 'vxe-table'
+import qqtApi from '@qqt-product/api'
+export default defineComponent({
+  name: 'ParamConfigForm',
+  props: {
+    title: {
+      type: String,
+      default: '',
+    },
+    currentRow: {
+      type: Object,
+    },
+    configurationClassificationList: {
+      type: Object,
+    },
+    itemTypeList: {
+      type: Object,
+    },
+  },
+  setup(props, { emit }) {
+    const qHttp: qqtApi.Request = qqtApi.useHttp()
+    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
+    })
+    const modalTitle = ref(props.title)
+    const showModal = ref(true)
+    const hideModal = () => {
+      emit('hide', false)
+    }
+    const itemInfo = reactive({
+      loading: false,
+      formData: {
+        groupCode: '',
+        groupName: '',
+        id: '',
+      },
+      formRules: {
+        groupName: [{ required: true, message: srmI18n('i18n_field_VWNbWVRL_533015f1', '请输入权限组名称') }],
+        groupCode: [{ required: true, message: srmI18n('18n_field_VWNbWVAo_53354a19', '请输入权限组编码') }],
+      } as VxeFormPropTypes.Rules,
+    })
+    itemInfo.formData = Object.assign({}, itemInfo.formData, props.currentRow)
+    // 保存
+    const save = async () => {
+      itemInfo.loading = true
+      const res = await qHttp.post({ url: '/account/permissionGroup/copy', data: itemInfo.formData })
+      if (res && res.success) {
+        VXETable.modal.message({ content: res.message, status: 'success' })
+        hideModal()
+        emit('afterHandleSaveSuccess')
+      } else {
+        VXETable.modal.message({ content: res.message, status: 'error' })
+      }
+      itemInfo.loading = false
+    }
+    const submitEvent: VxeFormEvents.Submit = () => {
+      save()
+    }
+    return {
+      modalTitle,
+      showModal,
+      hideModal,
+      itemInfo,
+      save,
+      submitEvent,
+      srmI18n,
+    }
+  },
+})
+</script>
+<style lang="scss" scoped>
+:deep(.vxe-form--gather) {
+  padding: 20px 0px;
+}
+</style>

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

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

package/src/lib/components/QPurchaseNoticeList/src/QPurchaseNoticeDetail.vue

@@ -0,0 +1,147 @@
+<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, inject } from 'vue'
+import type { ComponentPublicInstance } from 'vue'
+import type { GlobalPageLayoutTypes } from '@qqt-product/ui'
+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({
+      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: '/notice/purchaseNotice/noToken/queryById',
+  // 本地页面数据配置
+  localConfig: {
+    groups: [
+      {
+        groupName: srmI18n('i18n_field_100100', '基本信息'),
+        groupCode: 'baseForm',
+        groupType: 'head',
+      },
+      {
+        groupName: srmI18n('i18n_title_supplierList', '供应商列表'),
+        groupCode: 'purchaseNoticeSupplierList',
+        groupType: 'item',
+      },
+      {
+        groupName: srmI18n('i18n_title_attachmentList', '附件列表'),
+        groupCode: 'purchaseAttachmentList',
+        groupType: 'item',
+      },
+    ],
+    formFields: [
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_field_noticeNumber', '通知单号'),
+        fieldName: 'noticeNumber',
+        disabled: true,
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_field_subject', '标题'),
+        placeholder: srmI18n('i18n_title_pleaseEnterTitle', '请输入标题'),
+        fieldName: 'noticeTitle',
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'select',
+        fieldLabel: srmI18n('i18n_field_msgCategory', '类型'),
+        fieldName: 'noticeType',
+        placeholder: srmI18n('i18n_title_selectType', '请选择类型'),
+        dictCode: 'srmNoticeType',
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'select',
+        fieldLabel: srmI18n('i18n_field_publicScope', '公开范围'),
+        fieldName: 'noticeScope',
+        placeholder: srmI18n('i18n_title_pleaseSelectThePublicScope', '请选择公开范围'),
+        dictCode: 'srmNoticeScope',
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'date',
+        fieldLabel: srmI18n('i18n_field_effectiveTime', '生效时间'),
+        fieldName: 'effectiveTime',
+        dataFormat: 'YYYY-MM-DD HH:mm:ss',
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'date',
+        fieldLabel: srmI18n('i18n_field_expiryTime', '失效时间'),
+        fieldName: 'expiryTime',
+        dataFormat: 'YYYY-MM-DD HH:mm:ss',
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'switch',
+        fieldLabel: srmI18n('i18n_title_isPlacedTop', '是否置顶'),
+        fieldName: 'top',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'textArea',
+        fieldLabel: '',
+        fieldName: 'noticeContent',
+      },
+    ],
+    itemColumns: [
+      { field: 'toElsAccount', groupCode: 'purchaseNoticeSupplierList', fieldType: 'input', title: srmI18n('i18n_title_supplierELSAccount', '供应商ELS账号'), width: 200 },
+      { field: 'supplierCode', groupCode: 'purchaseNoticeSupplierList', fieldType: 'input', title: srmI18n('i18n_massProdHead88b_supplierErpCode', '供应商ERP编码'), width: 200 },
+      { field: 'supplierName', groupCode: 'purchaseNoticeSupplierList', fieldType: 'input', title: srmI18n('i18n_massProdHeade95_supplierName', '供应商名称'), width: 200 },
+      { field: 'fileName', groupCode: 'purchaseAttachmentList', fieldType: 'input', title: srmI18n('i18n_title_fileName', '文件名称'), width: 150 },
+      { field: 'createBy', groupCode: 'purchaseAttachmentList', fieldType: 'input', title: srmI18n('i18n_title_uploader', '上传方'), width: 150 },
+      { field: 'updateTime', groupCode: 'purchaseAttachmentList', fieldType: 'input', title: srmI18n('i18n_title_uploadTime', '上传时间'), width: 300 },
+    ],
+  },
+})
+</script>