链路监控列表接口接入

src/api/unified-resources/link-monitor/link-monitor-center.js

@@ -0,0 +1,54 @@
+import request from "@/utils/request";
+
+// 接口监听列表
+export function getTabLog2List(query) {
+  return request({
+    url: "/web/link/getTabLog2List",
+    method: "get",
+    params: query,
+  });
+}
+
+export function getTabLog2DetailListByUrl(query) {
+  return request({
+    url: "/web/link/getTabLog2DetailListByUrl",
+    method: "get",
+    params: query,
+  });
+}
+
+// kafka 监听列表
+export function getKafkaLogList(query) {
+  return request({
+    url: "/web/link/getKafkaLogList",
+    method: "get",
+    params: query,
+  });
+}
+
+// 作业监控列表
+export function getDataLogList(query) {
+  return request({
+    url: "/web/link/getDataLogList",
+    method: "get",
+    params: query,
+  });
+}
+
+// 库存容量监控列表
+export function getSpace(query) {
+  return request({
+    url: "/web/link/getSpace",
+    method: "get",
+    params: query,
+  });
+}
+
+// 心跳监测列表
+export function getTabIpResultList(query) {
+    return request({
+      url: "/web/link/getTabIpResultList",
+      method: "get",
+      params: query,
+    });
+  }

src/components/MyTable/index.vue

@@ -15,6 +15,7 @@
             <el-tag type="success" v-if="scope.row[item.fieldName] === 1">启用</el-tag>
             <el-tag type="danger" v-if="scope.row[item.fieldName] === 0">停用</el-tag>
           </div>
+          <el-tag type="success" v-else-if="item.fieldName ==='defaultSuccess'">正常</el-tag>
           <span v-else>{{ scope.row[item.fieldName] }}</span>
         </template>
       </el-table-column>

src/views/unified-resources/link-monitor/link-monitor-center/components/HeartbeatMonitoringTable.vue

@@ -35,14 +35,14 @@
     ></MyPagination>
   </div>
 </template>
-    <script>
+<script>
 import {
   getTabAccessConfigList,
   addTabAccessConfig,
   updateTabAccessConfigById,
   viewTabAccessConfigById,
   delTabAccessConfigById,
-  exportTabAccessConfig
+  exportTabAccessConfig,
 } from "@/api/unified-access/access-config";
 import MyHeader from "@/components/MyHeader";
 import MyTable from "@/components/MyTable";
@@ -55,62 +55,68 @@ export default {
     tableList: {
       type: Boolean,
       default: false
+    },
+    total:{
+      type:Number,
+      default:0
     }
   },
 
   watch: {
     tableList(newVal) {
       this.tableData = newVal;
-    }
+    },
+    total (newVal) {
+      this.tableTotal = newVal;
+    },
   },
   components: {
     MyHeader,
     MyTableHeader,
     MyTable,
-    MyPagination
+    MyPagination,
     //   ConfigDialog,
   },
   data() {
     return {
       tableData: [],
       formData: [
-        {
-          label: "心跳监测项目",
-          fieldName: "dataManner",
-          type: "input",
-          showInTable: true,
-          value: "",
-          width: ""
-        },
+        // {
+        //   label: "心跳监测项目",
+        //   fieldName: "dataManner",
+        //   type: "input",
+        //   showInTable: true,
+        //   value: "",
+        //   width: ""
+        // },
         {
           label: "操作时间",
-          fieldName: "gatewayIp",
+          fieldName: "createTime",
           type: "input",
           showInTable: true,
           value: "",
-          width: ""
+          width: "",
         },
         {
           label: "操作",
-          fieldName: "status",
+          fieldName: "type",
           type: "input",
           showInTable: true,
           value: "",
-          width: ""
+          width: "",
         },
         {
           label: "result",
-          fieldName: "sixIp",
+          fieldName: "result",
           type: "input",
           showInTable: true,
           value: "",
-          width: ""
+          width: "",
         },
-      
       ],
       tableTotal: 0,
       pageSize: 10,
-      currentPage: 1
+      currentPage: 1,
     };
   },
 
