任务流运维页面

src/views/realTimeSync/taskOperationsMaintenance/workDetail.vue

@@ -26,7 +26,7 @@
                   <RangePicker v-model:value="value1" />
                 </div>
                 <div style="margin-right: 10px">
-                  <RadioGroup v-model:value="selectRadio">
+                  <RadioGroup v-model:value="selectRadio" button-style="solid">
                     <RadioButton value="1">展示所有批次</RadioButton>
                     <RadioButton value="2">过滤有差异批次</RadioButton>
                   </RadioGroup>

src/views/taskScheduling/taskFlowMaintenance/LookLogModal.vue

+<template>
+  <BasicModal  width="40%" v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit">
+    <textarea style="width: 100%;margin-top:20px;background-color: rgb(89, 96, 116);color: white" readonly  rows="22" v-model="textAreaData"/>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import {ref, computed, unref, reactive} from 'vue';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicForm, useForm } from '@/components/Form';
+  import { useMessage } from '@/hooks/web/useMessage';
+  defineOptions({ name: 'AccountModal' });
+
+  const emit = defineEmits(['success', 'register']);
+  const { createMessage } = useMessage();
+  const getTitle = computed(() => ('查看日志'));
+  const textAreaData = ref('\n' +
+    '   源端发生DDL事件,DDL处理策略为自动变更,自动启动源端')
+
+  //初始化弹框
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    setModalProps({ confirmLoading: false,showOkBtn:false,cancelText:'关闭' });
+  });
+
+  /**确定按钮*/
+  async function handleSubmit() {
+    closeModal()
+  }
+
+</script>

src/views/taskScheduling/taskFlowMaintenance/taskFlowMaintenance.data.ts

+import {getAllRoleList} from '@/api/system/role/role';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import {h} from "vue";
+import {Input, Select, Tag} from "ant-design-vue";
+import { Switch } from 'ant-design-vue';
+import {useMessage} from "@/hooks/web/useMessage";
+import {changeFlagApi} from "@/api/system/user/user";
+import {DescItem} from "@/components/Description";
+import {uploadApi} from "@/api/sys/upload"; // 引入开关组件
+type CheckedType = boolean | string | number;
+
+/**首页-table列表*/
+export const columns: BasicColumn[] = [
+  {
+    title: '调度时间',
+    dataIndex: 'schedulingTime',
+    width: 120
+  },
+  {
+    title: '执行时间',
+    dataIndex: 'executionTime',
+    width: 120
+  },
+  {
+    title: '执行时长',
+    dataIndex: 'executionDuration',
+    width: 120
+  },
+  {
+    title: '运行状态',
+    dataIndex: 'runningStatus',
+    width: 120
+  },
+  {
+    title: '执行条件',
+    dataIndex: 'executionCondition',
+    width: 120
+  },
+  {
+    title: '执行模式',
+    dataIndex: 'executionMode',
+    width: 120
+  },
+  {
+    title: '执行版本',
+    dataIndex: 'executionVersion',
+    width: 120
+  },
+  {
+    title: '执行信息',
+    dataIndex: 'executionInfo',
+    width: 120
+  },
+  {
+    title: '执行ID',
+    dataIndex: 'executionId',
+    width: 120
+  }
+];
+/**首页-搜索表单*/
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'taskName',
+    label: '',
+    component: 'Input',
+    rules: [
+      {
+        required: true,
+        message: '请输入关键字搜索',
+      },
+    ],
+    componentProps: {
+      placeholder: '请输入关键字搜索',
+    }
+  },
+];
+/**首页-表单1*/
+export const topFormSchema1: FormSchema[] = [
+  {
+    field: 'tree',
+    label: '',
+    component: 'TreeSelect',
+    colProps: { span: 10 },
+    componentProps: {
+      maxTagCount:1,//最大tag数量
+      showArrow: true,//箭头
+      treeCheckable: true,
+      fieldNames: {
+        label: 'treeName',
+        value: 'businessId',
+      },
+      getPopupContainer: () => document.body,
+    },
+  },
+];
+/**首页-表单2*/
+export const topFormSchema2: FormSchema[] = [
+  {
+    field: 'agreement',
+    component: 'RadioButtonGroup',
+    label: '',
+    defaultValue: '1',
+      componentProps: {
+      options: [
+        {
+          label: '调度时间',
+          value: '1',
+        },
+        {
+          label: '执行时间',
+          value: '2',
+        },
+      ],
+    },
+  },
+  {
+    field: '[startDate, endDate]',
+    label: ' ',
+    labelWidth:20,
+    component: 'RangePicker',
+    componentProps: {
+      format: 'YYYY-MM-DD',
+      placeholder: ['开始日期', '结束日期'],
+    },
+  },
+  {
+    field: 'eventType',
+    label: '调度类型',
+    component: 'Select',
+    componentProps: {
+      placeholder: '类型',
+      options: [
+        {
+          label: '全部',
+          value: '全部',
+        },
+      ],
+    },
+  },
+  {
+    field: 'eventType',
+    label: '发布状态',
+    component: 'Select',
+    componentProps: {
+      placeholder: '类型',
+      options: [
+        {
+          label: '全部',
+          value: '全部',
+        },
+      ],
+    },
+  },
+];
+/**首页-表单3*/
+export const mainFormSchema3: FormSchema[] = [
+  {
+    field: 'schedulingCycle',
+    label: '调度周期',
+    component: 'Input',
+    defaultValue: '0 0 0 ? * * *',
+    labelWidth:120,
+    componentProps: {
+      style: {
+        border: 'none',
+      },
+      readonly: true,
+      placeholder: '请输入调度周期',
+    },
+    colProps: { lg: 5, md: 24 },
+  },
+  {
+    field: 'publishState',
+    label: '发布状态',
+    component: 'Input',
+    defaultValue: '已发布',
+    componentProps: {
+      style: {
+        border: 'none',
+      },
+      readonly: true,
+      placeholder: '请输入发布状态',
+    },
+    colProps: { lg: 5, md: 24 },
+  },
+  {
+    field: 'approvalState',
+    label: '审批状态',
+    component: 'Input',
+    defaultValue: '-',
+    componentProps: {
+      style: {
+        border: 'none',
+      },
+      readonly: true,
+      placeholder: '请输入审批状态',
+    },
+    colProps: { lg: 5, md: 24 },
+  },
+  {
+    field: 'uuid',
+    label: '任务流UUID',
+    component: 'Input',
+    defaultValue: '4467f504c263466db3b752dc97d51d42',
+    componentProps: {
+      style: {
+        border: 'none',
+      },
+      readonly: true,
+      placeholder: '请输入任务流UUID',
+    },
+    colProps: { lg: 8, md: 24 },
+  },
+];

