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