@@ -124,7 +130,7 @@ export default {
     handleNodeClick() {},
     // 列表头部
     handleTabClick(tab) {
-      this.tabs.forEach(item => {
+      this.tabs.forEach((item) => {
         if (item.label === tab.label) {
           item.active = true;
         } else {
@@ -151,11 +157,11 @@ export default {
             //   }
             // });
             let ids = [];
-            ids = this.selectedRows.map(item => item.id);
+            ids = this.selectedRows.map((item) => item.id);
             this.download(
               "/web/tab-access-config/export",
               {
-                ids
+                ids,
               },
               `统一接入配置_${new Date().getTime()}.xlsx`
             );
@@ -166,7 +172,7 @@ export default {
               showCancelButton: false,
               showConfirmButton: false,
               type: "warning",
-              center: true
+              center: true,
             })
               .then(() => {})
               .catch(() => {});
@@ -186,8 +192,8 @@ export default {
       getTabAccessConfigList({
         pageNum: this.currentPage,
         pageSize: this.pageSize,
-        ...this.searchForm
-      }).then(res => {
+        ...this.searchForm,
+      }).then((res) => {
         if (+res.code === 200) {
           this.tableData = res.rows;
           this.tableTotal = +res.total;
@@ -197,11 +203,12 @@ export default {
     // 列表分页
     pagi_changePage(page) {
       this.currentPage = page;
-      this.getList();
+      this.$emit("changePage6", page);
     },
     pagi_changeSize(size) {
       this.pageSize = size;
-      this.getList();
+      // this.getList();
+      this.$emit("changeSize6", size);
     },
 
     // 弹窗
@@ -233,11 +240,11 @@ export default {
       let pForm = {};
       pForm = { ...row };
       pForm.status = 1;
-      updateTabAccessConfigById({ ...pForm }).then(res => {
+      updateTabAccessConfigById({ ...pForm }).then((res) => {
         if (+res.code === 200) {
           this.$message({
             message: res.msg,
-            type: "success"
+            type: "success",
           });
           this.getList();
         } else {
@@ -249,11 +256,11 @@ export default {
       let pForm = {};
       pForm = { ...row };
       pForm.status = 0;
-      updateTabAccessConfigById({ ...pForm }).then(res => {
+      updateTabAccessConfigById({ ...pForm }).then((res) => {
         if (+res.code === 200) {
           this.$message({
             message: res.msg,
-            type: "success"
+            type: "success",
           });
           this.getList();
         } else {
@@ -266,14 +273,14 @@ export default {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         center: true,
-        type: "warning"
+        type: "warning",
       })
         .then(() => {
-          delTabAccessConfigById(row.id).then(res => {
+          delTabAccessConfigById(row.id).then((res) => {
             if (+res.code === 200) {
               this.$message({
                 message: res.msg,
-                type: "success"
+                type: "success",
               });
               this.getList();
             } else {
@@ -284,20 +291,20 @@ export default {
         .catch(() => {
           this.$message({
             type: "info",
-            message: "已取消删除"
+            message: "已取消删除",
           });
         });
       console.log(row, "row");
-    }
+    },
   },
   created() {},
   mounted() {
     console.log("接入配置");
-    this.getList();
-  }
+    // this.getList();
+  },
 };
 </script>
-    <style lang="scss" scoped>
+<style lang="scss" scoped>
 .el-main {
   padding: 0 20px;
 }
@@ -307,4 +314,4 @@ export default {
   font-weight: 700;
   color: #1e80e0;
 }
-</style>
+</style>

src/views/unified-resources/link-monitor/link-monitor-center/components/InterfaceMonitorTable.vue

@@ -8,9 +8,9 @@
       @selection-change="handleSelectionChange"
     >
       <!-- 自定义操作按钮，传递 row 和 index -->
-      <template #operation="{ row, index }">
+      <template #operation="{ row }">
         <el-button size="mini" @click="handleView(row, 'view')" type="primary">日志</el-button>
-        <el-button
+        <!-- <el-button
           v-if="row.status === 0"
           size="mini"
           @click="handleStart(row, index)"
@@ -21,7 +21,7 @@
           size="mini"
           @click="handleStop(row, index)"
           type="primary"
-        >停用</el-button>
+        >停用</el-button> -->
         <el-button size="mini" @click="handleEdit(row, 'edit')" type="primary">设置</el-button>
 
       </template>
@@ -37,13 +37,8 @@
 </template>
   <script>
 import {
-  getTabAccessConfigList,
-  addTabAccessConfig,
-  updateTabAccessConfigById,
-  viewTabAccessConfigById,
-  delTabAccessConfigById,
-  exportTabAccessConfig
-} from "@/api/unified-access/access-config";
+  getTabLog2DetailListByUrl
+} from "@/api/unified-resources/link-monitor/link-monitor-center.js";
 import MyHeader from "@/components/MyHeader";
 import MyTable from "@/components/MyTable";
 import MyPagination from "@/components/MyPagination";
@@ -56,6 +51,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    total:{
+      type:Number,
+      default:0
+    }
   
   },
 
@@ -63,6 +62,9 @@ export default {
     tableList (newVal) {
       this.tableData = newVal;
     },
+    total (newVal) {
+      this.tableTotal = newVal;
+    },
   
   },
   components: {
@@ -78,7 +80,7 @@ export default {
       formData: [
         {
           label: "接口",
-          fieldName: "dataManner",
+          fieldName: "url",
           type: "input",
           showInTable: true,
           value: "",
@@ -86,7 +88,7 @@ export default {
         },
         {
           label: "监控询问时间",
-          fieldName: "gatewayIp",
+          fieldName: "responseTime",
           type: "input",
           showInTable: true,
           value: "",
@@ -102,7 +104,7 @@ export default {
         },
         {
           label: "最近响应时间",
-          fieldName: "sixIp",
+          fieldName: "endTime",
           type: "input",
           showInTable: true,
           value: "",
@@ -110,7 +112,7 @@ export default {
         },
         {
           label: "最近监测结果",
-          fieldName: "sixPort",
+          fieldName: "reponse",
           type: "input",
           showInTable: true,
           value: "",
@@ -191,10 +193,11 @@ export default {
     // 处理选中项变化
     handleSelectionChange(selectedRows) {
       this.selectedRows = selectedRows; // 获取选中的行
+      this.$emit("handleSelectionChange", selectedRows);
     },
 
     getList() {
-      getTabAccessConfigList({
+      getTabLog2DetailListByUrl({
         pageNum: this.currentPage,
         pageSize: this.pageSize,
         ...this.searchForm
@@ -208,11 +211,12 @@ export default {
     // 列表分页
     pagi_changePage(page) {
       this.currentPage = page;
-      this.getList();
+      this.$emit("changePage1", page);
     },
     pagi_changeSize(size) {
       this.pageSize = size;
-      this.getList();
+      // this.getList();
+      this.$emit("changeSize1", size);
     },
 
     // 弹窗
@@ -303,8 +307,8 @@ export default {
   },
   created() {},
   mounted() {
-    console.log("接入配置");
-    this.getList();
+    // console.log("接入配置");
+    // this.getList();
   }
 };
 </script>

src/views/unified-resources/link-monitor/link-monitor-center/components/InventoryCapacityMonitorTable.vue

@@ -8,9 +8,9 @@
       @selection-change="handleSelectionChange"
     >
       <!-- 自定义操作按钮，传递 row 和 index -->
-      <template #operation="{ row, index }">
+      <template #operation="{ row }">
         <el-button size="mini" @click="handleView(row, 'view')" type="primary">日志</el-button>
-        <el-button
+        <!-- <el-button
           v-if="row.status === 0"
           size="mini"
           @click="handleStart(row, index)"
@@ -21,7 +21,7 @@
           size="mini"
           @click="handleStop(row, index)"
           type="primary"
-        >停用</el-button>
+        >停用</el-button> -->
         <el-button size="mini" @click="handleEdit(row, 'edit')" type="primary">设置</el-button>
       </template>
     </MyTable>
@@ -54,13 +54,20 @@ export default {
     tableList: {
       type: Boolean,
       default: false
+    },
+    total:{
+      type:Number,
+      default:0
     }
   },
 
   watch: {
     tableList(newVal) {
       this.tableData = newVal;
-    }
+    },
+    total (newVal) {
+      this.tableTotal = newVal;
+    },
   },
   components: {
     MyHeader,
@@ -75,7 +82,7 @@ export default {
       formData: [
         {
           label: "文件夹名称",
-          fieldName: "dataManner",
+          fieldName: "filepath",
           type: "input",
           showInTable: true,
           value: "",
@@ -83,23 +90,23 @@ export default {
         },
         {
           label: "监控询问时间",
-          fieldName: "gatewayIp",
-          type: "input",
-          showInTable: true,
-          value: "",
-          width: ""
-        },
-        {
-          label: "状态",
-          fieldName: "status",
+          fieldName: "createTime",
           type: "input",
           showInTable: true,
           value: "",
           width: ""
         },
+        // {
+        //   label: "状态",
+        //   fieldName: "status",
+        //   type: "input",
+        //   showInTable: true,
+        //   value: "",
+        //   width: ""
+        // },
         {
           label: "文件夹大小",
-          fieldName: "sixIp",
+          fieldName: "fileSpace",
           type: "input",
           showInTable: true,
           value: "",
@@ -107,7 +114,7 @@ export default {
         },
         {
           label: "磁盘剩余空间",
-          fieldName: "sixPort",
+          fieldName: "usableSpace",
           type: "input",
           showInTable: true,
           value: "",
@@ -115,20 +122,20 @@ export default {
         },
         {
           label: "磁盘总空间",
-          fieldName: "sixPort",
-          type: "input",
-          showInTable: true,
-          value: "",
-          width: ""
-        },
-        {
-          label: "最近监测结果",
-          fieldName: "sixPort",
+          fieldName: "fileTotalSpace",
           type: "input",
           showInTable: true,
           value: "",
           width: ""
         },
+        // {
+        //   label: "最近监测结果",
+        //   fieldName: "sixPort",
+        //   type: "input",
+        //   showInTable: true,
+        //   value: "",
+        //   width: ""
+        // },
       ],
       
       tableTotal: 0,
@@ -217,14 +224,15 @@ export default {
         }
       });
     },
-    // 列表分页
-    pagi_changePage(page) {
+       // 列表分页
+       pagi_changePage(page) {
       this.currentPage = page;
-      this.getList();
+      this.$emit("changePage4", page);
     },
     pagi_changeSize(size) {
       this.pageSize = size;
-      this.getList();
+      // this.getList();
+      this.$emit("changeSize4", size);
     },
 
     // 弹窗

src/views/unified-resources/link-monitor/link-monitor-center/components/JobMonitorTable.vue

@@ -8,9 +8,9 @@
       @selection-change="handleSelectionChange"
     >
       <!-- 自定义操作按钮，传递 row 和 index -->
-      <template #operation="{ row, index }">
+      <template #operation="{ row }">
         <el-button size="mini" @click="handleView(row, 'view')" type="primary">日志</el-button>
-        <el-button
+        <!-- <el-button
           v-if="row.status === 0"
           size="mini"
           @click="handleStart(row, index)"
@@ -21,7 +21,7 @@
           size="mini"
           @click="handleStop(row, index)"
           type="primary"
-        >停用</el-button>
+        >停用</el-button> -->
         <el-button size="mini" @click="handleEdit(row, 'edit')" type="primary">设置</el-button>
       </template>
     </MyTable>
@@ -54,13 +54,20 @@ export default {
     tableList: {
       type: Boolean,
       default: false
+    },
+    total:{
+      type:Number,
+      default:0
     }
   },
 
   watch: {
     tableList(newVal) {
       this.tableData = newVal;
-    }
+    },
+    total (newVal) {
+      this.tableTotal = newVal;
+    },
   },
   components: {
     MyHeader,
@@ -75,7 +82,7 @@ export default {
       formData: [
         {
           label: "项目名称",
-          fieldName: "dataManner",
+          fieldName: "systemName",
           type: "input",
           showInTable: true,
           value: "",
@@ -83,7 +90,7 @@ export default {
         },
         {
           label: "表名(中文名)",
-          fieldName: "gatewayIp",
+          fieldName: "tableName",
           type: "input",
           showInTable: true,
           value: "",
@@ -91,7 +98,7 @@ export default {
         },
         {
           label: "表明(英文名)",
-          fieldName: "status",
+          fieldName: "tableEnglishName",
           type: "input",
           showInTable: true,
           value: "",
@@ -99,7 +106,7 @@ export default {
         },
         {
           label: "运行时长",
-          fieldName: "sixIp",
+          fieldName: "time",
           type: "input",
           showInTable: true,
           value: "",
@@ -107,20 +114,20 @@ export default {
         },
         {
           label: "最新数据量(条)",
-          fieldName: "sixPort",
-          type: "input",
-          showInTable: true,
-          value: "",
-          width: ""
-        },
-        {
-          label: "所属topicmesageID",
-          fieldName: "sixIp",
+          fieldName: "num",
           type: "input",
           showInTable: true,
           value: "",
           width: ""
         },
+        // {
+        //   label: "所属topicmesageID",
+        //   fieldName: "sixIp",
+        //   type: "input",
+        //   showInTable: true,
+        //   value: "",
+        //   width: ""
+        // },
       ],
       tableTotal: 0,
       pageSize: 10,
@@ -211,13 +218,13 @@ export default {
     // 列表分页
     pagi_changePage(page) {
       this.currentPage = page;
-      this.getList();
+      this.$emit("changePage3", page);
     },
     pagi_changeSize(size) {
       this.pageSize = size;
-      this.getList();
+      // this.getList();
+      this.$emit("changeSize3", size);
     },
-
     // 弹窗
     handleConfirm() {
       this.dialogVisible = true;

src/views/unified-resources/link-monitor/link-monitor-center/components/KafkaMonitorTable.vue

@@ -8,9 +8,9 @@
       @selection-change="handleSelectionChange"
     >
       <!-- 自定义操作按钮，传递 row 和 index -->
-      <template #operation="{ row, index }">
+      <template #operation="{ row }">
         <el-button size="mini" @click="handleView(row, 'view')" type="primary">详情</el-button>
-        <el-button
+        <!-- <el-button
           v-if="row.status === 0"
           size="mini"
           @click="handleStart(row, index)"
@@ -21,7 +21,7 @@
           size="mini"
           @click="handleStop(row, index)"
           type="primary"
-        >停用</el-button>
+        >停用</el-button> -->
         <el-button size="mini" @click="handleEdit(row, 'edit')" type="primary">设置</el-button>
       </template>
     </MyTable>
@@ -54,13 +54,20 @@ export default {
     tableList: {
       type: Boolean,
       default: false
+    },
+    total:{
+      type:Number,
+      default:0
     }
   },
 
   watch: {
     tableList(newVal) {
       this.tableData = newVal;
-    }
+    },
+    total (newVal) {
+      this.tableTotal = newVal;
+    },
   },
   components: {
     MyHeader,
@@ -75,7 +82,7 @@ export default {
       formData: [
         {
           label: "主题Topic名称",
-          fieldName: "dataManner",
+          fieldName: "tabName",
           type: "input",
           showInTable: true,
           value: "",
@@ -83,7 +90,7 @@ export default {
         },
         {
           label: "监控询问时间",
-          fieldName: "gatewayIp",
+          fieldName: "time",
           type: "input",
           showInTable: true,
           value: "",
@@ -91,7 +98,7 @@ export default {
         },
         {
           label: "状态",
-          fieldName: "status",
+          fieldName: "defaultSuccess",
           type: "input",
           showInTable: true,
           value: "",
@@ -99,20 +106,20 @@ export default {
         },
         {
           label: "消息数量",
-          fieldName: "sixIp",
+          fieldName: "num",
           type: "input",
           showInTable: true,
           value: "",
           width: ""
         },
-        {
-          label: "最近监测结果",
-          fieldName: "sixPort",
-          type: "input",
-          showInTable: true,
-          value: "",
-          width: ""
-        }
+        // {
+        //   label: "最近监测结果",
+        //   fieldName: "sixPort",
+        //   type: "input",
+        //   showInTable: true,
+        //   value: "",
+        //   width: ""
+        // }
       ],
       tableTotal: 0,
       pageSize: 10,
@@ -200,14 +207,15 @@ export default {
         }
       });
     },
-    // 列表分页
-    pagi_changePage(page) {
+      // 列表分页
+      pagi_changePage(page) {
       this.currentPage = page;
-      this.getList();
+      this.$emit("changePage2", page);
     },
     pagi_changeSize(size) {
       this.pageSize = size;
-      this.getList();
+      // this.getList();
+      this.$emit("changeSize2", size);
     },
 
     // 弹窗

src/views/unified-resources/link-monitor/link-monitor-center/index.vue

@@ -1,7 +1,11 @@
 <template>
   <el-container>
     <el-header height="60px" class="content-header">
-      <MyHeader :title="'链路监控'" :formData="headerFormData" @submit="handleHeaderFormSubmit"></MyHeader>
+      <MyHeader
+        :title="'链路监控'"
+        :formData="headerFormData"
+        @submit="handleHeaderFormSubmit"
+      ></MyHeader>
     </el-header>
     <el-container>
       <el-main>
@@ -14,21 +18,60 @@
         ></MyTableHeader>
 
         <!-- 接口 -->
-        <InterfaceMonitorTable v-if="tabActive===1" :tableList="tableData"></InterfaceMonitorTable>
+        <InterfaceMonitorTable
+          ref="interface"
+          v-if="tabActive === 1"
+          :tableList="tableData"
+          :total='tableTotal'
+          @changePage1="changePage1"
+          @changeSize1="changeSize1"
+        ></InterfaceMonitorTable>
         <!-- kafka  -->
-        <KafkaMonitorTable v-if="tabActive===2" :tableList="tableData"></KafkaMonitorTable>
+        <KafkaMonitorTable
+          ref="kafka"
+          v-if="tabActive === 2"
+          :tableList="tableData"
+           :total='tableTotal'
+           @changePage2="changePage2"
+          @changeSize2="changeSize2"
+          @handleSelectionChange="handleSelectionChange"
+        ></KafkaMonitorTable>
         <!-- 作业监控 -->
-        <JobMonitorTable v-if="tabActive===3" :tableList="tableData"></JobMonitorTable>
+        <JobMonitorTable
+          ref="job"
+          v-if="tabActive === 3"
+          :tableList="tableData"
+           :total='tableTotal'
+           @changePage3="changePage3"
+          @changeSize3="changeSize3"
+          @handleSelectionChange="handleSelectionChange"
+        ></JobMonitorTable>
 
         <!-- 库存容量监控 -->
-        <InventoryCapacityMonitorTable v-if="tabActive===4" :tableList="tableData"></InventoryCapacityMonitorTable>
+        <InventoryCapacityMonitorTable
+          ref="inventoryCapacity"
+          v-if="tabActive === 4"
+          :tableList="tableData"
+           :total='tableTotal'
+           @changePage4="changePage4"
+          @changeSize4="changeSize4"
+          @handleSelectionChange="handleSelectionChange"
+        ></InventoryCapacityMonitorTable>
 
         <!-- 心跳监测 -->
-        <HeartbeatMonitoringTable v-if="tabActive===6" :tableList="tableData"></HeartbeatMonitoringTable>
+        <HeartbeatMonitoringTable
+          ref="heartbeat"
+          v-if="tabActive === 6"
+          :tableList="tableData"
+           :total='tableTotal'
+           @changePage6="changePage6"
+          @changeSize6="changeSize6"
+          @handleSelectionChange="handleSelectionChange"
+        ></HeartbeatMonitoringTable>
 
         <!-- 监控可视化 -->
         <!-- <VisualMonitor v-if="tabActive===8" :tableList="tableData"></VisualMonitor> -->
-        
+
         <!--     <MyTable
           :tableData="tableData"
           :formData="formData"
@@ -67,13 +110,12 @@
 </template>
 <script>
 import {
-  getTabAccessConfigList,
-  addTabAccessConfig,
-  updateTabAccessConfigById,
-  viewTabAccessConfigById,
-  delTabAccessConfigById,
-  exportTabAccessConfig
-} from "@/api/unified-access/access-config";
+  getTabLog2List,
+  getKafkaLogList,
+  getDataLogList,
+  getSpace,
+  getTabIpResultList,
+} from "@/api/unified-resources/link-monitor/link-monitor-center.js";
 import MyHeader from "@/components/MyHeader";
 import MyTable from "@/components/MyTable";
 import MyPagination from "@/components/MyPagination";
@@ -98,7 +140,7 @@ export default {
     JobMonitorTable,
     InventoryCapacityMonitorTable,
     HeartbeatMonitoringTable,
-    VisualMonitor
+    VisualMonitor,
   },
   data() {
     return {
@@ -114,7 +156,7 @@ export default {
           type: "input",
           showInTable: true,
           value: "",
-          width: ""
+          width: "",
         },
         {
           label: "监控询问时间",
@@ -122,7 +164,7 @@ export default {
           type: "input",
           showInTable: true,
           value: "",
-          width: ""
+          width: "",
         },
         {
           label: "状态",
@@ -130,7 +172,7 @@ export default {
           type: "input",
           showInTable: true,
           value: "",
-          width: ""
+          width: "",
         },
         {
           label: "最近响应时间",
@@ -138,7 +180,7 @@ export default {
           type: "input",
           showInTable: true,
           value: "",
-          width: ""
+          width: "",
         },
         {
           label: "最近监测结果",
@@ -146,8 +188,8 @@ export default {
           type: "input",
           showInTable: true,
           value: "",
-          width: ""
-        }
+          width: "",
+        },
       ],
       tableTotal: 0,
       pageSize: 10,
@@ -158,38 +200,38 @@ export default {
       tableHeaderTitle: "项目列表",
       tabActive: 1,
       tabs: [
-        { label: "接口箭头监控", value: 1, active: true },
+        { label: "接口监听监控", value: 1, active: true },
         {
           label: "kafka消费生产监控",
           value: 2,
-          active: false
+          active: false,
         },
         { label: "作业监控", value: 3, active: false },
         { label: "库存容量监控", value: 4, active: false },
         { label: "监测预警", value: 5, active: false },
         { label: "心跳监控", value: 6, active: false },
         { label: "数据对账", value: 7, active: false },
-        { label: "监控可视化", value: 8, active: false }
+        { label: "监控可视化", value: 8, active: false },
       ],
       buttons: [
+        // {
+        //   label: "启用",
+        //   type: "primary",
+        //   methodName: "action1",
+        //   icon: "el-icon-video-play",
+        // },
+        // {
+        //   label: "停用",
+        //   type: "primary",
+        //   methodName: "action2",
+        //   icon: "el-icon-video-pause",
+        // },
         {
-          label: "启用",
+          label: "导出",
           type: "primary",
           methodName: "action1",
-          icon: "el-icon-video-play"
-        },
-        {
-          label: "停用",
-          type: "primary",
-          methodName: "action2",
-          icon: "el-icon-video-pause"
+          icon: "el-icon-upload",
         },
-        {
-          label: "导出",
-          type: "primary",
-          methodName: "action3",
-          icon: "el-icon-upload"
-        }
       ],
 
       headerFormData: [
@@ -198,7 +240,7 @@ export default {
           fieldName: "dataManner",
           type: "input",
           value: "",
-          placeholder: "请输入关键字"
+          placeholder: "请输入关键字",
           // isRequired: true,
         },
         {
@@ -210,9 +252,9 @@ export default {
           isRequired: false,
           options: [
             { value: 1, label: "正常" },
-            { value: 0, label: "停用" }
-          ]
-        }
+            { value: 0, label: "停用" },
+          ],
+        },
         // {
         //   label: "用户状态",
         //   fieldName: "gender",
@@ -233,7 +275,7 @@ export default {
         //   placeholder: "请选择生日",
         //   isRequired: false,
         // },
-      ]
+      ],
     };
   },
 
@@ -247,12 +289,26 @@ export default {
     handleNodeClick() {},
     // 列表头部
     handleTabClick(tab) {
-      this.tabs.forEach(item => {
+      this.tabs.forEach((item) => {
         if (item.label === tab.label) {
           item.active = true;
           this.tabActive = item.value;
-          if(item.value===8){
-            this.$router.push()
+          if (item.value === 1) {
+            this.getList();
+          } else if (item.value === 2) {
+            this.getList2();
+          } else if (item.value === 3) {
+            this.getList3();
+          } else if (item.value === 4) {
+            this.getList4();
+          } else if (item.value === 5) {
+            this.getList5();
+          } else if (item.value === 6) {
+            this.getList6();
+          }
+
+          if (item.value === 8) {
+            this.$router.push();
           }
         } else {
           item.active = false;
@@ -265,26 +321,17 @@ export default {
 
       switch (methodName) {
         case "action1":
-          // 新增
-          this.rowObj = {};
-          this.title = "新增";
-          this.showDialog = true;
-          break;
-        case "action2":
           // 导出
-          if (this.selectedRows.length > 0) {
-            // exportTabAccessConfig().then((res) => {
-            //   if (+res.code === 200) {
-            //   }
-            // });
+          if (this.tabActive === 1) {
+            if ( this.$refs.interface.selectedRows.length > 0) {
             let ids = [];
-            ids = this.selectedRows.map(item => item.id);
+            ids = this.selectedRows.map((item) => item.id);
             this.download(
-              "/web/tab-access-config/export",
+              "/web/tab-log2/export",
               {
-                ids
+                ids,
               },
-              `统一接入配置_${new Date().getTime()}.xlsx`
+              `接口监听监控_${new Date().getTime()}.xlsx`
             );
           } else {
             this.$confirm("请选择列表项?", "提示", {
@@ -293,11 +340,23 @@ export default {
               showCancelButton: false,
               showConfirmButton: false,
               type: "warning",
-              center: true
+              center: true,
             })
               .then(() => {})
               .catch(() => {});
           }
+          } else if (this.tabActive === 2) {
+            this.getList2();
+          } else if (this.tabActive === 3) {
+            this.getList3();
+          } else if (this.tabActive === 4) {
+            this.getList4();
+          } else if (this.tabActive === 5) {
+            this.getList5();
+          } else if (this.tabActive === 6) {
+            this.getList6();
+          }
+     
           break;
 
         default:
@@ -310,25 +369,80 @@ export default {
     },
 
     getList() {
-      getTabAccessConfigList({
+      getTabLog2List({
         pageNum: this.currentPage,
         pageSize: this.pageSize,
-        ...this.searchForm
-      }).then(res => {
+        ...this.searchForm,
+      }).then((res) => {
         if (+res.code === 200) {
           this.tableData = res.rows;
           this.tableTotal = +res.total;
         }
       });
     },
-    // 列表分页
-    pagi_changePage(page) {
-      this.currentPage = page;
-      this.getList();
+
+    getList2() {
+      getKafkaLogList({
+        pageNum: this.currentPage,
+        pageSize: this.pageSize,
+        ...this.searchForm,
+      }).then((res) => {
+        if (+res.code === 200) {
+          this.tableData = res.rows;
+          this.tableTotal = +res.total;
+        }
+      });
     },
-    pagi_changeSize(size) {
-      this.pageSize = size;
-      this.getList();
+    getList3() {
+      getDataLogList({
+        pageNum: this.currentPage,
+        pageSize: this.pageSize,
+        ...this.searchForm,
+      }).then((res) => {
+        if (+res.code === 200) {
+          this.tableData = res.rows;
+          this.tableTotal = +res.total;
+        }
+      });
+    },
+
+    getList4() {
+      getSpace({
+        pageNum: this.currentPage,
+        pageSize: this.pageSize,
+        ...this.searchForm,
+      }).then((res) => {
+        if (+res.code === 200) {
+          this.tableData = res.rows;
+          this.tableTotal = +res.total;
+        }
+      });
+    },
+
+    getList5() {
+      // getSpace({
+      //   pageNum: this.currentPage,
+      //   pageSize: this.pageSize,
+      //   ...this.searchForm
+      // }).then(res => {
+      //   if (+res.code === 200) {
+      //     this.tableData = res.rows;
+      //     this.tableTotal = +res.total;
+      //   }
+      // });
+    },
+
+    getList6() {
+      getTabIpResultList({
+        pageNum: this.currentPage,
+        pageSize: this.pageSize,
+        ...this.searchForm,
+      }).then((res) => {
+        if (+res.code === 200) {
+          this.tableData = res.rows;
+          this.tableTotal = +res.total;
+        }
+      });
     },
 
     // 弹窗
@@ -360,11 +474,11 @@ export default {
       let pForm = {};
       pForm = { ...row };
       pForm.status = 1;
-      updateTabAccessConfigById({ ...pForm }).then(res => {
+      updateTabAccessConfigById({ ...pForm }).then((res) => {
         if (+res.code === 200) {
           this.$message({
             message: res.msg,
-            type: "success"
+            type: "success",
           });
           this.getList();
         } else {
@@ -376,11 +490,11 @@ export default {
       let pForm = {};
       pForm = { ...row };
       pForm.status = 0;
-      updateTabAccessConfigById({ ...pForm }).then(res => {
+      updateTabAccessConfigById({ ...pForm }).then((res) => {
         if (+res.code === 200) {
           this.$message({
             message: res.msg,
-            type: "success"
+            type: "success",
           });
           this.getList();
         } else {
@@ -393,14 +507,14 @@ export default {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         center: true,
-        type: "warning"
+        type: "warning",
       })
         .then(() => {
-          delTabAccessConfigById(row.id).then(res => {
+          delTabAccessConfigById(row.id).then((res) => {
             if (+res.code === 200) {
               this.$message({
                 message: res.msg,
-                type: "success"
+                type: "success",
               });
               this.getList();
             } else {
@@ -411,17 +525,64 @@ export default {
         .catch(() => {
           this.$message({
             type: "info",
-            message: "已取消删除"
+            message: "已取消删除",
           });
         });
       console.log(row, "row");
-    }
+    },
+    changePage1(page) {
+      this.currentPage = page;
+      this.getList();
+    },
+    changeSize1(size) {
+      this.pageSize = size;
+      this.getList();
+    },
+    changePage2(page) {
+      this.currentPage = page;
+      this.getList2();
+    },
+    changeSize2(size) {
+      this.pageSize = size;
+      this.getList2();
+    },
+    changePage3(page) {
+      this.currentPage = page;
+      this.getList3();
+    },
+    changeSize3(size) {
+      this.pageSize = size;
+      this.getList3();
+    },
+    changePage4(page) {
+      this.currentPage = page;
+      this.getList4();
+    },
+    changeSize4(size) {
+      this.pageSize = size;
+      this.getList4();
+    },
+    changePage5(page) {
+      this.currentPage = page;
+      this.getList5();
+    },
+    changeSize5(size) {
+      this.pageSize = size;
+      this.getList5();
+    },
+    changePage6(page) {
+      this.currentPage = page;
+      this.getList6();
+    },
+    changeSize6(size) {
+      this.pageSize = size;
+      this.getList6();
+    },
   },
   created() {},
   mounted() {
-    console.log("接入配置");
     this.getList();
-  }
+  },
 };
 </script>
 <style lang="scss" scoped>
@@ -434,4 +595,4 @@ export default {
   font-weight: 700;
   color: #1e80e0;
 }
-</style>
+</style>