src/views/taskScheduling/taskFlowMaintenance/taskFlowMaintenanceData.ts

+import {getAllRoleList} from '@/api/system/role/role';
+import { BasicColumn, FormSchema } from '@/components/Table';
+import {h} from "vue";
+import {Tag} from "ant-design-vue";
+import { Switch } from 'ant-design-vue';
+import {useMessage} from "@/hooks/web/useMessage";
+import {changeFlagApi} from "@/api/system/user/user";
+import {relatedQualityColumns} from "@/views/dataStandards/basicStandards/basicStandards.data";
+import {GrowCardItem} from "@/views/dashboard/analysis/data"; // 引入开关组件
+type CheckedType = boolean | string | number;
+
+/**主页面树/列表 数据*/
+export const TreeData: any[] = [
+  {
+    businessId: 100,
+    treeName: '全选',
+    anotherName: '全选',
+    parentId: 0,
+  },
+  {
+    businessId: 201,
+    treeName: '共享工作区',
+    anotherName: '共享工作区',
+    parentId: 100,
+  },
+  {
+    businessId: 202,
+    treeName: '商城工作区',
+    anotherName: '商城工作区',
+    parentId: 100,
+  },
+  {
+    businessId: 203,
+    treeName: 'admin个人工作区',
+    anotherName: 'admin个人工作区',
+    parentId: 100,
+  },
+];
+
+/**主页面列表 数据*/
+export const tableData: any[] =[
+  {
+    id:1,
+    schedulingTime:'2023-06-28 20:29:48',
+    executionTime:'2023-06-28 20:30:48',
+    executionDuration:'28s 636ms',
+    runningStatus:'失败',
+    executionCondition:'-',
+    executionMode:'系统调度',
+    executionVersion:'V5',
+    executionInfo:'-',
+    executionId:'49027'
+  },
+  {
+    id:2,
+    schedulingTime:'2023-06-28 20:29:48',
+    executionTime:'2023-06-28 20:30:48',
+    executionDuration:'28s 636ms',
+    runningStatus:'失败',
+    executionCondition:'-',
+    executionMode:'系统调度',
+    executionVersion:'V5',
+    executionInfo:'-',
+    executionId:'49027'
+  },
+  {
+    id:3,
+    schedulingTime:'2023-06-28 20:29:48',
+    executionTime:'2023-06-28 20:30:48',
+    executionDuration:'28s 636ms',
+    runningStatus:'失败',
+    executionCondition:'-',
+    executionMode:'系统调度',
+    executionVersion:'V5',
+    executionInfo:'-',
+    executionId:'49027'
+  },
+  {
+    id:4,
+    schedulingTime:'2023-06-28 20:29:48',
+    executionTime:'2023-06-28 20:30:48',
+    executionDuration:'28s 636ms',
+    runningStatus:'失败',
+    executionCondition:'-',
+    executionMode:'系统调度',
+    executionVersion:'V5',
+    executionInfo:'-',
+    executionId:'49027'
+  },
+  {
+    id:5,
+    schedulingTime:'2023-06-28 20:29:48',
+    executionTime:'2023-06-28 20:30:48',
+    executionDuration:'28s 636ms',
+    runningStatus:'失败',
+    executionCondition:'-',
+    executionMode:'系统调度',
+    executionVersion:'V5',
+    executionInfo:'-',
+    executionId:'49027'
+  },
+  {
+    id:6,
+    schedulingTime:'2023-06-28 20:29:48',
+    executionTime:'2023-06-28 20:30:48',
+    executionDuration:'28s 636ms',
+    runningStatus:'失败',
+    executionCondition:'-',
+    executionMode:'系统调度',
+    executionVersion:'V5',
+    executionInfo:'-',
+    executionId:'49027'
+  },
+  {
+    id:7,
+    schedulingTime:'2023-06-28 20:29:48',
+    executionTime:'2023-06-28 20:30:48',
+    executionDuration:'28s 636ms',
+    runningStatus:'失败',
+    executionCondition:'-',
+    executionMode:'系统调度',
+    executionVersion:'V5',
+    executionInfo:'-',
+    executionId:'49027'
+  },
+  {
+    id:8,
+    schedulingTime:'2023-06-28 20:29:48',
+    executionTime:'2023-06-28 20:30:48',
+    executionDuration:'28s 636ms',
+    runningStatus:'失败',
+    executionCondition:'-',
+    executionMode:'系统调度',
+    executionVersion:'V5',
+    executionInfo:'-',
+    executionId:'49027'
+  },
+  {
+    id:9,
+    schedulingTime:'2023-06-28 20:29:48',
+    executionTime:'2023-06-28 20:30:48',
+    executionDuration:'28s 636ms',
+    runningStatus:'失败',
+    executionCondition:'-',
+    executionMode:'系统调度',
+    executionVersion:'V5',
+    executionInfo:'-',
+    executionId:'49027'
+  },
+]
+/**主页面 左侧List*/
+export const treeData2:any[] = [
+  {
+    key: 2,
+    desc: 'gxx/jira/test',
+    title: 'test',
+    icons: 'pepicons-pop:rewind-time',
+    color: 'rgb(138, 101, 235)',
+  },
+  {
+    key: 3,
+    desc: 'gxx/jira/90017-4',
+    title: '90017-4',
+    icons: 'pepicons-pop:rewind-time',
+    color: 'rgb(138, 101, 235)',
+  },
+  {
+    key: 4,
+    desc: 'gxx/jira/字段映射',
+    title: '字段映射',
+    icons: 'pepicons-pop:rewind-time',
+    color: 'rgb(138, 101, 235)',
+  },
+  {
+    key: 5,
+    desc: 'gxx/jira/wuqi_test',
+    title: 'wuqi_test',
+    icons: 'pepicons-pop:rewind-time',
+    color: 'rgb(138, 101, 235)',
+  },
+  {
+    key: 6,
+    desc: 'gxx/jira/目标端规则顺序生效问题',
+    title: '目标端规则顺序生效问题',
+    icons: 'pepicons-pop:rewind-time',
+    color: 'rgb(138, 101, 235)',
+  },
+  {
+    key: 7,
+    desc: 'gxx/jira/oracle-argo-吞如-单表-test',
+    title: 'oracle-argo-吞如-单表-test',
+    icons: 'pepicons-pop:rewind-time',
+    color: 'rgb(138, 101, 235)',
+  },
+  {
+    key: 8,
+    desc: 'admin-个人工作区/xuekai/多个映射规则配置',
+    title: '多个映射规则配置',
+    icons: 'pepicons-pop:rewind-time',
+    color: 'rgb(138, 101, 235)',
+  },
+  {
+    key: 9,
+    desc: 'gxx/jira/oracle-mysql',
+    title: 'oracle-mysql',
+    icons: 'pepicons-pop:rewind-time',
+    color: 'rgb(138, 101, 235)',
+  },
+]