Merge branch 'f-dev' into 'main'

fix：修改报表配置相关和调度日志相关

See merge request huang/yun-teng-iot-front!276

@@ -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[]>,

@@ -18,7 +18,6 @@ import { reportEditDetailPage } from '/@/api/report/reportManager';
 const heightNum = ref(800);
 const tableData: any = ref([]);
 const [registerTable] = useTable({
-  title: '执行设备及属性',
   columns: viewDeviceColumn,
   showIndexColumn: false,
   clickToRowSelect: false,

@@ -26,12 +26,14 @@
             icon: 'clarity:note-edit-line',
             auth: 'api:yt:report:update',
             onClick: handleCreateOrEdit.bind(null, record),
+            ifShow: record.status === 0,
           },
           {
             label: '删除',
             icon: 'ant-design:delete-outlined',
             auth: 'api:yt:report:delete',
             color: 'error',
+            ifShow: record.status === 0,
             popConfirm: {
               title: '是否确认删除',
               confirm: handleDeleteOrBatchDelete.bind(null, record),

+.wrapper {
+  margin: 60px;
+  display: grid;
+  justify-content: space-between;
+  grid-template-columns: repeat(2, 400px);
+  grid-gap: 40px;
+  grid-template-rows: 400px 400px;
+}
+
+.inner {
+  width: 400px;
+  height: 400px;
+}
+
+.item {
+  text-align: center;
+  font-size: 200%;
+  color: #fff;
+}

@@ -2,21 +2,25 @@
   <div>
     <BasicModal
       v-bind="$attrs"
-      width="55rem"
+      width="60rem"
       :height="heightNum"
       @register="register"
       title="报表趋势图"
-      @cancel="handleCancel"
       :showOkBtn="false"
     >
-      <div ref="chartRef" :style="{ height, width }"></div>
+      <div class="wrapper">
+        <div class="inner item" v-for="(item, index) in chartData" :key="index">
+          <p style="display: none">{{ item }}</p>
+          <div :id="`chart${index}`" :style="{ height, width }"></div>
+        </div>
+      </div>
     </BasicModal>
   </div>
 </template>
 <script setup lang="ts">
-  import { ref, PropType, Ref, nextTick } from 'vue';
+  import { ref, PropType, nextTick } from 'vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { useECharts } from '/@/hooks/web/useECharts';
+  import * as echarts from 'echarts';
 
   defineProps({
     width: {
@@ -25,67 +29,78 @@
     },
     height: {
       type: String as PropType<string>,
-      default: 'calc(100vh - 378px)',
+      default: '400px',
     },
   });
   defineEmits(['register']);
+
   const heightNum = ref(800);
-  const chartRef = ref<HTMLDivElement | null>(null);
-  const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);
+  const chartData = ref([1, 2, 3, 4]);
   const [register] = useModalInner((data) => {
     console.log(data);
+    //TODO待服务端返回值
     nextTick(() => {
-      setOptions({
-        title: {
-          text: '报表趋势图',
-        },
-        tooltip: {
-          trigger: 'axis',
-        },
-        legend: {
-          data: ['CO', 'CO2'],
-        },
-        toolbox: {},
-        grid: {
-          left: '3%',
-          right: '4%',
-          bottom: '3%',
-          containLabel: true,
-        },
-        xAxis: {
-          type: 'category',
-          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-          boundaryGap: false,
-        },
-        yAxis: {
-          type: 'value',
-          boundaryGap: false,
-        },
-        series: [
-          {
-            name: 'CO',
-            type: 'line',
-            stack: 'Total',
-            data: [150, 230, 224, 218, 135, 147, 260],
+      chartData.value.forEach((_, index) => {
+        let myChart = echarts.init(document.getElementById(`chart${index}`) as HTMLElement);
+        let myOption = {
+          title: {
+            text: '报表趋势图',
+            subtext: `图${index + 1}`,
+            left: 'left',
+          },
+          tooltip: {
+            trigger: 'axis',
+          },
+          legend: {
+            data: ['CO', 'CO2', 'Temp'],
+            top: '20px',
           },
-          {
-            name: 'CO2',
-            type: 'line',
-            stack: 'Total',
-            data: [15, 23, 22, 28, 15, 17, 20],
+          toolbox: {},
+          grid: {
+            left: '3%',
+            right: '4%',
+            bottom: '3%',
+            containLabel: true,
           },
-        ],
+          xAxis: {
+            type: 'category',
+            data: ['1', '2', '3', '4', '5', '6', '7'],
+            boundaryGap: false,
+          },
+          yAxis: {
+            type: 'value',
+            boundaryGap: false,
+          },
+          series: [
+            {
+              name: 'CO',
+              type: 'line',
+              stack: 'Total',
+              data: [150, 230, 224, 218, 135, 147, 260],
+            },
+            {
+              name: 'CO2',
+              type: 'line',
+              stack: 'Total',
+              data: [15, 23, 22, 28, 15, 17, 20],
+            },
+            {
+              name: 'Temp',
+              type: 'line',
+              stack: 'Total',
+              data: [15, 23, 22, 28, 15, 17, 20],
+            },
+          ],
+        };
+        myChart.setOption(myOption);
+        //自适应
+        window.addEventListener('resize', () => {
+          myChart.resize();
+        });
       });
     });
   });
-
-  const handleCancel = () => {};
 </script>
-<style>
-  .video-sty {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
+<style lang="less" scoped>
+  @import url('./ReportPreviewModal.less');
 </style>

@@ -30,6 +30,14 @@ export const columns: BasicColumn[] = [
     },
   },
   {
+    title: '执行状态',
+    dataIndex: 'status',
+    width: 120,
+    format: (_text: string, record: Recordable) => {
+      return record.status === 1 ? '成功' : record.status === 0 ? '失败' : '进行中';
+    },
+  },
+  {
     title: '执行日期',
     dataIndex: 'executeTime',
     width: 180,
@@ -57,11 +65,11 @@ export const searchFormSchema: FormSchema[] = [
       options: [
         {
           label: '进行中',
-          value: 1,
+          value: 2,
         },
         {
           label: '成功',
-          value: 0,
+          value: 1,
         },
         {
           label: '失败',

@@ -3,7 +3,9 @@
     <BasicTable :clickToRowSelect="false" @register="registerTable" :searchInfo="searchInfo">
       <template #toolbar>
         <Authority value="api:yt:reportExport:export">
-          <a-button type="primary" @click="exportCharts"> 导出报表 </a-button>
+          <Popconfirm title="您确定要导出报表数据吗？" ok-text="确定" cancel-text="取消" @confirm="exportCharts()">
+            <a-button type="primary"> 导出报表 </a-button>
+          </Popconfirm>
         </Authority>
         <Authority value="api:yt:reportExport:delete">
           <Popconfirm title="您确定要批量删除数据" ok-text="确定" cancel-text="取消" @confirm="handleDeleteOrBatchDelete(null)">
@@ -14,17 +16,12 @@
       <template #action="{ record }">
         <TableAction :actions="[
           {
-            label: '查看',
+            label: '报表查看',
             icon: 'clarity:note-edit-line',
             auth: 'api:yt:reportExport:get',
             onClick: handleView.bind(null, record),
           },
           {
-            label: '导出报表',
-            icon: 'clarity:note-edit-line',
-            auth: 'api:yt:reportExport:export',
-          },
-          {
             label: '删除',
             icon: 'ant-design:delete-outlined',
             auth: 'api:yt:reportExport:delete',
@@ -57,7 +54,7 @@ import {
 
 const searchInfo = reactive<Recordable>({});
 
-const [registerTable, { reload, setProps }] = useTable({
+const [registerTable, { reload, setProps, setTableData }] = useTable({
   title: '报表导出列表',
   api: exportPage,
   columns,
@@ -92,6 +89,17 @@ const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatch
 
 nextTick(() => {
   setProps(selectionOptions);
+  setTableData([
+    {
+      reportConfigName: '1',
+      organizationName: '2',
+      dataCompare: 1,
+      executeWay: 1,
+      executeTime: 1,
+      status: 2
+    }
+  ])
+
 });
 
 const [registerModal, { openModal }] = useModal();

 <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>