feat：新增定时任务页面

@@ -67,7 +67,7 @@ export const SchedueLog: AppRouteRecordRaw = {
     {
     {
       path: 'schedue_log/:id',
       path: 'schedue_log/:id',
       name: 'Schedue_Log',
       name: 'Schedue_Log',
-      component: () => import('/@/views/report/config/SchedueLog.vue'),
+      component: () => import('../../views/system/scheduled/SchedueLog.vue'),
       meta: {
       meta: {
         title: '调度日志',
         title: '调度日志',
       },
       },

@@ -16,13 +16,14 @@
           :options="selectOptions"
           :options="selectOptions"
           @change="handleDeviceChange"
           @change="handleDeviceChange"
           mode="multiple"
           mode="multiple"
+          labelInValue
         />
         />
         <div style="margin-top: 1.5vh"></div>
         <div style="margin-top: 1.5vh"></div>
         <DeviceAttrCpns
         <DeviceAttrCpns
           ref="deviceAttrRef"
           ref="deviceAttrRef"
           @change="handleChange"
           @change="handleChange"
           :value="deviceList"
           :value="deviceList"
-          :orgId="organizationId"
+          :orgId="organizationId || orgId"
         />
         />
       </template>
       </template>
     </BasicForm>
     </BasicForm>
@@ -64,7 +65,6 @@
     });
     });
   });
   });
   const handleDeviceChange = (e) => {
   const handleDeviceChange = (e) => {
-    console.log('e', e);
     deviceList.value = e;
     deviceList.value = e;
   };
   };
   const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
   const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
@@ -101,10 +101,22 @@
       });
       });
       //TODO 模拟的数据 待服务端返回
       //TODO 模拟的数据 待服务端返回
       const deviceIds: any = [
       const deviceIds: any = [
-        '8943f0b0-f1f7-11ec-98ad-a9680487d1e0',
-        '8f5b4280-f29e-11ec-98ad-a9680487d1e0',
-        '54e199d0-f1f7-11ec-98ad-a9680487d1e0',
-        '6d9043f0-f1f7-11ec-98ad-a9680487d1e0',
+        {
+          label: '奥迪网关子设备',
+          key: '8a4cc9a0-f201-11ec-98ad-a9680487d1e0',
+        },
+        {
+          label: '宝马默认设备',
+          key: '8943f0b0-f1f7-11ec-98ad-a9680487d1e0',
+        },
+        {
+          label: '奔驰默认设备',
+          key: '6d9043f0-f1f7-11ec-98ad-a9680487d1e0',
+        },
+        {
+          label: '新增奥迪测试设备',
+          key: '8f5b4280-f29e-11ec-98ad-a9680487d1e0',
+        },
       ];
       ];
       selectDevice.value = deviceIds;
       selectDevice.value = deviceIds;
       //回显设备属性 TODO 模拟的数据 待服务端返回
       //回显设备属性 TODO 模拟的数据 待服务端返回
@@ -133,6 +145,7 @@
       deviceAttrRef.value?.echoDynamicInputFunc(deviceAttrData.value);
       deviceAttrRef.value?.echoDynamicInputFunc(deviceAttrData.value);
     } else {
     } else {
       editId.value = '';
       editId.value = '';
+      orgId.value = '';
       selectDevice.value = [];
       selectDevice.value = [];
       selectOptions.value = [];
       selectOptions.value = [];
       deviceList.value = [];
       deviceList.value = [];

@@ -20,7 +20,6 @@ import {
   isCountAll,
   isCountAll,
 } from './timeConfig';
 } from './timeConfig';
 import { AggregateDataEnum } from '../../device/localtion/cpns/TimePeriodForm/config';
 import { AggregateDataEnum } from '../../device/localtion/cpns/TimePeriodForm/config';
