新增了任务运维界面

src/router/routes/index.ts

@@ -772,6 +772,25 @@ export const serviceDevelopmentRoute: AppRouteRecordRaw = {
   ],
 };
 
+/**实时同步-任务运维*/
+export const SyncMaintenanceRoute: AppRouteRecordRaw = {
+  path: '/realTimeSync',
+  name: 'realTimeSync',
+  component: LAYOUT,
+  meta: {
+    title: '实时同步',
+    icon: '',
+    hidden: true,
+    currentActiveMenu: '/realTimeSync',
+  },
+  children: [
+    {
+      path: 'taskOperationsMaintenance/workDetail',
+      name: 'workDetail',
+      component: () => import('@/views/realTimeSync/taskOperationsMaintenance/workDetail.vue'),
+    }
+  ]
+}
 // Basic routing without permission
 // 没有权限要求的基本路由
 export const basicRoutes = [
@@ -787,6 +806,7 @@ export const basicRoutes = [
   kinshipParseRoute,
   serviceDevelopmentRoute,
   RootRoute,
+  SyncMaintenanceRoute,
   ...mainOutRoutes,
   REDIRECT_ROUTE,
   DataWarehousePlanningRoute,

src/views/realTimeSync/taskOperationsMaintenance/index.vue

@@ -81,8 +81,8 @@
           />
         </div>
         <div>
-          <a-button type="primary" @click="" style="margin-right: 20px">启动</a-button>
-          <a-button type="primary" @click="" style="margin-right: 20px">暂停</a-button>
+          <a-button type="primary" @click="startButton" style="margin-right: 20px">启动</a-button>
+          <a-button type="primary" @click="stopButton" style="margin-right: 20px">暂停</a-button>
         </div>
       </div>
       <BasicTable @register="registerTable">
@@ -91,9 +91,9 @@
            <TableAction
             :actions="[
                 {
-                  icon: 'ant-design:form-outlined',
+                  icon: 'ant-design:file-search-outlined',
                   // label: '查看详情',
-                  onClick: resetNameButton.bind(null, record),
+                  onClick: detailButton.bind(null, record),
                 },
                 {
                   icon: 'ant-design:edit-outlined',
@@ -101,14 +101,14 @@
                   onClick: resetNameButton.bind(null, record),
                 },
                 {
-                  icon: 'ant-design:form-outlined',
+                  icon: 'ant-design:caret-right-outlined',
                   // label: '启动',
-                  onClick: resetNameButton.bind(null, record),
+                  onClick: startButton.bind(null, record),
                 },
                 {
-                  icon: 'ant-design:form-outlined',
+                  icon: 'ant-design:pause-outlined',
                   // label: '暂停',
-                  onClick: resetNameButton.bind(null, record),
+                  onClick: stopButton.bind(null, record),
                 },
               ]"
             />
@@ -250,17 +250,34 @@
     },
   });
 
+   /**点击card 改变css样式*/
    function clickButton(item){
      selectedItem.value = item;
    }
 
+   /**详情 按钮*/
+   function detailButton(record){
+      router.push({
+        path: '/realTimeSync/taskOperationsMaintenance/workDetail',
+        query: {
+
+        }
+      });
+   }
 
+   /**修改 按钮*/
    function resetNameButton(record){
 
    }
 
-   /**删除 按钮*/
-   function deleteButton(record){
+
+   /**启动 按钮*/
+   function startButton(record){
+
+   }
+
+   /**暂停 按钮*/
+   function stopButton(record){
 
    }
 
@@ -305,9 +322,9 @@
   ::v-deep(.ant-select-selector){
     width:200px!important;
   }
-  //::v-deep(.ant-select){
-  //  width:200px!important;
-  //}
+  ::v-deep(.ant-select){
+    width:200px!important;
+  }
 }
 .homePage_module {
   margin-top: 20px;

src/views/realTimeSync/taskOperationsMaintenance/maintenance.data.ts

@@ -106,6 +106,141 @@ export const selectFormSchema: FormSchema[] = [
     },
   },
 ];
