@qqt-product/system 0.0.2 → 0.0.16

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

@@ -1,122 +1,151 @@
-<template>
-  <q-list-layout ref="listLayoutRef" :pageData="pageData" :apiUrls="apiUrls" />
-</template>
-<script setup lang="ts">
-import { reactive, ref, inject } from 'vue'
-const listLayoutRef = ref()
-const emit = defineEmits(['create', 'detail', 'edit', 'delete', 'publish'])
-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 apiUrls = {
-  list: '/news/elsTenantPortalNews/list',
-  columnsCode: 'elsTenantPortalNewsList',
-}
-const pageData = reactive({
-  statusConfig: {
-    show: false,
-  },
-  optColumn: {
-    attrs: {},
-    extend: {},
-    optColumnList: [
-      {
-        type: 'view',
-        title: srmI18n('i18n_title_view', '查看'),
-        click: ({ row }) => {
-          emit('detail', row)
-        },
-      },
-      {
-        type: 'edit',
-        title: srmI18n('i18n_title_edit', '编辑'),
-        click: ({ row }) => {
-          emit('edit', row)
-        },
-        disabled: ({ row }) => row.status == '1',
-      },
-      {
-        type: 'delete',
-        title: '删除',
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        click: ({ row }: any) => {
-          emit('delete', row)
-        },
-      },
-      {
-        type: 'publish',
-        title: srmI18n('i18n_title_publish', '发布'),
-        disabled: ({ row }) => row.status == '1',
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        click: ({ row }: any) => {
-          emit('publish', row)
-        },
-      },
-    ],
-  },
-  buttonConfig: {
-    attrs: {},
-    extend: {},
-    buttons: [
-      {
-        label: srmI18n('i18n_title_add', '新增'),
-        icon: {
-          type: 'icon-Q-add',
-        },
-        type: 'add',
-        click: () => {
-          emit('create')
-        },
-      },
-      {
-        label: srmI18n('i18n_title_listCustom', '列自定义'),
-        icon: {
-          type: 'icon-Q-setting',
-        },
-        type: 'setting',
-      },
-      {
-        label: srmI18n('i18n_title_helpText', '帮助说明'),
-        icon: {
-          type: 'icon-Q-help-text',
-        },
-        type: 'help-text',
-      },
-      {
-        label: srmI18n('i18n_title_attachment', '说明附件'),
-        icon: {
-          type: 'icon-Q-attachment-text',
-        },
-        type: 'attachment-text',
-      },
-    ],
-  },
-  queryConfig: {
-    attrs: {},
-    extend: {},
-    form: [
-      {
-        type: 'input',
-        label: '关键字',
-        fieldName: 'keyWord',
-        placeholder: '请输入新闻标题、新闻简介',
-      },
-    ],
-    formState: {},
-  },
-  pagerConfig: {},
-})
-const refresh = () => {
-  listLayoutRef.value.fetchListData()
-}
-defineExpose({
-  refresh,
-})
-</script>
-<style scoped></style>
+<template>
+  <q-list-layout ref="listLayoutRef" :pageData="pageData" :apiUrls="apiUrls" />
+</template>
+<script setup lang="ts">
+import { reactive, ref, inject } from 'vue'
+import qqtApi from '@qqt-product/api'
+import { message, Modal } from '@qqt-product/ui'
+import type { GlobalPageLayoutTypes } from '@qqt-product/ui'
+const qHttp: qqtApi.Request = qqtApi.useHttp()
+const listLayoutRef = ref()
+const emit = defineEmits(['create', 'detail', 'edit'])
+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 apiUrls = {
+  list: '/news/elsTenantPortalNews/list',
+  columnsCode: 'elsTenantPortalNewsList',
+}
+const handleDelete = async (row: GlobalPageLayoutTypes.CurrentRow) => {
+  Modal.confirm({
+    title: srmI18n(`i18n_title_tip`, '提示'),
+    content: srmI18n('i18n_title_deleteChosedData', '是否删除选中数据？'),
+    onOk() {
+      let data = [row.id]
+      qHttp.post({ url: '/news/elsTenantPortalNews/delete', data: data }).then((res) => {
+        if (res && res.success) {
+          message.success(res.message)
+          listLayoutRef.value.fetchListData()
+        } else {
+          message.error(res.message)
+        }
+      })
+    },
+    okText: srmI18n('i18n_title_confirm', '确定'),
+    cancelText: srmI18n('i18n_title_cancle', '取消'),
+  })
+}
+const handlePublish = async (row: GlobalPageLayoutTypes.CurrentRow) => {
+  Modal.confirm({
+    title: srmI18n(`i18n_title_tip`, '提示'),
+    content: srmI18n('i18n_title_isConfirmPublishing', '是否确认发布？'),
+    onOk() {
+      qHttp.post({ url: `/news/elsTenantPortalNews/publish/${row.id}` }).then((res) => {
+        if (res && res.success) {
+          message.success(res.message)
+          listLayoutRef.value.fetchListData()
+        } else {
+          message.error(res.message)
+        }
+      })
+    },
+    okText: srmI18n('i18n_title_confirm', '确定'),
+    cancelText: srmI18n('i18n_title_cancle', '取消'),
+  })
+}
+const pageData = reactive({
+  statusConfig: {
+    show: false,
+  },
+  optionConfig: {
+    options: [
+      {
+        type: 'view',
+        title: srmI18n('i18n_title_view', '查看'),
+        click: ({ row }) => {
+          emit('detail', row)
+        },
+      },
+      {
+        type: 'edit',
+        title: srmI18n('i18n_title_edit', '编辑'),
+        click: ({ row }) => {
+          emit('edit', row)
+        },
+        disabled: ({ row }) => row.status == '1',
+      },
+      {
+        type: 'delete',
+        title: srmI18n('i18n_title_delete', '删除'),
+        click: ({ row = {} as GlobalPageLayoutTypes.CurrentRow }) => {
+          handleDelete(row)
+        },
+      },
+      {
+        type: 'publish',
+        title: srmI18n('i18n_title_publish', '发布'),
+        disabled: ({ row }) => row.status == '1',
+        click: ({ row = {} as GlobalPageLayoutTypes.CurrentRow }) => {
+          handlePublish(row)
+        },
+      },
+    ],
+  },
+  buttonConfig: {
+    buttons: [
+      {
+        label: srmI18n('i18n_title_add', '新增'),
+        icon: {
+          type: 'icon-Q-add',
+        },
+        attrs: {
+          type: 'primary',
+        },
+        type: 'add',
+        click: () => {
+          emit('create')
+        },
+      },
+      {
+        label: srmI18n('i18n_title_listCustom', '列自定义'),
+        icon: {
+          type: 'icon-Q-setting',
+        },
+        type: 'setting',
+      },
+      {
+        label: srmI18n('i18n_title_helpText', '帮助说明'),
+        icon: {
+          type: 'icon-Q-help-text',
+        },
+        type: 'help-text',
+      },
+      {
+        label: srmI18n('i18n_title_attachment', '说明附件'),
+        icon: {
+          type: 'icon-Q-attachment-text',
+        },
+        type: 'attachment-text',
+      },
+    ],
+  },
+  queryConfig: {
+    form: [
+      {
+        type: 'input',
+        label: srmI18n('i18n_title_keyword', '关键字'),
+        fieldName: 'keyWord',
+        placeholder: srmI18n('i18n_field_VWNVQBDVQIy_c92d9e92', '请输入新闻标题、新闻简介'),
+      },
+    ],
+  },
+  pagerConfig: {},
+})
+</script>
+<style scoped></style>