-import { JCronValidator } from '/@/components/Form';
 
 
 export enum SchemaFiled {
 export enum SchemaFiled {
   WAY = 'way',
   WAY = 'way',
@@ -210,13 +209,6 @@ export const formSchema: QFormSchema[] = [
     },
     },
   },
   },
   {
   {
-    field: 'cronExpression',
-    label: 'Cron表达式',
-    component: 'JEasyCron',
-    defaultValue: '* * * * * ? *',
-    rules: [{ required: true, message: '请输入Cron表达式' }, { validator: JCronValidator }],
-  },
-  {
     field: 'timeWeek',
     field: 'timeWeek',
     component: 'Select',
     component: 'Select',
     label: '周期',
     label: '周期',

@@ -29,9 +29,7 @@
   import { propTypes } from '/@/utils/propTypes';
   import { propTypes } from '/@/utils/propTypes';
   import { SelectTypes } from 'ant-design-vue/es/select';
   import { SelectTypes } from 'ant-design-vue/es/select';
   import { Select } from 'ant-design-vue';
   import { Select } from 'ant-design-vue';
-  import { screenLinkPageByDeptIdGetDevice } from '/@/api/ruleengine/ruleengineApi';
   import { getAttribute } from '/@/api/ruleengine/ruleengineApi';
   import { getAttribute } from '/@/api/ruleengine/ruleengineApi';
-  // import { getDeviceAttribute } from '/@/api/alarm/position';
 
 
   interface Params {
   interface Params {
     [x: string]: string;
     [x: string]: string;
@@ -44,15 +42,9 @@
   });
   });
   const emits = defineEmits(['change', 'update:value', 'dynamicReduceHeight', 'dynamicAddHeight']);
   const emits = defineEmits(['change', 'update:value', 'dynamicReduceHeight', 'dynamicAddHeight']);
   const selectOptions = ref<SelectTypes['options']>([]);
   const selectOptions = ref<SelectTypes['options']>([]);
-  //动态数据
-  const dynamicInput: UnwrapRef<{ params: Params[] }> = reactive({ params: [] });
-  //监听传入数据value
-  watchEffect(() => {
-    initVal();
-  });
   //获取属性
   //获取属性
-  const getAttr = async (orgId, value) => {
-    const res = await getAttribute(orgId, value.join(','));
+  const getAttr = async (orgId, deviceId) => {
+    const res = await getAttribute(orgId, deviceId.join(','));
     selectOptions.value = res.map((o) => {
     selectOptions.value = res.map((o) => {
       return {
       return {
         label: o,
         label: o,
@@ -60,43 +52,25 @@
       };
       };
     });
     });
   };
   };
-  //获取设备
-  const deviceOptions: any = ref([]);
-  const getDevice = async (orgId) => {
-    const { items } = await screenLinkPageByDeptIdGetDevice({
-      organizationId: orgId,
-    });
-    deviceOptions.value = items.map((item) => {
-      return {
-        label: item.name,
-        value: item.tbDeviceId,
-      };
-    });
-  };
+  //动态数据
+  const dynamicInput: UnwrapRef<{ params: Params[] }> = reactive({ params: [] });
+  //监听传入数据value
+  watchEffect(() => {
+    initVal();
+  });
   /**
   /**
    * 初始化数值
    * 初始化数值
    */
    */
   async function initVal() {
   async function initVal() {
     dynamicInput.params = [];
     dynamicInput.params = [];
     if (props.value && props.orgId) {
     if (props.value && props.orgId) {
-      const getPropsDevice = props.value;
-      const getPropsOrgId = props.orgId;
-      await getAttr(getPropsOrgId, getPropsDevice);
-      await getDevice(getPropsOrgId);
-      const temp: any = [];
-      deviceOptions.value.forEach((f) => {
-        getPropsDevice.forEach((f1) => {
-          if (f1 == f.value) {
-            temp.push({
-              label: f.label,
-              value: f.value,
-            });
-          }
-        });
-      });
-      temp.forEach((item: Params) => {
+      let jsonObj = props.value;
+      const deviceId = jsonObj.map((m: any) => m.value);
+      await getAttr(props.orgId, deviceId);
+      console.log(jsonObj);
+      jsonObj.forEach((item: any) => {
         dynamicInput.params.push({
         dynamicInput.params.push({
-          attribute: item.attribute,
+          attribute: '',
           device: item.label,
           device: item.label,
           value: item.value,
           value: item.value,
         });
         });
@@ -116,6 +90,7 @@
         });
         });
       });
       });
     }
     }
