@qqt-product/system 0.0.1 → 0.0.16

package/src/lib/components/QQuartzJobList/src/QQuartzJobList.vue

@@ -1,263 +1,276 @@
-<template>
-  <div style="height: 100%">
-    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
-
-    <!--新增/编辑-->
-    <QuartzJobModal v-if="showEditPage" :current-edit-row="currentEditRow" ref="editPage" @close="hideEditPage" />
-  </div>
-</template>
-
-<script lang="ts">
-//组件
-import { Modal, message } from '@qqt-product/ui'
-import QuartzJobModal from '../src/components/QuartzJobModal.vue'
-//JS
-import { defineComponent, reactive, inject, nextTick } from 'vue'
-//hook
-import { useConfigData } from './useConfigData'
-import { useConigApiMethods } from '../../../utils/global.hook'
-
-//ts
-import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
-
-export default defineComponent({
-  name: 'QQuartzJobList',
-  components: {
-    QuartzJobModal,
-  },
-  props: {
-    userInfo: {
-      type: Object,
-      defalut: () => {
-        return {}
-      },
-    },
-  },
-  setup() {
-    //data-hook
-    const { showEditPage, apiUrls, listLayoutRef, currentEditRow, editPage } = useConfigData()
-    const qHttp = inject(INJECT_HTTP) as HttpClient
-    // const { userInfo } = toRefs(props)
-    // console.log('userInfos', userInfo)
-    //data
-    const { handleExport } = useConigApiMethods(qHttp)
-    const pageData = reactive({
-      statusConfig: {
-        show: false,
-      },
-      optColumn: {
-        attrs: {},
-        extend: {},
-        optColumnList: [
-          { authorityCode: 'quartzJob#QuartzJob:pause', type: 'pause', title: '停止', click: pauseJob, disabled: showStopCondition },
-          { authorityCode: 'quartzJob#QuartzJob:resume', type: 'start', title: '启动', click: resumeJob, disabled: showStartCondition },
-          { authorityCode: 'quartzJob#QuartzJob:manualExecute', start2: '', title: '手动执行', click: manualExecute },
-          //             {authorityCode: 'quartzJob#QuartzJob:log', type: 'log', title: srmI18n(`${getLangAccount()}#i18n_btn_BR_cb692`, '日志'), clickFn: this.queryLog},
-          { authorityCode: 'quartzJob#QuartzJob:edit', type: 'edit', title: '编辑', click: edit },
-          {
-            authorityCode: 'quartzJob#QuartzJob:delete',
-            args: {
-              url: apiUrls.value.delete,
-            },
-            type: 'delete',
-            title: '删除',
-            disabled: showDelCondition,
-          },
-        ],
-      },
-      buttonConfig: {
-        attrs: {},
-        extend: {},
-        buttons: [
-          {
-            authorityCode: 'quartzJob#QuartzJob:add',
-            label: '新增',
-            icon: {
-              type: 'icon-Q-add',
-            },
-            attrs: {
-              type: 'primary',
-            },
-            click: add,
-            args: {
-              type: 'primary',
-            },
-          },
-          {
-            authorityCode: 'quartzJob#QuartzJob:export',
-            label: '导出',
-
-            click: handleCustomExportXls,
-          },
-          //             {label: srmI18n(`${getLangAccount()}#i18n_title_listCustom`, '列自定义'), icon: 'setting', clickFn: this.settingColumns},
-          //             {label: srmI18n(`${getLangAccount()}#i18n_title_helpText`, '帮助说明'), icon: 'file-text', folded: true, isDocument: true, clickFn: this.showHelpText},
-          //             {label: srmI18n(`${getLangAccount()}#i18n_title_attachment`, '说明附件'), icon: 'file-pdf', folded: true, isDocument: true, clickFn: this.showHelpPDF}
-        ],
-      },
-      queryConfig: {
-        attrs: {},
-        extend: {},
-        form: [
-          {
-            type: 'input',
-            label: '任务编码',
-            fieldName: 'keyWord',
-            placeholder: '请输入任务编码',
-          },
-          {
-            type: 'select',
-            label: '任务状态',
-            fieldName: 'status',
-            dictCode: 'quartz_job_status',
-            placeholder: '请选择状态',
-          },
-        ],
-        formState: {},
-      },
-      pagerConfig: {},
-    })
-
-    //methods
-
-    function handleCustomExportXls() {
-      handleExport({
-        actionType: 'post',
-        type: 'xls',
-        exportXlsUrl: '/job/quartzJob/exportXls',
-        fileName: '定时任务',
-        setPostParms() {
-          return {
-            jobClassName: '',
-            status: '',
-            pageSize: 20,
-            pageNo: 1,
-            filter: {},
-            column: 'id',
-            order: 'desc',
-            defineColumnCode: 'ElsQuartzJob',
-          }
-        },
-        berforCallback() {
-          listLayoutRef.value.loading = true
-        },
-        afterCallback() {
-          listLayoutRef.value.loading = false
-        },
-      })
-    }
-    function showStopCondition({ row = {} as MapObjectNoneType }) {
-      return row.status === -1
-    }
-
-    function pauseJob({ row = {} as MapObjectNoneType }) {
-      Modal.confirm({
-        title: '确认暂停',
-        content: '是否暂停选中任务?',
-        onOk() {
-          listLayoutRef.value.loading = true
-          qHttp
-            .get({
-              url: apiUrls.value.pause,
-              params: { jobNameKey: row.jobNameKey },
-            })
-            .then((res) => {
-              if (res.success) {
-                message.success(res.message)
-                listLayoutRef.value.fetchListData()
-              } else {
-                message.warning(res.message)
-              }
-            })
-            .finally(() => {
-              listLayoutRef.value.loading = false
-            })
-        },
-      })
-    }
-
-    function showStartCondition({ row = {} as MapObjectNoneType }) {
-      return row.status === 0
-    }
-
-    function resumeJob({ row = {} as MapObjectNoneType }) {
-      Modal.confirm({
-        title: '确认启动',
-        content: '是否启动选中任务?',
-        onOk() {
-          listLayoutRef.value.loading = true
-          qHttp
-            .get({
-              url: apiUrls.value.resume,
-              params: { jobNameKey: row.jobNameKey },
-            })
-            .then((res) => {
-              if (res.success) {
-                message.success(res.message)
-                listLayoutRef.value.fetchListData()
-              } else {
-                message.warning(res.message)
-              }
-            })
-            .finally(() => {
-              listLayoutRef.value.loading = false
-            })
-        },
-      })
-    }
-
-    function manualExecute({ row = {} as MapObjectNoneType }) {
-      Modal.confirm({
-        title: '确认执行',
-        content: '是否手动执行选中任务?',
-        onOk() {
-          listLayoutRef.value.loading = true
-          qHttp
-            .get({
-              url: apiUrls.value.manualExecute,
-              params: { id: row.id },
-            })
-            .then((res) => {
-              if (res.success) {
-                message.success(res.message)
-                listLayoutRef.value.fetchListData()
-              } else {
-                message.warning(res.message)
-              }
-            })
-            .finally(() => {
-              listLayoutRef.value.loading = false
-            })
-        },
-      })
-    }
-
-    function showDelCondition({ row = {} as MapObjectNoneType }) {
-      return row.status === 0
-    }
-
-    function add() {
-      currentEditRow.value = {}
-      showEditPage.value = true
-      nextTick(() => {
-        editPage.value.add()
-      })
-    }
-
-    function edit({ row = {} as MapObjectNoneType }) {
-      currentEditRow.value = { ...row }
-      showEditPage.value = true
-      nextTick(() => {
-        editPage.value.edit(row)
-      })
-    }
-
-    function hideEditPage() {
-      showEditPage.value = false
-      currentEditRow.value = {}
-    }
-
-    return { editPage, hideEditPage, currentEditRow, listLayoutRef, showEditPage, apiUrls, pageData }
-  },
-})
-</script>
-<style scoped></style>
+<template>
+  <div style="height: 100%">
+    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
+
+    <!--新增/编辑-->
+    <QuartzJobModal v-if="showEditPage" :current-edit-row="currentEditRow" ref="editPage" @close="hideEditPage" />
+  </div>
+</template>
+
+<script lang="ts">
+//组件
+import { Modal, message } from '@qqt-product/ui'
+import QuartzJobModal from '../src/components/QuartzJobModal.vue'
+//JS
+import { defineComponent, reactive, inject, nextTick } from 'vue'
+//hook
+import { useConfigData } from './useConfigData'
+import { useConigApiMethods } from '../../../utils/global.hook'
+
+//ts
+import { INJECT_HTTP, HttpClient, MapObjectNoneType } from '../../../utils/global.types'
+
+export default defineComponent({
+  name: 'QQuartzJobList',
+  components: {
+    QuartzJobModal,
+  },
+  props: {
+    userInfo: {
+      type: Object,
+      defalut: () => {
+        return {}
+      },
+    },
+  },
+  setup() {
+    //data-hook
+    const { showEditPage, apiUrls, listLayoutRef, currentEditRow, editPage } = useConfigData()
+    const qHttp = inject(INJECT_HTTP) as HttpClient
+    // const { userInfo } = toRefs(props)
+    // console.log('userInfos', userInfo)
+    //data
+    const { handleExport } = useConigApiMethods(qHttp)
+    const pageData = reactive({
+      statusConfig: {
+        show: false,
+      },
+      optionConfig: {
+        attrs: {},
+        extend: {},
+        options: [
+          { authorityCode: 'quartzJob#QuartzJob:pause', type: 'pause', title: '停止', click: pauseJob, disabled: showStopCondition },
+          { authorityCode: 'quartzJob#QuartzJob:resume', type: 'start', title: '启动', click: resumeJob, disabled: showStartCondition },
+          { authorityCode: 'quartzJob#QuartzJob:manualExecute', start2: '', title: '手动执行', click: manualExecute },
+          //             {authorityCode: 'quartzJob#QuartzJob:log', type: 'log', title: srmI18n(`${getLangAccount()}#i18n_btn_BR_cb692`, '日志'), clickFn: this.queryLog},
+          { authorityCode: 'quartzJob#QuartzJob:edit', type: 'edit', title: '编辑', click: edit },
+          {
+            authorityCode: 'quartzJob#QuartzJob:delete',
+            args: {
+              url: apiUrls.value.delete,
+            },
+            type: 'delete',
+            title: '删除',
+            disabled: showDelCondition,
+          },
+        ],
+      },
+      buttonConfig: {
+        attrs: {},
+        extend: {},
+        buttons: [
+          {
+            authorityCode: 'quartzJob#QuartzJob:add',
+            label: '新增',
+            icon: {
+              type: 'icon-Q-add',
+            },
+            attrs: {
+              type: 'primary',
+            },
+            click: add,
+            args: {
+              type: 'primary',
+            },
+          },
+          {
+            authorityCode: 'quartzJob#QuartzJob:export',
+            label: '导出',
+            args: {
+              fileName: '定时任务',
+              url: '/job/quartzJob/exportXls', // 原来的 exportXlsUrl
+            },
+            icon: {
+              type: 'icon-Q-export',
+            },
+            type: 'export',
+            // click: handleCustomExportXls,
+          },
+          {
+            label: '列自定义',
+            icon: {
+              type: 'icon-Q-setting',
+            },
+            type: 'setting',
+          },
+          //             {label: srmI18n(`${getLangAccount()}#i18n_title_listCustom`, '列自定义'), icon: 'setting', clickFn: this.settingColumns},
+          //             {label: srmI18n(`${getLangAccount()}#i18n_title_helpText`, '帮助说明'), icon: 'file-text', folded: true, isDocument: true, clickFn: this.showHelpText},
+          //             {label: srmI18n(`${getLangAccount()}#i18n_title_attachment`, '说明附件'), icon: 'file-pdf', folded: true, isDocument: true, clickFn: this.showHelpPDF}
+        ],
+      },
+      queryConfig: {
+        attrs: {},
+        extend: {},
+        form: [
+          {
+            type: 'input',
+            label: '任务编码',
+            fieldName: 'keyWord',
+            placeholder: '请输入任务编码',
+          },
+          {
+            type: 'select',
+            label: '任务状态',
+            fieldName: 'status',
+            dictCode: 'quartz_job_status',
+            placeholder: '请选择状态',
+          },
+        ],
+      },
+      pagerConfig: {},
+    })
+
+    //methods
+
+    function handleCustomExportXls() {
+      handleExport({
+        actionType: 'post',
+        type: 'xls',
+        exportXlsUrl: '/job/quartzJob/exportXls',
+        fileName: '定时任务',
+        setPostParms() {
+          return {
+            jobClassName: '',
+            status: '',
+            pageSize: 20,
+            pageNo: 1,
+            filter: {},
+            column: 'id',
+            order: 'desc',
+            defineColumnCode: 'ElsQuartzJob',
+          }
+        },
+        berforCallback() {
+          listLayoutRef.value.loading = true
+        },
+        afterCallback() {
+          listLayoutRef.value.loading = false
+        },
+      })
+    }
+    function showStopCondition({ row = {} as MapObjectNoneType }) {
+      return row.status === -1
+    }
+
+    function pauseJob({ row = {} as MapObjectNoneType }) {
+      Modal.confirm({
+        title: '确认暂停',
+        content: '是否暂停选中任务?',
+        onOk() {
+          listLayoutRef.value.loading = true
+          qHttp
+            .get({
+              url: apiUrls.value.pause,
+              params: { jobNameKey: row.jobNameKey },
+            })
+            .then((res) => {
+              if (res.success) {
+                message.success(res.message)
+                listLayoutRef.value.fetchListData()
+              } else {
+                message.warning(res.message)
+              }
+            })
+            .finally(() => {
+              listLayoutRef.value.loading = false
+            })
+        },
+      })
+    }
+
+    function showStartCondition({ row = {} as MapObjectNoneType }) {
+      return row.status === 0
+    }
+
+    function resumeJob({ row = {} as MapObjectNoneType }) {
+      Modal.confirm({
+        title: '确认启动',
+        content: '是否启动选中任务?',
+        onOk() {
+          listLayoutRef.value.loading = true
+          qHttp
+            .get({
+              url: apiUrls.value.resume,
+              params: { jobNameKey: row.jobNameKey },
+            })
+            .then((res) => {
+              if (res.success) {
+                message.success(res.message)
+                listLayoutRef.value.fetchListData()
+              } else {
+                message.warning(res.message)
+              }
+            })
+            .finally(() => {
+              listLayoutRef.value.loading = false
+            })
+        },
+      })
+    }
+
+    function manualExecute({ row = {} as MapObjectNoneType }) {
+      Modal.confirm({
+        title: '确认执行',
+        content: '是否手动执行选中任务?',
+        onOk() {
+          listLayoutRef.value.loading = true
+          qHttp
+            .get({
+              url: apiUrls.value.manualExecute,
+              params: { id: row.id },
+            })
+            .then((res) => {
+              if (res.success) {
+                message.success(res.message)
+                listLayoutRef.value.fetchListData()
+              } else {
+                message.warning(res.message)
+              }
+            })
+            .finally(() => {
+              listLayoutRef.value.loading = false
+            })
+        },
+      })
+    }
+
+    function showDelCondition({ row = {} as MapObjectNoneType }) {
+      return row.status === 0
+    }
+
+    function add() {
+      currentEditRow.value = {}
+      showEditPage.value = true
+      nextTick(() => {
+        editPage.value.add()
+      })
+    }
+
+    function edit({ row = {} as MapObjectNoneType }) {
+      currentEditRow.value = { ...row }
+      showEditPage.value = true
+      nextTick(() => {
+        editPage.value.edit(row)
+      })
+    }
+
+    function hideEditPage() {
+      showEditPage.value = false
+      currentEditRow.value = {}
+    }
+
+    return { editPage, hideEditPage, currentEditRow, listLayoutRef, showEditPage, apiUrls, pageData }
+  },
+})
+</script>
+<style scoped></style>