@qqt-product/system 0.0.1

package/src/lib/components/QElsMsgRecordList/src/QElsMsgRecordDetail.vue

@@ -0,0 +1,148 @@
+<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: '/message/elsMsgRecord/queryById',
+  // 本地页面数据配置
+  localConfig: {
+    groups: [
+      {
+        groupName: srmI18n('i18n_field_100100', '基本信息'),
+        groupCode: 'baseForm',
+        groupType: 'head',
+      },
+    ],
+    formFields: [
+      {
+        groupCode: 'baseForm',
+        sortOrder: '5',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_title_senderElsAccount', '订单号'),
+        fieldLabelI18nKey: 'i18n_field_orderNumber',
+        fieldName: 'sendElsAccount',
+      },
+      {
+        groupCode: 'baseForm',
+        sortOrder: '5',
+        fieldType: 'number',
+        fieldLabel: srmI18n('i18n_title_senderChildAccount', '发送人子账号'),
+        fieldLabelI18nKey: 'i18n_field_sendSubAccount',
+        fieldName: 'sendSubAccount',
+      },
+      {
+        groupCode: 'baseForm',
+        sortOrder: '5',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_title_sender', '发送人'),
+        fieldLabelI18nKey: 'i18n_field_sendName',
+        fieldName: 'sendName',
+      },
+      {
+        groupCode: 'baseForm',
+        sortOrder: '5',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_title_newsTitle', '消息标题'),
+        fieldLabelI18nKey: 'i18n_field_msgTitle',
+        fieldName: 'msgTitle',
+      },
+      {
+        groupCode: 'baseForm',
+        sortOrder: '5',
+        fieldType: 'customRender',
+        fieldLabel: srmI18n('i18n_title_newsContent', '消息内容'),
+        fieldLabelI18nKey: 'i18n_field_newsContent',
+        fieldName: 'msgContent',
+      },
+      {
+        groupCode: 'baseForm',
+        sortOrder: '5',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_field_businessType', '业务类型'),
+        fieldLabelI18nKey: 'i18n_field_businessType',
+        fieldName: 'businessType_dictText',
+      },
+      {
+        groupCode: 'baseForm',
+        sortOrder: '5',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_title_operateType', '操作类型'),
+        fieldLabelI18nKey: '',
+        fieldName: 'operateType_dictText',
+      },
+      {
+        groupCode: 'baseForm',
+        sortOrder: '5',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_title_sendTime', '发送时间'),
+        fieldLabelI18nKey: 'i18n_field_sendTime',
+        fieldName: 'sendTime',
+      },
+      {
+        groupCode: 'baseForm',
+        sortOrder: '5',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_field_handleFlag', '阅读状态'),
+        fieldLabelI18nKey: 'i18n_field_handleFlag',
+        fieldName: 'handleFlag_dictText',
+      },
+      {
+        groupCode: 'baseForm',
+        sortOrder: '5',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_title_sendTime', '阅读时间'),
+        fieldLabelI18nKey: 'i18n_field_handleTime',
+        fieldName: 'handleTime',
+      },
+    ],
+  },
+})
+</script>

package/src/lib/components/QElsMsgRecordList/src/QElsMsgRecordList.vue

