修改台账管理页面

This commit is contained in:
GGJ
2025-04-14 09:26:23 +08:00
parent ec9b4e12a6
commit f41f7ed16d
4 changed files with 140 additions and 44 deletions

View File

@@ -0,0 +1,42 @@
<template>
<div class="default-main">
<el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="终端台账" name="1">
<deviceLedgerTable v-if="activeName == '1'" />
</el-tab-pane>
<el-tab-pane label="监测点台账" name="2">
<monitorLedgerTable v-if="activeName == '2'" />
</el-tab-pane>
</el-tabs>
</div>
</template>
<script setup lang="ts">
import { onMounted, reactive, ref, provide } from 'vue'
import deviceLedgerTable from '@/views/pqs/supervise/terminal/components/deviceLedgerTable.vue'
import monitorLedgerTable from '@/views/pqs/supervise/terminal/components/monitorLedgerTable.vue'
import { mainHeight } from '@/utils/layout'
import { useRoute } from 'vue-router'
const route = useRoute()
const id = ref('')
defineOptions({
name: 'ledgerManage'
})
const activeName = ref('1')
const layout = mainHeight(63) as any
</script>
<style lang="scss" scoped>
.bars_w {
width: 100%;
height: 500px;
}
:deep(.el-tabs__content) {
height: v-bind('layout.height');
overflow-y: auto;
}
</style>