diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue index 39d8c6c..d13793b 100644 --- a/src/views/tunnel/index.vue +++ b/src/views/tunnel/index.vue @@ -310,7 +310,7 @@ const handleView = (row) => { isDetailVisited.value = true alarmDetail.value = res.data if (roleKey.value !== 'administrator') { - if(!row.lookupStatus){ + if (!row.lookupStatus) { handleChangeState(row) } } @@ -733,6 +733,33 @@ const initWebSocket = () => { color: #FFFFFF; } + :deep(.el-select__wrapper.is-hovering) { + .el-select__suffix { + .el-icon { + font-size: 55px; + } + } + } + + :deep(.el-select__wrapper) { + height: 70px; + line-height: 70px; + background-color: transparent; + border: 1px solid #08B7B8; + font-size: 35px; + width: 476px; + + .el-select__placeholder { + height: 70px; + line-height: 70px; + } + + .el-select__placeholder.is-transparent { + height: 70px; + line-height: 70px; + } + } + :deep(.el-form-item__content) { .el-select__popper { margin-top: -12px !important; @@ -781,7 +808,7 @@ const initWebSocket = () => { .el-input__suffix-inner { .el-icon { - font-size: 40px; + font-size: 55px; } } } @@ -888,6 +915,22 @@ const initWebSocket = () => { font-size: 38px; font-weight: bold; + :deep(.el-pagination.is-background ) { + .btn-next { + background-color: transparent; + } + + .el-pager { + li { + margin: 0 0 0 40px; + } + + li.is-active { + background-color: #60DDDE; + } + } + } + > span:first-child { margin-right: 60px; } @@ -924,7 +967,7 @@ const initWebSocket = () => { } :deep(.el-pager li) { - margin-left: 40px; + margin-left: 40px !important; } :deep(.el-pager li:not(.is-active) ) { diff --git a/src/views/user/index.vue b/src/views/user/index.vue index 77b316b..9f7277a 100644 --- a/src/views/user/index.vue +++ b/src/views/user/index.vue @@ -346,6 +346,13 @@ const handleSelect = async (selection, row) => {