@@ -0,0 +1,124 @@
+<template>
+  <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
+</template>
+
+<script lang="ts">
+//JS
+import { defineComponent, reactive, inject } from 'vue'
+//hook
+import { useConfigData } from './useConfigData'
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+import { message } from '@qqt-product/ui'
+export default defineComponent({
+  name: 'QElsMsgRecordList',
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+  setup(props, { emit }) {
+    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 { showEditPage, apiUrls, listLayoutRef } = useConfigData()
+    // const { userInfo } = toRefs(props)
+    // console.log('userInfos', userInfo)
+    //data
+    const pageData = reactive({
+      statusConfig: {
+        show: false,
+      },
+      optColumn: {
+        attrs: {},
+        extend: {},
+        optColumnList: [
+          {
+            type: 'view',
+            title: srmI18n('i18n_title_see', '查看'),
+            click: ({ row }) => {
+              emit('detail', row)
+            },
+          },
+        ],
+      },
+      buttonConfig: {
+        attrs: {},
+        extend: {},
+        buttons: [
+          { authorityCode: 'elsMsgRecord#ElsMsgRecord:readBatch', label: srmI18n('i18n_btn_IIZz_25b7aa44', '一键阅读'), icon: 'check', click: readBatch },
+          {
+            label: srmI18n('i18n_title_listCustom', '列自定义'),
+            icon: {
+              type: 'icon-Q-setting',
+            },
+            type: 'setting',
+          },
+        ],
+      },
+      queryConfig: {
+        attrs: {},
+        extend: {},
+        form: [
+          {
+            type: 'select',
+            label: srmI18n('i18n_field_businessType', '业务类型'),
+            dictCode: 'srmBusinessType',
+            fieldName: 'businessType',
+          },
+          {
+            type: 'select',
+            label: srmI18n('i18n_field_handleFlag', '阅读状态'),
+            fieldName: 'handleFlag',
+            dictCode: 'srmHandleFlag',
+          },
+          {
+            type: 'select',
+            label: srmI18n('i18n_title_operateType', '操作类型'),
+            fieldName: 'operateType',
+            dictCode: 'srmOperateType',
+          },
+        ],
+        formState: {},
+      },
+      pagerConfig: {},
+    })
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+    //methods
+
+    function readBatch() {
+      let selectedRows = listLayoutRef.value.gridInstance.getCheckboxRecords()
+      if (selectedRows.length <= 0) {
+        message.warning(srmI18n('请勾选需一键阅读的消息行！', '请勾选需一键阅读的消息行！'))
+        return
+      }
+      let params = selectedRows.map((item: MapObjectNoneType) => item.id)
+      qHttp
+        .post({
+          url: apiUrls.value.readBatch,
+          data: params,
+        })
+        .then((res) => {
+          if (res.success) {
+            message.success(res.message)
+            listLayoutRef.value.fetchListData()
+            // this.$store.dispatch('updateMatTotal')
+          } else {
+            message.warning(res.message)
+          }
+        })
+    }
+
+    return { showEditPage, apiUrls, pageData, listLayoutRef }
+  },
+})
+</script>
+<style scoped></style>

package/src/lib/components/QElsMsgRecordList/src/useConfigData.ts

@@ -0,0 +1,22 @@
+import { shallowRef, ref } from 'vue'
+// import type { MapObjectNoneType } from './types'
+// import { VxeTableInstance } from 'vxe-table'
+// import type  {}
+export function useConfigData() {
+  //响应
+
+  const apiUrls = shallowRef({
+    list: '/message/elsMsgRecord/list',
+    columnsCode: 'MsgRecordList',
+    delete: '/message/elsMsgRecord/delete',
+    deleteBatch: '/message/elsMsgRecord/deleteBatch',
+    readBatch: '/message/elsMsgRecord/readBatch',
+    exportXlsUrl: 'message/elsMsgRecord/exportXls',
+    importExcelUrl: 'message/elsMsgRecord/importExcel',
+  })
+  const uploadShow = shallowRef<boolean>(false)
+  const showEditPage = shallowRef<boolean>(false)
+  const currentEditRow = ref({})
+  const listLayoutRef = ref()
+  return { apiUrls, showEditPage, currentEditRow, listLayoutRef, uploadShow }
+}

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

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

package/src/lib/components/QElsTenantPortalNewsList/src/QElsTenantPortalNewsDetail.vue

@@ -0,0 +1,139 @@
+<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: '/news/elsTenantPortalNews/queryById',
+  // 本地页面数据配置
+  localConfig: {
+    groups: [
+      {
+        groupName: '基本信息',
+        groupCode: 'baseForm',
+        groupType: 'head',
+      },
+    ],
+    formFields: [
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_field_subject', '标题'),
+        fieldName: 'portalNewsTitle',
+        placeholder: srmI18n('i18n_title_pleaseEnterTitle', '请输入标题'),
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'select',
+        fieldLabel: srmI18n('i18n_field_VQAc_307be9fb', '新闻类型'),
+        fieldName: 'portalNewsType',
+        placeholder: srmI18n('i18n_title_selectType', '请选择类型'),
+        dictCode: 'portalNewsType',
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_field_IBQIAc_db486758', '目标文件类型'),
+        fieldName: 'newsRedirectType',
+        placeholder: srmI18n('i18n_field_ViFIBQIAc_a9f7e04f', '请选择目标文件类型'),
+        dictCode: 'newsRedirectType',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_field_IBnR_37a162a9', '目标地址'),
+        fieldName: 'linkUrl',
+        placeholder: srmI18n('i18n_title_enterAddress', '请输入地址'),
+        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: 'input',
+        fieldLabel: srmI18n('i18n_field_VQIy_307bc2d6', '新闻简介'),
+        fieldName: 'portalNewsIntro',
+        placeholder: srmI18n('i18n_title_enterDescribe', '请输入简介内容'),
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'image',
+        fieldLabel: srmI18n('i18n_title_thumbnail', '缩略图'),
+        fieldLabelI18nKey: 'i18n_field_AEWWWW_1d586064',
+        fieldName: 'portalNewsThumbnail',
+        dictCode: '',
+        defaultValue: '',
+        dataFormat: '',
+        alertMsg: '',
+        required: '0',
+        mobile: 1,
+        placeholder: '',
+      },
+    ],
+  },
+})
+</script>

