@qqt-product/system 0.0.2 → 0.0.16

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

@@ -1,124 +1,123 @@
-<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>
+<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,
+      },
+      optionConfig: {
+        attrs: {},
+        extend: {},
+        options: [
+          {
+            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',
+          },
+        ],
+      },
+      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/QElsTenantPortalNewsList/src/QElsTenantPortalNewsEdit.vue

@@ -1,7 +1,7 @@
 <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>
+      <q-edit-page-layout ref="layoutRef" v-bind="options" @customSave="handleCustomSave" @validate-success="handleValidateSuccess"> </q-edit-page-layout>
     </a-spin>
   </div>
 </template>
@@ -9,11 +9,12 @@
 <script setup lang="ts">
 import { ref, reactive, inject } from 'vue'
 import type { ComponentPublicInstance } from 'vue'
-import { BUTTON_SAVE } from '@qqt-product/ui'
-
+import { BUTTON_SAVE, BUTTON_PUBLISH } from '@qqt-product/ui'
+import qqtUtils from '@qqt-product/utils'
 // ui组件库 types
 import type { GlobalPageLayoutTypes } from '@qqt-product/ui'
 import { usePromiseStepHook, useRefInstanceHook } from '@qqt-product/ui'
+import type { CreatePromise } from '@qqt-product/utils'
 
 const srmI18n = inject('Q_SRM_I18N', (i18nKey: string, defaultValue: string, account?: string | number): string => {
   if (i18nKey) {
@@ -39,11 +40,15 @@ const currentRow = props.currentRow
       templateAccount: '',
       busAccount: '',
       elsAccount: '',
+      newsRedirectType: '2', // 使用类型，1-文本，2-超链接
+      portalNewsType: 'companyNews',
     })
 
 // 编辑组件 ref
 const layoutRef = ref<ComponentPublicInstance | null>(null)
+const { pageData, layoutConfig, defaultValues } = useRefInstanceHook(layoutRef)
 
+const { createPromise } = qqtUtils
 // 配置
 const options = reactive<Partial<GlobalPageLayoutTypes.EditPageLayoutProps>>({
   /**
@@ -95,14 +100,36 @@ const options = reactive<Partial<GlobalPageLayoutTypes.EditPageLayoutProps>>({
         placeholder: srmI18n('i18n_title_selectType', '请选择类型'),
         dictCode: 'portalNewsType',
         required: '1',
+        defaultValue: 'companyNews',
       },
       {
         groupCode: 'baseForm',
-        fieldType: 'input',
+        fieldType: 'select',
         fieldLabel: srmI18n('i18n_field_IBQIAc_db486758', '目标文件类型'),
         fieldName: 'newsRedirectType',
         placeholder: srmI18n('i18n_field_ViFIBQIAc_a9f7e04f', '请选择目标文件类型'),
         dictCode: 'newsRedirectType',
+        required: '1',
+        defaultValue: '2',
+        callback(cxt, { layoutConfig, value }) {
+          console.log('callbackcallback', value, layoutConfig)
+          for (let group of layoutConfig.groups) {
+            if (group.groupCode == 'baseForm') {
+              for (let formFields of group.formFields!) {
+                if (formFields.fieldName == 'portalNewsDetail' && value == 1) {
+                  formFields.fieldType = 'editor'
+                } else if (formFields.fieldName == 'portalNewsDetail' && value != 1) {
+                  formFields.fieldType = ''
+                }
+                if (formFields.fieldName == 'linkUrl' && value == 1) {
+                  formFields.required = '0'
+                } else if (formFields.fieldName == 'linkUrl' && value != 1) {
+                  formFields.required = '1'
+                }
+              }
+            }
+          }
+        },
       },
       {
         groupCode: 'baseForm',
@@ -148,6 +175,14 @@ const options = reactive<Partial<GlobalPageLayoutTypes.EditPageLayoutProps>>({
         required: '0',
         mobile: 1,
         placeholder: '',
+        extend: { multiple: false, limit: 1 },
+      },
+      {
+        groupCode: 'baseForm',
+        fieldType: '',
+        fieldLabel: srmI18n('i18n_field_QvWN_2fbbd977', '文本输入'),
+        fieldName: 'portalNewsDetail',
+        placeholder: srmI18n('i18n_title_inputContent', '请输入内容'),
       },
     ],
   },
@@ -159,19 +194,22 @@ const options = reactive<Partial<GlobalPageLayoutTypes.EditPageLayoutProps>>({
       emit: true,
       emitKey: 'customSave',
       args: {
-        url: '/news/elsTenantPortalNews/add',
+        url: '/news/elsTenantPortalNews/edit',
+      },
+    },
+    {
+      ...BUTTON_PUBLISH,
+      disabled: pulishDiabled,
+      handleBefore: publishHandleBefore,
+
+      args: {
+        url: '/news/elsTenantPortalNews/publish/',
       },
     },
   ],
 })
 
-// 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 { stepTriggerValidate, composeSave, customLoading } = usePromiseStepHook({ pageData, layoutConfig, defaultValues, options })
 
 // 自定义保存
 const handleCustomSave = () => {
@@ -180,17 +218,27 @@ const handleCustomSave = () => {
 
 // 页面校验成功后执行下一步回调步骤
 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()
+function pulishDiabled() {
+  return !pageData.value.id
+}
+
+function publishHandleBefore(args) {
+  const fn: CreatePromise<GlobalPageLayoutTypes.ExposeWithPageButtons> = (resolve) => {
+    console.log(args)
+    for (let i of args.pageButtons.value) {
+      if (i.key.toString() == 'Symbol(PUBLISH)') {
+        i.args.url = i.args.url + pageData.value.id
+      }
+    }
+    resolve(args)
   }
+  return createPromise(fn) as Promise<GlobalPageLayoutTypes.ExposeWithPageButtons>
 }
+
+// 页面刷新
 </script>