@qqt-product/system 0.0.1

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

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

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

@@ -0,0 +1,82 @@
+<template>
+  <div class="components-input-demo-presuffix">
+    <a-input @click="openModal" placeholder="corn表达式" v-model:value="cron" @change="handleOK">
+      <template #prefix> <schedule-outlined title="corn控件" /> </template>
+
+      <template #suffix>
+        <close-circle-outlined @click="handleEmpty" title="清空" />
+      </template>
+    </a-input>
+    <JCronModal ref="innerVueCron" :data="cron" @ok="handleOK" />
+  </div>
+</template>
+<script lang="ts">
+//vue
+import { defineComponent, ref } from 'vue'
+//组件
+import { CloseCircleOutlined, ScheduleOutlined } from '@ant-design/icons-vue'
+import JCronModal from '../components/JCronModal.vue'
+export default defineComponent({
+  name: 'JCron',
+  emits: ['change'],
+  components: {
+    JCronModal,
+    CloseCircleOutlined,
+    ScheduleOutlined,
+  },
+  setup() {
+    const innerVueCron = ref()
+
+    return {
+      innerVueCron,
+    }
+  },
+  props: {
+    value: {
+      required: false,
+      type: String,
+    },
+  },
+  data() {
+    return {
+      cron: this.value,
+    }
+  },
+  watch: {
+    value(val) {
+      this.cron = val
+    },
+  },
+  methods: {
+    openModal() {
+      this.innerVueCron.show()
+    },
+    handleOK(val) {
+      this.cron = val
+      this.$emit('change', this.cron)
+      //this.$emit("change", Object.assign({},  this.cron));
+    },
+    handleEmpty() {
+      this.handleOK('')
+    },
+  },
+  model: {
+    prop: 'value',
+    event: 'change',
+  },
+})
+</script>
+<style scoped>
+.components-input-demo-presuffix .anticon-close-circle {
+  cursor: pointer;
+  color: #ccc;
+  transition: color 0.3s;
+  font-size: 12px;
+}
+.components-input-demo-presuffix .anticon-close-circle:hover {
+  color: #f5222d;
+}
+.components-input-demo-presuffix .anticon-close-circle:active {
+  color: #666;
+}
+</style>