fix：修改调度日志

@@ -2,11 +2,11 @@ import { BasicPageParams } from '/@/api/model/baseModel';
 export type ReportQueryParam = BasicPageParams & SchedueParam;
 
 export type SchedueParam = {
-  status: true;
-  jobName: string;
-  jobGroup: string;
-  orderFiled: string;
-  orderType: string;
+  status?: any;
+  jobName?: string;
+  jobGroup?: string;
+  orderFiled?: string;
+  orderType?: string;
   data?: any;
   code?: number;
   jobId?: string;

@@ -29,14 +29,15 @@
     >
       <slot name="more"></slot>
       <a-button type="link" size="small" v-if="!$slots.more">
-        <MoreOutlined class="icon-more" />
+        <!-- <MoreOutlined class="icon-more" /> -->
+        <span>更多</span>
       </a-button>
     </Dropdown>
   </div>
 </template>
 <script lang="ts">
   import { defineComponent, PropType, computed, toRaw, unref } from 'vue';
-  import { MoreOutlined } from '@ant-design/icons-vue';
+  // import { MoreOutlined } from '@ant-design/icons-vue';
   import { Divider, Tooltip, TooltipProps } from 'ant-design-vue';
   import Icon from '/@/components/Icon/index';
   import { ActionItem, TableActionType } from '/@/components/Table';
@@ -51,7 +52,7 @@
 
   export default defineComponent({
     name: 'TableAction',
-    components: { Icon, PopConfirmButton, Divider, Dropdown, MoreOutlined, Tooltip },
+    components: { Icon, PopConfirmButton, Divider, Dropdown, Tooltip },
     props: {
       actions: {
         type: Array as PropType<ActionItem[]>,

 <template>
   <div>
-    <BasicModal v-bind="$attrs" width="110rem" :height="heightNum" @register="register" title="调度日志"
-      @cancel="handleCancel" :showOkBtn="false" destroyOnClose>
+    <BasicModal
+      v-bind="$attrs"
+      width="110rem"
+      :height="heightNum"
+      @register="register"
+      title="调度日志"
+      @cancel="handleCancel"
+      :showOkBtn="false"
+      destroyOnClose
+    >
       <div>
-        <BasicTable @register="registerTable">
+        <a-row type="flex">
+          <a-col :span="2" style="margin-left: 5rem">
+            <a-input v-model:value="searchInfo.jobName" placeholder="请输入任务名称" />
+          </a-col>
+          <a-col :span="4" style="margin-left: 5rem">
+            <a-select
+              allowClear
+              v-model:value="searchInfo.jobGroup"
+              notFoundContent="请选择任务组名"
+              placeholder="请选择任务组名"
+              style="width: 200px"
+              :options="optionGroup"
+            >
+            </a-select>
+          </a-col>
+          <a-col :span="4">
+            <a-select
+              allowClear
+              v-model:value="searchInfo.status"
+              placeholder="请选择执行状态"
+              style="width: 200px"
+              :options="optionStatus"
+            >
+            </a-select>
+          </a-col>
+          <a-col :span="4">
+            <a-range-picker
+              style="width: 400px"
+              v-model:value="searchInfo.sendTime"
+              :show-time="{
+                hideDisabledOptions: true,
+                defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('11:59:59', 'HH:mm:ss')],
+              }"
+              format="YYYY-MM-DD HH:mm:ss"
+            />
+          </a-col>
+          <a-col :span="4" style="margin-left: 10rem">
+            <a-button type="primary" @click="handleClearData">重置</a-button>
+            <a-button style="margin-left: 10px" @click="handleSearchInfo">查询</a-button>
+          </a-col>
+        </a-row>
+        <BasicTable
+          :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+          @change="onChange"
+          :pagination="pagination"
+          @register="registerTable"
+        >
           <template #toolbar>
-            <Popconfirm title="您确定要清空全部数据" ok-text="确定" cancel-text="取消" @confirm="handleClear">
+            <Popconfirm
+              title="您确定要清空全部数据"
+              ok-text="确定"
+              cancel-text="取消"
+              @confirm="handleClear"
+            >
               <a-button type="primary"> 清空 </a-button>
             </Popconfirm>
-            <Popconfirm title="您确定要批量删除数据" ok-text="确定" cancel-text="取消">
+            <Popconfirm
+              title="您确定要批量删除数据"
+              ok-text="确定"
+              cancel-text="取消"
+              @confirm="handleDeleteOrBatchDelete(null)"
+            >
               <a-button type="primary" color="error" :disabled="hasBatchDelete">
                 批量删除
               </a-button>
             </Popconfirm>
           </template>
           <template #action="{ record }">
-            <TableAction :actions="[
-              {
-                label: '查看',
-                icon: 'clarity:note-edit-line',
-                onClick: handleView.bind(null, record),
-              },
-              {
-                label: '删除',
-                icon: 'ant-design:delete-outlined',
-                color: 'error',
-                popConfirm: {
-                  title: '是否确认删除',
-                  confirm: handleDeleteOrBatchDelete.bind(null, record),
+            <TableAction
+              :actions="[
+                {
+                  label: '查看',
+                  icon: 'clarity:note-edit-line',
+                  onClick: handleView.bind(null, record),
                 },
-              },
-            ]" />
+                {
+                  label: '删除',
+                  icon: 'ant-design:delete-outlined',
+                  color: 'error',
+                  popConfirm: {
+                    title: '是否确认删除',
+                    confirm: handleDeleteOrBatchDelete.bind(null, record),
+                  },
+                },
+              ]"
+            />
           </template>
         </BasicTable>
         <ScheduleLogViewModal @register="registerModalScheduleLogView" />
@@ -39,85 +105,187 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, nextTick } from 'vue';
-import { BasicModal, useModalInner } from '/@/components/Modal';
-import { BasicTable, useTable, TableAction } from '/@/components/Table';
-import { columnSchedue, searchSchedueFormSchema } from './config.data';
-import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-import {
-  deleteSchedueLogManage,
-  schedueLogPage,
-  schedueLogCleanPage,
-} from '/@/api/schedue/schedueManager';
-import { Popconfirm } from 'ant-design-vue';
-import { useMessage } from '/@/hooks/web/useMessage';
-import ScheduleLogViewModal from './ScheduleLogViewModal.vue';
-import { useModal } from '/@/components/Modal';
-
-const { createMessage } = useMessage();
-const heightNum = ref(800);
-const [registerTable, { setProps, reload, getForm, setTableData }] = useTable({
-  title: '调度日志列表',
-  // api: schedueLogPage,
-  columns: columnSchedue,
-  showIndexColumn: false,
-  clickToRowSelect: false,
-  useSearchForm: true,
-  ellipsis: true,
-  showTableSetting: true,
-  bordered: true,
-  formConfig: {
-    labelWidth: 120,
-    schemas: searchSchedueFormSchema,
-    fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
-  },
-  rowKey: 'id',
-  actionColumn: {
-    width: 200,
-    title: '操作',
-    dataIndex: 'action',
-    slots: { customRender: 'action' },
-    fixed: 'right',
-  },
-});
-// 刷新
-const handleSuccess = () => {
-  reload();
-};
-const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-  deleteSchedueLogManage,
-  handleSuccess,
-  setProps
-);
+  import { ref, nextTick, reactive } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { columnSchedue } from './config.data';
+  import {
+    deleteSchedueLogManage,
+    schedueLogPage,
+    schedueLogCleanPage,
+  } from '/@/api/schedue/schedueManager';
+  import { Popconfirm } from 'ant-design-vue';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import ScheduleLogViewModal from './ScheduleLogViewModal.vue';
+  import { useModal } from '/@/components/Modal';
+  import moment from 'moment';
 
