From 50d5e5e02225efa29806cb334b05cd755377fdf8 Mon Sep 17 00:00:00 2001
From: Wangxin <wangxin@icanag.com>
Date: Thu, 6 Nov 2025 22:20:33 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90web=E3=80=91=20=E6=B7=BB=E5=8A=A0venee?=
 =?UTF-8?q?r=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../inMonitoring/devicesState/detail.vue      |  8 +-
 .../inMonitoring/devicesState/veneer.vue      | 93 +++++++++++++++++++
 .../views/inMonitoring/devicesState/vlan.vue  |  2 +-
 3 files changed, 101 insertions(+), 2 deletions(-)
 create mode 100644 ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/veneer.vue

diff --git a/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue
index 3a374f1d..a47e6aba 100644
--- a/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue
+++ b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue
@@ -227,6 +227,9 @@
                       <div class="bottom-item" v-if="tabIndex == 3">
                         <Routing :dsId="dsId"/>
                       </div>
+                      <div class="bottom-item" v-if="tabIndex == 4">
+                        <Veneer :dsId="dsId"/>
+                      </div>
                     </div>
                 </div>
             </div>
@@ -245,10 +248,12 @@ import Interface from './interface.vue'
 import Vlan from './vlan.vue'
 import Routing from './routing.vue'
 import LineChart from './LineChart.vue'
+import Veneer from './veneer.vue'
+
 
 export default {
   name: "cardItem",
-  components: { History, Interface, Vlan, Routing, LineChart },
+  components: { History, Interface, Vlan, Routing, LineChart, Veneer},
   data() {
     return {
       DateValue: [dayjs().subtract(1, 'month').format('YYYY-MM-DD HH:mm:ss'),dayjs().format('YYYY-MM-DD HH:mm:ss')],
@@ -258,6 +263,7 @@ export default {
         { name: '接口信息' },
         { name: 'VLAN信息' },
         { name: '路由表信息' },
+        { name: 'venner信息' },
       ],
       tabIndex: 0,
       dsId:null,
diff --git a/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/veneer.vue b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/veneer.vue
new file mode 100644
index 00000000..fb17a395
--- /dev/null
+++ b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/veneer.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="">
+    <el-row :gutter="20">
+      <el-col>
+        <el-table v-loading="loading" :data="userList">
+          <el-table-column
+            label="序号"
+            width="60"
+            type="index"
+          ></el-table-column>
+          <el-table-column label="ID" align="center" key="id" prop="id" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <span>{{ scope.row.id !== undefined && scope.row.id !== null ? scope.row.id : '--' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="单板ID" align="center" key="veneerId" prop="veneerId" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <span>{{ scope.row.veneerId !== undefined && scope.row.veneerId !== null ? scope.row.veneerId : '--' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="设备ID" align="center" key="equId" prop="equId" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <span>{{ scope.row.equId !== undefined && scope.row.equId !== null ? scope.row.equId : '--' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="单板状态" align="center" key="veneerStatus" prop="veneerStatus" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <span>{{ scope.row.veneerStatus !== undefined && scope.row.veneerStatus !== null ? scope.row.veneerStatus : '--' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="采集ID" align="center" key="equGatherId" prop="equGatherId" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <span>{{ scope.row.equGatherId !== undefined && scope.row.equGatherId !== null ? scope.row.equGatherId : '--' }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { systemVeneer } from "@/api/inMonitoring/devicesState"
+import "@riophae/vue-treeselect/dist/vue-treeselect.css"
+import "splitpanes/dist/splitpanes.css"
+
+export default {
+  props: {
+    dsId: {
+      type: String,
+      default: 'chart'
+    }
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      // 类型表格数据
+      userList: null,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: undefined
+      },
+    }
+  },
+  created() {
+  },
+  watch: {
+    dsId: {
+      handler(val) {
+        this.getList(val)
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    /** 查询类型列表 */
+    getList(id) {
+      this.loading = true
+      systemVeneer(id).then(response => {
+          this.userList = response.rows
+          this.loading = false
+        }
+      )
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/vlan.vue b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/vlan.vue
index 29de0312..051946d0 100644
--- a/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/vlan.vue
+++ b/ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/vlan.vue
@@ -52,7 +52,7 @@ export default {
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 1000,
         name: undefined
       },
     }