package/src/lib/components/QElsTenantPortalNewsList/src/QElsTenantPortalNewsEdit.vue

@@ -0,0 +1,196 @@
+<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_SAVE } from '@qqt-product/ui'
+
+// ui组件库 types
+import type { GlobalPageLayoutTypes } from '@qqt-product/ui'
+import { usePromiseStepHook, useRefInstanceHook } 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,
+  refreshMethods(row?: GlobalPageLayoutTypes.CurrentRow) {
+    if (options.currentRow) {
+      options.currentRow =
+        row ||
+        Object.assign({}, options.currentRow, {
+          _t: +new Date(),
+        })
+    }
+  },
+  // 当前登录租户信息
+  userInfo: props.userInfo,
+  // 明细接口 -- 接口字符串
+  detailApi: '/news/elsTenantPortalNews/queryById',
+  // 本地页面数据配置
+  localConfig: {
+    groups: [
+      {
+        groupName: '基本信息',
+        groupCode: 'baseForm',
+        groupType: 'head',
+      },
+    ],
+    formFields: [
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_field_subject', '标题'),
+        fieldName: 'portalNewsTitle',
+        placeholder: srmI18n('i18n_title_pleaseEnterTitle', '请输入标题'),
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'select',
+        fieldLabel: srmI18n('i18n_field_VQAc_307be9fb', '新闻类型'),
+        fieldName: 'portalNewsType',
+        placeholder: srmI18n('i18n_title_selectType', '请选择类型'),
+        dictCode: 'portalNewsType',
+        required: '1',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_field_IBQIAc_db486758', '目标文件类型'),
+        fieldName: 'newsRedirectType',
+        placeholder: srmI18n('i18n_field_ViFIBQIAc_a9f7e04f', '请选择目标文件类型'),
+        dictCode: 'newsRedirectType',
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'input',
+        fieldLabel: srmI18n('i18n_field_IBnR_37a162a9', '目标地址'),
+        fieldName: 'linkUrl',
+        placeholder: srmI18n('i18n_title_enterAddress', '请输入地址'),
+        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: 'input',
+        fieldLabel: srmI18n('i18n_field_VQIy_307bc2d6', '新闻简介'),
+        fieldName: 'portalNewsIntro',
+        placeholder: srmI18n('i18n_title_enterDescribe', '请输入简介内容'),
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: 'image',
+        fieldLabel: srmI18n('i18n_title_thumbnail', '缩略图'),
+        fieldLabelI18nKey: 'i18n_field_AEWWWW_1d586064',
+        fieldName: 'portalNewsThumbnail',
+        dictCode: '',
+        defaultValue: '',
+        dataFormat: '',
+        alertMsg: '',
+        required: '0',
+        mobile: 1,
+        placeholder: '',
+      },
+    ],
+  },
+  // 页面按钮
+  pageButtons: [
+    {
+      ...BUTTON_SAVE,
+      title: srmI18n('i18n_title_save', '保存'),
+      emit: true,
+      emitKey: 'customSave',
+      args: {
+        url: '/news/elsTenantPortalNews/add',
+      },
+    },
+  ],
+})
+
+// LocalConfig ts类型中，定义 pageButtons 为非必填项
+// 所以， undefined 不能赋值为 PageButton[], 故此外需要 ts 断言
+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) => {
+  console.log('button :>> ', button)
+  if (button.key === BUTTON_SAVE.key) {
+    composeSave()
+  }
+}
+
+// 页面刷新
+const handleRefresh = () => {
+  console.log('refresh :>> ')
+  if (options.currentRow) {
+    options.currentRow._t = +new Date()
+  }
+}
+</script>