-
@@ -97,7 +69,7 @@
-
- {{ isAllSelected ? $t('otaManagement.deselectAll') : $t('otaManagement.selectAll') }}
-
- {{ $t('otaManagement.addNew') }}
- {{ $t('otaManagement.delete') }}
-
-
-
-
-
-
-
-
-
-
- {{ $t('otaManagement.totalRecords', { total }) }}
+
+
+ {{ $t('otaManagement.download') }}
+
+ {{ $t('otaManagement.edit') }}
+
+
+ {{ $t('otaManagement.delete') }}
+
+
+
+
+
+ {{ $t('otaManagement.firmwareManagement') }}
+
+
+ {{ $t('otaManagement.search') }}
+
+
+ {{ isAllSelected ? $t('otaManagement.deselectAll') : $t('otaManagement.selectAll') }}
+
+
+ {{ $t('otaManagement.addNew') }}
+
+
+ {{ $t('otaManagement.delete') }}
+
+
+
+
-
-
- {{ title }}
-
-
-
-
-
-
-
+
+
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('providerManagement.category') }}{{ selectedModelTypeLabel }}
-
+
-
-
-
-
-
-
-
-
-
- {{ scope.row.agentName }}
-
-
-
-
-
- {{ (currentPage - 1) * pageSize + scope.$index + 1 }}
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
@@ -146,136 +108,196 @@
import HeaderBar from "@/components/HeaderBar";
import agentApi from "@/apis/module/agent";
import VersionFooter from "@/components/VersionFooter.vue";
+import CustomButton from "@/components/CustomButton.vue";
+import CustomTable from "@/components/CustomTable.vue";
+import CustomDialog from "@/components/CustomDialog.vue";
+
+const DEFAULT_MODEL_CONFIG = {
+ ttsModelId: "TTS_EdgeTTS",
+ vadModelId: "VAD_SileroVAD",
+ asrModelId: "ASR_FunASR",
+ llmModelId: "LLM_ChatGLMLLM",
+ vllmModelId: "VLLM_ChatGLMVLLM",
+ memModelId: "Memory_nomem",
+ intentModelId: "Intent_function_call"
+};
export default {
name: "AgentTemplateManagement",
components: {
HeaderBar,
- VersionFooter
+ VersionFooter,
+ CustomButton,
+ CustomTable,
+ CustomDialog
},
data() {
return {
- // 模板相关
templateList: [],
templateLoading: false,
selectedTemplates: [],
- isAllSelected: false, // 添加全选状态
-
+ isAllSelected: false,
search: "",
- // 分页相关数据
pageSizeOptions: [10, 20, 50, 100],
currentPage: 1,
pageSize: 10,
total: 0,
+ tableColumns: [],
+ dialogVisible: false,
+ dialogTitle: "",
+ confirmLoading: false,
+ form: {
+ id: null,
+ agentCode: "小智",
+ agentName: "",
+ systemPrompt: "",
+ sort: 0,
+ model: { ...DEFAULT_MODEL_CONFIG }
+ },
+ originalForm: null
};
},
created() {
+ this.initTableColumns();
this.loadTemplateList();
},
- // 在computed部分添加hasSelected属性
computed: {
- pageCount() {
- return Math.ceil(this.total / this.pageSize);
- },
- visiblePages() {
- return this.getVisiblePages();
- },
hasSelected() {
return this.selectedTemplates.length > 0;
- },
+ }
},
methods: {
- // 加载模板列表
- // 改进loadTemplateList方法的错误处理逻辑
+ initTableColumns() {
+ this.tableColumns = [
+ {
+ prop: "agentName",
+ label: this.$t("agentTemplateManagement.templateName"),
+ },
+ {
+ prop: "serialNumber",
+ label: this.$t("agentTemplateManagement.serialNumber"),
+ }
+ ];
+ },
loadTemplateList() {
this.templateLoading = true;
const params = {
page: this.currentPage,
- limit: this.pageSize,
+ limit: this.pageSize
};
if (this.search) {
params.agentName = this.search;
}
- try {
- agentApi.getAgentTemplatesPage(
- params,
- (res) => {
- // 更健壮的响应处理逻辑
- if (res && typeof res === "object") {
- if (res.data && res.data.code === 0) {
- const responseData = res.data.data || {};
- // 为每个模板添加selected属性
- this.templateList = Array.isArray(responseData.list)
- ? responseData.list.map((item) => ({ ...item, selected: false }))
- : [];
- this.total =
- typeof responseData.total === "number" ? responseData.total : 0;
- } else {
- this.templateList = [];
- this.total = 0;
- this.$message.error(
- res?.data?.msg || this.$t("agentTemplateManagement.fetchTemplateFailed")
- );
- }
- } else {
- this.templateList = [];
- this.total = 0;
- this.$message.error(
- this.$t("agentTemplateManagement.fetchTemplateBackendError")
- );
- }
- this.templateLoading = false;
- },
- (error) => {
+ agentApi.getAgentTemplatesPage(
+ params,
+ (res) => {
+ if (res && res.data && res.data.code === 0) {
+ const responseData = res.data.data || {};
+ this.templateList = Array.isArray(responseData.list)
+ ? responseData.list.map((item) => ({ ...item, selected: false }))
+ : [];
+ this.total = typeof responseData.total === "number" ? responseData.total : 0;
+ } else {
this.templateList = [];
this.total = 0;
- this.templateLoading = false;
- this.$message.error(this.$t("common.networkError"));
+ this.$message.error(res?.data?.msg || this.$t("agentTemplateManagement.fetchTemplateFailed"));
}
- );
- } catch (error) {
- this.templateList = [];
- this.total = 0;
- this.templateLoading = false;
- this.$message.error(this.$t("agentTemplateManagement.fetchTemplateBackendError"));
- }
+ this.templateLoading = false;
+ },
+ (error) => {
+ this.templateList = [];
+ this.total = 0;
+ this.templateLoading = false;
+ this.$message.error(this.$t("common.networkError"));
+ }
+ );
},
-
- // 搜索模板
handleSearch() {
- if (this.search) {
- const searchValue = this.search.toLowerCase();
- const filteredList = this.templateList.filter((template) =>
- template.agentName.toLowerCase().includes(searchValue)
- );
- this.templateList = filteredList;
- this.total = filteredList.length;
- } else {
- this.loadTemplateList();
- }
+ this.currentPage = 1;
+ this.loadTemplateList();
},
-
- // 修改showAddTemplateDialog方法，使其跳转到与编辑页面相同的页面
- // 显示新增模板弹窗
showAddTemplateDialog() {
- // 跳转到模板快速配置页面，不传递templateId参数表示新增
- this.$router.push({
- path: "/template-quick-config",
- });
+ this.dialogTitle = this.$t("templateQuickConfig.addTemplate");
+ this.form = {
+ id: null,
+ agentCode: "小智",
+ agentName: this.$t("templateQuickConfig.newTemplate"),
+ systemPrompt: "",
+ sort: 1,
+ model: { ...DEFAULT_MODEL_CONFIG }
+ };
+ this.originalForm = JSON.parse(JSON.stringify(this.form));
+ this.dialogVisible = true;
},
-
- // 编辑模板
editTemplate(row) {
- // 跳转到模板快速配置页面，并传递模板ID参数
- this.$router.push({
- path: "/template-quick-config",
- query: { templateId: row.id },
+ this.dialogTitle = this.$t("templateQuickConfig.editTemplate");
+ this.fetchTemplateById(row.id);
+ },
+ fetchTemplateById(templateId) {
+ agentApi.getAgentTemplateById(templateId, (res) => {
+ if (res && res.data && res.data.code === 0 && res.data.data) {
+ const template = res.data.data;
+ this.form = {
+ id: template.id,
+ agentCode: template.agentCode || "小智",
+ agentName: template.agentName || "",
+ systemPrompt: template.systemPrompt || "",
+ sort: template.sort || 0,
+ model: {
+ ttsModelId: template.ttsModelId || DEFAULT_MODEL_CONFIG.ttsModelId,
+ vadModelId: template.vadModelId || DEFAULT_MODEL_CONFIG.vadModelId,
+ asrModelId: template.asrModelId || DEFAULT_MODEL_CONFIG.asrModelId,
+ llmModelId: template.llmModelId || DEFAULT_MODEL_CONFIG.llmModelId,
+ vllmModelId: template.vllmModelId || DEFAULT_MODEL_CONFIG.vllmModelId,
+ memModelId: template.memModelId || DEFAULT_MODEL_CONFIG.memModelId,
+ intentModelId: template.intentModelId || DEFAULT_MODEL_CONFIG.intentModelId
+ }
+ };
+ this.originalForm = JSON.parse(JSON.stringify(this.form));
+ this.dialogVisible = true;
+ } else {
+ this.$message.error(res?.data?.msg || this.$t("templateQuickConfig.templateNotFound"));
+ }
});
},
+ handleDialogConfirm() {
+ const configData = {
+ id: this.form.id || "",
+ agentCode: this.form.agentCode,
+ agentName: this.form.agentName,
+ systemPrompt: this.form.systemPrompt,
+ sort: this.form.sort,
+ functions: [],
+ ...this.form.model
+ };
- // 删除模板
+ this.confirmLoading = true;
+ const apiCall = this.form.id
+ ? agentApi.updateAgentTemplate
+ : agentApi.addAgentTemplate;
+
+ apiCall(configData, (res) => {
+ this.confirmLoading = false;
+ if (res && res.data && res.data.code === 0) {
+ this.$message.success({
+ message: this.$t("templateQuickConfig.saveSuccess"),
+ showClose: true
+ });
+ this.dialogVisible = false;
+ this.loadTemplateList();
+ } else {
+ this.$message.error({
+ message: res?.data?.msg || this.$t("templateQuickConfig.saveFailed"),
+ showClose: true
+ });
+ }
+ }, (error) => {
+ this.confirmLoading = false;
+ this.$message.error(this.$t("common.networkError"));
+ });
+ },
deleteTemplate(row) {
this.$confirm(
this.$t("agentTemplateManagement.confirmSingleDelete"),
@@ -283,23 +305,18 @@ export default {
{
confirmButtonText: this.$t("common.confirm"),
cancelButtonText: this.$t("common.cancel"),
- type: "warning",
+ type: "warning"
}
)
.then(() => {
agentApi.deleteAgentTemplate(row.id, (res) => {
- if (res && typeof res === "object") {
- // 检查res.data是否存在且包含code=0
- if (res.data && res.data.code === 0) {
- this.$message.success(this.$t("agentTemplateManagement.deleteSuccess"));
- this.loadTemplateList();
- } else {
- this.$message.error(
- res?.data?.msg || this.$t("agentTemplateManagement.deleteFailed")
- );
- }
+ if (res && res.data && res.data.code === 0) {
+ this.$message.success(this.$t("agentTemplateManagement.deleteSuccess"));
+ this.selectedTemplates = [];
+ this.isAllSelected = false;
+ this.loadTemplateList();
} else {
- this.$message.error(this.$t("agentTemplateManagement.deleteBackendError"));
+ this.$message.error(res?.data?.msg || this.$t("agentTemplateManagement.deleteFailed"));
}
});
})
@@ -307,47 +324,30 @@ export default {
this.$message.info(this.$t("common.deleteCancelled"));
});
},
-
- // 批量删除模板
batchDeleteTemplate() {
if (this.selectedTemplates.length === 0) {
this.$message.warning(this.$t("agentTemplateManagement.selectTemplate"));
return;
}
-
this.$confirm(
- this.$t("agentTemplateManagement.confirmBatchDelete", {
- count: this.selectedTemplates.length,
- }),
+ this.$t("agentTemplateManagement.confirmBatchDelete", { count: this.selectedTemplates.length }),
this.$t("common.warning"),
{
confirmButtonText: this.$t("common.confirm"),
cancelButtonText: this.$t("common.cancel"),
- type: "warning",
+ type: "warning"
}
)
.then(() => {
- // 确保参数格式正确 - 将id数组作为请求体
const ids = this.selectedTemplates.map((template) => template.id);
-
agentApi.batchDeleteAgentTemplate(ids, (res) => {
- if (res && typeof res === "object") {
- if (res.data && res.data.code === 0) {
- this.$message.success(
- this.$t("agentTemplateManagement.batchDeleteSuccess")
- );
- // 重新加载模板列表
- this.loadTemplateList();
- // 清空选中状态
- this.selectedTemplates = [];
- this.isAllSelected = false;
- } else {
- this.$message.error(
- res?.data?.msg || this.$t("agentTemplateManagement.batchDeleteFailed")
- );
- }
+ if (res && res.data && res.data.code === 0) {
+ this.$message.success(this.$t("agentTemplateManagement.batchDeleteSuccess"));
+ this.loadTemplateList();
+ this.selectedTemplates = [];
+ this.isAllSelected = false;
} else {
- this.$message.error(this.$t("agentTemplateManagement.deleteBackendError"));
+ this.$message.error(res?.data?.msg || this.$t("agentTemplateManagement.batchDeleteFailed"));
}
});
})
@@ -355,150 +355,81 @@ export default {
this.$message.info(this.$t("common.deleteCancelled"));
});
},
-
- // 完善分页相关方法
handlePageChange(page) {
this.currentPage = page;
this.loadTemplateList();
},
-
handlePageSizeChange(size) {
this.pageSize = size;
this.currentPage = 1;
this.loadTemplateList();
},
-
- goFirst() {
- this.currentPage = 1;
- },
- goPrev() {
- this.currentPage--;
- },
- goNext() {
- this.currentPage++;
- },
- goToPage(page) {
- this.currentPage = page;
- },
- getVisiblePages() {
- const pages = [];
- const totalPages = this.pageCount;
- const currentPage = this.currentPage;
-
- if (totalPages <= 7) {
- for (let i = 1; i <= totalPages; i++) {
- pages.push(i);
- }
- } else {
- if (currentPage <= 4) {
- for (let i = 1; i <= 5; i++) {
- pages.push(i);
- }
- pages.push("...");
- pages.push(totalPages);
- } else if (currentPage >= totalPages - 3) {
- pages.push(1);
- pages.push("...");
- for (let i = totalPages - 4; i <= totalPages; i++) {
- pages.push(i);
- }
- } else {
- pages.push(1);
- pages.push("...");
- for (let i = currentPage - 1; i <= currentPage + 1; i++) {
- pages.push(i);
- }
- pages.push("...");
- pages.push(totalPages);
- }
- }
-
- return pages;
- },
-
- // 修改handleSelectAll方法
handleSelectAll() {
this.isAllSelected = !this.isAllSelected;
this.templateList.forEach((row) => {
row.selected = this.isAllSelected;
});
- // 更新选中的模板列表
this.selectedTemplates = this.isAllSelected ? [...this.templateList] : [];
},
-
- // 处理行选择变化
handleRowSelectionChange(row) {
- // 查找选中的模板
this.selectedTemplates = this.templateList.filter((template) => template.selected);
- // 更新全选状态
this.isAllSelected =
this.templateList.length > 0 &&
this.selectedTemplates.length === this.templateList.length;
- },
- },
+ }
+ }
};
-
+
+:deep(.el-table .el-button--text) {
+ color: #7079aa;
+}
+
+:deep(.el-table .el-button--text:hover) {
+ color: #5a64b5;
+}
+
\ No newline at end of file
+
+
-
-
+
-
- {{ $t('providerDialog.fieldConfig') }}
-
@@ -122,26 +120,27 @@
-
-
-
+ {{ $t('providerDialog.fieldConfig') }}
+
-
+
+
{{ $t('providerDialog.add') }}
-
+
{{ isAllFieldsSelected ? $t('providerDialog.deselectAll') : $t('providerDialog.selectAll') }}
-
+
{{ $t('providerDialog.batchDelete') }}
- {{ $t('providerDialog.save') }}
-
-
+
-
\ No newline at end of file
diff --git a/main/manager-web/src/views/ProviderManagement.vue b/main/manager-web/src/views/ProviderManagement.vue
index d2a81be7..42311bef 100644
--- a/main/manager-web/src/views/ProviderManagement.vue
+++ b/main/manager-web/src/views/ProviderManagement.vue
@@ -1,49 +1,20 @@
+
@@ -131,9 +96,11 @@ import Api from "@/apis/api";
import HeaderBar from "@/components/HeaderBar.vue";
import ProviderDialog from "@/components/ProviderDialog.vue";
import VersionFooter from "@/components/VersionFooter.vue";
+import CustomButton from "@/components/CustomButton.vue";
+import CustomTable from "@/components/CustomTable.vue";
export default {
- components: { HeaderBar, ProviderDialog, VersionFooter },
+ components: { HeaderBar, ProviderDialog, VersionFooter, CustomButton, CustomTable },
data() {
return {
searchName: "",
@@ -158,7 +125,7 @@ export default {
dialogVisible: false,
dialogTitle: "新增供应器",
isAllSelected: false,
- isDropdownOpen: false,
+ DropdownVisible: false,
sensitive_keys: ["api_key", "personal_access_token", "access_token", "token", "secret", "access_key_secret", "secret_key"],
providerForm: {
id: null,
@@ -168,10 +135,11 @@ export default {
fields: [],
sort: 0
},
- DropdownVisible: false,
+ tableColumns: []
};
},
created() {
+ this.initTableColumns();
this.fetchProviders();
},
computed: {
@@ -186,41 +154,43 @@ export default {
const selectedType = this.modelTypes.find(item => item.value === this.searchModelType);
return selectedType ? `（${this.$t(selectedType.labelKey)}）` : "";
},
- pageCount() {
- return Math.ceil(this.total / this.pageSize);
- },
- visiblePages() {
- const pages = [];
- const maxVisible = 3;
- let start = Math.max(1, this.currentPage - 1);
- let end = Math.min(this.pageCount, start + maxVisible - 1);
-
- if (end - start + 1 < maxVisible) {
- start = Math.max(1, end - maxVisible + 1);
- }
-
- for (let i = start; i <= end; i++) {
- pages.push(i);
- }
- return pages;
- },
filteredProvidersList() {
return this.providersList;
-
- // let list = this.providersList.filter(item => {
- // const nameMatch = item.name.toLowerCase().includes(this.searchName.toLowerCase());
- // const typeMatch = !this.searchModelType || item.model_type === this.searchModelType;
- // return nameMatch && typeMatch;
- // });
-
- // list.sort((a, b) => a.sort - b.sort);
-
- // // 分页处理
- // const start = (this.currentPage - 1) * this.pageSize;
- // return list.slice(start, start + this.pageSize);
}
},
methods: {
+ initTableColumns() {
+ this.tableColumns = [
+ {
+ prop: 'modelType',
+ label: this.$t('providerManagement.category'),
+ align: 'center',
+ width: 200
+ },
+ {
+ prop: 'providerCode',
+ label: this.$t('providerManagement.providerCode'),
+ align: 'center',
+ width: 150
+ },
+ {
+ prop: 'name',
+ label: this.$t('common.name'),
+ align: 'center'
+ },
+ {
+ prop: 'fields',
+ label: this.$t('providerManagement.fieldConfig'),
+ align: 'center'
+ },
+ {
+ prop: 'sort',
+ label: this.$t('common.sort'),
+ align: 'center',
+ width: 80
+ }
+ ];
+ },
fetchProviders() {
this.loading = true;
@@ -255,7 +225,6 @@ export default {
this.fetchProviders();
},
handleSelectModelType(value) {
- this.isDropdownOpen = false;
this.searchModelType = value;
this.handleSearch();
},
@@ -288,26 +257,23 @@ export default {
handleSubmit({ form, done }) {
this.loading = true;
if (form.id) {
- // 编辑
Api.model.updateModelProvider(form, ({ data }) => {
-
if (data.code === 0) {
- this.fetchProviders(); // 刷新表格
+ this.fetchProviders();
this.$message.success({
- message: this.$t('common.updateSuccess'),
- showClose: true
- });
+ message: this.$t('common.updateSuccess'),
+ showClose: true
+ });
}
});
} else {
- // 新增
Api.model.addModelProvider(form, ({ data }) => {
if (data.code === 0) {
- this.fetchProviders(); // 刷新表格
+ this.fetchProviders();
this.$message.success({
- message: this.$t('common.addSuccess'),
- showClose: true
- });
+ message: this.$t('common.addSuccess'),
+ showClose: true
+ });
this.total += 1;
}
});
@@ -339,10 +305,8 @@ export default {
const ids = providers.map(provider => provider.id);
Api.model.deleteModelProviderByIds(ids, ({ data }) => {
if (data.code === 0) {
-
this.isAllSelected = false;
- this.fetchProviders(); // 刷新表格
-
+ this.fetchProviders();
this.$message.success({
message: this.$t('common.deleteSuccess'),
showClose: true
@@ -390,57 +354,16 @@ export default {
this.currentPage = 1;
this.fetchProviders();
},
- headerCellClassName({ columnIndex }) {
- if (columnIndex === 0) {
- return "custom-selection-header";
- }
- return "";
- },
- selectionCellClassName() {
- return "custom-selection-cell";
- },
- updateSelectionHeaderText() {
- // 确保表格已渲染
- this.$nextTick(() => {
- if (this.$refs.providersTable && this.$refs.providersTable.$el) {
- const headerCheckbox = this.$refs.providersTable.$el.querySelector('.custom-selection-header .el-checkbox .el-checkbox__label');
- if (headerCheckbox) {
- headerCheckbox.textContent = this.$t('modelConfig.select');
- }
- }
- });
- },
- mounted() {
- this.updateSelectionHeaderText();
- },
- updated() {
- this.updateSelectionHeaderText();
- },
- goFirst() {
- this.currentPage = 1;
- this.fetchProviders();
- },
- goPrev() {
- if (this.currentPage > 1) {
- this.currentPage--;
- this.fetchProviders();
- }
- },
- goNext() {
- if (this.currentPage < this.pageCount) {
- console.log("this.currentPage", this.currentPage);
- this.currentPage++;
- this.fetchProviders();
- }
- },
goToPage(page) {
- this.currentPage = page;
- this.fetchProviders();
+ if (page !== this.currentPage) {
+ this.currentPage = page;
+ this.fetchProviders();
+ }
},
handleDropdownVisibleChange(visible) {
this.DropdownVisible = visible;
- },
- },
+ }
+ }
};
@@ -460,25 +383,24 @@ export default {
}
.main-wrapper {
- // 顶部 63px 底部 35px 查询72px
- height: calc(100vh - 63px - 35px - 72px);
- margin: 0 22px;
- border-radius: 15px;
- box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+ // 顶部 63px 底部 35px
+ height: calc(100vh - 63px - 35px);
+ padding: 20px 22px 0;
position: relative;
- background: rgba(237, 242, 255, 0.5);
display: flex;
flex-direction: column;
+ box-sizing: border-box;
}
-.operation-bar {
+.operation-header {
display: flex;
- justify-content: space-between;
align-items: center;
- padding: 16px 24px;
+ justify-content: space-between;
+ padding: 0 0 16px 0;
}
.page-title {
+ font-weight: 500;
font-size: 24px;
margin: 0;
}
@@ -487,20 +409,14 @@ export default {
display: flex;
gap: 10px;
margin-left: auto;
+ align-items: center;
}
.search-input {
width: 240px;
}
-.btn-search {
- background: linear-gradient(135deg, #6b8cff, #a966ff);
- border: none;
- color: white;
-}
-
.content-panel {
- flex: 1;
display: flex;
overflow: hidden;
height: 100%;
@@ -519,20 +435,17 @@ export default {
flex-direction: column;
}
-.el-card {
- border: none;
-}
-
.provider-card {
background: white;
flex: 1;
display: flex;
flex-direction: column;
+ border: none;
box-shadow: none;
overflow: hidden;
::v-deep .el-card__body {
- padding: 15px;
+ padding: 14px 20px;
display: flex;
flex-direction: column;
flex: 1;
@@ -540,284 +453,8 @@ export default {
}
}
-.table_bottom {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-top: 10px;
-}
-
.ctrl_btn {
display: flex;
- gap: 8px;
- padding-left: 26px;
-
- .el-button {
- min-width: 72px;
- height: 32px;
- padding: 7px 12px 7px 10px;
- font-size: 12px;
- border-radius: 4px;
- line-height: 1;
- font-weight: 500;
- border: none;
- transition: all 0.3s ease;
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
-
- &:hover {
- transform: translateY(-1px);
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
- }
- }
-
- .el-button--primary {
- background: #5f70f3;
- color: white;
- }
-
- .el-button--danger {
- background: #fd5b63;
- color: white;
- }
-}
-
-.custom-pagination {
- display: flex;
- align-items: center;
- gap: 10px;
-
- .el-select {
- margin-right: 8px;
- }
-
- .pagination-btn:first-child,
- .pagination-btn:nth-child(2),
- .pagination-btn:nth-last-child(2),
- .pagination-btn:nth-child(3) {
- min-width: 60px;
- height: 32px;
- padding: 0 12px;
- border-radius: 4px;
- border: 1px solid #e4e7ed;
- background: #dee7ff;
- color: #606266;
- font-size: 14px;
- cursor: pointer;
- transition: all 0.3s ease;
-
- &:hover {
- background: #d7dce6;
- }
-
- &:disabled {
- opacity: 0.6;
- cursor: not-allowed;
- }
- }
-
- .pagination-btn:not(:first-child):not(:nth-child(3)):not(:nth-child(2)):not(:nth-last-child(2)) {
- min-width: 28px;
- height: 32px;
- padding: 0;
- border-radius: 4px;
- border: 1px solid transparent;
- background: transparent;
- color: #606266;
- font-size: 14px;
- cursor: pointer;
- transition: all 0.3s ease;
-
- &:hover {
- background: rgba(245, 247, 250, 0.3);
- }
- }
-
- .pagination-btn.active {
- background: #5f70f3 !important;
- color: #ffffff !important;
- border-color: #5f70f3 !important;
-
- &:hover {
- background: #6d7cf5 !important;
- }
- }
-
- .total-text {
- color: #909399;
- font-size: 14px;
- margin-left: 10px;
- }
-}
-
-:deep(.transparent-table) {
- background: white;
- flex: 1;
- width: 100%;
- display: flex;
- flex-direction: column;
-
- .el-table__body-wrapper {
- flex: 1;
- overflow-y: auto;
- max-height: none !important;
- }
-
- .el-table__header-wrapper {
- flex-shrink: 0;
- }
-
- .el-table__header th {
- background: white !important;
- color: black;
- }
-
- &::before {
- display: none;
- }
-
- .el-table__body tr {
- background-color: white;
-
- td {
- border-top: 1px solid rgba(0, 0, 0, 0.04);
- border-bottom: 1px solid rgba(0, 0, 0, 0.04);
- }
- }
-}
-
-
-:deep(.el-checkbox__inner) {
- background-color: #ffffff !important;
- border-color: #cccccc !important;
-}
-
-:deep(.el-checkbox__inner:hover) {
- border-color: #cccccc !important;
-}
-
-:deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
- background-color: #5f70f3 !important;
- border-color: #5f70f3 !important;
-}
-
-@media (min-width: 1144px) {
- .table_bottom {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-top: 40px;
- }
-
- :deep(.transparent-table) {
- .el-table__body tr {
- td {
- padding-top: 16px;
- padding-bottom: 16px;
- }
-
- &+tr {
- margin-top: 10px;
- }
- }
- }
-}
-
-:deep(.el-table .el-button--text) {
- color: #7079aa;
-}
-
-:deep(.el-table .el-button--text:hover) {
- color: #5a64b5;
-}
-
-.el-button--success {
- background: #5bc98c;
- color: white;
-}
-
-:deep(.el-table .cell) {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.page-size-select {
- width: 100px;
- margin-right: 10px;
-
- :deep(.el-input__inner) {
- height: 32px;
- line-height: 32px;
- border-radius: 4px;
- border: 1px solid #e4e7ed;
- background: #dee7ff;
- color: #606266;
- font-size: 14px;
- }
-
- :deep(.el-input__suffix) {
- right: 6px;
- width: 15px;
- height: 20px;
- display: flex;
- justify-content: center;
- align-items: center;
- top: 6px;
- border-radius: 4px;
- }
-
- :deep(.el-input__suffix-inner) {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- }
-
- :deep(.el-icon-arrow-up:before) {
- content: "";
- display: inline-block;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- border-top: 9px solid #606266;
- position: relative;
- transform: rotate(0deg);
- transition: transform 0.3s;
- }
-}
-
-:deep(.el-table) {
- .el-table__body-wrapper {
- transition: height 0.3s ease;
- }
-}
-
-.el-table {
- // --table-max-height: calc(100vh - 40vh);
- max-height: var(--table-max-height);
-
- .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);
-}
-
-:deep(.el-loading-spinner .circular) {
- width: 28px;
- height: 28px;
-}
-
-:deep(.el-loading-spinner .path) {
- stroke: #6b8cff;
-}
-
-:deep(.el-loading-text) {
- color: #6b8cff !important;
- font-size: 14px;
- margin-top: 8px;
}
.field-item {
@@ -843,40 +480,6 @@ export default {
}
}
-.dropdown-trigger {
- font-size: 14px;
- color: #303133;
- cursor: pointer;
- display: flex;
- align-items: center;
-
- &:hover {
- color: #409EFF;
- }
-}
-
-.dropdown-trigger.active {
- color: #409EFF;
-}
-
-.dropdown-arrow {
- display: inline-block;
- margin-left: 5px;
- width: 0;
- height: 0;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-top: 7px solid black;
- position: relative;
- transition: transform 0.3s ease;
- transform: rotate(0deg);
-
- &.is-active {
- transform: rotate(180deg);
- border-top-color: #409EFF;
- }
-}
-
.rotate-down {
transform: rotate(180deg);
transition: transform 0.3s ease;
@@ -886,41 +489,11 @@ export default {
transition: transform 0.3s ease;
}
-.dropdown-trigger {
- font-size: 14px;
- color: #303133;
- cursor: pointer;
- display: flex;
- align-items: center;
-
- &:hover {
- color: #409EFF;
- }
+:deep(.el-table .el-button--text) {
+ color: #7079aa;
}
-.dropdown-trigger.active {
- color: #409EFF;
+:deep(.el-table .el-button--text:hover) {
+ color: #5a64b5;
}
-
-/* 确保选择列标题样式正确 */
-.custom-selection-header {
- position: relative;
-}
-
-:deep(.custom-selection-header .el-checkbox) {
- display: flex !important;
- align-items: center;
- justify-content: center;
-}
-
-:deep(.custom-selection-header .el-checkbox__label) {
- position: relative;
- white-space: nowrap;
-}
-
-:deep(.custom-selection-cell) {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
\ No newline at end of file
+
From 164eb5481c148b2e1d357cfa9c2682743b0d2162 Mon Sep 17 00:00:00 2001
From: zhuoqinglian <1035449612@qq.com>
Date: Tue, 16 Jun 2026 16:58:44 +0800
Subject: [PATCH 3/3] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90=E9=BB=98?=
=?UTF-8?q?=E8=AE=A4=E8=A7=92=E8=89=B2=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
=?UTF-8?q?=E6=A0=B7=E5=BC=8F=E6=94=B9=E9=80=A0=EF=BC=8C=E5=B9=B6=E6=B7=BB?=
=?UTF-8?q?=E5=8A=A0=E7=BC=96=E8=BE=91=E4=BF=9D=E5=AD=98=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
main/manager-web/src/i18n/de.js | 2 +
main/manager-web/src/i18n/en.js | 2 +
main/manager-web/src/i18n/pt_BR.js | 2 +
main/manager-web/src/i18n/vi.js | 2 +
main/manager-web/src/i18n/zh_CN.js | 2 +
main/manager-web/src/i18n/zh_TW.js | 2 +
.../src/views/AgentTemplateManagement.vue | 724 +++++++-----------
7 files changed, 294 insertions(+), 442 deletions(-)
diff --git a/main/manager-web/src/i18n/de.js b/main/manager-web/src/i18n/de.js
index b889e989..d663eecc 100644
--- a/main/manager-web/src/i18n/de.js
+++ b/main/manager-web/src/i18n/de.js
@@ -1118,6 +1118,8 @@ export default {
'agentTemplateManagement.action': 'Aktion',
'agentTemplateManagement.createTemplate': 'Vorlage erstellen',
'templateQuickConfig.newTemplate': 'Neue Vorlage',
+ 'templateQuickConfig.editTemplate': 'Vorlage bearbeiten',
+ 'templateQuickConfig.addTemplate': 'Vorlage hinzufügen',
'agentTemplateManagement.editTemplate': 'Vorlage bearbeiten',
'agentTemplateManagement.deleteTemplate': 'Vorlage löschen',
'agentTemplateManagement.deleteSuccess': 'Vorlage erfolgreich gelöscht',
diff --git a/main/manager-web/src/i18n/en.js b/main/manager-web/src/i18n/en.js
index bdb59e4e..e4a4250f 100644
--- a/main/manager-web/src/i18n/en.js
+++ b/main/manager-web/src/i18n/en.js
@@ -1152,6 +1152,8 @@ export default {
'templateQuickConfig.cancel': 'Cancel',
'templateQuickConfig.templateNotFound': 'Template not found',
'templateQuickConfig.newTemplate': 'New Template',
+ 'templateQuickConfig.editTemplate': 'Edit Template',
+ 'templateQuickConfig.addTemplate': 'Add Template',
'warning': 'Warning',
'info': 'Info',
'common.networkError': 'Network request failed',
diff --git a/main/manager-web/src/i18n/pt_BR.js b/main/manager-web/src/i18n/pt_BR.js
index fc36bc44..f554570e 100644
--- a/main/manager-web/src/i18n/pt_BR.js
+++ b/main/manager-web/src/i18n/pt_BR.js
@@ -1152,6 +1152,8 @@ export default {
'templateQuickConfig.cancel': 'Cancelar',
'templateQuickConfig.templateNotFound': 'Modelo não encontrado',
'templateQuickConfig.newTemplate': 'Novo Modelo',
+ 'templateQuickConfig.editTemplate': 'Editar Modelo',
+ 'templateQuickConfig.addTemplate': 'Adicionar Modelo',
'warning': 'Aviso',
'info': 'Informação',
'common.networkError': 'Falha na requisição de rede',
diff --git a/main/manager-web/src/i18n/vi.js b/main/manager-web/src/i18n/vi.js
index 20840005..0e0a5bf8 100644
--- a/main/manager-web/src/i18n/vi.js
+++ b/main/manager-web/src/i18n/vi.js
@@ -1118,6 +1118,8 @@ export default {
'agentTemplateManagement.action': 'Hành động',
'agentTemplateManagement.createTemplate': 'Tạo mẫu',
'templateQuickConfig.newTemplate': 'Mẫu mới',
+ 'templateQuickConfig.editTemplate': 'Chỉnh sửa mẫu',
+ 'templateQuickConfig.addTemplate': 'Thêm mẫu',
'agentTemplateManagement.editTemplate': 'Chỉnh sửa mẫu',
'agentTemplateManagement.deleteTemplate': 'Xóa mẫu',
'agentTemplateManagement.deleteSuccess': 'Đã xóa mẫu thành công',
diff --git a/main/manager-web/src/i18n/zh_CN.js b/main/manager-web/src/i18n/zh_CN.js
index 80228c5d..95b9b825 100644
--- a/main/manager-web/src/i18n/zh_CN.js
+++ b/main/manager-web/src/i18n/zh_CN.js
@@ -1152,6 +1152,8 @@ export default {
'templateQuickConfig.cancel': '取消',
'templateQuickConfig.templateNotFound': '未找到指定模板',
'templateQuickConfig.newTemplate': '新模板',
+ 'templateQuickConfig.editTemplate': '编辑模板',
+ 'templateQuickConfig.addTemplate': '新增模板',
'warning': '警告',
'info': '提示',
'common.networkError': '网络请求失败',
diff --git a/main/manager-web/src/i18n/zh_TW.js b/main/manager-web/src/i18n/zh_TW.js
index 523bb142..1a696a82 100644
--- a/main/manager-web/src/i18n/zh_TW.js
+++ b/main/manager-web/src/i18n/zh_TW.js
@@ -1152,6 +1152,8 @@ export default {
'templateQuickConfig.cancel': '取消',
'templateQuickConfig.templateNotFound': '未找到指定模板',
'templateQuickConfig.newTemplate': '新模板',
+ 'templateQuickConfig.editTemplate': '編輯模板',
+ 'templateQuickConfig.addTemplate': '新增模板',
'warning': '警告',
'info': '提示',
'common.networkError': '網路請求失敗',
diff --git a/main/manager-web/src/views/AgentTemplateManagement.vue b/main/manager-web/src/views/AgentTemplateManagement.vue
index 22d1d8fc..19072276 100644
--- a/main/manager-web/src/views/AgentTemplateManagement.vue
+++ b/main/manager-web/src/views/AgentTemplateManagement.vue
@@ -1,141 +1,103 @@
{{ $t('header.providerManagement') }}
+
+
+
+ {{ $t('providerManagement.categoryFilter') }}{{ selectedModelTypeLabel }}
+
{{ $t('common.all') }}
@@ -51,66 +22,60 @@
-
-
-
- {{ getModelTypeLabel(scope.row.modelType) }}
-
-
-
-
-
-
- {{ $t('providerManagement.viewFields') }}
-
-
-
-
-
- {{ $t('common.edit') }}
- {{ $t('common.delete') }}
-
-
-
-
-
+
+
+ {{ getModelTypeLabel(scope.row.modelType) }}
+
+
+
+
+ {{ $t('providerManagement.viewFields') }}
+
+
+
+ {{ $t('common.edit') }}
+ {{ $t('common.delete') }}
+
+
+
- {{ field.label }}:
- {{ field.type }}
- {{ $t('common.sensitive') }}
-
-
-
+
-
- {{ isAllSelected ? $t('common.deselectAll') : $t('common.selectAll') }}
-
- {{ $t('common.add') }}
- {{ $t('common.delete') }}
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('common.totalRecords', { number: total }) }}
+ {{ $t('common.search') }}
+ {{ field.label }}:
+ {{ field.type }}
+ {{ $t('common.sensitive') }}
+
+
+
+ {{ isAllSelected ? $t('common.deselectAll') : $t('common.selectAll') }}
+
+
+ {{ $t('common.add') }}
+
+
+ {{ $t('common.delete') }}
+
+
+
+
- {{
- $t("agentTemplateManagement.editTemplate")
- }}
- {{
- $t("agentTemplateManagement.deleteTemplate")
- }}
-
-
-
-
+
+
+ {{ $t("agentTemplateManagement.editTemplate") }}
+
+
+ {{ $t("agentTemplateManagement.deleteTemplate") }}
+
+
+
+
-
- {{
- isAllSelected
- ? $t("agentTemplateManagement.deselectAll")
- : $t("agentTemplateManagement.selectAll")
- }}
-
-
- {{ $t("agentTemplateManagement.createTemplate") }}
-
-
- {{ $t("agentTemplateManagement.batchDelete") }}
-
-
-
-
-
-
+
+ {{ $t("agentTemplateManagement.title") }}
+
+
+ {{ $t("agentTemplateManagement.search") }}
+
+
+ {{ isAllSelected ? $t("agentTemplateManagement.deselectAll") : $t("agentTemplateManagement.selectAll") }}
+
+
+ {{ $t("agentTemplateManagement.createTemplate") }}
+
+
+ {{ $t("agentTemplateManagement.batchDelete") }}
+
+
+
+