修改冀北现场问题

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

@@ -1,26 +1,26 @@
 <template>
-    <div class='default-main'>
-        <el-tabs v-model='activeName' type='border-card'>
-            <el-tab-pane label='干扰源用户台账' name='1'>
-                <interferenceUserTable :id='id' v-if="activeName == '1'" />
+    <div class="default-main">
+        <el-tabs v-model="activeName" type="border-card">
+            <el-tab-pane label="干扰源用户台账" name="1" v-if="tabList.includes('1')">
+                <interferenceUserTable :id="id" v-if="activeName == '1'" />
             </el-tab-pane>
-            <el-tab-pane label='敏感及重要用户台账' name='2'>
+            <el-tab-pane label="敏感及重要用户台账" name="2" v-if="tabList.includes('2')">
                 <sensitiveUserTable v-if="activeName == '2'" />
             </el-tab-pane>
-            <el-tab-pane label='变电站台账' name='3'>
+            <el-tab-pane label="变电站台账" name="3" v-if="tabList.includes('3')">
                 <substationLedger v-if="activeName == '3'" />
             </el-tab-pane>
-            <el-tab-pane label='终端台账' name='4'>
+            <el-tab-pane label="终端台账" name="4" v-if="tabList.includes('4')">
                 <deviceLedgerTable v-if="activeName == '4'" />
             </el-tab-pane>
-            <el-tab-pane label='监测点台账' name='5'>
+            <el-tab-pane label="监测点台账" name="5" v-if="tabList.includes('5')">
                 <monitorLedgerTable v-if="activeName == '5'" />
             </el-tab-pane>
         </el-tabs>
     </div>
 </template>
 
-<script setup lang='ts'>
+<script setup lang="ts">
 import { onMounted, reactive, ref, provide } from 'vue'
 import interferenceUserTable from './components/interferenceUserTable.vue'
 import sensitiveUserTable from './components/sensitiveUserTable.vue'
@@ -37,23 +37,35 @@ defineOptions({
 })
 const activeName = ref('1')
 
-
-watch(() => route.query.t, async (newValue, oldValue) => {
-    if (route.fullPath.includes('Supervision/Terminaldetection')) {
-        let type = (route.query.type as string) || 'null'
-        if (type == 'null') { }
-        else if (type == '1') {
-            activeName.value = '1'
-        }
-        id.value = (route.query.id as string) || 'null'
-        id.value = id.value + '@' + route.query.t
+const tabList = ref(['1', '2', '3', '4', '5'])
+onMounted(() => {
+    let key = window.location.href.split('?')[0].slice(-1)
+    const isNumber = /^\d$/.test(key)
+    if (isNumber) {
+        tabList.value = [key]
+        activeName.value = key
     }
-}, { deep: true, immediate: true })
+})
+watch(
+    () => route.query.t,
+    async (newValue, oldValue) => {
+        if (route.fullPath.includes('Supervision/Terminaldetection')) {
+            let type = (route.query.type as string) || 'null'
+            if (type == 'null') {
+            } else if (type == '1') {
+                activeName.value = '1'
+            }
+            id.value = (route.query.id as string) || 'null'
+            id.value = id.value + '@' + route.query.t
+        }
+    },
+    { deep: true, immediate: true }
+)
 
 const layout = mainHeight(63) as any
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .bars_w {
     width: 100%;
     height: 500px;