+    console.log('emitChange', obj);
     emits('change', obj);
     emits('change', obj);
     emits('update:value', obj);
     emits('update:value', obj);
   }
   }

@@ -44,26 +44,6 @@
               },
               },
             },
             },
           ]"
           ]"
-          :dropDownActions="[
-            {
-              label: '执行一次',
-              icon: 'ant-design:caret-right-filled',
-              popConfirm: {
-                title: '确认要立即执行一次' + '“' + record.name + '”' + '任务吗？',
-                confirm: handleDeleteOrBatchDelete.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>
       <template #status="{ record }">
       <template #status="{ record }">
@@ -79,8 +59,6 @@
     </BasicTable>
     </BasicTable>
     <ReportConfigDrawer @register="registerDrawer" @success="handleSuccess" />
     <ReportConfigDrawer @register="registerDrawer" @success="handleSuccess" />
     <DevicePreviewModal @register="registerModal" />
     <DevicePreviewModal @register="registerModal" />
-    <TaskDetailPreviewModal @register="registerModalTaskDetail" />
-    <SchedueLog @register="registerModalSchedueLog" />
   </div>
   </div>
 </template>
 </template>
 
 
@@ -90,8 +68,6 @@
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
   import ReportConfigDrawer from './ReportConfigDrawer.vue';
   import ReportConfigDrawer from './ReportConfigDrawer.vue';
   import DevicePreviewModal from './DevicePreviewModal.vue';
   import DevicePreviewModal from './DevicePreviewModal.vue';
-  import TaskDetailPreviewModal from './TaskDetailPreviewModal.vue';
-  import SchedueLog from './SchedueLog.vue';
   import {
   import {
     reportPage,
     reportPage,
     deleteReportManage,
     deleteReportManage,
@@ -166,8 +142,6 @@
 
 
   //查看设备
   //查看设备
   const [registerModal, { openModal }] = useModal();
   const [registerModal, { openModal }] = useModal();
-  const [registerModalTaskDetail, { openModal: openModalTaskDetail }] = useModal();
-  const [registerModalSchedueLog, { openModal: openModalSchedueLog }] = useModal();
   const handleDeviceView = (record) => {
   const handleDeviceView = (record) => {
     openModal(true, {
     openModal(true, {
       isUpdate: true,
       isUpdate: true,
@@ -198,17 +172,4 @@
     }
     }
   };
   };
   const go = useGo();
   const go = useGo();
-  const handleSchedulingLogFunc = (record: Recordable) => {
-    // go('/report/schedue_log/' + record.id);
-    openModalSchedueLog(true, {
-      isUpdate: 2,
-      record,
-    });
-  };
-  const handleTaskDetailModal = (record: Recordable) => {
-    openModalTaskDetail(true, {
-      isUpdate: true,
-      record,
-    });
-  };
 </script>
 </script>

@@ -10,11 +10,9 @@
       :showOkBtn="false"
       :showOkBtn="false"
     >
     >
       <div>
       <div>
-        <BasicTable @register="registerTable" :dataSource="tableData">
+        <BasicTable @register="registerTable">
           <template #toolbar>
           <template #toolbar>
-            <a-button type="primary"> 清空 </a-button>
             <a-button type="primary"> 导出 </a-button>
             <a-button type="primary"> 导出 </a-button>
-            <a-button type="primary"> 关闭 </a-button>
             <Popconfirm title="您确定要批量删除数据" ok-text="确定" cancel-text="取消">
             <Popconfirm title="您确定要批量删除数据" ok-text="确定" cancel-text="取消">
               <a-button type="primary" color="error" :disabled="hasBatchDelete">
               <a-button type="primary" color="error" :disabled="hasBatchDelete">
                 批量删除
                 批量删除
@@ -40,6 +38,16 @@
               ]"
               ]"
             />
             />
           </template>
           </template>
+          <template #doStatus="{ record }">
+            <Switch
+              :disabled="disabledSwitch"
+              :checked="record.status === 1"
+              :loading="record.pendingStatus"
+              checkedChildren="启用"
+              unCheckedChildren="禁用"
+              @change="(checked:boolean)=>statusChange(checked,record)"
+            />
+          </template>
         </BasicTable>
         </BasicTable>
       </div>
       </div>
     </BasicModal>
     </BasicModal>
@@ -49,15 +57,15 @@
   import { ref, nextTick } from 'vue';
   import { ref, nextTick } from 'vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { columnSchedue, searchSchedueFormSchema } from './config.data';
+  import { columnSchedue, searchSchedueFormSchema } from '../../report/config/config.data';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { deleteReportManage, reportPage } from '/@/api/report/reportManager';
   import { deleteReportManage, reportPage } from '/@/api/report/reportManager';
-  import { Popconfirm } from 'ant-design-vue';
+  import { Popconfirm, Switch } from 'ant-design-vue';
 
 
+  const disabledSwitch = ref(false);
   const heightNum = ref(800);
   const heightNum = ref(800);
-  const tableData: any = ref([]);
   const [registerTable, { setProps, reload }] = useTable({
   const [registerTable, { setProps, reload }] = useTable({
-    title: '调度日志表格列表',
+    title: '调度日志列表',
     api: reportPage,
     api: reportPage,
     columns: columnSchedue,
     columns: columnSchedue,
     showIndexColumn: false,
     showIndexColumn: false,
@@ -71,6 +79,7 @@
       schemas: searchSchedueFormSchema,
       schemas: searchSchedueFormSchema,
       fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
       fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
     },
     },
+    rowKey: 'id',
     actionColumn: {
     actionColumn: {
       width: 200,
       width: 200,
       title: '操作',
       title: '操作',
@@ -91,24 +100,37 @@
 
 
   const [register] = useModalInner((data) => {
   const [register] = useModalInner((data) => {
     console.log(data);
     console.log(data);
-    const getTableData = () => {
-      for (let i = 0; i < 100; i++) {
-        tableData.value.push({
-          name: `${i}`,
-          organizationId: `${i}`,
-          dataCompare: `${i}`,
-          status: `${i}`,
-          executeWay: `${i}`,
-          devices: `${i}`,
-          creator: `${i}`,
-        });
-      }
-    };
     nextTick(() => {
     nextTick(() => {
       setProps(selectionOptions);
       setProps(selectionOptions);
-      getTableData();
+      setProps({
+        rowKey: 'id',
+      });
     });
     });
   });
   });
   const handleCancel = () => {};
   const handleCancel = () => {};
+  const statusChange = async (checked, record) => {
+    try {
+      setProps({
+        loading: true,
+      });
+      disabledSwitch.value = true;
+      const newStatus = checked ? 1 : 0;
+      console.log(checked, record, newStatus);
+      // const res = await putReportByidAndStatusManage(record.id, newStatus);
+      // if (res && newStatus) {
+      //   createMessage.success(`启用成功`);
+      // } else {
+      //   createMessage.success('禁用成功');
+      // }
+    } finally {
+      setTimeout(() => {
+        setProps({
+          loading: false,
+        });
+        disabledSwitch.value = false;
+      }, 500);
+      reload();
+    }
+  };
 </script>
 </script>
 <style lang="less" scoped></style>
 <style lang="less" scoped></style>

+<template>
+  <BasicDrawer
+    v-bind="$attrs"
+    @register="registerDrawer"
+    showFooter
+    :title="getTitle"
+    width="30%"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicDrawer>
+</template>
+<script lang="ts" setup>
+  import { ref, computed, unref, reactive } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { formSchema } from './config.form.data';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  // import { createOrEditReportManage, putReportConfigManage } from '/@/api/report/reportManager';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const emit = defineEmits(['success', 'register']);
+  const isUpdate = ref(true);
+  const editId = ref('');
+  const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
+    labelWidth: 120,
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    fieldMapToTime: [['timeZone', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
+  });
+  const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+    await resetFields();
+    setDrawerProps({ confirmLoading: false });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      //回显基础数据
+      await setFieldsValue(data.record);
+    } else {
+      editId.value = '';
+    }
+  });
+  const getTitle = computed(() => (!unref(isUpdate) ? '新增定时任务' : '编辑定时任务'));
+  let postObj: any = reactive({});
+  async function handleSubmit() {
+    setDrawerProps({ confirmLoading: true });
+    try {
+      const { createMessage } = useMessage();
+      const values = await validate();
+      if (!values) return;
+      postObj = {};
+      let saveMessage = '添加成功';
+      let updateMessage = '修改成功';
+      // editId.value !== ''
+      //   ? await putReportConfigManage(postObj)
+      //   : await createOrEditReportManage(postObj);
+
+      closeDrawer();
+      emit('success');
+      createMessage.success(unref(isUpdate) ? updateMessage : saveMessage);
+    } finally {
+      setTimeout(() => {
+        setDrawerProps({ confirmLoading: false });
+      }, 300);
+    }
+  }
+</script>

@@ -18,7 +18,7 @@
 <script setup lang="ts">
 <script setup lang="ts">
   import { ref, nextTick, reactive } from 'vue';
   import { ref, nextTick, reactive } from 'vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { personSchema } from './config.data';
+  import { personSchema } from '../../report/config/config.data';
   import { Description } from '/@/components/Description/index';
   import { Description } from '/@/components/Description/index';
   import { useDescription } from '/@/components/Description';
   import { useDescription } from '/@/components/Description';
 
 

+import { DescItem } from '/@/components/Description/index';
+import { BasicColumn, FormSchema } from '/@/components/Table';
+import moment from 'moment';
+
+export const personSchema: DescItem[] = [
+  {
+    field: 'b1',
+    label: '任务编号：',
+  },
+  {
+    field: 'b2',
+    label: '任务分组：',
+  },
+  {
+    field: 'b3',
+    label: '任务名称：',
+  },
+  {
+    field: 'b4',
+    label: '创建时间：',
+  },
+  {
+    field: 'b5',
+    label: 'cron表达式：',
+  },
+  {
+    field: 'b6',
+    label: '下次执行时间：',
+  },
+  {
+    field: 'b7',
+    label: '调用目标方法：',
+  },
+  {
+    field: 'b8',
+    label: '任务状态：',
+  },
+  {
+    field: 'b9',
+    label: '是否并发：',
+  },
+  {
+    field: 'b10',
+    label: '执行策略：',
+  },
+];
+
+// 调度日志表格配置
+export const columnSchedue: BasicColumn[] = [
+  {
+    title: '日志编号',
+    dataIndex: 'name',
+    width: 80,
+  },
+  {
+    title: '任务名称',
+    dataIndex: 'organizationId',
+    width: 120,
+  },
+  {
+    title: '任务组名',
+    dataIndex: 'dataCompare',
+    width: 120,
+  },
+  {
+    title: '调用目标字符串',
+    dataIndex: 'status',
+    width: 120,
+  },
+  {
+    title: '日志信息',
+    dataIndex: 'executeWay',
+    width: 160,
+  },
+  {
+    title: '执行状态',
+    dataIndex: 'devices',
+    width: 160,
+    slots: { customRender: 'doStatus' },
+  },
+  {
+    title: '执行时间',
+    dataIndex: 'creator',
+    width: 180,
+  },
+];
+
+// 调度日志表格查询配置
+export const searchSchedueFormSchema: FormSchema[] = [
+  {
+    field: 'name',
+    label: '任务名称',
+    component: 'Input',
+    colProps: { span: 4 },
+    componentProps: {
+      maxLength: 36,
+      placeholder: '请输入任务名称',
+    },
+  },
+  {
+    field: 'status',
+    label: '任务组名',
+    component: 'Select',
+    colProps: { span: 4 },
+    componentProps: {
+      options: [
+        {
+          label: '默认',
+          value: 1,
+        },
+        {
+          label: '系统',
+          value: 0,
+        },
+      ],
+      placeholder: '请选择任务组名',
+    },
+  },
+  {
+    field: 'status1',
+    label: '执行状态',
+    component: 'Select',
+    colProps: { span: 4 },
+    componentProps: {
+      options: [
+        {
+          label: '成功',
+          value: 1,
+        },
+        {
+          label: '失败',
+          value: 0,
+        },
+      ],
+      placeholder: '请选择执行状态',
+    },
+  },
+  {
+    field: 'sendTime',
+    label: '执行时间',
+    component: 'RangePicker',
+    componentProps: {
+      showTime: {
+        defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')],
+      },
+    },
+    colProps: { span: 4 },
+  },
+];

+import { BasicColumn, FormSchema } from '/@/components/Table';
+import type { FormSchema as QFormSchema } from '/@/components/Form/index';
+import { JCronValidator } from '/@/components/Form';
+
+// 调度日志表格配置
+export const columnSchedue: BasicColumn[] = [
+  {
+    title: '任务编号',
+    dataIndex: 'name',
+    width: 80,
+  },
+  {
+    title: '任务组名',
+    dataIndex: 'organizationId',
+    width: 120,
+  },
+  {
+    title: '调用目标字符串',
+    dataIndex: 'status',
+    width: 120,
+  },
+  {
+    title: 'cron执行表达式',
+    dataIndex: 'executeWay',
+    width: 160,
+  },
+  {
+    title: '状态',
+    dataIndex: 'devices',
+    width: 160,
+    slots: { customRender: 'status' },
+  },
+];
+
+// 调度日志表格查询配置
+export const searchSchedueFormSchema: FormSchema[] = [
+  {
+    field: 'name',
+    label: '任务名称',
+    component: 'Input',
+    colProps: { span: 6 },
+    componentProps: {
+      maxLength: 36,
+      placeholder: '请输入任务名称',
+    },
+  },
+  {
+    field: 'status',
+    label: '任务组名',
+    component: 'Select',
+    colProps: { span: 6 },
+    componentProps: {
+      options: [
+        {
+          label: '默认',
+          value: 1,
+        },
+        {
+          label: '系统',
+          value: 0,
+        },
+      ],
+      placeholder: '请选择任务组名',
+    },
+  },
+  {
+    field: 'status1',
+    label: '任务状态',
+    component: 'Select',
+    colProps: { span: 6 },
+    componentProps: {
+      options: [
+        {
+          label: '正常',
+          value: 1,
+        },
+        {
+          label: '暂停',
+          value: 0,
+        },
+      ],
+      placeholder: '请选择任务状态',
+    },
+  },
+];
+
+// 新增编辑配置
+export const formSchema: QFormSchema[] = [
+  {
+    field: 'name',
+    label: '任务名称',
+    colProps: { span: 24 },
+    required: true,
+    component: 'Input',
+    componentProps: {
+      maxLength: 255,
+      placeholder: '请输入任务名称',
+    },
+  },
+  {
+    field: 'executeWay',
+    component: 'Select',
+    label: '任务分组',
+    colProps: {
+      span: 24,
+    },
+    componentProps: {
+      placeholder: '请选择任务分组',
+      options: [
+        {
+          label: '默认',
+          value: 0,
+        },
+        {
+          label: '系统',
+          value: 1,
+        },
+      ],
+    },
+  },
+  {
+    field: 'name1',
+    label: ' 调用方法',
+    helpMessage: [
+      "Bean调用示例：ryTask.ryParams('ry')Class类调用示例：com.ruoyi.quartz.task.RyTask.ryParams('ry')参数说明：支持字符串，布尔类型，长整型，浮点型，整型",
+    ],
+    colProps: { span: 24 },
+    required: true,
+    component: 'Input',
+    componentProps: {
+      maxLength: 255,
+      placeholder: '请输入调用方法',
+    },
+  },
+  {
+    field: 'cronExpression',
+    label: 'Cron表达式',
+    component: 'JEasyCron',
+    defaultValue: '* * * * * ? *',
+    colProps: {
+      span: 24,
+    },
+    rules: [{ required: true, message: '请输入Cron表达式' }, { validator: JCronValidator }],
+  },
+  {
+    field: 'field10',
+    component: 'RadioButtonGroup',
+    label: '执行策略',
+    colProps: {
+      span: 24,
+    },
+    defaultValue: '1',
+    componentProps: {
+      options: [
+        {
+          label: '立即执行',
+          value: '1',
+        },
+        {
+          label: '执行一次',
+          value: '2',
+        },
+        {
+          label: '放弃执行',
+          value: '3',
+        },
+      ],
+    },
+  },
+  {
+    field: 'field11',
+    component: 'RadioButtonGroup',
+    label: '是否并发',
+    colProps: {
+      span: 24,
+    },
+    defaultValue: '2',
+    componentProps: {
+      options: [
+        {
+          label: '允许',
+          value: '1',
+        },
+        {
+          label: '禁止',
+          value: '2',
+        },
+      ],
+    },
+  },
+  {
+    field: 'field7',
+    component: 'RadioGroup',
+    label: '状态',
+    colProps: {
+      span: 24,
+    },
+    defaultValue: '1',
+    componentProps: {
+      options: [
+        {
+          label: '正常',
+          value: '1',
+        },
+        {
+          label: '暂停',
+          value: '2',
+        },
+      ],
+    },
+  },
+];

+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <Authority value="api:yt:schedule:post">
+          <a-button type="primary" @click="handleCreateOrEdit(null)"> 新增 </a-button>
+        </Authority>
+        <Authority value="api:yt:schedule:get">
+          <a-button type="primary"> 导出 </a-button>
+        </Authority>
+        <Authority value="api:yt:schedule:delete">
+          <Popconfirm title="您确定要批量删除数据" ok-text="确定" cancel-text="取消">
+            <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),
+              },
+            },
+          ]"
+          :dropDownActions="[
+            {
+              label: '执行一次',
+              icon: 'ant-design:caret-right-filled',
+              popConfirm: {
+                title: '确认要立即执行一次' + '“' + record.name + '”' + '任务吗？',
+                confirm: handleDeleteOrBatchDelete.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)"
+        />
+      </template>
+    </BasicTable>
+    <ScheduledDrawer @register="registerDrawer" @success="handleSuccess" />
+    <TaskDetailPreviewModal @register="registerModalTaskDetail" />
+    <SchedueLog @register="registerModalSchedueLog" />
+  </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 { deleteReportManage, reportPage } from '/@/api/report/reportManager';
+  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';
+
+  const disabledSwitch = ref(false);
+  const [registerTable, { setProps, reload }] = useTable({
+    title: '定时任务列表',
+    api: reportPage,
+    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(
+    deleteReportManage,
+    handleSuccess,
+    setProps
+  );
+
+  nextTick(() => {
+    setProps(selectionOptions);
+  });
+  const [registerDrawer, { openDrawer }] = useDrawer();
+  const [registerModalTaskDetail, { openModal: openModalTaskDetail }] = useModal();
+  const [registerModalSchedueLog, { openModal: openModalSchedueLog }] = useModal();
+  const handleSchedulingLogFunc = (record: Recordable) => {
+    // go('/report/schedue_log/' + record.id);
+    openModalSchedueLog(true, {
+      isUpdate: 2,
+      record,
+    });
+  };
+  const handleTaskDetailModal = (record: Recordable) => {
+    openModalTaskDetail(true, {
+      isUpdate: true,
+      record,
+    });
+  };
+  // 新增或编辑
+  const handleCreateOrEdit = (record: Recordable | null) => {
+    if (record) {
+      openDrawer(true, {
+        isUpdate: true,
+        record,
+      });
+    } else {
+      openDrawer(true, {
+        isUpdate: false,
+      });
+    }
+  };
+
+  const statusChange = async (checked, record) => {
+    try {
+      setProps({
+        loading: true,
+      });
+      disabledSwitch.value = true;
+      const newStatus = checked ? 1 : 0;
+      console.log(checked, record, newStatus);
+      // const res = await putReportByidAndStatusManage(record.id, newStatus);
+      // if (res && newStatus) {
+      //   createMessage.success(`启用成功`);
+      // } else {
+      //   createMessage.success('禁用成功');
+      // }
+    } finally {
+      setTimeout(() => {
+        setProps({
+          loading: false,
+        });
+        disabledSwitch.value = false;
+      }, 500);
+      reload();
+    }
+  };
+</script>
+<style lang="less" scoped></style>