From a801c4ed745e87b64f19f21ef1fa698925098c14 Mon Sep 17 00:00:00 2001 From: JINGYJ <1458671527@qq.com> Date: Fri, 18 Jul 2025 17:09:46 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8E=A7=E5=88=B6=E5=99=A8=E7=AE=A1?= =?UTF-8?q?=E7=90=86=E6=A8=A1=E5=9D=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../controllerManagement.vue | 2131 ++++++++++++++++- 1 file changed, 2051 insertions(+), 80 deletions(-) diff --git a/src/renderer/src/views/Design/ControllerManagement/controllerManagement.vue b/src/renderer/src/views/Design/ControllerManagement/controllerManagement.vue index 2565ad1..a303d19 100644 --- a/src/renderer/src/views/Design/ControllerManagement/controllerManagement.vue +++ b/src/renderer/src/views/Design/ControllerManagement/controllerManagement.vue @@ -68,11 +68,1901 @@ + + + + + + + + - @@ -240,23 +2214,6 @@ const handleClose = () => {} height: 766px; box-sizing: border-box; display: flex; - .controllerManagement-siderBar { - box-sizing: border-box; - width: 120px; - height: 100%; - padding: 24px; - display: flex; - flex-direction: column; - align-items: center; - .controllerManagement-sidebar-item { - margin-bottom: 16px; - height: 62px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-between; - } - } .controllerManagement-infoList { box-sizing: border-box; width: 250px; @@ -304,6 +2261,8 @@ const handleClose = () => {} } .controllerManagement-content { flex: 1; + height: 100%; + overflow: auto; box-sizing: border-box; padding: 16px 24px 24px; .device-select { @@ -315,46 +2274,21 @@ const handleClose = () => {} } } } - .data-tabs { + :deep(.el-input-number) { width: 100%; - :deep(.el-tabs__item) { + .el-input-number__increase, + .el-input-number__decrease { + background: transparent; color: #fff; - } - :deep(.fixed-height-textarea) { - margin-bottom: 8px; - height: 110px !important; - min-height: 110px !important; - max-height: 110px !important; - .el-textarea__inner { - height: 110px !important; - background: #303136; - color: #fff; - } + border: none; } } .form-device-btn { width: 80px; padding: 0 12px; } - .event-table { - .eventList-table { - width: 100%; - height: 224px; - background: #363940; - } - .table-add-btn { - box-sizing: border-box; - width: 128px; - height: 40px; - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; - } - } } - .controllerManagement-line-first, - .controllerManagement-line-second { + .controllerManagement-line-first { position: absolute; left: 250px; width: 1px; @@ -362,8 +2296,45 @@ const handleClose = () => {} background-color: #fff; opacity: 0.3; } - .controllerManagement-line-second { - left: 372px; + .custom-table { + .customList-table { + width: 100%; + height: 190px; + background: #363940; + } + .table-add-btn { + /* 按钮样式 */ + box-sizing: border-box; + width: 128px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + } + } + :deep(.customList-table .el-table__header > thead th) { + color: #fff; + background-color: rgba(21, 77, 221, 0.1); + border-color: #4e5969; + } + :deep(.customList-table .el-table__header > thead tr) { + background: transparent; + } + :deep(.customList-table .el-table__body > tbody tr) { + color: #fff; + background-color: transparent; + & > td { + border: none; + } + } + :deep(.customList-table .el-table__body .hover-row) { + & > td { + background: #303136; + } + } + :deep(.el-table--fit .el-table__inner-wrapper:before) { + background-color: #4e5969; } }