技术监督台账管理功能

src/views/pqs/supervise/terminal/index.vue

@@ -1,38 +1,27 @@
 <template>
-    <div class="default-main">
-        <el-tabs v-model="activeName" type="border-card">
-            <el-tab-pane label="终端入网检测" name="1">
+    <div class='default-main'>
+        <el-tabs v-model='activeName' type='border-card'>
+            <el-tab-pane label='干扰源用户台账' name='1' >
                 <!-- <network v-if="activeName == '1'" /> -->
-                <el-tabs v-model="network" type="border-card" style="height: 100%" tab-position="left">
-                    <el-tab-pane label="列表" name="1">
-                        <networkTab />
-                    </el-tab-pane>
-                    <el-tab-pane label="图表" name="2">
-                        <networkEch />
-                    </el-tab-pane>
-                </el-tabs>
+                <interferenceUserTable v-if="activeName == '1'" />
             </el-tab-pane>
-            <el-tab-pane label="终端周期检测" name="2">
-                <el-tabs v-model="cycle" type="border-card" style="height: 100%" tab-position="left">
-                    <el-tab-pane label="列表" name="1">
-                        <cycleTab />
-                    </el-tab-pane>
-                    <el-tab-pane label="图表" name="2">
-                        <cycleEch />
-                    </el-tab-pane>
-                </el-tabs>
+            <el-tab-pane label='终端台账' name='2'>
+                    <deviceLedgerTable v-if="activeName == '2'" />
+            </el-tab-pane>
+            <el-tab-pane label='监测点台账' name='3'>
+                    <monitorLedgerTable v-if="activeName == '3'" />
             </el-tab-pane>
         </el-tabs>
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang='ts'>
 import { onMounted, reactive, ref, provide } from 'vue'
-import networkTab from './components/networkTab.vue'
-import networkEch from './components/networkEch.vue'
-import cycleTab from './components/cycleTab.vue'
-import cycleEch from './components/cycleEch.vue'
+import interferenceUserTable from './components/interferenceUserTable.vue'
+import deviceLedgerTable from './components/deviceLedgerTable.vue'
+import monitorLedgerTable from './components/monitorLedgerTable.vue'
 import { mainHeight } from '@/utils/layout'
+
 defineOptions({
     name: 'Processsupervision/Terminaldetection'
 })
@@ -45,11 +34,12 @@ const compatibility = ref()
 const layout = mainHeight(63) as any
 </script>
 
-<style lang="scss" scoped>
+<style lang='scss' scoped>
 .bars_w {
     width: 100%;
     height: 500px;
 }
+
 :deep(.el-tabs__content) {
     height: v-bind('layout.height');
     overflow-y: auto;