From 0ae255185f422781f8a5cc4c52ad56ee0d3a1e6e Mon Sep 17 00:00:00 2001
From: 陶杰 <1378534974@qq.com>
Date: 星期五, 29 十一月 2024 19:07:15 +0800
Subject: [PATCH] 1.首页可拖拽 2.没有名字去掉悬浮层 3.增加了背景
---
src/views/screen1/itm.vue | 48 +++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 41 insertions(+), 7 deletions(-)
diff --git a/src/views/screen1/itm.vue b/src/views/screen1/itm.vue
index d748dc8..64b1064 100644
--- a/src/views/screen1/itm.vue
+++ b/src/views/screen1/itm.vue
@@ -105,11 +105,16 @@
<el-table
:data="switchInfo.lackSwitchInfo||[]"
border
- style="width: 100%;max-height: 650px;overflow-y: scroll">
-
+ style="width: 100%"
+ max-height="650"
+ >
+
<el-table-column
prop="deviceNameDNS"
- label="Device Name">
+ label="Device Name"
+ fixed
+ :width="width"
+ >
</el-table-column>
<!-- <el-table-column
prop="deviceNameDNS"
@@ -118,7 +123,7 @@
<el-table-column
prop="ipAddress"
label="Ip Address"
- width="150"
+ :width="width"
>
</el-table-column>
<el-table-column
@@ -127,17 +132,20 @@
label="Mac Address">
</el-table-column>
<el-table-column
+ :width="width"
prop="nasPort"
label="Nas Port">
</el-table-column>
<el-table-column
+ :width="width"
prop="switchType"
label="Switch Type">
</el-table-column>
<el-table-column
+ :width="width"
prop="cabinetName"
- label="Cabinet Name" width="150">
+ label="Cabinet Name">
<template slot-scope="scope">
<el-select v-model="scope.row.cabinetName" placeholder="请选择机柜" filterable clearable>
<el-option
@@ -152,6 +160,7 @@
</el-table-column>
<el-table-column
+ :width="width"
prop="areaCode"
label="Area Code">
<template slot-scope="scope">
@@ -166,8 +175,19 @@
</el-select>
</template>
</el-table-column>
+
+ <el-table-column
+ :width="width"
+ prop="networkPort"
+ label="NetworkPort">
+ <template slot-scope="scope">
+ <el-input v-model="scope.row.networkPort" placeholder="请输入网络端口号" clearable></el-input>
+ </template>
+ </el-table-column>
+
<el-table-column
+ :width="width"
label="Operator">
<template slot-scope="scope">
<el-button
@@ -207,16 +227,29 @@
showSwitchBoardInfoTable: false,
cabinetList:[],
areaList:[],
+ width:150,
}
},
methods: {
async handleConfirm(row) {
// 检查必填项
- if (!row.cabinetName || !row.areaCode) {
- this.$message.error('交换机柜名和区域代码不能为空');
+ if (!row.cabinetName) {
+ this.$message.error('交换机柜名不能为空');
return;
}
+ if (!row.areaCode) {
+ this.$message.error('区域代码不能为空');
+ return;
+ }
+
+ if (!row.networkPort) {
+ this.$message.error('网络端口号不能为空');
+ return;
+ }
+
+
+
// if (!row.cabinetName) {
// this.$message.error('交换机柜名不能为空');
// return;
@@ -237,6 +270,7 @@
macAddress: row.macAddress,
ipAddress: row.ipAddress,
areaCode: row.areaCode,
+ networkPort:row.networkPort,
}
};
--
Gitblit v1.9.3