+/**详情页-table列表*/
+export const detailColumns: BasicColumn[] = [
+  {
+    "title": "检查批次",
+    "dataIndex": "checkBatch",
+    "width": 120
+  },
+  {
+    "title": "统计时间",
+    "dataIndex": "statisticalTime",
+    "width": 120
+  },
+  {
+    "title": "源端解析数量",
+    "dataIndex": "sourceParseCount",
+    "width": 120
+  },
+  {
+    "title": "Kafka写入数量",
+    "dataIndex": "kafkaWriteCount",
+    "width": 120
+  },
+  {
+    "title": "Kafka消费数量",
+    "dataIndex": "kafkaConsumeCount",
+    "width": 120
+  },
+  {
+    "title": "目标端写入数量",
+    "dataIndex": "targetWriteCount",
+    "width": 120
+  },
+  {
+    "title": "同步点",
+    "dataIndex": "syncPoint",
+    "width": 120
+  }
+];
+/**详情页-下拉框表单*/
+export const detailFormSchema: FormSchema[] = [
+  {
+    field: 'eventType',
+    label: '',
+    component: 'Select',
+    required: true,
+    componentProps: {
+      placeholder: '事件类型',
+      options: [
+        {
+          label: '系统异常',
+          value: '系统异常',
+        },
+        {
+          label: '数据异常',
+          value: '数据异常',
+        },
+        {
+          label: '状态切换',
+          value: '状态切换',
+        },
+        {
+          label: '策略告警',
+          value: '策略告警',
+        },
+      ],
+    },
+    colProps: { span:3.5 },
+  },
+   {
+    field: 'eventName',
+    label: '',
+    component: 'Select',
+    required: true,
+    componentProps: {
+      placeholder: '事件名称',
+      options: [
+        {
+          label: '源端连接异常',
+          value: '源端连接异常',
+        },
+        {
+          label: '日志解析异常',
+          value: '日志解析异常',
+        },
+        {
+          label: '内部异常',
+          value: '内部异常',
+        },
+        {
+          label: 'kafka写入异常',
+          value: 'kafka写入异常',
+        },
+        {
+          label: '数据写入异常',
+          value: '数据写入异常',
+        },
+        {
+          label: '数据转换异常',
+          value: '数据转换异常',
+        },
+        {
+          label: '未知错误',
+          value: '未知错误',
+        },
+        {
+          label: '目标端任务启动',
+          value: '目标端任务启动',
+        },
+        {
+          label: '目标端任务暂停',
+          value: '目标端任务暂停',
+        },
+        {
+          label: '源端任务启动',
+          value: '源端任务启动',
+        },
+         {
+          label: '源端任务暂停',
+          value: '源端任务暂停',
+        },
+      ],
+    },
+    colProps: { span:3.5 },
+  },
+  {
+    field: '[startDate, endDate]',
+    label: '',
+    component: 'RangePicker',
+    componentProps: {
+      format: 'YYYY-MM-DD',
+      placeholder: ['开始日期', '结束日期'],
+    },
+    colProps: { span:4 },
+  },
+];
 
 
 /**table列表*/

src/views/realTimeSync/taskOperationsMaintenance/maintenanceData.ts

@@ -174,3 +174,77 @@ export const tableData: any[] =[
     ddl: '0'
   },
 ]
+/**详情页列表 数据*/
+export const detailTableData: any[] =[
+  {
+    businessId:'1',
+    checkBatch:'2023-06-21 19:25:00',
+    statisticalTime:'2023-06-21 19:27:32',
+    sourceParseCount:'4',
+    kafkaWriteCount:'4',
+    kafkaConsumeCount:'4',
+    targetWriteCount:'0',
+    syncPoint:'5902430'
+  },
+  {
+    businessId:'2',
+    checkBatch:'2023-06-21 19:21:00',
+    statisticalTime:'2023-06-21 19:21:55',
+    sourceParseCount:'3',
+    kafkaWriteCount:'1',
+    kafkaConsumeCount:'2',
+    targetWriteCount:'0',
+    syncPoint:'5902123'
+  },
+  {
+    businessId:'3',
+    checkBatch:'2023-06-21 19:23:05',
+    statisticalTime:'2023-06-21 19:23:45',
+    sourceParseCount:'2',
+    kafkaWriteCount:'3',
+    kafkaConsumeCount:'4',
+    targetWriteCount:'0',
+    syncPoint:'5912530'
+  },
+  {
+    businessId:'4',
+    checkBatch:'2023-06-21 19:21:01',
+    statisticalTime:'2023-06-21 19:21:10',
+    sourceParseCount:'1',
+    kafkaWriteCount:'4',
+    kafkaConsumeCount:'3',
+    targetWriteCount:'0',
+    syncPoint:'5902340'
+  },
+  {
+    businessId:'5',
+    checkBatch:'2023-06-21 19:22:23',
+    statisticalTime:'2023-06-21 19:22:55',
+    sourceParseCount:'2',
+    kafkaWriteCount:'2',
+    kafkaConsumeCount:'2',
+    targetWriteCount:'1',
+    syncPoint:'5984530'
+  },
+  {
+    businessId:'6',
+    checkBatch:'2023-06-21 19:23:05',
+    statisticalTime:'2023-06-21 19:23:35',
+    sourceParseCount:'4',
+    kafkaWriteCount:'4',
+    kafkaConsumeCount:'4',
+    targetWriteCount:'0',
+    syncPoint:'5862330'
+  },
+  {
+    businessId:'7',
+    checkBatch:'2023-06-21 19:25:00',
+    statisticalTime:'2023-06-21 19:25:00',
+    sourceParseCount:'2',
+    kafkaWriteCount:'3',
+    kafkaConsumeCount:'1',
+    targetWriteCount:'1',
+    syncPoint:'5912330'
+  },
+
+]