Hass/xiaozhi-esp32-server
1
0
Fork 0
mirror of https://github.com/xinnan-tech/xiaozhi-esp32-server.git synced 2026-07-27 09:33:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix:保存完参数后，按钮还在saving状态的bug

Browse Source
This commit is contained in:
hrz
2025-09-13 09:22:11 +08:00
parent f5143d60b7
commit 64f3062eb2
2 changed files with 41 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main/manager-web/src/components/ParamDialog.vue
+3
View File
@@ -122,6 +122,9 @@ export default {
visible(newVal) { visible(newVal) {
if (newVal) { if (newVal) {
this.dialogKey = Date.now(); this.dialogKey = Date.now();
} else {
// 当对话框关闭时，重置saving状态
this.saving = false;
} }
} }
} }
main/manager-web/src/views/ParamsManagement.vue
+37 -29
View File
@@ -5,8 +5,8 @@
<div class="operation-bar"> <div class="operation-bar">
<h2 class="page-title">{{ $t('paramManagement.pageTitle') }}</h2> <h2 class="page-title">{{ $t('paramManagement.pageTitle') }}</h2>
<div class="right-operations"> <div class="right-operations">
<el-input :placeholder="$t('paramManagement.searchPlaceholder')" v-model="searchCode" class="search-input" <el-input :placeholder="$t('paramManagement.searchPlaceholder')" v-model="searchCode"
@keyup.enter.native="handleSearch" clearable /> class="search-input" @keyup.enter.native="handleSearch" clearable />
<el-button class="btn-search" @click="handleSearch">{{ $t('paramManagement.search') }}</el-button> <el-button class="btn-search" @click="handleSearch">{{ $t('paramManagement.search') }}</el-button>
</div> </div>
</div> </div>
@@ -24,25 +24,31 @@
<el-checkbox v-model="scope.row.selected"></el-checkbox> <el-checkbox v-model="scope.row.selected"></el-checkbox>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('paramManagement.paramCode')" prop="paramCode" align="center"></el-table-column> <el-table-column :label="$t('paramManagement.paramCode')" prop="paramCode"
<el-table-column :label="$t('paramManagement.paramValue')" prop="paramValue" align="center" show-overflow-tooltip> align="center"></el-table-column>
<el-table-column :label="$t('paramManagement.paramValue')" prop="paramValue" align="center"
show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="isSensitiveParam(scope.row.paramCode)"> <div v-if="isSensitiveParam(scope.row.paramCode)">
<span v-if="!scope.row.showValue">{{ maskSensitiveValue(scope.row.paramValue) <span v-if="!scope.row.showValue">{{ maskSensitiveValue(scope.row.paramValue)
}}</span> }}</span>
<span v-else>{{ scope.row.paramValue }}</span> <span v-else>{{ scope.row.paramValue }}</span>
<el-button size="mini" type="text" @click="toggleSensitiveValue(scope.row)"> <el-button size="mini" type="text" @click="toggleSensitiveValue(scope.row)">
{{ scope.row.showValue ? $t('paramManagement.hide') : $t('paramManagement.view') }} {{ scope.row.showValue ? $t('paramManagement.hide') :
$t('paramManagement.view') }}
</el-button> </el-button>
</div> </div>
<span v-else>{{ scope.row.paramValue }}</span> <span v-else>{{ scope.row.paramValue }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('paramManagement.remark')" prop="remark" align="center"></el-table-column> <el-table-column :label="$t('paramManagement.remark')" prop="remark"
align="center"></el-table-column>
<el-table-column :label="$t('paramManagement.operation')" align="center"> <el-table-column :label="$t('paramManagement.operation')" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button size="mini" type="text" @click="editParam(scope.row)">{{ $t('paramManagement.edit') }}</el-button> <el-button size="mini" type="text" @click="editParam(scope.row)">{{
<el-button size="mini" type="text" @click="deleteParam(scope.row)">{{ $t('paramManagement.delete') }}</el-button> $t('paramManagement.edit') }}</el-button>
<el-button size="mini" type="text" @click="deleteParam(scope.row)">{{
$t('paramManagement.delete') }}</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -50,16 +56,19 @@
<div class="table_bottom"> <div class="table_bottom">
<div class="ctrl_btn"> <div class="ctrl_btn">
<el-button size="mini" type="primary" class="select-all-btn" @click="handleSelectAll"> <el-button size="mini" type="primary" class="select-all-btn" @click="handleSelectAll">
{{ isAllSelected ? $t('paramManagement.deselectAll') : $t('paramManagement.selectAll') }} {{ isAllSelected ? $t('paramManagement.deselectAll') :
$t('paramManagement.selectAll') }}
</el-button> </el-button>
<el-button size="mini" type="success" @click="showAddDialog">{{ $t('paramManagement.add') }}</el-button> <el-button size="mini" type="success" @click="showAddDialog">{{
$t('paramManagement.add') }}</el-button>
<el-button size="mini" type="danger" icon="el-icon-delete" <el-button size="mini" type="danger" icon="el-icon-delete"
@click="deleteSelectedParams">{{ $t('paramManagement.delete') }}</el-button> @click="deleteSelectedParams">{{
$t('paramManagement.delete') }}</el-button>
</div> </div>
<div class="custom-pagination"> <div class="custom-pagination">
<el-select v-model="pageSize" @change="handlePageSizeChange" class="page-size-select"> <el-select v-model="pageSize" @change="handlePageSizeChange" class="page-size-select">
<el-option v-for="item in pageSizeOptions" :key="item" :label="`${item}${$t('paramManagement.itemsPerPage')}`" <el-option v-for="item in pageSizeOptions" :key="item"
:value="item"> :label="`${item}${$t('paramManagement.itemsPerPage')}`" :value="item">
</el-option> </el-option>
</el-select> </el-select>
<button class="pagination-btn" :disabled="currentPage === 1" @click="goFirst"> <button class="pagination-btn" :disabled="currentPage === 1" @click="goFirst">
@@ -97,7 +106,6 @@ import Api from "@/apis/api";
import HeaderBar from "@/components/HeaderBar.vue"; import HeaderBar from "@/components/HeaderBar.vue";
import ParamDialog from "@/components/ParamDialog.vue"; import ParamDialog from "@/components/ParamDialog.vue";
import VersionFooter from "@/components/VersionFooter.vue"; import VersionFooter from "@/components/VersionFooter.vue";
import i18n from '@/i18n';
export default { export default {
components: { HeaderBar, ParamDialog, VersionFooter }, components: { HeaderBar, ParamDialog, VersionFooter },
data() { data() {
@@ -116,9 +124,9 @@ export default {
paramForm: { paramForm: {
id: null, id: null,
paramCode: "", paramCode: "",
paramValue: "", paramValue: "",
valueType: "string", valueType: "string",
remark: "" remark: ""
}, },
}; };
}, },
@@ -193,23 +201,23 @@ export default {
showAddDialog() { showAddDialog() {
this.dialogTitle = this.$t('paramManagement.addParam'); this.dialogTitle = this.$t('paramManagement.addParam');
this.paramForm = { this.paramForm = {
id: null, id: null,
paramCode: "", paramCode: "",
paramValue: "", paramValue: "",
valueType: "string", // 默认值 valueType: "string", // 默认值
remark: "" remark: ""
}; };
this.dialogVisible = true; this.dialogVisible = true;
}, },
editParam(row) { editParam(row) {
this.dialogTitle = this.$t('paramManagement.editParam'); this.dialogTitle = this.$t('paramManagement.editParam');
this.paramForm = { this.paramForm = {
id: row.id, id: row.id,
paramCode: row.paramCode, paramCode: row.paramCode,
paramValue: row.paramValue, paramValue: row.paramValue,
valueType: row.valueType || "string", // 确保有值 valueType: row.valueType || "string", // 确保有值
remark: row.remark remark: row.remark
}; };
this.dialogVisible = true; this.dialogVisible = true;
}, },
handleSubmit(form) { handleSubmit(form) {