TRKJ/profitManage1.2
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

PPPoE列表添加字段、多选下拉可增删改查、服务器管理列表列宽调整

Browse Source
This commit is contained in:
康冉冉
2026-01-12 18:30:37 +08:00
parent 19e5bb3d31
commit 7af2e86404
4 changed files with 741 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/resource/serverRegister/PPPoEConfig.vue
+7 -3
View File
@@ -111,13 +111,17 @@
this.columns = {
id: { label: `ID`,width: '50'},
serialNumber: { label: `序号`, minWidth: '50',visible: true, type: 'number', placeholder: '请输入', slotName: readonly ? null : 'tempEditModel'},
vlanId: { label: `VLANID`, minWidth: '100',visible: true, type: 'number', placeholder: '请输入数字', slotName: readonly ? null : 'tempEditModel'},
vlanId: { label: `VLANID`, minWidth: '80',visible: true, type: 'number', placeholder: '请输入数字', slotName: readonly ? null : 'tempEditModel'},
ipv4Address: { label: `IPv4地址`, minWidth: '100',visible: true, placeholder: '如1.1.1.1', slotName: readonly ? null : 'tempEditModel'},
ipv4MaskBits: { label: `IPv4掩码位数`, minWidth: '100',visible: true, type: 'number', min: 1, max: 32, placeholder: '请输入1-32', slotName: readonly ? null : 'tempEditModel'},
ipv4Gateway:{ label: `IPv4网关`,minWidth: '100',visible: true, placeholder: '如1.1.1.1', slotName: readonly ? null : 'tempEditModel'},
bandwidthResult: { label: `虚拟网卡上报带宽(Mbps)`, minWidth: '140', visible: true, editShow: '2', placeholder: '请输入', slotName: readonly ? null : 'tempEditModel'},
bandwidthResult: { label: `虚拟网卡上报带宽(Mbps)`, minWidth: '170', visible: true, editShow: '2', placeholder: '请输入', slotName: readonly ? null : 'tempEditModel'},
macAddress: { label: `MAC地址`, minWidth: '120', visible: readonly},
status: { label: `连通状态`, minWidth: '100', slotName: 'tempStatus', visible: readonly},
inSpeed: { label: `下载速度(Mbps)`, minWidth: '120', visible: readonly},
outSpeed: { label: `上传速度(Mbps)`, minWidth: '120', visible: readonly},
totalInSpeed: { label: `已接收流量(GB)`, minWidth: '120', visible: readonly},
totalOutSpeed: { label: `已发送流量(GB)`, minWidth: '120', visible: readonly},
status: { label: `连通状态`, minWidth: '80', slotName: 'tempStatus', visible: readonly},
};
if (!readonly && this.ruleForm.pppoeConfigMode === '1') {
this.config = {
src/views/resource/serverRegister/index.vue
+42 -38
View File
@@ -126,6 +126,7 @@
<el-input
v-model="row.reportedBandwidth"
size="mini"
class="customSty"
@keyup.enter.native="$event.target.blur"
@blur="handleSubmit(row)"
></el-input>
@@ -227,43 +228,43 @@
// 列显隐信息
columns: {
id: { label: `ID`,width: '50'},
clientId: { label: `clientID`, minWidth: '320', slotName: 'tempCopy',visible: true, disabled: true},
ip1Isp: { label: `IP1-运营商`, minWidth: '85',visible: true, disabled: true},
ip1Province: { label: `IP1-省`, minWidth: '60',visible: true, disabled: true},
ip1PublicIp:{ label: `IP1-业务公网`,minWidth: '120',visible: true, disabled: true},
clientId: { label: `clientID`, minWidth: '300', slotName: 'tempCopy',visible: true, disabled: true},
ip1Isp: { label: `运营商1`, minWidth: '70',visible: true, disabled: true},
ip1Province: { label: `省1`, minWidth: '65',visible: true, disabled: true},
ip1PublicIp:{ label: `业务公网1`,minWidth: '120',visible: true, disabled: true},
businessName: { label: `业务名称`, minWidth: '100', visible: true, disabled: true},
bandwidthResult: { label: `昨日95值(Mbit)`, minWidth: '150', visible: true, disabled: true, sortable: 'custom'},
bandwidthRate: { label: `日95带宽值利用率`, minWidth: '130', visible: true, disabled: true},
reportedBandwidth: { label: `上报带宽值(Mbit)`, minWidth: '180', slotName: 'tempHandle', visible: true, disabled: true},
onlineStatus: { label: `在线状态`, slotName: 'tempOnlineStatus', minWidth: '100', visible: true, disabled: true},
bandwidthResult: { label: `昨日95值`, minWidth: '95', visible: true, disabled: true, sortable: 'custom'},
bandwidthRate: { label: `日95利用率`, minWidth: '95', visible: true, disabled: true},
reportedBandwidth: { label: `上报带宽值`, minWidth: '90', slotName: 'tempHandle', visible: true, disabled: true},
onlineStatus: { label: `在线状态`, slotName: 'tempOnlineStatus', minWidth: '75', visible: true, disabled: true},
hardwareSn: { label: `设备SN`,minWidth: '120'},
ip1City: { label: `IP1-市`, minWidth: '80'},
ip1InterfaceName: { label: `IP1-接口名称`, minWidth: '100'},
ip1MacAddress: { label: `IP1-mac地址`, minWidth: '120'},
ip1InterfaceType: { label: `IP1-接口类型`, minWidth: '100'},
ip1Ipv4Address: { label: `IP1-IPv4地址`, minWidth: '120'},
ip1Gateway: { label: `IP1-网关`, minWidth: '120'},
ip1Ipv6Address: { label: `IP1-IPv6全球单播地址`, minWidth: '150'},
ip2Isp: { label: `IP2-运营商`, minWidth: '90'},
ip2Province: { label: `IP2-省`,minWidth: '60'},
ip2City: { label: `IP2-市`, minWidth: '60'},
ip2PublicIp:{ label: `IP2-业务公网`,minWidth: '120'},
ip2InterfaceName: { label: `IP2-接口名称`, minWidth: '100'},
ip2MacAddress: { label: `IP2-mac地址`, minWidth: '120'},
ip2InterfaceType: { label: `IP2-接口类型`, minWidth: '100'},
ip2Ipv4Address: { label: `IP2-IPv4地址`, minWidth: '120'},
ip2Gateway: { label: `IP2-网关`, minWidth: '120'},
ip2Ipv6Address: { label: `IP2-IPv6全球单播地址`, minWidth: '150'},
ip3Isp: { label: `IP3-运营商`, minWidth: '90'},
ip3Province: { label: `IP3-省`, minWidth: '60'},
ip3City: { label: `IP3-市`, minWidth: '60'},
ip3PublicIp:{ label: `IP3-业务公网`,minWidth: '120'},
ip3InterfaceName: { label: `IP3-接口名称`, minWidth: '100'},
ip3MacAddress: { label: `IP3-mac地址`, minWidth: '120'},
ip3InterfaceType: { label: `IP3-接口类型`, minWidth: '100'},
ip3Ipv4Address: { label: `IP3-IPv4地址`, minWidth: '120'},
ip3Gateway: { label: `IP3-网关`, minWidth: '120'},
ip3Ipv6Address: { label: `IP3-IPv6全球单播地址`, minWidth: '150'},
ip1City: { label: `市1`, minWidth: '65'},
ip1InterfaceName: { label: `接口名称1`, minWidth: '80'},
ip1MacAddress: { label: `mac地址1`, minWidth: '120'},
ip1InterfaceType: { label: `接口类型1`, minWidth: '80'},
ip1Ipv4Address: { label: `IPv4地址1`, minWidth: '120'},
ip1Gateway: { label: `网关1`, minWidth: '120'},
ip1Ipv6Address: { label: `IPv6全球单播地址1`, minWidth: '135'},
ip2Isp: { label: `运营商2`, minWidth: '70'},
ip2Province: { label: `省2`,minWidth: '65'},
ip2City: { label: `市2`, minWidth: '65'},
ip2PublicIp:{ label: `业务公网2`,minWidth: '120'},
ip2InterfaceName: { label: `接口名称2`, minWidth: '100'},
ip2MacAddress: { label: `mac地址2`, minWidth: '120'},
ip2InterfaceType: { label: `接口类型2`, minWidth: '80'},
ip2Ipv4Address: { label: `IPv4地址2`, minWidth: '120'},
ip2Gateway: { label: `网关2`, minWidth: '120'},
ip2Ipv6Address: { label: `IPv6全球单播地址2`, minWidth: '135'},
ip3Isp: { label: `运营商3`, minWidth: '70'},
ip3Province: { label: `省3`, minWidth: '65'},
ip3City: { label: `市3`, minWidth: '65'},
ip3PublicIp:{ label: `业务公网3`,minWidth: '120'},
ip3InterfaceName: { label: `接口名称3`, minWidth: '80'},
ip3MacAddress: { label: `mac地址3`, minWidth: '120'},
ip3InterfaceType: { label: `接口类型3`, minWidth: '80'},
ip3Ipv4Address: { label: `IPv4地址3`, minWidth: '120'},
ip3Gateway: { label: `网关3`, minWidth: '120'},
ip3Ipv6Address: { label: `IPv6全球单播地址3`, minWidth: '135'},
mgmtIsp: { label: `管理网-运营商`, minWidth: '110'},
mgmtProvince: { label: `管理网-省`,minWidth: '80'},
mgmtCity: { label: `管理网-市`, minWidth: '80'},
@@ -422,14 +423,14 @@
if (this.alarmFlagHight && !params.bandwidthResultSort) {
params = Object.assign({}, params, {bandwidthResultSort: 4});
}
this.$modal.loading();
// this.$modal.loading();
listHandle(this.addDateRange(params)).then(response => {
this.roleList = response.rows;
delete this.queryParams.resetVal;
this.queryParams.total = response.total;
this.$modal.closeLoading();
// this.$modal.closeLoading();
}).catch(() => {
this.$modal.closeLoading();
// this.$modal.closeLoading();
});
},
@@ -906,4 +907,7 @@
text-overflow: ellipsis;
white-space: nowrap;
}
::v-deep .customSty .el-input__inner {
padding: 0 2px 0!important;
}
</style>