【web】 添加veneer模块

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,

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>

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
       },
     }