From 0967b9f3ddaaf901a68d78edb7a80df0245425bd Mon Sep 17 00:00:00 2001
From: 陶杰 <1378534974@qq.com>
Date: 星期四, 14 十一月 2024 09:52:36 +0800
Subject: [PATCH] 1.交换机引导页面
---
src/views/screen1/itm.vue | 94 ++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 88 insertions(+), 6 deletions(-)
diff --git a/src/views/screen1/itm.vue b/src/views/screen1/itm.vue
index 2da3906..abdd525 100644
--- a/src/views/screen1/itm.vue
+++ b/src/views/screen1/itm.vue
@@ -83,18 +83,94 @@
</div>
</div>
</div>
- <div class="itm-container container-alert" style="cursor: pointer;margin-top: 3rem" @click="showSwitchInfoTable=true">
+ <div class="itm-container container-alert" style="cursor: pointer;margin-top: 1rem" @click="showSwitchBoardInfoTableAdd=true">
<div class="flex1">
<div class="reg-num flex">
<span class="div1">{{ switchInfo.switchInfo && switchInfo.switchInfo.length || 0 }}</span>
<span class="div2">个</span>
</div>
<div class="reg-desc">
- 新增交换机
+ 新增交换机
</div>
</div>
</div>
- <el-dialog :visible.sync="showSwitchInfoTable" title="新增交换机" append-to-body>
+ <div class="itm-container container-alert" style="cursor: pointer;margin-top: 1rem" @click="showSwitchBoardInfoTable=true">
+ <div class="flex1">
+ <div class="reg-num flex">
+ <span class="div1">{{ switchInfo.switchInfo && switchInfo.switchInfo.length || 0 }}</span>
+ <span class="div2">个</span>
+ </div>
+ <div class="reg-desc">
+ 交换机清单
+ </div>
+ </div>
+ </div>
+ <div class="itm-container container-alert" style="cursor: pointer;margin-top: 1rem" @click="showSwitchBoard">
+ <div class="flex1">
+ <div class="reg-desc">
+ 交换机机柜
+ </div>
+ </div>
+ </div>
+ <el-dialog :visible.sync="showSwitchBoardInfoTable" title="交换机清单" append-to-body>
+ <el-table
+ :data="switchInfo.lackSwitchInfo||[]"
+ border
+ style="width: 100%;max-height: 650px;overflow-y: scroll">
+<!-- <el-table-column-->
+<!-- fixed-->
+<!-- label="index"-->
+<!-- width="80"-->
+<!-- type="index">-->
+<!-- </el-table-column>-->
+<!-- <el-table-column-->
+<!-- prop="assetName"-->
+<!-- label="asset name">-->
+<!-- </el-table-column>-->
+<!-- <el-table-column-->
+<!-- prop="clentSiteCode"-->
+<!-- label="clent site code"-->
+<!-- >-->
+<!-- </el-table-column>-->
+<!-- <el-table-column-->
+<!-- prop="createdTime"-->
+<!-- label="created time">-->
+<!-- </el-table-column>-->
+<!-- <el-table-column-->
+<!-- prop="dateTimeConnected"-->
+<!-- label="connected datetime">-->
+<!-- </el-table-column>-->
+ <el-table-column
+ prop="deviceName"
+ label="device name">
+ </el-table-column>
+ <el-table-column
+ prop="deviceNameDNS"
+ label="DNS">
+ </el-table-column>
+ <el-table-column
+ prop="ipAddress"
+ label="ip address">
+ </el-table-column>
+ <el-table-column
+ width="180"
+ prop="macAddress"
+ label="mac address">
+ </el-table-column>
+ <el-table-column
+ prop="nasPort"
+ label="nas port">
+ </el-table-column>
+ <el-table-column
+ prop="switchType"
+ label="switch type">
+ </el-table-column>
+ </el-table>
+ </el-dialog>
+
+ <!-- 新增交换机弹窗 -->
+
+ <el-dialog :visible.sync="showSwitchBoardInfoTableAdd" title="新增交换机" append-to-body>
<el-table
:data="switchInfo.lackSwitchInfo||[]"
border
@@ -164,16 +240,22 @@
chartclose: false,
switchDeviceStatus: {},
switchInfo: {},
+ switchInfoAdd:{}
},
data() {
return {
- showSwitchInfoTable: false,
+ showSwitchBoardInfoTable: false,
+ showSwitchBoardInfoTableAdd:false,
}
},
methods: {
closeself() {
this.$emit("show", false);
},
+ showSwitchBoard(){
+ this.$router.push({path: "/switch-board"});
+ // this.$router.push({path: "/area", query: {code: '01'}});
+ }
},
};
</script>
@@ -227,7 +309,7 @@
border-radius: 0.83rem;
padding: 2.5rem;
margin-top: 2rem;
- height: 53.5rem;
+ height: 58.5rem;
padding-top: 1rem;
}
@@ -292,7 +374,7 @@
}
.itm-container {
- padding: 2rem;
+ padding: 1rem;
margin-top: 2rem;
background: #e9f4fd;
box-shadow: 0.5rem 0.33rem 2rem 0rem rgba(198, 212, 228, 0.38),
--
Gitblit v1.9.3