From 497fc1d1ae549b279943ad6310ae542b538ec13a Mon Sep 17 00:00:00 2001 From: hrz <1710360675@qq.com> Date: Thu, 24 Apr 2025 10:41:14 +0800 Subject: [PATCH] =?UTF-8?q?update:=E4=BC=98=E5=8C=96=E6=A8=A1=E5=9E=8B?= =?UTF-8?q?=E9=85=8D=E7=BD=AE=E5=B7=A6=E4=BE=A7=E6=A0=8F=E6=98=BE=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main/manager-web/src/views/ModelConfig.vue | 39 ++-- main/manager-web/src/views/OtaManagement.vue | 7 +- .../src/views/ParamsManagement.vue | 215 +++++++++--------- main/manager-web/src/views/UserManagement.vue | 127 +++++------ 4 files changed, 190 insertions(+), 198 deletions(-) diff --git a/main/manager-web/src/views/ModelConfig.vue b/main/manager-web/src/views/ModelConfig.vue index 8add3398..aa788f2f 100644 --- a/main/manager-web/src/views/ModelConfig.vue +++ b/main/manager-web/src/views/ModelConfig.vue @@ -44,19 +44,11 @@
- + @@ -136,6 +128,9 @@
+ + + @@ -145,9 +140,9 @@ import AddModelDialog from "@/components/AddModelDialog.vue"; import HeaderBar from "@/components/HeaderBar.vue"; import ModelEditDialog from "@/components/ModelEditDialog.vue"; import TtsModel from "@/components/TtsModel.vue"; - +import VersionFooter from "@/components/VersionFooter.vue"; export default { - components: { HeaderBar, ModelEditDialog, TtsModel, AddModelDialog }, + components: { HeaderBar, ModelEditDialog, TtsModel, AddModelDialog, VersionFooter }, data() { return { addDialogVisible: false, @@ -520,8 +515,9 @@ export default { .nav-panel .el-menu-item { height: 50px; + background: #e9f0ff; line-height: 50px; - border-radius: 4px; + border-radius: 4px 0 0 4px !important; transition: all 0.3s; display: flex !important; justify-content: flex-end; @@ -532,8 +528,7 @@ export default { } .nav-panel .el-menu-item.is-active { - background: #e9f0ff; - color: #0ba6f4 !important; + background: #5778ff; position: relative; padding-left: 40px !important; } @@ -546,7 +541,7 @@ export default { transform: translateY(-50%); width: 13px; height: 13px; - background: #409EFF; + background: #fff; border-radius: 50%; box-shadow: 0 0 4px rgba(64, 158, 255, 0.5); } @@ -758,7 +753,7 @@ export default { } ::v-deep .nav-panel .el-menu-item.is-active .menu-text { - color: #409EFF !important; + color: #fff !important; } ::v-deep .data-table { @@ -929,17 +924,19 @@ export default { background-color: rgba(255, 255, 255, 0.6) !important; backdrop-filter: blur(2px); } + ::v-deep .el-loading-spinner .circular { width: 28px; height: 28px; } + ::v-deep .el-loading-spinner .path { stroke: #6b8cff; } + ::v-deep .el-loading-text { color: #6b8cff !important; font-size: 14px; margin-top: 8px; } - diff --git a/main/manager-web/src/views/OtaManagement.vue b/main/manager-web/src/views/OtaManagement.vue index 13ffacf9..76bbeeec 100644 --- a/main/manager-web/src/views/OtaManagement.vue +++ b/main/manager-web/src/views/OtaManagement.vue @@ -91,7 +91,9 @@ - + + + @@ -99,11 +101,12 @@ import Api from "@/apis/api"; import FirmwareDialog from "@/components/FirmwareDialog.vue"; import HeaderBar from "@/components/HeaderBar.vue"; +import VersionFooter from "@/components/VersionFooter.vue"; import { FIRMWARE_TYPES } from "@/utils"; import { formatDate, formatFileSize } from "@/utils/format"; export default { - components: { HeaderBar, FirmwareDialog }, + components: { HeaderBar, FirmwareDialog, VersionFooter }, data() { return { searchName: "", diff --git a/main/manager-web/src/views/ParamsManagement.vue b/main/manager-web/src/views/ParamsManagement.vue index 8bca20f1..3301bbb5 100644 --- a/main/manager-web/src/views/ParamsManagement.vue +++ b/main/manager-web/src/views/ParamsManagement.vue @@ -15,15 +15,10 @@
- + @@ -91,9 +85,9 @@ import Api from "@/apis/api"; import HeaderBar from "@/components/HeaderBar.vue"; import ParamDialog from "@/components/ParamDialog.vue"; - +import VersionFooter from "@/components/VersionFooter.vue"; export default { - components: { HeaderBar, ParamDialog }, + components: { HeaderBar, ParamDialog, VersionFooter }, data() { return { searchCode: "", @@ -146,29 +140,29 @@ export default { this.fetchParams(); }, fetchParams() { - this.loading = true; - Api.admin.getParamsList( - { - page: this.currentPage, - limit: this.pageSize, - paramCode: this.searchCode, - }, - ({ data }) => { - this.loading = false; - if (data.code === 0) { - this.paramsList = data.data.list.map(item => ({ - ...item, - selected: false - })); - this.total = data.data.total; - } else { - this.$message.error({ - message: data.msg || '获取参数列表失败', - showClose: true - }); - } - } - ); + this.loading = true; + Api.admin.getParamsList( + { + page: this.currentPage, + limit: this.pageSize, + paramCode: this.searchCode, + }, + ({ data }) => { + this.loading = false; + if (data.code === 0) { + this.paramsList = data.data.list.map(item => ({ + ...item, + selected: false + })); + this.total = data.data.total; + } else { + this.$message.error({ + message: data.msg || '获取参数列表失败', + showClose: true + }); + } + } + ); }, handleSearch() { this.currentPage = 1; @@ -197,33 +191,33 @@ export default { }, handleSubmit({ form, done }) { - if (form.id) { - // 编辑 - Api.admin.updateParam(form, ({ data }) => { - if (data.code === 0) { - this.$message.success({ - message:"修改成功", - showClose:true + if (form.id) { + // 编辑 + Api.admin.updateParam(form, ({ data }) => { + if (data.code === 0) { + this.$message.success({ + message: "修改成功", + showClose: true + }); + this.dialogVisible = false; + this.fetchParams(); + } + done && done(); }); - this.dialogVisible = false; - this.fetchParams(); - } - done && done(); - }); - } else { - // 新增 - Api.admin.addParam(form, ({ data }) => { - if (data.code === 0) { - this.$message.success({ - message:"新增成功", - showClose:true + } else { + // 新增 + Api.admin.addParam(form, ({ data }) => { + if (data.code === 0) { + this.$message.success({ + message: "新增成功", + showClose: true + }); + this.dialogVisible = false; + this.fetchParams(); + } + done && done(); }); - this.dialogVisible = false; - this.fetchParams(); - } - done && done(); - }); - } + } }, deleteSelectedParams() { @@ -243,8 +237,8 @@ export default { if (Array.isArray(row) && row.length === 0) { this.$message.warning({ - message:"请先选择需要删除的参数", - showClose:true + message: "请先选择需要删除的参数", + showClose: true }); return; } @@ -259,8 +253,8 @@ export default { const ids = params.map(param => param.id); if (ids.some(id => isNaN(id))) { this.$message.error({ - message:'存在无效的参数ID', - showClose: true + message: '存在无效的参数ID', + showClose: true }); return; } @@ -341,16 +335,16 @@ export default { } .main-wrapper { - margin: 5px 22px; - border-radius: 15px; - min-height: calc(100vh - 24vh); - height: auto; - max-height: 80vh; - box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); - position: relative; - background: rgba(237, 242, 255, 0.5); - display: flex; - flex-direction: column; + margin: 5px 22px; + border-radius: 15px; + min-height: calc(100vh - 24vh); + height: auto; + max-height: 80vh; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); + position: relative; + background: rgba(237, 242, 255, 0.5); + display: flex; + flex-direction: column; } .operation-bar { @@ -402,21 +396,21 @@ export default { } .params-card { - background: white; - flex: 1; - display: flex; - flex-direction: column; - border: none; - box-shadow: none; - overflow: hidden; - - ::v-deep .el-card__body { - padding: 15px; + background: white; + flex: 1; display: flex; flex-direction: column; - flex: 1; + border: none; + box-shadow: none; overflow: hidden; - } + + ::v-deep .el-card__body { + padding: 15px; + display: flex; + flex-direction: column; + flex: 1; + overflow: hidden; + } } .table_bottom { @@ -467,7 +461,7 @@ export default { gap: 10px; .el-select { - margin-right: 8px; + margin-right: 8px; } .pagination-btn:first-child, @@ -535,15 +529,17 @@ export default { width: 100%; display: flex; flex-direction: column; + .el-table__body-wrapper { - flex: 1; - overflow-y: auto; - max-height: none !important; + flex: 1; + overflow-y: auto; + max-height: none !important; } .el-table__header-wrapper { - flex-shrink: 0; + flex-shrink: 0; } + .el-table__header th { background: white !important; color: black; @@ -670,32 +666,31 @@ export default { } .el-table { - --table-max-height: calc(100vh - 40vh); - max-height: var(--table-max-height); + --table-max-height: calc(100vh - 40vh); + max-height: var(--table-max-height); - .el-table__body-wrapper { - max-height: calc(var(--table-max-height) - 40px); - } + .el-table__body-wrapper { + max-height: calc(var(--table-max-height) - 40px); + } } :deep(.el-loading-mask) { - background-color: rgba(255, 255, 255, 0.6) !important; - backdrop-filter: blur(2px); + background-color: rgba(255, 255, 255, 0.6) !important; + backdrop-filter: blur(2px); } :deep(.el-loading-spinner .circular) { - width: 28px; - height: 28px; + width: 28px; + height: 28px; } :deep(.el-loading-spinner .path) { - stroke: #6b8cff; + stroke: #6b8cff; } :deep(.el-loading-text) { - color: #6b8cff !important; - font-size: 14px; - margin-top: 8px; + color: #6b8cff !important; + font-size: 14px; + margin-top: 8px; } - diff --git a/main/manager-web/src/views/UserManagement.vue b/main/manager-web/src/views/UserManagement.vue index 1ca70422..eb43a959 100644 --- a/main/manager-web/src/views/UserManagement.vue +++ b/main/manager-web/src/views/UserManagement.vue @@ -15,18 +15,13 @@
- + - + @@ -61,11 +56,7 @@
- + @@ -90,16 +81,19 @@
+ + +