|
@@ -1,35 +1,45 @@
|
|
|
<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 type="index" :index="indexCreate" label="序号" min-width="50"/>
|
|
|
- <el-table-column label="开始时间" min-width="100" prop="startTime" show-overflow-tooltip/>
|
|
|
- <el-table-column label="结束时间" min-width="100" prop="endTime" show-overflow-tooltip/>
|
|
|
- <el-table-column label="归集数据量" min-width="100" prop="collectedDataVolume" show-overflow-tooltip/>
|
|
|
- <el-table-column label="质检不通过" min-width="100" prop="qualityInspectionFailed" show-overflow-tooltip/>
|
|
|
- <el-table-column label="质检通过" min-width="100" prop="qualityInspectionPassed" show-overflow-tooltip/>
|
|
|
- <el-table-column label="入库数据量" min-width="100" prop="amountOfInboundData" 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 id="life-cycle" class="detail-default">
|
|
|
+ <div class="detail-header">
|
|
|
+ <div class="d-title">
|
|
|
+ <span>全生命周期监控详情</span>
|
|
|
+ </div>
|
|
|
+ <div class="d-btns">
|
|
|
+ <el-button class="btn-default" @click="handleClose">关闭</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="page-list">
|
|
|
+
|
|
|
+ <div class="list-main">
|
|
|
+ <el-table :data="tableData.value" class="table-default" id="table-list" stripe>
|
|
|
+ <el-table-column type="index" :index="indexCreate" label="序号" min-width="50"/>
|
|
|
+ <el-table-column label="开始时间" min-width="100" prop="beginTime" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="结束时间" min-width="100" prop="endTime" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="归集数据量" min-width="100" prop="numImport" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="质检不通过" min-width="100" prop="numTestNoPass" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="质检通过" min-width="100" prop="numTestPass" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="入库数据量" min-width="100" prop="numInput" 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>
|
|
|
+ <el-dialog v-model="detailTableVisible" title=" 详情的详情弹窗" width="55%" draggable>
|
|
|
+ <el-table :data="dialogData.value" height="400" class="table-style">
|
|
|
+ <el-table-column prop="id1" label="ID" width="110" />
|
|
|
+ <el-table-column prop="id2" label="ID" width="110" />
|
|
|
+ <el-table-column prop="id3" label="ID" width="110"/>
|
|
|
+ <el-table-column prop="id4" label="ID" width="110" />
|
|
|
+ <el-table-column prop="id5" label="ID" width="110" />
|
|
|
+ <el-table-column prop="id6" label="ID" width ="110"/>
|
|
|
+ <el-table-column prop="id7" label="ID" width="110" />
|
|
|
+ <el-table-column prop="remark" label="备注" width="110" />
|
|
|
+ </el-table>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
- <el-dialog v-model="detailTableVisible" title=" 详情的详情弹窗" width="55%" draggable>
|
|
|
- <el-table :data="dialogData.value" height="400" class="table-style">
|
|
|
- <el-table-column prop="id1" label="ID" width="110" />
|
|
|
- <el-table-column prop="id2" label="ID" width="110" />
|
|
|
- <el-table-column prop="id3" label="ID" width="110"/>
|
|
|
- <el-table-column prop="id4" label="ID" width="110" />
|
|
|
- <el-table-column prop="id5" label="ID" width="110" />
|
|
|
- <el-table-column prop="id6" label="ID" width ="110"/>
|
|
|
- <el-table-column prop="id7" label="ID" width="110" />
|
|
|
- <el-table-column prop="remark" label="备注" width="110" />
|
|
|
- </el-table>
|
|
|
- </el-dialog>
|
|
|
<el-drawer
|
|
|
v-model="detailDrawerVisible"
|
|
|
title="数据生命周期"
|
|
@@ -63,25 +73,30 @@
|
|
|
|
|
|
|
|
|
import {reactive, ref} from "vue";
|
|
|
- import createEnum from "../../utils/data/create-enum";
|
|
|
- const pageSize = ref(10)
|
|
|
+ import {onBeforeMount} from "@vue/runtime-core";
|
|
|
+ import {useRoute, useRouter} from "vue-router";
|
|
|
+ import {PageListByResource, PageListByResourceId} from "../../services/lifeCycle";
|
|
|
+ const route = useRoute()
|
|
|
+ const router = useRouter()
|
|
|
+
|
|
|
const tableTotal = ref(8)
|
|
|
- const currentPage = ref(1)
|
|
|
const detailTableVisible = ref(false)
|
|
|
const detailDrawerVisible = ref(false)
|
|
|
+
|
|
|
+ function handleClose() {
|
|
|
+ router.push({
|
|
|
+ name: 'LifeCycle'
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
function indexCreate(index) {
|
|
|
return index + 1 + pageSize.value * (currentPage.value - 1)
|
|
|
}
|
|
|
- const tableData = reactive({value: [
|
|
|
- { startTime: '2022-06-02 11:23', endTime: '2022-06-02 11:23', collectedDataVolume: '23452', qualityInspectionFailed: '23452', qualityInspectionPassed: '23452',amountOfInboundData: '23452'},
|
|
|
- { startTime: '2022-06-02 11:23', endTime: '2022-06-02 11:23', collectedDataVolume: '23452', qualityInspectionFailed: '23452', qualityInspectionPassed: '23452',amountOfInboundData: '23452'},
|
|
|
- { startTime: '2022-06-02 11:23', endTime: '2022-06-02 11:23', collectedDataVolume: '23452', qualityInspectionFailed: '23452', qualityInspectionPassed: '23452',amountOfInboundData: '23452'},
|
|
|
- { startTime: '2022-06-02 11:23', endTime: '2022-06-02 11:23', collectedDataVolume: '23452', qualityInspectionFailed: '23452', qualityInspectionPassed: '23452',amountOfInboundData: '23452'},
|
|
|
- { startTime: '2022-06-02 11:23', endTime: '2022-06-02 11:23', collectedDataVolume: '23452', qualityInspectionFailed: '23452', qualityInspectionPassed: '23452',amountOfInboundData: '23452'},
|
|
|
- { startTime: '2022-06-02 11:23', endTime: '2022-06-02 11:23', collectedDataVolume: '23452', qualityInspectionFailed: '23452', qualityInspectionPassed: '23452',amountOfInboundData: '23452'},
|
|
|
- { startTime: '2022-06-02 11:23', endTime: '2022-06-02 11:23', collectedDataVolume: '23452', qualityInspectionFailed: '23452', qualityInspectionPassed: '23452',amountOfInboundData: '23452'},
|
|
|
- { startTime: '2022-06-02 11:23', endTime: '2022-06-02 11:23', collectedDataVolume: '23452', qualityInspectionFailed: '23452', qualityInspectionPassed: '23452',amountOfInboundData: '23452'},
|
|
|
- ]})
|
|
|
+ function pagi_changePage(page) {
|
|
|
+ currentPage.value = page
|
|
|
+ getData(currentPage.value, pageSize.value, quickSearch.value)
|
|
|
+ }
|
|
|
+ const tableData = reactive({value: []})
|
|
|
|
|
|
const dialogData = reactive({value: [
|
|
|
{ id1: 'M1231341331', id2: 'M1231341331', id3: 'M1231341331', id4: 'M1231341331', id5: 'M1231341331',id6: 'M1231341331',id7: 'M1231341331',remark: '数据重复',},
|
|
@@ -105,6 +120,27 @@
|
|
|
detailTableVisible.value = true
|
|
|
detailDrawerVisible.value =true
|
|
|
}
|
|
|
+
|
|
|
+ const currentPage = ref(1)
|
|
|
+ const pageSize = ref(10)
|
|
|
+ const quickSearch = reactive({resourceId:''})
|
|
|
+
|
|
|
+ onBeforeMount(()=> {
|
|
|
+ quickSearch.resourceId=route.params.id
|
|
|
+ getData(currentPage.value, pageSize.value, quickSearch.value)
|
|
|
+ })
|
|
|
+
|
|
|
+ function getData() {
|
|
|
+ PageListByResourceId(currentPage.value, pageSize.value, quickSearch).then(res => {
|
|
|
+ if (res.code === 'SUCCESS') {
|
|
|
+ tableData.value = res.data.records
|
|
|
+ tableTotal.value = res.data.total
|
|
|
+ } else {
|
|
|
+ ElMessage({type: 'error', message: '查询失败'})
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|