-const [register] = useModalInner(async (data) => {
-  console.log(data.record)
-  const res: any = await schedueLogPage({ jobId: data.record.id, page: 1, pageSize: 10 })
-  nextTick(() => {
-    console.log(res)
-    setTableData(res.items)
-    setProps(selectionOptions);
+  const { createMessage } = useMessage();
+  const heightNum = ref(800);
+  const pagination = reactive({
+    total: 0,
+    current: 1,
+    pageSize: 10,
+  });
+  const searchInfo: any = reactive({
+    jobName: '',
+    jobGroup: null,
+    status: null,
+    sendTime: [],
+  });
+  const handleClearData = async () => {
+    searchInfo.jobName = '';
+    searchInfo.jobGroup = null;
+    searchInfo.status = null;
+    searchInfo.sendTime = [];
+    setProps({
+      loading: true,
+    });
+    const res: any = await schedueLogPage({ jobId: getJobId.value, page: 1, pageSize: 10 });
+    setTableData(res.items);
+    pagination.total = res.total;
     setProps({
-      rowKey: 'id',
+      loading: false,
     });
-    //重置清空搜索表单
-    const { resetFields } = getForm();
-    resetFields();
+  };
+  const optionGroup: any = ref([
+    { value: 'DEFAULT', label: '默认' },
+    { value: 'SYSTEM', label: '系统' },
+    { value: 'REPORT', label: '报表' },
+  ]);
+  const optionStatus: any = ref([
+    { value: '1 ', label: '成功' },
+    { value: '0', label: '失败' },
+  ]);
+  const [registerTable, { setProps, reload, setTableData }] = useTable({
+    title: '调度日志列表',
+    columns: columnSchedue,
+    showIndexColumn: false,
+    clickToRowSelect: false,
+    useSearchForm: false,
+    ellipsis: true,
+    showTableSetting: false,
+    bordered: true,
+    rowKey: 'id',
+    actionColumn: {
+      width: 200,
+      title: '操作',
+      dataIndex: 'action',
+      slots: { customRender: 'action' },
+      fixed: 'right',
+    },
   });
-});
-const handleCancel = () => { };
-const handleClear = async () => {
-  await schedueLogCleanPage();
-  createMessage.success(`清空成功`);
-  handleSuccess();
-};
-const [registerModalScheduleLogView, { openModal: openModalLogView }] = useModal();
-const handleView = (record: Recordable) => {
-  openModalLogView(true, {
-    isUpdate: true,
-    record,
+  // 刷新
+  const handleSuccess = () => {
+    reload();
+  };
+  const hasBatchDelete = ref(true);
+  const selectedRowKeys = ref([]);
+  const onSelectChange = (e) => {
+    selectedRowKeys.value = e;
+    if (selectedRowKeys.value.length > 0) {
+      hasBatchDelete.value = false;
+    } else {
+      hasBatchDelete.value = true;
+    }
+  };
+  const handleDeleteOrBatchDelete = async (record) => {
+    setProps({
+      loading: true,
+    });
+    if (record !== null) {
+      await deleteSchedueLogManage([record.id]);
+      createMessage.success(`删除成功`);
+      setProps({
+        loading: false,
+      });
+      handleClearData();
+    } else {
+      //批量删除
+      await deleteSchedueLogManage(selectedRowKeys.value);
+      createMessage.success(`批量删除成功`);
+      setProps({
+        loading: false,
+      });
+      handleClearData();
+      selectedRowKeys.value = [];
+    }
+  };
+  const getJobId = ref('');
+  const [register] = useModalInner(async (data) => {
+    setProps({
+      loading: true,
+    });
+    selectedRowKeys.value = [];
+    getJobId.value = data.record.id;
+    const res: any = await schedueLogPage({
+      jobId: getJobId.value,
+      page: pagination.current,
+      pageSize: pagination.pageSize,
+    });
+    nextTick(() => {
+      setTableData(res.items);
+      pagination.total = res.total;
+      setProps({
+        loading: false,
+      });
+      setProps({
+        rowKey: 'id',
+      });
+      searchInfo.jobName = '';
+      searchInfo.jobGroup = null;
+      searchInfo.status = null;
+      searchInfo.sendTime = [];
+    });
   });
-};
+  const onChange = async (page) => {
+    setProps({
+      loading: true,
+    });
+    pagination.current = page.current;
+    pagination.pageSize = page.pageSize;
+    const res: any = await schedueLogPage({
+      jobId: getJobId.value,
+      page: pagination.current,
+      pageSize: pagination.pageSize,
+    });
+    setTableData(res.items);
+    pagination.total = res.total;
+    setProps({
+      loading: false,
+    });
+    handleSuccess();
+  };
+  const handleCancel = () => {};
+  const handleClear = async () => {
+    await schedueLogCleanPage();
+    createMessage.success(`清空成功`);
+    handleSuccess();
+  };
+  const handleSearchInfo = async () => {
+    setProps({
+      loading: true,
+    });
+    const res: any = await schedueLogPage({
+      jobId: getJobId.value,
+      jobName: searchInfo.jobName,
+      jobGroup: searchInfo.jobGroup,
+      status: searchInfo.status,
+      page: pagination.current,
+      pageSize: pagination.pageSize,
+    });
+    setTableData(res.items);
+    pagination.total = res.total;
+    setProps({
+      loading: false,
+    });
+  };
+  const [registerModalScheduleLogView, { openModal: openModalLogView }] = useModal();
+  const handleView = (record: Recordable) => {
+    openModalLogView(true, {
+      isUpdate: true,
+      record,
+    });
+  };
 </script>
-<style lang="less" scoped>
-</style>
+<style lang="less" scoped></style>

@@ -27,7 +27,6 @@
   const heightNum = ref(800);
   let personData = reactive({});
   const [registeDesc, { setDescProps }] = useDescription({
-    title: '调度日志详细信息',
     data: personData,
     schema: scheduleLogDetailSchema,
     column: 3,

 <template>
   <div>
-    <BasicModal v-bind="$attrs" width="62rem" :height="heightNum" @register="register" title="任务详细"
-      @cancel="handleCancel" :showOkBtn="false" style="font-size: 12px">
+    <BasicModal
+      v-bind="$attrs"
+      width="62rem"
+      :height="heightNum"
+      @register="register"
+      title="任务详细信息"
+      @cancel="handleCancel"
+      :showOkBtn="false"
+      style="font-size: 12px"
+    >
       <div>
         <Description :column="3" size="middle" @register="registeDesc" />
       </div>
@@ -9,46 +17,45 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, nextTick, reactive } from 'vue';
-import { BasicModal, useModalInner } from '/@/components/Modal';
-import { personSchema } from './config.data';
-import { Description } from '/@/components/Description/index';
-import { useDescription } from '/@/components/Description';
+  import { ref, nextTick, reactive } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { personSchema } from './config.data';
+  import { Description } from '/@/components/Description/index';
+  import { useDescription } from '/@/components/Description';
 
-const heightNum = ref(800);
-let personData = reactive({});
-const [registeDesc, { setDescProps }] = useDescription({
-  title: '任务详细信息',
-  data: personData,
-  schema: personSchema,
-  column: 3,
-});
-const [register] = useModalInner((data) => {
-  nextTick(() => {
-    //回显
-    for (let i in data.record) {
-      Reflect.set(personData, i, data.record[i]);
-    }
-    setDescProps(personData);
+  const heightNum = ref(800);
+  let personData = reactive({});
+  const [registeDesc, { setDescProps }] = useDescription({
+    data: personData,
+    schema: personSchema,
+    column: 3,
   });
-});
-const handleCancel = () => { };
+  const [register] = useModalInner((data) => {
+    nextTick(() => {
+      //回显
+      for (let i in data.record) {
+        Reflect.set(personData, i, data.record[i]);
+      }
+      setDescProps(personData);
+    });
+  });
+  const handleCancel = () => {};
 </script>
 <style lang="less" scoped>
-:deep(.vben-basic-title-normal) {
-  font-size: 16px;
-  font-weight: 500;
-}
+  :deep(.vben-basic-title-normal) {
+    font-size: 16px;
+    font-weight: 500;
+  }
 
-:deep(.vben-collapse-container__header) {
-  border-bottom: none;
-}
+  :deep(.vben-collapse-container__header) {
+    border-bottom: none;
+  }
 
-:deep(.ant-descriptions-item-label) {
-  width: 30rem
-}
+  :deep(.ant-descriptions-item-label) {
+    width: 30rem;
+  }
 
-:deep(.ant-descriptions-item-content) {
-  width: 45rem
-}
+  :deep(.ant-descriptions-item-content) {
+    width: 45rem;
+  }
 </style>

@@ -9,53 +9,69 @@
           <a-button type="primary"> 导出 </a-button>
         </Authority>
         <Authority value="api:yt:schedule:delete">
-          <Popconfirm title="您确定要批量删除数据" ok-text="确定" cancel-text="取消" @confirm="handleDeleteOrBatchDelete(null)">
+          <Popconfirm
+            title="您确定要批量删除数据"
+            ok-text="确定"
+            cancel-text="取消"
+            @confirm="handleDeleteOrBatchDelete(null)"
+          >
             <a-button type="primary" color="error" :disabled="hasBatchDelete"> 批量删除 </a-button>
           </Popconfirm>
         </Authority>
       </template>
       <template #action="{ record }">
-        <TableAction :actions="[
-          {
-            label: '编辑',
-            icon: 'clarity:note-edit-line',
-            auth: 'api:yt:schedule:update',
-            onClick: handleCreateOrEdit.bind(null, record),
-          },
-          {
-            label: '删除',
-            icon: 'ant-design:delete-outlined',
-            color: 'error',
-            auth: 'api:yt:schedule:delete',
-            popConfirm: {
-              title: '是否确认删除',
-              confirm: handleDeleteOrBatchDelete.bind(null, record),
+        <TableAction
+          :actions="[
+            {
+              label: '编辑',
+              icon: 'clarity:note-edit-line',
+              auth: 'api:yt:schedule:update',
+              onClick: handleCreateOrEdit.bind(null, record),
+              ifShow: record.status === 0,
             },
-          },
-        ]" :dropDownActions="[
-  {
-    label: '执行一次',
-    icon: 'ant-design:caret-right-filled',
-    popConfirm: {
-      title: '确认要立即执行一次' + '“' + record.jobName + '”' + '任务吗？',
-      confirm: handleRunOne.bind(null, record),
-    },
-  },
-  {
-    label: '任务详细',
-    icon: 'ant-design:eye-outlined',
-    onClick: handleTaskDetailModal.bind(null, record),
-  },
-  {
-    label: '调度日志',
-    icon: 'ant-design:insert-row-below-outlined',
-    onClick: handleSchedulingLogFunc.bind(null, record),
-  },
-]" />
+            {
+              label: '删除',
+              icon: 'ant-design:delete-outlined',
+              color: 'error',
+              auth: 'api:yt:schedule:delete',
+              ifShow: record.status === 0,
+              popConfirm: {
+                title: '是否确认删除',
+                confirm: handleDeleteOrBatchDelete.bind(null, record),
+              },
+            },
+          ]"
+          :dropDownActions="[
+            {
+              label: '执行一次',
+              icon: 'ant-design:caret-right-filled',
+              popConfirm: {
+                title: '确认要立即执行一次' + '“' + record.jobName + '”' + '任务吗？',
+                confirm: handleRunOne.bind(null, record),
+              },
+            },
+            {
+              label: '任务详细',
+              icon: 'ant-design:eye-outlined',
+              onClick: handleTaskDetailModal.bind(null, record),
+            },
+            {
+              label: '调度日志',
+              icon: 'ant-design:insert-row-below-outlined',
+              onClick: handleSchedulingLogFunc.bind(null, record),
+            },
+          ]"
+        />
       </template>
       <template #status="{ record }">
-        <Switch :disabled="disabledSwitch" :checked="record.status === 1" :loading="record.pendingStatus"
-          checkedChildren="启用" unCheckedChildren="禁用" @change="(checked: boolean) => statusChange(checked, record)" />
+        <Switch
+          :disabled="disabledSwitch"
+          :checked="record.status === 1"
+          :loading="record.pendingStatus"
+          checkedChildren="启用"
+          unCheckedChildren="禁用"
+          @change="(checked: boolean) => statusChange(checked, record)"
+        />
       </template>
     </BasicTable>
     <ScheduledDrawer @register="registerDrawer" @success="handleSuccess" />
@@ -64,121 +80,120 @@
   </div>
 </template>
 <script setup lang="ts">
-import { nextTick, ref } from 'vue';
-import { BasicTable, useTable, TableAction } from '/@/components/Table';
-import { columnSchedue, searchSchedueFormSchema } from './config.form.data';
-import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-import {
-  deleteSchedueManage,
-  scheduePage,
-  putSchedueByidAndStatusManage,
-  postRunSchedueConfigManage,
-} from '/@/api/schedue/schedueManager';
-import { Popconfirm, Switch } from 'ant-design-vue';
-import { useModal } from '/@/components/Modal';
-import TaskDetailPreviewModal from './TaskDetailPreviewModal.vue';
-import SchedueLog from './SchedueLog.vue';
-import ScheduledDrawer from './ScheduledDrawer.vue';
-import { useDrawer } from '/@/components/Drawer';
-import { Authority } from '/@/components/Authority';
-import { useMessage } from '/@/hooks/web/useMessage';
-
-const disabledSwitch = ref(false);
-const { createMessage } = useMessage();
-const [registerTable, { setProps, reload }] = useTable({
-  title: '定时任务列表',
-  api: scheduePage,
-  columns: columnSchedue,
-  showIndexColumn: false,
-  clickToRowSelect: false,
-  useSearchForm: true,
-  ellipsis: true,
-  showTableSetting: true,
-  bordered: true,
-  formConfig: {
-    labelWidth: 120,
-    schemas: searchSchedueFormSchema,
-    fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
-  },
-  actionColumn: {
-    width: 200,
-    title: '操作',
-    dataIndex: 'action',
-    slots: { customRender: 'action' },
-    fixed: 'right',
-  },
-});
-// 刷新
-const handleSuccess = () => {
-  reload();
-};
-const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-  deleteSchedueManage,
-  handleSuccess,
-  setProps
-);
+  import { nextTick, ref } from 'vue';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { columnSchedue, searchSchedueFormSchema } from './config.form.data';
+  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
+  import {
+    deleteSchedueManage,
+    scheduePage,
+    putSchedueByidAndStatusManage,
+    postRunSchedueConfigManage,
+  } from '/@/api/schedue/schedueManager';
+  import { Popconfirm, Switch } from 'ant-design-vue';
+  import { useModal } from '/@/components/Modal';
+  import TaskDetailPreviewModal from './TaskDetailPreviewModal.vue';
+  import SchedueLog from './SchedueLog.vue';
+  import ScheduledDrawer from './ScheduledDrawer.vue';
+  import { useDrawer } from '/@/components/Drawer';
+  import { Authority } from '/@/components/Authority';
+  import { useMessage } from '/@/hooks/web/useMessage';
 
-nextTick(() => {
-  setProps(selectionOptions);
-});
-const [registerDrawer, { openDrawer }] = useDrawer();
-const [registerModalTaskDetail, { openModal: openModalTaskDetail }] = useModal();
-const [registerModalSchedueLog, { openModal: openModalSchedueLog }] = useModal();
-const handleSchedulingLogFunc = (record: Recordable) => {
-  openModalSchedueLog(true, {
-    isUpdate: 2,
-    record,
+  const disabledSwitch = ref(false);
+  const { createMessage } = useMessage();
+  const [registerTable, { setProps, reload }] = useTable({
+    title: '定时任务列表',
+    api: scheduePage,
+    columns: columnSchedue,
+    showIndexColumn: false,
+    clickToRowSelect: false,
+    useSearchForm: true,
+    ellipsis: true,
+    showTableSetting: true,
+    bordered: true,
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchSchedueFormSchema,
+      fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
+    },
+    actionColumn: {
+      width: 200,
+      title: '操作',
+      dataIndex: 'action',
+      slots: { customRender: 'action' },
+      fixed: 'right',
+    },
   });
-};
-const handleTaskDetailModal = (record: Recordable) => {
-  openModalTaskDetail(true, {
-    isUpdate: true,
-    record,
+  // 刷新
+  const handleSuccess = () => {
+    reload();
+  };
+  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
+    deleteSchedueManage,
+    handleSuccess,
+    setProps
+  );
+
+  nextTick(() => {
+    setProps(selectionOptions);
   });
-};
-// 新增或编辑
-const handleCreateOrEdit = (record: Recordable | null) => {
-  if (record) {
-    openDrawer(true, {
-      isUpdate: true,
+  const [registerDrawer, { openDrawer }] = useDrawer();
+  const [registerModalTaskDetail, { openModal: openModalTaskDetail }] = useModal();
+  const [registerModalSchedueLog, { openModal: openModalSchedueLog }] = useModal();
+  const handleSchedulingLogFunc = (record: Recordable) => {
+    openModalSchedueLog(true, {
+      isUpdate: 2,
       record,
     });
-  } else {
-    openDrawer(true, {
-      isUpdate: false,
-    });
-  }
-};
-
-const statusChange = async (checked, record) => {
-  try {
-    setProps({
-      loading: true,
+  };
+  const handleTaskDetailModal = (record: Recordable) => {
+    openModalTaskDetail(true, {
+      isUpdate: true,
+      record,
     });
-    disabledSwitch.value = true;
-    const newStatus = checked ? 1 : 0;
-    const res = await putSchedueByidAndStatusManage(record.id, newStatus);
-    if (res && newStatus) {
-      createMessage.success(`启用成功`);
+  };
+  // 新增或编辑
+  const handleCreateOrEdit = (record: Recordable | null) => {
+    if (record) {
+      openDrawer(true, {
+        isUpdate: true,
+        record,
+      });
     } else {
-      createMessage.success('禁用成功');
+      openDrawer(true, {
+        isUpdate: false,
+      });
     }
-  } finally {
-    setTimeout(() => {
+  };
+
+  const statusChange = async (checked, record) => {
+    try {
       setProps({
-        loading: false,
+        loading: true,
       });
-      disabledSwitch.value = false;
-    }, 500);
-    reload();
-  }
-};
-const handleRunOne = async (record: Recordable) => {
-  const res = await postRunSchedueConfigManage(record.id);
-  if (res?.code === 200) {
-    createMessage.success(`执行一次任务"${record.jobName}"成功`);
-  }
-};
+      disabledSwitch.value = true;
+      const newStatus = checked ? 1 : 0;
+      const res = await putSchedueByidAndStatusManage(record.id, newStatus);
+      if (res && newStatus) {
+        createMessage.success(`启用成功`);
+      } else {
+        createMessage.success('禁用成功');
+      }
+    } finally {
+      setTimeout(() => {
+        setProps({
+          loading: false,
+        });
+        disabledSwitch.value = false;
+      }, 500);
+      reload();
+    }
+  };
+  const handleRunOne = async (record: Recordable) => {
+    const res = await postRunSchedueConfigManage(record.id);
+    if (res?.code === 200) {
+      createMessage.success(`执行一次任务"${record.jobName}"成功`);
+    }
+  };
 </script>
-<style lang="less" scoped>
-</style>
+<style lang="less" scoped></style>