新加监控

src/router/index.js

@@ -101,6 +101,12 @@ const router = createRouter({
           component: () => import('../views/lifeCycle/Index.vue'),
           meta: { menuName: '全生命周期监控' },
         },
+        {
+          path: 'lifeCycleDetail/:id',
+          name: 'LifeCycleDetail',
+          component: () => import('../views/lifeCycle/Detail.vue'),
+          meta: { menuName: '全生命周期监控' },
+        },
         {
           path: 'relationAnalysis',
           name: 'RelationAnalysis',

src/views/lifeCycle/Detail.vue

@@ -0,0 +1,46 @@
+<template>
+  <div  id="life-cycle" class="page-list">
+    <ListHeader title="全生命周期监控详情"/>
+    <div class="list-main">
+      <el-table :data="tableData.value" class="table-default" id="table-list" stripe>
+        <el-table-column label="开始时间" min-width="100" prop="resourceName" show-overflow-tooltip/>
+        <el-table-column label="结束时间" min-width="100" prop="createUnit" show-overflow-tooltip/>
+        <el-table-column label="归集数据量" min-width="100" prop="resourceName" show-overflow-tooltip/>
+        <el-table-column label="质检不通过" min-width="100" prop="createUnit" show-overflow-tooltip/>
+        <el-table-column label="质检通过" min-width="100" prop="resourceName" show-overflow-tooltip/>
+        <el-table-column label="入库数据量" min-width="100" prop="resourceName" show-overflow-tooltip/>
+        <el-table-column fixed="right" label="操作" min-width="120">
+          <template #default="scope">
+            <el-button link type="primary" @click="toDetail(scope.row)">详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <Pagination :total="tableTotal" :page-size="pageSize" :current-page="currentPage" @pageChange="pagi_changePage" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+
+  import {reactive, ref} from "vue";
+
+  const pageSize = ref(10)
+  const tableTotal = ref(0)
+  const currentPage = ref(1)
+  const tableData = reactive({value: []})
+
+  function toDetail(row) {
+    router.push({
+      name: "AggregateTask",
+      params: {
+        id: row.resourceId
+      },
+    })
+  }
+</script>
+
+<style scoped lang="scss">
+#life-cycle {}
+  
+</style>

src/views/lifeCycle/Index.vue

@@ -1,11 +1,42 @@
 <template>
-  <div id="life-cycle">
-    全生命周期监控
+  <div  id="life-cycle" class="page-list">
+    <ListHeader title="全生命周期监控"/>
+    <div class="list-main">
+      <el-table :data="tableData.value" class="table-default" id="table-list" stripe>
+        <el-table-column label="资源名称" min-width="100" prop="resourceName" show-overflow-tooltip/>
+        <el-table-column label="共享方式" min-width="100" prop="createUnit" show-overflow-tooltip/>
+        <el-table-column label="所属部门" min-width="100" prop="resourceName" show-overflow-tooltip/>
+        <el-table-column label="最新任务状态" min-width="100" prop="createUnit" show-overflow-tooltip/>
+        <el-table-column label="最新更新时间" min-width="100" prop="resourceName" show-overflow-tooltip/>
+        <el-table-column fixed="right" label="操作" min-width="120">
+          <template #default="scope">
+            <el-button link type="primary" @click="toDetail(scope.row)">详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <Pagination :total="tableTotal" :page-size="pageSize" :current-page="currentPage" @pageChange="pagi_changePage" />
+    </div>
   </div>
 </template>
 
 <script setup>
 
+
+  import {reactive, ref} from "vue";
+
+  const pageSize = ref(10)
+  const tableTotal = ref(0)
+  const currentPage = ref(1)
+  const tableData = reactive({value: []})
+
+  function toDetail(row) {
+    router.push({
+      name: "LifeCycleDetail",
+      params: {
+        id: row.resourceId
+      },
+    })
+  }
 </script>
 
 <style scoped lang="scss">