diff --git a/main/manager-web/src/components/AddWisdomBodyDialog.vue b/main/manager-web/src/components/AddWisdomBodyDialog.vue
index 66c7a627..78c19676 100644
--- a/main/manager-web/src/components/AddWisdomBodyDialog.vue
+++ b/main/manager-web/src/components/AddWisdomBodyDialog.vue
@@ -11,7 +11,7 @@
diff --git a/main/manager-web/src/components/TtsModel.vue b/main/manager-web/src/components/TtsModel.vue
index 437f1c73..b93f56ad 100644
--- a/main/manager-web/src/components/TtsModel.vue
+++ b/main/manager-web/src/components/TtsModel.vue
@@ -14,13 +14,16 @@
class="table-container"
ref="tableContainer"
@scroll="handleScroll">
-
+
@@ -187,28 +190,28 @@ export default {
},
methods: {
loadData() {
+ this.loading = true;
const params = {
ttsModelId: this.ttsModelId,
page: this.currentPage,
limit: this.pageSize,
name: this.searchQuery
};
-
Api.timbre.getVoiceList(params, (data) => {
if (data.code === 0) {
this.ttsModels = data.data.list
- .map(item => ({
- id: item.id || '',
- voiceCode: item.ttsVoice || '',
- voiceName: item.name || '未命名音色',
- languageType: item.languages || '',
- remark: item.remark || '',
- voiceDemo: item.voiceDemo || '',
- selected: false,
- editing: false,
- sort: Number(item.sort)
- }))
- .sort((a, b) => a.sort - b.sort);
+ .map(item => ({
+ id: item.id || '',
+ voiceCode: item.ttsVoice || '',
+ voiceName: item.name || '未命名音色',
+ languageType: item.languages || '',
+ remark: item.remark || '',
+ voiceDemo: item.voiceDemo || '',
+ selected: false,
+ editing: false,
+ sort: Number(item.sort)
+ }))
+ .sort((a, b) => a.sort - b.sort);
this.total = data.total;
} else {
this.$message.error({
@@ -216,12 +219,14 @@ export default {
showClose: true
});
}
+ this.loading = false;
}, (err) => {
console.error('加载失败:', err);
this.$message.error({
message: '加载音色数据失败',
showClose: true
});
+ this.loading = false;
});
},
diff --git a/main/manager-web/src/views/DeviceManagement.vue b/main/manager-web/src/views/DeviceManagement.vue
index ae685dc5..f398dfc2 100644
--- a/main/manager-web/src/views/DeviceManagement.vue
+++ b/main/manager-web/src/views/DeviceManagement.vue
@@ -20,7 +20,11 @@
:data="paginatedDeviceList"
@selection-change="handleSelectionChange"
class="transparent-table"
- :header-cell-class-name="headerCellClassName">
+ :header-cell-class-name="headerCellClassName"
+ v-loading="loading"
+ element-loading-text="拼命加载中"
+ element-loading-spinner="el-icon-loading"
+ element-loading-background="rgba(255, 255, 255, 0.7)">