From 6e5eac65c618ac9844bfb289c00024ca76a5090e Mon Sep 17 00:00:00 2001 From: MLTechnology Date: Sun, 1 Mar 2026 21:45:36 +0800 Subject: [PATCH 01/19] Optimize page layout style --- .../Admin/Pages/Shared/_Layout_Vue.cshtml | 4 +- .../Admin/Pages/Shared/_MenuPartial.cshtml | 18 ++++++ .../wwwroot/css/Admin/Shared/layout.css | 64 +++++++++++++++++-- 3 files changed, 78 insertions(+), 8 deletions(-) diff --git a/tools/NcfSimulatedSite/Senparc.Areas.Admin/Areas/Admin/Pages/Shared/_Layout_Vue.cshtml b/tools/NcfSimulatedSite/Senparc.Areas.Admin/Areas/Admin/Pages/Shared/_Layout_Vue.cshtml index 2fd7571ed..1a98b33e4 100644 --- a/tools/NcfSimulatedSite/Senparc.Areas.Admin/Areas/Admin/Pages/Shared/_Layout_Vue.cshtml +++ b/tools/NcfSimulatedSite/Senparc.Areas.Admin/Areas/Admin/Pages/Shared/_Layout_Vue.cshtml @@ -1,4 +1,4 @@ -@model Senparc.Ncf.AreaBase.Admin.IAdminPageModelBase +@model Senparc.Ncf.AreaBase.Admin.IAdminPageModelBase @{ var thisYear = DateTime.Now.Year; } @@ -31,7 +31,7 @@ Alternate Text - + + diff --git a/tools/NcfSimulatedSite/Senparc.Areas.Admin/wwwroot/css/Admin/Shared/layout.css b/tools/NcfSimulatedSite/Senparc.Areas.Admin/wwwroot/css/Admin/Shared/layout.css index 8d8c58a0c..925fd1487 100644 --- a/tools/NcfSimulatedSite/Senparc.Areas.Admin/wwwroot/css/Admin/Shared/layout.css +++ b/tools/NcfSimulatedSite/Senparc.Areas.Admin/wwwroot/css/Admin/Shared/layout.css @@ -1,4 +1,4 @@ - + [v-cloak] { display: none; } @@ -17,8 +17,10 @@ a { text-decoration: none; } -body { +html, body { + height: 100%; margin: 0; + overflow: hidden; } img { @@ -33,12 +35,54 @@ li { #app { height: 100%; + overflow: hidden; } .app-wrapper { position: relative; height: 100%; width: 100%; + overflow: hidden; +} + +/* 最外层不出现横向/纵向滚动条，仅主内容区内部滚动 */ +.app-wrapper .el-container { + overflow: hidden; + display: flex; +} + +.app-wrapper .el-container .el-aside { + flex-shrink: 0; + height: 100vh; + overflow: hidden; + display: flex; + flex-direction: column; +} + +.app-wrapper .el-container .el-aside .el-scrollbar { + flex: 1; + min-height: 0; +} + +.app-wrapper .el-container .el-aside .el-scrollbar .scrollbar-wrapper { + height: 100% !important; +} + +.app-wrapper .el-container > .el-container { + flex: 1; + min-width: 0; + min-height: 0; + overflow: hidden; + display: flex; + flex-direction: column; +} + +.app-wrapper .el-header { + flex-shrink: 0; +} + +.app-wrapper .el-footer { + flex-shrink: 0; } .footer { @@ -51,10 +95,18 @@ li { color: #23527c; } -.el-main -{ - background-color: #e3e3e3; - height: 730px; +.app-wrapper .el-main { + flex: 1; + min-height: 0; + overflow-y: auto; + overflow-x: hidden; + background-color: rgba(0,21,41,0.08); + -webkit-overflow-scrolling: touch; +} + +.app-wrapper .el-main .ifram-wrapper { + min-height: 100%; + box-sizing: border-box; } /*侧边栏*/ From 55e5f1dea14acee4457b6ea07faafae1b6f027e9 Mon Sep 17 00:00:00 2001 From: MLTechnology Date: Sun, 1 Mar 2026 22:08:52 +0800 Subject: [PATCH 02/19] Optimize knowledgebase index page style and search function --- .../Admin/Pages/KnowledgeBase/Index.cshtml | 101 +- .../Admin/Pages/KnowledgeBase/Index.cshtml.cs | 33 +- .../KnowledgeBase/KnowledgeBase.css | 87 + .../Pages/KnowledgeBase/knowledgeBase.js | 2128 +++++++++-------- 4 files changed, 1231 insertions(+), 1118 deletions(-) diff --git a/src/Extensions/Senparc.Xncf.KnowledgeBase/Areas/Admin/Pages/KnowledgeBase/Index.cshtml b/src/Extensions/Senparc.Xncf.KnowledgeBase/Areas/Admin/Pages/KnowledgeBase/Index.cshtml index a2ac9e88e..3e0262aba 100644 --- a/src/Extensions/Senparc.Xncf.KnowledgeBase/Areas/Admin/Pages/KnowledgeBase/Index.cshtml +++ b/src/Extensions/Senparc.Xncf.KnowledgeBase/Areas/Admin/Pages/KnowledgeBase/Index.cshtml @@ -11,39 +11,48 @@ @section breadcrumbs { 扩展模块 - 知识库管理管理 - 知识库管理列表 + 知识库管理 + 知识库列表 } -
+
- - - - - 查询 - 重置 - - -
- - - 新增 - - - - - - - -
- -
- - - + @* 查询区：按知识库名称查询 *@ +
+
+ + + 查询 + 重置 +
+
+ + @* 工具栏：添加按钮、列筛选 *@ +
+ 添加 + + + + + 列筛选 +
- + + @* 表格区域 *@ +
+ @@ -61,28 +70,30 @@ {{formaTableTime(scope.row.addTime)}} - + +
- + @* 分页：首页、上一页、下一页、尾页、跳转、每页条数 5/10/15/20/50/100，默认 10 *@ +
+ + +
OnGetKnowledgeBasesAsync(string keyword, string orderField, int pageIndex, int pageSize) { var seh = new SenparcExpressionHelper(); - //seh.ValueCompare.AndAlso(!string.IsNullOrEmpty(keyword), _ => _.Name.Contains(keyword)); + seh.ValueCompare.AndAlso(!string.IsNullOrEmpty(keyword), _ => _.Name.Contains(keyword)); var where = seh.BuildWhereExpression(); var response = await _knowledgeBaseService.GetObjectListAsync(pageIndex, pageSize, where, orderField); return Ok(new - { - response.TotalCount, - response.PageIndex, - List = response.Select(_ => new { - _.Id, - _.LastUpdateTime, - _.Remark, - _.EmbeddingModelId, - _.VectorDBId, - _.ChatModelId, - _.Name, - _.Content, - _.AddTime - }) - }); + { + response.TotalCount, + response.PageIndex, + List = response.Select(_ => new + { + _.Id, + _.LastUpdateTime, + _.Remark, + _.EmbeddingModelId, + _.VectorDBId, + _.ChatModelId, + _.Name, + _.Content, + _.AddTime + }) + }); } } } diff --git a/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/css/KnowledgeBase/KnowledgeBase/KnowledgeBase.css b/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/css/KnowledgeBase/KnowledgeBase/KnowledgeBase.css index df4135105..7e8efb152 100644 --- a/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/css/KnowledgeBase/KnowledgeBase/KnowledgeBase.css +++ b/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/css/KnowledgeBase/KnowledgeBase/KnowledgeBase.css @@ -7,6 +7,93 @@ /*width: 30rem;*/ } +/* 知识库列表页整体 */ +.kb-index-page { + padding: 20px 24px; + background: #f0f2f5; + min-height: 100%; + box-sizing: border-box; +} + +.admin-role { + background: #fff; + border-radius: 8px; + padding: 20px 24px; + box-shadow: 0 1px 4px rgba(0,0,0,0.06); +} + +/* 查询区 */ +.kb-query-section { + margin-bottom: 20px; + padding: 16px 18px; + background: #fafbfc; + border: 1px solid #e8eaec; + border-radius: 6px; +} + +.kb-query-row { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 12px; +} + +.kb-query-label { + flex: 0 0 auto; + font-size: 14px; + color: #606266; + margin: 0; +} + +.kb-query-input { + width: 260px; +} + +.kb-query-row .el-button { + margin-left: 0; +} + +/* 工具栏 */ +.kb-toolbar { + display: flex; + align-items: center; + gap: 12px; + margin-bottom: 16px; +} + +.kb-toolbar .el-button { + margin: 0; +} + +/* 表格区域 */ +.kb-table-wrap { + margin-bottom: 16px; + overflow-x: auto; +} + +.kb-table-wrap .el-table { + font-size: 13px; +} + +.kb-table-wrap .el-table th { + background: #f5f7fa; + color: #303133; + font-weight: 600; +} + +/* 分页 */ +.kb-pagination-wrap { + display: flex; + justify-content: flex-end; + padding-top: 12px; + border-top: 1px solid #ebeef5; +} + +.kb-pagination-wrap .el-pagination { + flex-wrap: nowrap; + white-space: nowrap; +} + .filter-condition { margin-bottom: 0.5rem; } diff --git a/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/js/KnowledgeBase/Pages/KnowledgeBase/knowledgeBase.js b/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/js/KnowledgeBase/Pages/KnowledgeBase/knowledgeBase.js index c2e136eb7..4a4bc07fb 100644 --- a/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/js/KnowledgeBase/Pages/KnowledgeBase/knowledgeBase.js +++ b/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/js/KnowledgeBase/Pages/KnowledgeBase/knowledgeBase.js @@ -1,1070 +1,1084 @@ new Vue({ - el: "#app", - data() { - var validateCode = (rule, value, callback) => { - callback(); + el: "#app", + data() { + var validateCode = (rule, value, callback) => { + callback(); + }; + return { + defaultMSG: null, + editorData: '', + elSize: 'medium', // el 组件尺寸大小 默认为空 medium、small、mini + // 显隐 visible + visible: { + drawerGroup: false, // 组 新增|编辑 + dialogFile: false, // 配置抽屉内「新建文件」上传弹框 + embeddingProgress: false, // 向量化进度弹窗 + embeddingResult: false, // 向量化结果展示弹窗 + }, + embeddingProgressPercent: 0, + embeddingProgressStatus: '', // '' | success | exception + embeddingProgressText: '正在准备...', + embeddingResultText: '', + _embeddingTimer: null, + configUploadFileList: [], // 新建文件弹框内的上传列表（仅展示用，关闭时清空） + form: + { + content: '' + }, + config: + { + initialFrameHeight: 500 + }, + //分页参数 + paginationQuery: + { + total: 5 + }, + //分页接口传参 + listQuery: { + pageIndex: 1, + pageSize: 10, + keyword: '', + orderField: '' + }, + selectDefaultEmbeddingModel: [], + embeddingModelData: [], + selectDefaultVectorDB: [], + vectorDBData: [], + selectDefaultChatModel: [], + chatModelData: [], + page: { + page: 1, + size: 10, + modelCount: 999 + }, + filterTableHeader: { + embeddingModelId: [], + vectorDBId: [], + chatModelId: [], + name: [] + }, + colData: [ + { title: "Embedding模型Id", istrue: false }, + { title: "向量数据库Id", istrue: false }, + { title: "对话模型Id", istrue: false }, + { title: "名称", istrue: true }, + { title: "内容", istrue: true }, + ], + checkBoxGroup: [ + "Embedding模型Id", "向量数据库Id", "对话模型Id", "名称", "内容" + ], + checkedColumns: [], + contentTypeData: [ + { value: 1, label: '输入' }, + { value: 2, label: '文件' }, + { value: 3, label: '采集外部数据' } + ], + keyword: '', + multipleSelection: '', + radio: '', + props: { multiple: true }, + // 表格数据 + tableData: [], + uid: '', + fileList: [], + sizeForm: { + name: '', + region: '', + date1: '', + date2: '', + delivery: false, + type: [], + resource: '', + desc: '' + }, + size: 'mini', + dialogImageUrl: '', + dialogVisible: false, + dialog: + { + title: '新增知识库管理', + visible: false, + data: + { + id: '', embeddingModelId: '', vectorDBId: '', chatModelId: '', name: '', content: '' + }, + rules: + { + name: + [ + { required: true, message: "知识库管理名称为必填项", trigger: "blur" } + ] + }, + updateLoading: false, + disabled: false, + checkStrictly: true // 是否严格的遵守父子节点不互相关联 + }, + detailDialog: + { + title: '知识库管理详情', + visible: false, + data: + { + id: '', embeddingModelId: '', vectorDBId: '', chatModelId: '', name: '', content: '' + }, + rules: + { + name: + [ + { required: true, message: "知识库管理名称为必填项", trigger: "blur" } + ] + }, + updateLoading: false, + disabled: false, + checkStrictly: true // 是否严格的遵守父子节点不互相关联 + }, + // 组 新增|编辑（内容类型：1=输入 2=文件 3=采集外部数据，默认文件） + groupForm: { + contentType: 2, // 内容类型，默认「文件」 + files: [], // 文件列表 + content: '', // 内容 + knowledgeBasesId: '' //知识库ID + }, + groupFormRules: { + name: [ + { required: true, message: '请填写', trigger: 'blur' }, + ], + members: [ + { required: true, message: '请填写', trigger: 'change' }, + ], + adminAgentTemplateId: [ + { required: true, message: '请填写', trigger: 'change' }, + ], + enterAgentTemplateId: [ + { required: true, message: '请选择', trigger: 'change' }, + ], + // description: [ + // { required: true, message: '请填写', trigger: 'blur' }, + // ], + }, + // 组 新增|编辑 智能体 + groupAgentQueryList: { + pageIndex: 0, + pageSize: 0, + filter: '', // 筛选文本 + timeSort: false, // 默认降序 + proce: false, // 进行中 + stop: false, // 停用 + stand: false, // 待命 + }, + groupAgentList: [], // 组新增时的智能体列表 + // 配置页文件列表查询与分页 + fileQueryList: { + pageIndex: 1, + pageSize: 10, + filter: '', // 文件名称筛选 + }, + fileListTotal: 0, // 文件列表总条数，用于分页 + fileList: [], // 配置页文件列表 + fileNamesToSelect: [], // 打开配置时待选中的文件名（从 KnowledgeBaseItem 回显用） + } + }, + created: function () { + let that = this + that.getList(); + that.getEmbeddingModelList(); + that.getVectorDBList(); + that.getChatModelList(); + //debugger + // 获取文件数据 + that.getFileListData('file'); + + //TODO:初始化设置选中的字段 + that.checkedColumns = that.colData.filter(item => item.istrue).map(item => item.title); + console.log(`that.checkedColumns --- ${JSON.stringify(that.checkedColumns)}`) + }, + watch: + { + 'dialog.visible': function (val, old) { + // 关闭dialog，清空 + if (!val) { + this.dialog.data = { + id: '', embeddingModelId: '', vectorDBId: '', chatModelId: '', name: '', content: '' }; - return { - defaultMSG: null, - editorData: '', - elSize: 'medium', // el 组件尺寸大小 默认为空 medium、small、mini - // 显隐 visible - visible: { - drawerGroup: false, // 组 新增|编辑 - dialogFile: false, // 配置抽屉内「新建文件」上传弹框 - embeddingProgress: false, // 向量化进度弹窗 - embeddingResult: false, // 向量化结果展示弹窗 - }, - embeddingProgressPercent: 0, - embeddingProgressStatus: '', // '' | success | exception - embeddingProgressText: '正在准备...', - embeddingResultText: '', - _embeddingTimer: null, - configUploadFileList: [], // 新建文件弹框内的上传列表（仅展示用，关闭时清空） - form: - { - content: '' - }, - config: - { - initialFrameHeight: 500 - }, - //分页参数 - paginationQuery: - { - total: 5 - }, - //分页接口传参 - listQuery: { - pageIndex: 1, - pageSize: 20, - keyword: '', - orderField: '' - }, - selectDefaultEmbeddingModel: [], - embeddingModelData: [], - selectDefaultVectorDB: [], - vectorDBData: [], - selectDefaultChatModel: [], - chatModelData: [], - page: { - page: 1, - size: 10, - modelCount: 999 - }, - filterTableHeader: { - embeddingModelId: [], - vectorDBId: [], - chatModelId: [], - name: [] - }, - colData: [ - { title: "Embedding模型Id", istrue: false }, - { title: "向量数据库Id", istrue: false }, - { title: "对话模型Id", istrue: false }, - { title: "名称", istrue: true }, - { title: "内容", istrue: true }, - ], - checkBoxGroup: [ - "Embedding模型Id", "向量数据库Id", "对话模型Id", "名称", "内容" - ], - checkedColumns: [], - contentTypeData: [ - { value: 1, label: '输入' }, - { value: 2, label: '文件' }, - { value: 3, label: '采集外部数据' } - ], - keyword: '', - multipleSelection: '', - radio: '', - props: { multiple: true }, - // 表格数据 - tableData: [], - uid: '', - fileList: [], - sizeForm: { - name: '', - region: '', - date1: '', - date2: '', - delivery: false, - type: [], - resource: '', - desc: '' - }, - size: 'mini', - dialogImageUrl: '', - dialogVisible: false, - dialog: - { - title: '新增知识库管理', - visible: false, - data: - { - id: '', embeddingModelId: '', vectorDBId: '', chatModelId: '', name: '', content: '' - }, - rules: - { - name: - [ - { required: true, message: "知识库管理名称为必填项", trigger: "blur" } - ] - }, - updateLoading: false, - disabled: false, - checkStrictly: true // 是否严格的遵守父子节点不互相关联 - }, - detailDialog: - { - title: '知识库管理详情', - visible: false, - data: - { - id: '', embeddingModelId: '', vectorDBId: '', chatModelId: '', name: '', content: '' - }, - rules: - { - name: - [ - { required: true, message: "知识库管理名称为必填项", trigger: "blur" } - ] - }, - updateLoading: false, - disabled: false, - checkStrictly: true // 是否严格的遵守父子节点不互相关联 - }, - // 组 新增|编辑（内容类型：1=输入 2=文件 3=采集外部数据，默认文件） - groupForm: { - contentType: 2, // 内容类型，默认「文件」 - files: [], // 文件列表 - content: '', // 内容 - knowledgeBasesId: '' //知识库ID - }, - groupFormRules: { - name: [ - { required: true, message: '请填写', trigger: 'blur' }, - ], - members: [ - { required: true, message: '请填写', trigger: 'change' }, - ], - adminAgentTemplateId: [ - { required: true, message: '请填写', trigger: 'change' }, - ], - enterAgentTemplateId: [ - { required: true, message: '请选择', trigger: 'change' }, - ], - // description: [ - // { required: true, message: '请填写', trigger: 'blur' }, - // ], - }, - // 组 新增|编辑 智能体 - groupAgentQueryList: { - pageIndex: 0, - pageSize: 0, - filter: '', // 筛选文本 - timeSort: false, // 默认降序 - proce: false, // 进行中 - stop: false, // 停用 - stand: false, // 待命 - }, - groupAgentList: [], // 组新增时的智能体列表 - // 配置页文件列表查询与分页 - fileQueryList: { - pageIndex: 1, - pageSize: 10, - filter: '', // 文件名称筛选 - }, - fileListTotal: 0, // 文件列表总条数，用于分页 - fileList: [], // 配置页文件列表 - fileNamesToSelect: [], // 打开配置时待选中的文件名（从 KnowledgeBaseItem 回显用） + this.dialog.updateLoading = false; + this.dialog.disabled = false; + } + }, + 'checkedColumns': function (val) { + //debugger + console.log(val); + let arr = this.checkBoxGroup.filter(i => !val.includes(i)); + this.colData.filter(i => { + if (arr.indexOf(i.title) != -1) { + i.istrue = false; + } else { + i.istrue = true; } + }); + this.reload = Math.random() + } + }, + methods: + { + handleChange(value) { + console.log(value); }, - created: function () { - let that = this - that.getList(); - that.getEmbeddingModelList(); - that.getVectorDBList(); - that.getChatModelList(); - //debugger - // 获取文件数据 - that.getFileListData('file'); - - //TODO:初始化设置选中的字段 - that.checkedColumns = that.colData.filter(item => item.istrue).map(item => item.title); - console.log(`that.checkedColumns --- ${JSON.stringify(that.checkedColumns)}`) + handleRemove(file, fileList) { + log(file, fileList, 2); }, - watch: - { - 'dialog.visible': function (val, old) { - // 关闭dialog，清空 - if (!val) { - this.dialog.data = { - id: '', embeddingModelId: '', vectorDBId: '', chatModelId: '', name: '', content: '' - }; - this.dialog.updateLoading = false; - this.dialog.disabled = false; - } - }, - 'checkedColumns': function (val) { - //debugger - console.log(val); - let arr = this.checkBoxGroup.filter(i => !val.includes(i)); - this.colData.filter(i => { - if (arr.indexOf(i.title) != -1) { - i.istrue = false; - } else { - i.istrue = true; - } - }); - this.reload = Math.random() + handlePictureCardPreview(file) { + let that = this + that.dialogImageUrl = file.url; + that.dialogVisible = true; + }, + uploadSuccess(res, file, fileList) { + let that = this; + // 上传成功 + that.fileList = fileList; + //debugger + if (res.stateCode == 0) { + that.$notify({ + title: '成功', + message: '恭喜你，上传成功', + type: 'success' + }); + // 清空文件列表（关键） + that.$refs.uploadRef.clearFiles(); + } else { + that.$notify.error({ + title: '失败', + message: '上传失败，请重新上传' + }); + } + }, + uploadError() { + let that = this; + that.$notify.error({ + title: '失败', + message: '上传失败，请重新上传' + }); + }, + // 配置抽屉「新建文件」弹框：上传成功后将文件写入 FileManage，并加入当前已选列表、刷新文件列表并勾选新文件 + async configUploadSuccess(res, file, fileList) { + const that = this; + const ok = (res && (res.stateCode === 0 || res.success === true)); + const fileId = res && res.data != null ? res.data : null; + if (ok && fileId != null) { + const id = typeof fileId === 'number' ? fileId : parseInt(fileId, 10); + if (!isNaN(id)) { + that.groupForm.files = that.groupForm.files || []; + that.groupForm.files.push({ id: id, name: file.name || file.fileName || '' }); } + await that.getFileListData('file'); + that.$nextTick(() => { + const row = that.fileList.find(i => i.id === id); + if (row) that.toggleSelection(that.groupForm.files.map(f => that.fileList.find(i => i.id === f.id)).filter(Boolean)); + }); + that.$notify({ title: '成功', message: '文件已上传至文件管理', type: 'success' }); + } else { + that.$notify.error({ title: '失败', message: (res && res.errorMessage) || '上传失败，请重试' }); + } + that.$nextTick(() => { + if (that.$refs.configUploadRef) that.$refs.configUploadRef.clearFiles(); + }); }, - methods: - { - handleChange(value) { - console.log(value); - }, - handleRemove(file, fileList) { - log(file, fileList, 2); - }, - handlePictureCardPreview(file) { - let that = this - that.dialogImageUrl = file.url; - that.dialogVisible = true; - }, - uploadSuccess(res, file, fileList) { - let that = this; - // 上传成功 - that.fileList = fileList; - //debugger - if (res.stateCode == 0) { - that.$notify({ - title: '成功', - message: '恭喜你，上传成功', - type: 'success' - }); - // 清空文件列表（关键） - that.$refs.uploadRef.clearFiles(); - } else { - that.$notify.error({ - title: '失败', - message: '上传失败，请重新上传' - }); - } - }, - uploadError() { - let that = this; - that.$notify.error({ - title: '失败', - message: '上传失败，请重新上传' - }); - }, - // 配置抽屉「新建文件」弹框：上传成功后将文件写入 FileManage，并加入当前已选列表、刷新文件列表并勾选新文件 - async configUploadSuccess(res, file, fileList) { - const that = this; - const ok = (res && (res.stateCode === 0 || res.success === true)); - const fileId = res && res.data != null ? res.data : null; - if (ok && fileId != null) { - const id = typeof fileId === 'number' ? fileId : parseInt(fileId, 10); - if (!isNaN(id)) { - that.groupForm.files = that.groupForm.files || []; - that.groupForm.files.push({ id: id, name: file.name || file.fileName || '' }); - } - await that.getFileListData('file'); - that.$nextTick(() => { - const row = that.fileList.find(i => i.id === id); - if (row) that.toggleSelection(that.groupForm.files.map(f => that.fileList.find(i => i.id === f.id)).filter(Boolean)); - }); - that.$notify({ title: '成功', message: '文件已上传至文件管理', type: 'success' }); - } else { - that.$notify.error({ title: '失败', message: (res && res.errorMessage) || '上传失败，请重试' }); - } - that.$nextTick(() => { - if (that.$refs.configUploadRef) that.$refs.configUploadRef.clearFiles(); - }); - }, - configUploadError() { - this.$notify.error({ title: '失败', message: '上传失败，请重新上传' }); - }, - handleDialogFileClose() { - this.configUploadFileList = []; - if (this.$refs.configUploadRef) this.$refs.configUploadRef.clearFiles(); - }, - async getEmbeddingModelList() { - //debugger - let that = this - let param = { - page: that.page.page, - size: that.page.modelCount, - } - await axios.post('/api/Senparc.Xncf.AIKernel/AIModelAppService/Xncf.AIKernel_AIModelAppService.GetPagedListAsync', param) - .then(res => { - console.log(res) - that.embeddingModelData = res.data.data.data; - }) + configUploadError() { + this.$notify.error({ title: '失败', message: '上传失败，请重新上传' }); + }, + handleDialogFileClose() { + this.configUploadFileList = []; + if (this.$refs.configUploadRef) this.$refs.configUploadRef.clearFiles(); + }, + async getEmbeddingModelList() { + //debugger + let that = this + let param = { + page: that.page.page, + size: that.page.modelCount, + } + await axios.post('/api/Senparc.Xncf.AIKernel/AIModelAppService/Xncf.AIKernel_AIModelAppService.GetPagedListAsync', param) + .then(res => { + console.log(res) + that.embeddingModelData = res.data.data.data; + }) - }, - async getVectorDBList() { - let that = this - let param = { - page: that.page.page, - size: that.page.modelCount, - } - await axios.post('/api/Senparc.Xncf.AIKernel/AIVectorAppService/Xncf.AIKernel_AIVectorAppService.GetPagedListAsync', param) - .then(res => { - console.log(res) - that.vectorDBData = res.data.data.data; - }) - }, - async getChatModelList() { - let that = this - let param = { - page: that.page.page, - size: that.page.modelCount, - } - await axios.post('/api/Senparc.Xncf.AIKernel/AIModelAppService/Xncf.AIKernel_AIModelAppService.GetPagedListAsync', param) - .then(res => { - console.log(res) - that.chatModelData = res.data.data.data; - }) - }, - // 获取 文件 数据（支持分页与筛选） - async getFileListData(listType, page) { - const that = this - if (listType === 'file') { - if (page != null) that.fileQueryList.pageIndex = page - } - const queryList = {} + }, + async getVectorDBList() { + let that = this + let param = { + page: that.page.page, + size: that.page.modelCount, + } + await axios.post('/api/Senparc.Xncf.AIKernel/AIVectorAppService/Xncf.AIKernel_AIVectorAppService.GetPagedListAsync', param) + .then(res => { + console.log(res) + that.vectorDBData = res.data.data.data; + }) + }, + async getChatModelList() { + let that = this + let param = { + page: that.page.page, + size: that.page.modelCount, + } + await axios.post('/api/Senparc.Xncf.AIKernel/AIModelAppService/Xncf.AIKernel_AIModelAppService.GetPagedListAsync', param) + .then(res => { + console.log(res) + that.chatModelData = res.data.data.data; + }) + }, + // 获取 文件 数据（支持分页与筛选） + async getFileListData(listType, page) { + const that = this + if (listType === 'file') { + if (page != null) that.fileQueryList.pageIndex = page + } + const queryList = {} + if (listType === 'file') { + Object.assign(queryList, that.fileQueryList) + } + await axios.get(`/api/Senparc.Xncf.FileManager/FileTemplateAppService/Xncf.FileManager_FileTemplateAppService.GetList?${getInterfaceQueryStr(queryList)}`) + .then(res => { + const data = res?.data ?? {} + if (data.success) { + const payload = data?.data ?? {} + const fileData = payload.list ?? [] if (listType === 'file') { - Object.assign(queryList, that.fileQueryList) - } - await axios.get(`/api/Senparc.Xncf.FileManager/FileTemplateAppService/Xncf.FileManager_FileTemplateAppService.GetList?${getInterfaceQueryStr(queryList)}`) - .then(res => { - const data = res?.data ?? {} - if (data.success) { - const payload = data?.data ?? {} - const fileData = payload.list ?? [] - if (listType === 'file') { - that.$set(that, 'fileList', fileData) - that.fileListTotal = payload.totalCount ?? 0 - that.$nextTick(() => { - if (that.visible.drawerGroup && that.groupForm.files.length > 0) { - const filterList = fileData.filter(i => that.groupForm.files.some(item => item.id === i.id)) - that.toggleSelection(filterList) - } - }) - } - } else { - app.$message({ message: data.errorMessage || data.data || 'Error', type: 'error', duration: 5 * 1000 }) - } - }).catch((err) => { - console.log('err', err) - }) - }, - // 配置页文件列表：页码变化（首页/上一页/下一页/尾页/跳转） - handleConfigFilePageChange(page) { - this.fileQueryList.pageIndex = page - this.getFileListData('file') - }, - // 配置页文件列表：每页条数变化 - handleConfigFileSizeChange(size) { - this.fileQueryList.pageSize = size - this.fileQueryList.pageIndex = 1 - this.getFileListData('file') - }, - // 打开配置时：根据当前知识库拉取 KnowledgeBaseItem 关联项，回填文件选中或内容 - async loadConfigKnowledgeBaseItems(knowledgeBaseId) { - const that = this - if (!knowledgeBaseId) { - that.getFileListData('file') - return - } - const url = '/api/Senparc.Xncf.KnowledgeBase/KnowledgeBaseItemAppService/Xncf.KnowledgeBase_KnowledgeBaseItemAppService.GetListByKnowledgeBaseId' - try { - const res = await axios.get(`${url}?knowledgeBaseId=${knowledgeBaseId}`) - const data = res?.data ?? {} - const list = (data.success && data.data) ? (Array.isArray(data.data) ? data.data : []) : [] - if (list.length === 0) { - that.getFileListData('file') - return + that.$set(that, 'fileList', fileData) + that.fileListTotal = payload.totalCount ?? 0 + that.$nextTick(() => { + if (that.visible.drawerGroup && that.groupForm.files.length > 0) { + const filterList = fileData.filter(i => that.groupForm.files.some(item => item.id === i.id)) + that.toggleSelection(filterList) } - const hasFileType = list.some(i => i.contentType === 100 || i.contentType === 200 || i.contentType === 300 || i.contentType === 400) - if (hasFileType) { - const fileNames = [...new Set(list.filter(i => i.fileName).map(i => i.fileName))] - that.groupForm.contentType = 2 - that.groupForm.files = [] - that.fileNamesToSelect = fileNames - that.fileQueryList.pageSize = 9999 - that.fileQueryList.pageIndex = 1 - await that.getFileListData('file') - that.$nextTick(() => { - if (that.fileNamesToSelect.length && that.fileList.length) { - const matched = that.fileList.filter(f => that.fileNamesToSelect.includes(f.fileName)) - that.groupForm.files = matched.map(f => ({ id: f.id, name: f.fileName })) - that.toggleSelection(matched) - } - that.fileNamesToSelect = [] - that.fileQueryList.pageSize = 10 - that.getFileListData('file') - }) - } else { - that.groupForm.contentType = (list.length && list[0].contentType === 0) ? 1 : 1 - that.groupForm.content = list.map(i => i.content).filter(Boolean).join('\n\n') || '' - that.groupForm.files = [] - that.getFileListData('file') - } - } catch (e) { - console.error(e) - that.getFileListData('file') + }) } - }, - // 获取列表 - async getList() { - let that = this - //that.uid = resizeUrl().uid - let { pageIndex, pageSize, keyword, orderField } = that.listQuery; - if (orderField == '' || orderField == undefined) { - orderField = 'AddTime Desc'; - } - if (that.keyword != '' && that.keyword != undefined) { - keyword = that.keyword; + } else { + app.$message({ message: data.errorMessage || data.data || 'Error', type: 'error', duration: 5 * 1000 }) + } + }).catch((err) => { + console.log('err', err) + }) + }, + // 配置页文件列表：页码变化（首页/上一页/下一页/尾页/跳转） + handleConfigFilePageChange(page) { + this.fileQueryList.pageIndex = page + this.getFileListData('file') + }, + // 配置页文件列表：每页条数变化 + handleConfigFileSizeChange(size) { + this.fileQueryList.pageSize = size + this.fileQueryList.pageIndex = 1 + this.getFileListData('file') + }, + // 打开配置时：根据当前知识库拉取 KnowledgeBaseItem 关联项，回填文件选中或内容 + async loadConfigKnowledgeBaseItems(knowledgeBaseId) { + const that = this + if (!knowledgeBaseId) { + that.getFileListData('file') + return + } + const url = '/api/Senparc.Xncf.KnowledgeBase/KnowledgeBaseItemAppService/Xncf.KnowledgeBase_KnowledgeBaseItemAppService.GetListByKnowledgeBaseId' + try { + const res = await axios.get(`${url}?knowledgeBaseId=${knowledgeBaseId}`) + const data = res?.data ?? {} + const list = (data.success && data.data) ? (Array.isArray(data.data) ? data.data : []) : [] + if (list.length === 0) { + that.getFileListData('file') + return + } + const hasFileType = list.some(i => i.contentType === 100 || i.contentType === 200 || i.contentType === 300 || i.contentType === 400) + if (hasFileType) { + const fileNames = [...new Set(list.filter(i => i.fileName).map(i => i.fileName))] + that.groupForm.contentType = 2 + that.groupForm.files = [] + that.fileNamesToSelect = fileNames + that.fileQueryList.pageSize = 9999 + that.fileQueryList.pageIndex = 1 + await that.getFileListData('file') + that.$nextTick(() => { + if (that.fileNamesToSelect.length && that.fileList.length) { + const matched = that.fileList.filter(f => that.fileNamesToSelect.includes(f.fileName)) + that.groupForm.files = matched.map(f => ({ id: f.id, name: f.fileName })) + that.toggleSelection(matched) } + that.fileNamesToSelect = [] + that.fileQueryList.pageSize = 10 + that.getFileListData('file') + }) + } else { + that.groupForm.contentType = (list.length && list[0].contentType === 0) ? 1 : 1 + that.groupForm.content = list.map(i => i.content).filter(Boolean).join('\n\n') || '' + that.groupForm.files = [] + that.getFileListData('file') + } + } catch (e) { + console.error(e) + that.getFileListData('file') + } + }, + // 获取列表 + async getList() { + let that = this + //that.uid = resizeUrl().uid + let { pageIndex, pageSize, keyword, orderField } = that.listQuery; + if (orderField == '' || orderField == undefined) { + orderField = 'AddTime Desc'; + } + if (that.keyword != '' && that.keyword != undefined) { + keyword = that.keyword; + } + debugger + await service.get(`/Admin/KnowledgeBase/Index?handler=KnowledgeBases&pageIndex=${pageIndex}&pageSize=${pageSize}&keyword=${keyword}&orderField=${orderField}`).then(res => {// 使用 map 转换为目标格式的对象数组 + that.filterTableHeader.embeddingModelId = res.data.data.list.map(z => ({ + text: z.embeddingModelId, + value: z.embeddingModelId + })); + that.filterTableHeader.vectorDBId = res.data.data.list.map(z => ({ + text: z.vectorDBId, + value: z.vectorDBId + })); + that.filterTableHeader.chatModelId = res.data.data.list.map(z => ({ + text: z.chatModelId, + value: z.chatModelId + })); + that.filterTableHeader.name = res.data.data.list.map(z => ({ + text: z.name, + value: z.name + })); + that.filterTableHeader.content = res.data.data.list.map(z => ({ + text: z.content, + value: z.content + })); - await service.get(`/Admin/KnowledgeBase/Index?handler=KnowledgeBases&pageIndex=${pageIndex}&pageSize=${pageSize}&keyword=${keyword}&orderField=${orderField}`).then(res => {// 使用 map 转换为目标格式的对象数组 - that.filterTableHeader.embeddingModelId = res.data.data.list.map(z => ({ - text: z.embeddingModelId, - value: z.embeddingModelId - })); - that.filterTableHeader.vectorDBId = res.data.data.list.map(z => ({ - text: z.vectorDBId, - value: z.vectorDBId - })); - that.filterTableHeader.chatModelId = res.data.data.list.map(z => ({ - text: z.chatModelId, - value: z.chatModelId - })); - that.filterTableHeader.name = res.data.data.list.map(z => ({ - text: z.name, - value: z.name - })); - that.filterTableHeader.content = res.data.data.list.map(z => ({ - text: z.content, - value: z.content - })); - - that.tableData = res.data.data.list; - that.paginationQuery.total = res.data.data.totalCount; - }); - }, - async getCategoryList() { - let that = this - //获取分类列表数据 - await service.get('/Admin/KnowledgeBase/Index?handler=KnowledgeBasesCategory').then(res => { - that.categoryData = res.data.data.list; - log('categoryData', res, 2); - }); - }, - // 编辑 // 新增知识库管理（文件在配置中上传，此处不再使用文件列表） - handleEdit(index, row, flag) { - let that = this; - that.dialog.visible = false; - that.$nextTick(() => { - that.dialog.visible = true; - }); + that.tableData = res.data.data.list; + that.paginationQuery.total = res.data.data.totalCount; + }); + }, + async getCategoryList() { + let that = this + //获取分类列表数据 + await service.get('/Admin/KnowledgeBase/Index?handler=KnowledgeBasesCategory').then(res => { + that.categoryData = res.data.data.list; + log('categoryData', res, 2); + }); + }, + // 编辑 // 新增知识库管理（文件在配置中上传，此处不再使用文件列表） + handleEdit(index, row, flag) { + let that = this; + that.dialog.visible = false; + that.$nextTick(() => { + that.dialog.visible = true; + }); - if (flag === 'add') { - // 新增 - 初始化空数据 - that.dialog.title = '新增知识库管理'; - that.dialog.data = { - id: 0, - embeddingModelId: 0, - vectorDBId: 0, - chatModelId: 0, - name: '', - content: '' - }; - that.selectDefaultEmbeddingModel = []; - that.selectDefaultVectorDB = []; - that.selectDefaultChatModel = []; - that.dialogImageUrl = ''; - return; - } + if (flag === 'add') { + // 新增 - 初始化空数据 + that.dialog.title = '新增知识库管理'; + that.dialog.data = { + id: 0, + embeddingModelId: 0, + vectorDBId: 0, + chatModelId: 0, + name: '', + content: '' + }; + that.selectDefaultEmbeddingModel = []; + that.selectDefaultVectorDB = []; + that.selectDefaultChatModel = []; + that.dialogImageUrl = ''; + return; + } - // 编辑 - 使用现有数据 - let { id, embeddingModelId, vectorDBId, chatModelId, name, content } = row; - that.dialog.data = { - id: id || 0, - embeddingModelId: embeddingModelId || 0, - vectorDBId: vectorDBId || 0, - chatModelId: chatModelId || 0, - name: name || '', - content: content || '' - }; + // 编辑 - 使用现有数据 + let { id, embeddingModelId, vectorDBId, chatModelId, name, content } = row; + that.dialog.data = { + id: id || 0, + embeddingModelId: embeddingModelId || 0, + vectorDBId: vectorDBId || 0, + chatModelId: chatModelId || 0, + name: name || '', + content: content || '' + }; - // 设置下拉框默认值 - if (that.dialog.data.embeddingModelId) { - that.selectDefaultEmbeddingModel = [parseInt(that.dialog.data.embeddingModelId)]; - } - if (that.dialog.data.vectorDBId) { - that.selectDefaultVectorDB = [parseInt(that.dialog.data.vectorDBId)]; - } - if (that.dialog.data.chatModelId) { - that.selectDefaultChatModel = [parseInt(that.dialog.data.chatModelId)]; - } + // 设置下拉框默认值 + if (that.dialog.data.embeddingModelId) { + that.selectDefaultEmbeddingModel = [parseInt(that.dialog.data.embeddingModelId)]; + } + if (that.dialog.data.vectorDBId) { + that.selectDefaultVectorDB = [parseInt(that.dialog.data.vectorDBId)]; + } + if (that.dialog.data.chatModelId) { + that.selectDefaultChatModel = [parseInt(that.dialog.data.chatModelId)]; + } - if (flag === 'edit') { - that.dialog.title = '编辑知识库管理'; - } - }, - // 设置父级菜单默认显示 递归 - recursionFunc(row, source, dest) { - if (row.chatModelId === null) { - return; - } - for (let i in source) { - let ele = source[i]; - if (row.chatModelId === ele.id) { - this.recursionFunc(ele, this.chatModelData, dest); - dest.push(ele.id); - } - else { - this.recursionFunc(row, ele.children, dest); - } - } - }, - // 保存 submitForm 数据（配置抽屉确认：内容类型为文件时导入选中文件，否则不校验文件） - async saveSubmitFormData(saveType, serviceForm = {}) { - const that = this; - if (saveType === 'drawerGroup') { - const contentType = serviceForm.contentType; - const isFileType = contentType === 2; // 2=文件 + if (flag === 'edit') { + that.dialog.title = '编辑知识库管理'; + } + }, + // 设置父级菜单默认显示 递归 + recursionFunc(row, source, dest) { + if (row.chatModelId === null) { + return; + } + for (let i in source) { + let ele = source[i]; + if (row.chatModelId === ele.id) { + this.recursionFunc(ele, this.chatModelData, dest); + dest.push(ele.id); + } + else { + this.recursionFunc(row, ele.children, dest); + } + } + }, + // 保存 submitForm 数据（配置抽屉确认：内容类型为文件时导入选中文件，否则不校验文件） + async saveSubmitFormData(saveType, serviceForm = {}) { + const that = this; + if (saveType === 'drawerGroup') { + const contentType = serviceForm.contentType; + const isFileType = contentType === 2; // 2=文件 - if (isFileType) { - const serviceURL = '/api/Senparc.Xncf.KnowledgeBase/KnowledgeBaseAppService/Xncf.KnowledgeBase_KnowledgeBaseAppService.ImportFilesToKnowledgeBase'; - const selectedFiles = serviceForm.files || []; - const fileIds = selectedFiles.map(f => (typeof f.id === 'number' ? f.id : parseInt(f.id, 10))).filter(id => !isNaN(id)); + if (isFileType) { + const serviceURL = '/api/Senparc.Xncf.KnowledgeBase/KnowledgeBaseAppService/Xncf.KnowledgeBase_KnowledgeBaseAppService.ImportFilesToKnowledgeBase'; + const selectedFiles = serviceForm.files || []; + const fileIds = selectedFiles.map(f => (typeof f.id === 'number' ? f.id : parseInt(f.id, 10))).filter(id => !isNaN(id)); - if (fileIds.length === 0) { - that.$notify({ title: '提示', message: '请至少选择一个文件后再保存', type: 'warning', duration: 2000 }); - return; - } + if (fileIds.length === 0) { + that.$notify({ title: '提示', message: '请至少选择一个文件后再保存', type: 'warning', duration: 2000 }); + return; + } - const requestData = { - knowledgeBaseId: parseInt(serviceForm.knowledgeBasesId, 10), - fileIds: fileIds - }; + const requestData = { + knowledgeBaseId: parseInt(serviceForm.knowledgeBasesId, 10), + fileIds: fileIds + }; - try { - const res = await service.post(serviceURL, requestData); - const success = res && (res.data === true || (res.data && (res.data.success === true || res.data.data === true))); - if (success) { - that.$notify({ title: '成功', message: '文件已关联到知识库并写入条目', type: 'success', duration: 2000 }); - that.visible.drawerGroup = false; - that.getList(); - } else { - that.$notify({ title: '失败', message: (res && res.message) || (res && res.data && res.data.errorMessage) || '文件导入失败', type: 'error', duration: 3000 }); - } - } catch (err) { - console.error('Request Error:', err); - that.$notify({ title: '错误', message: '文件导入失败: ' + (err.message || err), type: 'error', duration: 3000 }); - } - } else { - // 内容类型为「输入」或「采集外部数据」时，不校验文件，直接关闭 - that.$notify({ title: '成功', message: '已保存', type: 'success', duration: 2000 }); - that.visible.drawerGroup = false; - } - } - }, - selectEmbeddingModel() { - let that = this - for (let i = 0; i < that.embeddingModelData.length; i++) { - if (that.selectDefaultEmbeddingModel[0] == that.embeddingModelData[i].id) { - that.dialog.data.embeddingModelId = that.embeddingModelData[i].id; - //that.dialog.data.columnName = that.devicesData[i].name; - } - } - }, - selectVectorDB() { - let that = this - for (let i = 0; i < that.vectorDBData.length; i++) { - if (that.selectDefaultVectorDB[0] == that.vectorDBData[i].id) { - that.dialog.data.vectorDBId = that.vectorDBData[i].id; - //that.dialog.data.columnName = that.devicesData[i].name; - } + try { + const res = await service.post(serviceURL, requestData); + const success = res && (res.data === true || (res.data && (res.data.success === true || res.data.data === true))); + if (success) { + that.$notify({ title: '成功', message: '文件已关联到知识库并写入条目', type: 'success', duration: 2000 }); + that.visible.drawerGroup = false; + that.getList(); + } else { + that.$notify({ title: '失败', message: (res && res.message) || (res && res.data && res.data.errorMessage) || '文件导入失败', type: 'error', duration: 3000 }); } - }, - selectChatModel() { - let that = this - for (let i = 0; i < that.chatModelData.length; i++) { - if (that.selectDefaultChatModel[0] == that.chatModelData[i].id) { - that.dialog.data.chatModelId = that.chatModelData[i].id; - //that.dialog.data.columnName = that.devicesData[i].name; - } + } catch (err) { + console.error('Request Error:', err); + that.$notify({ title: '错误', message: '文件导入失败: ' + (err.message || err), type: 'error', duration: 3000 }); + } + } else { + // 内容类型为「输入」或「采集外部数据」时，不校验文件，直接关闭 + that.$notify({ title: '成功', message: '已保存', type: 'success', duration: 2000 }); + that.visible.drawerGroup = false; + } + } + }, + selectEmbeddingModel() { + let that = this + for (let i = 0; i < that.embeddingModelData.length; i++) { + if (that.selectDefaultEmbeddingModel[0] == that.embeddingModelData[i].id) { + that.dialog.data.embeddingModelId = that.embeddingModelData[i].id; + //that.dialog.data.columnName = that.devicesData[i].name; + } + } + }, + selectVectorDB() { + let that = this + for (let i = 0; i < that.vectorDBData.length; i++) { + if (that.selectDefaultVectorDB[0] == that.vectorDBData[i].id) { + that.dialog.data.vectorDBId = that.vectorDBData[i].id; + //that.dialog.data.columnName = that.devicesData[i].name; + } + } + }, + selectChatModel() { + let that = this + for (let i = 0; i < that.chatModelData.length; i++) { + if (that.selectDefaultChatModel[0] == that.chatModelData[i].id) { + that.dialog.data.chatModelId = that.chatModelData[i].id; + //that.dialog.data.columnName = that.devicesData[i].name; + } + } + }, + // 更新新增、编辑（文件改为在「配置」中上传并关联，此处不再传文件） + updateData() { + let that = this; + that.dialog.updateLoading = true; + that.$refs['dataForm'].validate(valid => { + if (valid) { + let data = { + id: that.dialog.data.id || 0, + embeddingModelId: parseInt(that.dialog.data.embeddingModelId) || 0, + vectorDBId: parseInt(that.dialog.data.vectorDBId) || 0, + chatModelId: parseInt(that.dialog.data.chatModelId) || 0, + name: that.dialog.data.name, + content: that.dialog.data.content || '', + NcfFileIds: [] + }; + console.log('保存知识库数据：' + JSON.stringify(data)); + service.post("/Admin/KnowledgeBase/Edit?handler=Save", data).then(res => { + console.log('保存响应：', res); + debugger + // res.data 是后端返回的对象：{success: true, data: true, msg: "保存成功"} + if (res.data && res.data.data.success && res.data.data.data === true) { + that.getList(); + that.$notify({ + title: "成功", + message: res.data.msg || "知识库保存成功", + type: "success", + duration: 2000 + }); + that.dialog.visible = false; + that.dialog.updateLoading = false; + } else { + that.$notify({ + title: "失败", + message: (res.data && res.data.msg) || "保存失败，请检查数据", + type: "error", + duration: 3000 + }); + that.dialog.updateLoading = false; } - }, - // 更新新增、编辑（文件改为在「配置」中上传并关联，此处不再传文件） - updateData() { - let that = this; - that.dialog.updateLoading = true; - that.$refs['dataForm'].validate(valid => { - if (valid) { - let data = { - id: that.dialog.data.id || 0, - embeddingModelId: parseInt(that.dialog.data.embeddingModelId) || 0, - vectorDBId: parseInt(that.dialog.data.vectorDBId) || 0, - chatModelId: parseInt(that.dialog.data.chatModelId) || 0, - name: that.dialog.data.name, - content: that.dialog.data.content || '', - NcfFileIds: [] - }; - console.log('保存知识库数据：' + JSON.stringify(data)); - service.post("/Admin/KnowledgeBase/Edit?handler=Save", data).then(res => { - console.log('保存响应：', res); - debugger - // res.data 是后端返回的对象：{success: true, data: true, msg: "保存成功"} - if (res.data && res.data.data.success && res.data.data.data === true) { - that.getList(); - that.$notify({ - title: "成功", - message: res.data.msg || "知识库保存成功", - type: "success", - duration: 2000 - }); - that.dialog.visible = false; - that.dialog.updateLoading = false; - } else { - that.$notify({ - title: "失败", - message: (res.data && res.data.msg) || "保存失败，请检查数据", - type: "error", - duration: 3000 - }); - that.dialog.updateLoading = false; - } - }).catch(err => { - console.error('保存错误：', err); - that.$notify({ - title: "错误", - message: "保存出错：" + (err.message || err), - type: "error", - duration: 3000 - }); - that.dialog.updateLoading = false; - }); - } + }).catch(err => { + console.error('保存错误：', err); + that.$notify({ + title: "错误", + message: "保存出错：" + (err.message || err), + type: "error", + duration: 3000 }); - }, - // 删除 - handleDelete(index, row) { - let that = this - let ids = [row.id]; - service.post("/Admin/KnowledgeBase/edit?handler=Delete", ids).then(res => { - if (res.data.success) { - that.getList(); - that.$notify({ - title: "Success", - message: "删除成功", - type: "success", - duration: 2000 - }); - } - }); - }, - handleSelectionChange(val) { - let that = this - that.multipleSelection = val; - console.log(`that.multipleSelection----${JSON.stringify(that.multipleSelection)}`); - if (that.multipleSelection.length == 1) { - //that.newsId = that.multipleSelection[0].id; - //that.dialogVote.data.newsId = that.multipleSelection[0].id; - //console.log(`that.newsId----${that.newsId}`); - } - }, - // 配置抽屉内「文件列表」表格勾选变化：同步到 groupForm.files，保存时用于关联知识库 - handleConfigFileSelectionChange(val) { - this.groupForm.files = (val || []).map(r => ({ - id: r.id, - name: r.fileName != null ? r.fileName : (r.name || '') - })); - }, - handleDbClick(row, column, event) { - let that = this - //that.multipleSelection = val; - console.log(`row----${JSON.stringify(row)}`); - console.log(`column----${JSON.stringify(column)}`); - console.log(`event----${JSON.stringify(event)}`); - //if (that.multipleSelection.length == 1) { - // //that.newsId = that.multipleSelection[0].id; - // //that.dialogVote.data.newsId = that.multipleSelection[0].id; - // //console.log(`that.newsId----${that.newsId}`); - //} - that.detailDialog.visible = true; - }, - // 筛选输入变化 - handleFilterChange(value, filterType) { - console.log('handleFilterChange', filterType, value) - if (filterType === 'groupAgent') { - this.groupAgentQueryList.filter = value - this.getAgentListData('groupAgent', 1) - } - }, - // 配置页文件列表：按文件名称搜索（调用接口过滤，并回到第一页） - handleConfigFileSearch() { - this.fileQueryList.pageIndex = 1 - this.getFileListData('file') - }, - // 配置页文件列表：删除文件（删除数据库与物理文件，并刷新列表与已选） - handleConfigFileDelete(row) { - const that = this - that.$confirm(`确认删除文件「${row.fileName || row.name}」吗？删除后数据库与物理文件均会移除。`, '删除确认', { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning' - }).then(() => { - that.doDeleteFileById(row.id).then(ok => { - if (ok) { - that.groupForm.files = (that.groupForm.files || []).filter(f => f.id !== row.id) - that.getFileListData('file') - } - }) - }).catch(() => {}) - }, - // 配置页文件列表：批量删除（删除当前选中的多行，并同步数据库与物理文件） - handleConfigFileBatchDelete() { - const that = this - const selected = (that.groupForm.files || []).slice() - if (selected.length === 0) { - that.$message.warning('请先勾选需要删除的文件') - return - } - that.$confirm(`确认删除已选中的 ${selected.length} 个文件吗？删除后数据库与物理文件均会移除。`, '批量删除确认', { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning' - }).then(() => { - const deleteUrl = '/api/Senparc.Xncf.FileManager/FileTemplateAppService/Xncf.FileManager_FileTemplateAppService.DeleteFile' - const promises = selected.map(f => service.post(deleteUrl, { id: f.id }).then(res => { - const ok = res && (res.data === true || (res.data && (res.data.success === true || res.data.data === true))) - return !!ok - }).catch(() => false)) - Promise.all(promises).then(results => { - const successCount = results.filter(Boolean).length - that.groupForm.files = [] - that.getFileListData('file') - that.$notify({ - title: successCount === selected.length ? '成功' : '部分完成', - message: `已删除 ${successCount}/${selected.length} 个文件`, - type: successCount === selected.length ? 'success' : 'warning' - }) - }) - }).catch(() => {}) - }, - doDeleteFileById(id) { - const url = '/api/Senparc.Xncf.FileManager/FileTemplateAppService/Xncf.FileManager_FileTemplateAppService.DeleteFile' - return service.post(url, { id: id }).then(res => { - const ok = res && (res.data === true || (res.data && (res.data.success === true || res.data.data === true))) - if (ok) this.$notify({ title: '成功', message: '文件已删除', type: 'success' }) - else this.$notify({ title: '失败', message: (res && res.data && res.data.errorMessage) || '删除失败', type: 'error' }) - return ok - }).catch(err => { - this.$notify({ title: '错误', message: '删除失败: ' + (err.message || err), type: 'error' }) - return false - }) - }, - getCurrentRow(row) { - let that = this - //获取选中数据 - //that.templateSelection = row; - that.multipleSelection = row; - log('multipleSelection', row, 2) - //that.newsId = that.multipleSelection.id; - //that.dialogVote.data.newsId = that.multipleSelection.id; - }, - filterTag(value, row) { - return row.tag === value; - }, - filterHandler(value, row, column) { - const property = column['property']; - return row[property] === value; - }, - handleSearch() { - let that = this - that.getList(); - }, - resetCondition() { - let that = this - that.keyword = ''; - }, - setRecommendFormat(row, column, cellValue, index) { - if (cellValue) { - return "Y"; - } - return "N"; - }, - setBodyFormat(row, column, cellValue, index) { - if (cellValue == undefined) { - return '-'; - } - else { - return cellValue.substring(0, 16); - } - }, - - setContentFormat(row, column, cellValue, index) { - if (cellValue == undefined) { - return '-'; - } - else { - return cellValue.replace(/<[^>]+>/gim, '').replace(/\[(\w+)[^\]]*](.*?)\[\/\1]/g, '$2 ').substring(0, 16); - } - }, - handleClick() { + that.dialog.updateLoading = false; + }); + } + }); + }, + // 删除 + handleDelete(index, row) { + let that = this + let ids = [row.id]; + service.post("/Admin/KnowledgeBase/edit?handler=Delete", ids).then(res => { + if (res.data.success) { + that.getList(); + that.$notify({ + title: "Success", + message: "删除成功", + type: "success", + duration: 2000 + }); + } + }); + }, + handleSelectionChange(val) { + let that = this + that.multipleSelection = val; + console.log(`that.multipleSelection----${JSON.stringify(that.multipleSelection)}`); + if (that.multipleSelection.length == 1) { + //that.newsId = that.multipleSelection[0].id; + //that.dialogVote.data.newsId = that.multipleSelection[0].id; + //console.log(`that.newsId----${that.newsId}`); + } + }, + // 配置抽屉内「文件列表」表格勾选变化：同步到 groupForm.files，保存时用于关联知识库 + handleConfigFileSelectionChange(val) { + this.groupForm.files = (val || []).map(r => ({ + id: r.id, + name: r.fileName != null ? r.fileName : (r.name || '') + })); + }, + handleDbClick(row, column, event) { + let that = this + //that.multipleSelection = val; + console.log(`row----${JSON.stringify(row)}`); + console.log(`column----${JSON.stringify(column)}`); + console.log(`event----${JSON.stringify(event)}`); + //if (that.multipleSelection.length == 1) { + // //that.newsId = that.multipleSelection[0].id; + // //that.dialogVote.data.newsId = that.multipleSelection[0].id; + // //console.log(`that.newsId----${that.newsId}`); + //} + that.detailDialog.visible = true; + }, + // 筛选输入变化 + handleFilterChange(value, filterType) { + console.log('handleFilterChange', filterType, value) + if (filterType === 'groupAgent') { + this.groupAgentQueryList.filter = value + this.getAgentListData('groupAgent', 1) + } + }, + // 配置页文件列表：按文件名称搜索（调用接口过滤，并回到第一页） + handleConfigFileSearch() { + this.fileQueryList.pageIndex = 1 + this.getFileListData('file') + }, + // 配置页文件列表：删除文件（删除数据库与物理文件，并刷新列表与已选） + handleConfigFileDelete(row) { + const that = this + that.$confirm(`确认删除文件「${row.fileName || row.name}」吗？删除后数据库与物理文件均会移除。`, '删除确认', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning' + }).then(() => { + that.doDeleteFileById(row.id).then(ok => { + if (ok) { + that.groupForm.files = (that.groupForm.files || []).filter(f => f.id !== row.id) + that.getFileListData('file') + } + }) + }).catch(() => { }) + }, + // 配置页文件列表：批量删除（删除当前选中的多行，并同步数据库与物理文件） + handleConfigFileBatchDelete() { + const that = this + const selected = (that.groupForm.files || []).slice() + if (selected.length === 0) { + that.$message.warning('请先勾选需要删除的文件') + return + } + that.$confirm(`确认删除已选中的 ${selected.length} 个文件吗？删除后数据库与物理文件均会移除。`, '批量删除确认', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning' + }).then(() => { + const deleteUrl = '/api/Senparc.Xncf.FileManager/FileTemplateAppService/Xncf.FileManager_FileTemplateAppService.DeleteFile' + const promises = selected.map(f => service.post(deleteUrl, { id: f.id }).then(res => { + const ok = res && (res.data === true || (res.data && (res.data.success === true || res.data.data === true))) + return !!ok + }).catch(() => false)) + Promise.all(promises).then(results => { + const successCount = results.filter(Boolean).length + that.groupForm.files = [] + that.getFileListData('file') + that.$notify({ + title: successCount === selected.length ? '成功' : '部分完成', + message: `已删除 ${successCount}/${selected.length} 个文件`, + type: successCount === selected.length ? 'success' : 'warning' + }) + }) + }).catch(() => { }) + }, + doDeleteFileById(id) { + const url = '/api/Senparc.Xncf.FileManager/FileTemplateAppService/Xncf.FileManager_FileTemplateAppService.DeleteFile' + return service.post(url, { id: id }).then(res => { + const ok = res && (res.data === true || (res.data && (res.data.success === true || res.data.data === true))) + if (ok) this.$notify({ title: '成功', message: '文件已删除', type: 'success' }) + else this.$notify({ title: '失败', message: (res && res.data && res.data.errorMessage) || '删除失败', type: 'error' }) + return ok + }).catch(err => { + this.$notify({ title: '错误', message: '删除失败: ' + (err.message || err), type: 'error' }) + return false + }) + }, + getCurrentRow(row) { + let that = this + //获取选中数据 + //that.templateSelection = row; + that.multipleSelection = row; + log('multipleSelection', row, 2) + //that.newsId = that.multipleSelection.id; + //that.dialogVote.data.newsId = that.multipleSelection.id; + }, + filterTag(value, row) { + return row.tag === value; + }, + filterHandler(value, row, column) { + const property = column['property']; + return row[property] === value; + }, + handleSearch() { + let that = this; + that.listQuery.keyword = that.keyword || ''; + that.listQuery.pageIndex = 1; + that.getList(); + }, + resetCondition() { + let that = this; + that.keyword = ''; + that.listQuery.keyword = ''; + that.listQuery.pageIndex = 1; + that.getList(); + }, + handlePageSizeChange(val) { + this.listQuery.pageSize = val; + this.listQuery.pageIndex = 1; + this.getList(); + }, + handlePageChange(val) { + this.listQuery.pageIndex = val; + this.getList(); + }, + setRecommendFormat(row, column, cellValue, index) { + if (cellValue) { + return "Y"; + } + return "N"; + }, + setBodyFormat(row, column, cellValue, index) { + if (cellValue == undefined) { + return '-'; + } + else { + return cellValue.substring(0, 16); + } + }, - }, - onSubmit() { - console.log('submit!'); - }, - handleEmbeddingBtn(btnType, item) { - const that = this; - if (btnType === 'embedding') { - this.$confirm(`确认对知识库 "${item.name}" 进行向量化处理吗？`, '向量化确认', { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning' - }).then(() => { - that.embeddingProgressPercent = 0; - that.embeddingProgressStatus = ''; - that.embeddingProgressText = '正在准备...'; - that.visible.embeddingProgress = true; + setContentFormat(row, column, cellValue, index) { + if (cellValue == undefined) { + return '-'; + } + else { + return cellValue.replace(/<[^>]+>/gim, '').replace(/\[(\w+)[^\]]*](.*?)\[\/\1]/g, '$2 ').substring(0, 16); + } + }, + handleClick() { - var progressVal = 0; - that._embeddingTimer = setInterval(function () { - progressVal += Math.random() * 8 + 4; - if (progressVal > 90) progressVal = 90; - that.embeddingProgressPercent = Math.floor(progressVal); - that.embeddingProgressText = '正在向量化处理中... ' + that.embeddingProgressPercent + '%'; - }, 400); + }, + onSubmit() { + console.log('submit!'); + }, + handleEmbeddingBtn(btnType, item) { + const that = this; + if (btnType === 'embedding') { + this.$confirm(`确认对知识库 "${item.name}" 进行向量化处理吗？`, '向量化确认', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning' + }).then(() => { + that.embeddingProgressPercent = 0; + that.embeddingProgressStatus = ''; + that.embeddingProgressText = '正在准备...'; + that.visible.embeddingProgress = true; - const serviceURL = '/api/Senparc.Xncf.KnowledgeBase/KnowledgeBaseAppService/Xncf.KnowledgeBase_KnowledgeBaseAppService.EmbeddingKnowledgeBase'; - const dataTemp = { id: item?.id ?? '' }; + var progressVal = 0; + that._embeddingTimer = setInterval(function () { + progressVal += Math.random() * 8 + 4; + if (progressVal > 90) progressVal = 90; + that.embeddingProgressPercent = Math.floor(progressVal); + that.embeddingProgressText = '正在向量化处理中... ' + that.embeddingProgressPercent + '%'; + }, 400); - service.post(serviceURL, dataTemp).then(res => { - if (that._embeddingTimer) { - clearInterval(that._embeddingTimer); - that._embeddingTimer = null; - } - that.embeddingProgressPercent = 100; - that.embeddingProgressStatus = 'success'; - that.embeddingProgressText = '向量化完成'; + const serviceURL = '/api/Senparc.Xncf.KnowledgeBase/KnowledgeBaseAppService/Xncf.KnowledgeBase_KnowledgeBaseAppService.EmbeddingKnowledgeBase'; + const dataTemp = { id: item?.id ?? '' }; - var body = res && res.data; - var success = body && (body.success === true); - var resultMessage = (body && body.data != null) ? (typeof body.data === 'string' ? body.data : (body.data.data != null ? body.data.data : '')) : ''; - if (success && resultMessage) { - setTimeout(function () { - that.visible.embeddingProgress = false; - that.embeddingResultText = resultMessage; - that.visible.embeddingResult = true; - }, 400); - } else if (success) { - setTimeout(function () { - that.visible.embeddingProgress = false; - that.embeddingResultText = '知识库「' + (item.name || '') + '」向量化已完成。'; - that.visible.embeddingResult = true; - }, 400); - } else { - that.embeddingProgressStatus = 'exception'; - that.embeddingProgressText = (res && res.errorMessage) || (res && res.message) || '向量化失败'; - setTimeout(function () { - that.visible.embeddingProgress = false; - that.$notify({ title: '向量化失败', message: that.embeddingProgressText, type: 'error', duration: 5000 }); - }, 800); - } - }).catch(err => { - if (that._embeddingTimer) { - clearInterval(that._embeddingTimer); - that._embeddingTimer = null; - } - that.embeddingProgressStatus = 'exception'; - that.embeddingProgressPercent = Math.max(that.embeddingProgressPercent, 50); - that.embeddingProgressText = '处理出错：' + (err.message || err); - setTimeout(function () { - that.visible.embeddingProgress = false; - that.$notify({ - title: '错误', - message: err.message || '向量化处理出错，请检查配置', - type: 'error', - duration: 5000 - }); - }, 800); - }); - }).catch(function () {}); + service.post(serviceURL, dataTemp).then(res => { + if (that._embeddingTimer) { + clearInterval(that._embeddingTimer); + that._embeddingTimer = null; } - }, - // Dailog|抽屉 打开 按钮 - handleElVisibleOpenBtn(btnType, item) { - const that = this - let visibleKey = btnType - if (btnType === 'drawerGroup') { - visibleKey = 'drawerGroup' - that.groupForm.knowledgeBasesId = item?.id ?? '' - that.fileQueryList.pageIndex = 1 - that.fileNamesToSelect = [] - that.visible[visibleKey] = true - that.loadConfigKnowledgeBaseItems(item?.id) - return + that.embeddingProgressPercent = 100; + that.embeddingProgressStatus = 'success'; + that.embeddingProgressText = '向量化完成'; + + var body = res && res.data; + var success = body && (body.success === true); + var resultMessage = (body && body.data != null) ? (typeof body.data === 'string' ? body.data : (body.data.data != null ? body.data.data : '')) : ''; + if (success && resultMessage) { + setTimeout(function () { + that.visible.embeddingProgress = false; + that.embeddingResultText = resultMessage; + that.visible.embeddingResult = true; + }, 400); + } else if (success) { + setTimeout(function () { + that.visible.embeddingProgress = false; + that.embeddingResultText = '知识库「' + (item.name || '') + '」向量化已完成。'; + that.visible.embeddingResult = true; + }, 400); + } else { + that.embeddingProgressStatus = 'exception'; + that.embeddingProgressText = (res && res.errorMessage) || (res && res.message) || '向量化失败'; + setTimeout(function () { + that.visible.embeddingProgress = false; + that.$notify({ title: '向量化失败', message: that.embeddingProgressText, type: 'error', duration: 5000 }); + }, 800); } - if (btnType === 'dialogFile') { - visibleKey = 'dialogFile' + }).catch(err => { + if (that._embeddingTimer) { + clearInterval(that._embeddingTimer); + that._embeddingTimer = null; } - this.visible[visibleKey] = true - }, - // Dailog|抽屉 关闭 按钮 - handleElVisibleClose(btnType) { - // drawerAgent dialogGroupAgent drawerGroup drawerGroupStart - this.$confirm('确认关闭？') - .then(_ => { - let refName = '', formName = '' - // 组 - if (btnType === 'drawerGroup') { - refName = 'groupELForm' - formName = 'groupForm' - this.visible[btnType] = false + that.embeddingProgressStatus = 'exception'; + that.embeddingProgressPercent = Math.max(that.embeddingProgressPercent, 50); + that.embeddingProgressText = '处理出错：' + (err.message || err); + setTimeout(function () { + that.visible.embeddingProgress = false; + that.$notify({ + title: '错误', + message: err.message || '向量化处理出错，请检查配置', + type: 'error', + duration: 5000 + }); + }, 800); + }); + }).catch(function () { }); + } + }, + // Dailog|抽屉 打开 按钮 + handleElVisibleOpenBtn(btnType, item) { + const that = this + let visibleKey = btnType + if (btnType === 'drawerGroup') { + visibleKey = 'drawerGroup' + that.groupForm.knowledgeBasesId = item?.id ?? '' + that.fileQueryList.pageIndex = 1 + that.fileNamesToSelect = [] + that.visible[visibleKey] = true + that.loadConfigKnowledgeBaseItems(item?.id) + return + } + if (btnType === 'dialogFile') { + visibleKey = 'dialogFile' + } + this.visible[visibleKey] = true + }, + // Dailog|抽屉 关闭 按钮 + handleElVisibleClose(btnType) { + // drawerAgent dialogGroupAgent drawerGroup drawerGroupStart + this.$confirm('确认关闭？') + .then(_ => { + let refName = '', formName = '' + // 组 + if (btnType === 'drawerGroup') { + refName = 'groupELForm' + formName = 'groupForm' + this.visible[btnType] = false - //// 重置 组获取智能体query - //this.$set(this, 'groupAgentQueryList', this.$options.data().groupAgentQueryList) - //this.groupAgentList = [] - } + //// 重置 组获取智能体query + //this.$set(this, 'groupAgentQueryList', this.$options.data().groupAgentQueryList) + //this.groupAgentList = [] + } - if (formName) { - this.$set(this, `${formName}`, this.$options.data()[formName]) - // Object.assign(this[formName],this.$options.data()[formName]) - } - if (refName) { - this.$refs[refName].resetFields(); - } - this.$nextTick(() => { - this.visible[btnType] = false - }) - // 清理 Function Calls 数据 - if (['drawerAgent', 'dialogGroupAgent'].includes(btnType)) { - this.functionCallTags = [] - this.functionCallInputVisible = false - this.functionCallInputValue = '' - } - }) - .catch(_ => { }); - }, - // Dailog|抽屉 提交 按钮 - handleElVisibleSubmit(btnType) { - // drawerAgent dialogGroupAgent drawerGroup drawerGroupStart - let refName = '', formName = '' - // 组 - if (btnType === 'drawerGroup') { - refName = 'groupELForm' - formName = 'groupForm' - } - if (!refName) return - this.$refs[refName].validate((valid) => { - if (valid) { - //debugger - const submitForm = this[formName] ?? {} - //提交数据给后端 - this.saveSubmitFormData(btnType, submitForm) - //debugger - // this.visible[btnType] = false - } else { - console.log('error submit!!'); - return false; - } - }); - }, - // 配置抽屉「已选择」文件列表中移除某一项，并同步表格勾选 - groupMembersCancel(item, index) { - this.groupForm.files.splice(index, 1); - this.$nextTick(() => { - const tbl = this.$refs.groupAgentTable; - if (!tbl) return; - tbl.clearSelection(); - this.groupForm.files.forEach(f => { - const row = this.fileList.find(i => i.id === f.id); - if (row) tbl.toggleRowSelection(row, true); - }); - }); - }, - // 编辑 Dailog|抽屉 按钮 - async handleEditDrawerOpenBtn(btnType, item) { - // drawerAgent dialogGroupAgent drawerGroup drawerGroupStart - //console.log('handleEditDrawerOpenBtn', btnType, item); - let formName = '' - // 智能体 - if (['dialogGroupAgent'].includes(btnType)) { - formName = 'agentForm' - } + if (formName) { + this.$set(this, `${formName}`, this.$options.data()[formName]) + // Object.assign(this[formName],this.$options.data()[formName]) + } + if (refName) { + this.$refs[refName].resetFields(); + } + this.$nextTick(() => { + this.visible[btnType] = false + }) + // 清理 Function Calls 数据 + if (['drawerAgent', 'dialogGroupAgent'].includes(btnType)) { + this.functionCallTags = [] + this.functionCallInputVisible = false + this.functionCallInputValue = '' + } + }) + .catch(_ => { }); + }, + // Dailog|抽屉 提交 按钮 + handleElVisibleSubmit(btnType) { + // drawerAgent dialogGroupAgent drawerGroup drawerGroupStart + let refName = '', formName = '' + // 组 + if (btnType === 'drawerGroup') { + refName = 'groupELForm' + formName = 'groupForm' + } + if (!refName) return + this.$refs[refName].validate((valid) => { + if (valid) { + //debugger + const submitForm = this[formName] ?? {} + //提交数据给后端 + this.saveSubmitFormData(btnType, submitForm) + //debugger + // this.visible[btnType] = false + } else { + console.log('error submit!!'); + return false; + } + }); + }, + // 配置抽屉「已选择」文件列表中移除某一项，并同步表格勾选 + groupMembersCancel(item, index) { + this.groupForm.files.splice(index, 1); + this.$nextTick(() => { + const tbl = this.$refs.groupAgentTable; + if (!tbl) return; + tbl.clearSelection(); + this.groupForm.files.forEach(f => { + const row = this.fileList.find(i => i.id === f.id); + if (row) tbl.toggleRowSelection(row, true); + }); + }); + }, + // 编辑 Dailog|抽屉 按钮 + async handleEditDrawerOpenBtn(btnType, item) { + // drawerAgent dialogGroupAgent drawerGroup drawerGroupStart + //console.log('handleEditDrawerOpenBtn', btnType, item); + let formName = '' + // 智能体 + if (['dialogGroupAgent'].includes(btnType)) { + formName = 'agentForm' + } - if (formName) { - if (btnType === 'drawerAgent' && item) { - console.log('item', item); - // 创建一个新的对象来存储表单数据 - const formData = item.agentTemplateDto ? { ...item.agentTemplateDto } : { ...item }; - console.log('formData', formData); + if (formName) { + if (btnType === 'drawerAgent' && item) { + console.log('item', item); + // 创建一个新的对象来存储表单数据 + const formData = item.agentTemplateDto ? { ...item.agentTemplateDto } : { ...item }; + console.log('formData', formData); - // 确保 functionCallNames 被正确初始化 - this.functionCallTags = formData.functionCallNames ? formData.functionCallNames.split(',').filter(Boolean) : []; + // 确保 functionCallNames 被正确初始化 + this.functionCallTags = formData.functionCallNames ? formData.functionCallNames.split(',').filter(Boolean) : []; - // 将数据赋值给表单 - Object.assign(this[formName], formData); + // 将数据赋值给表单 + Object.assign(this[formName], formData); - // 打印日志以便调试 - console.log('Loaded form data:', formData); - console.log('functionCallTags:', this.functionCallTags); + // 打印日志以便调试 + console.log('Loaded form data:', formData); + console.log('functionCallTags:', this.functionCallTags); - } else if (btnType === 'drawerGroup') { - if (item.chatGroupDto) { - Object.assign(this[formName], { - ...item.chatGroupDto, - members: item.agentTemplateDtoList || item.chatGroupMembers || [] - }) - } else { - await serviceAM.post(`/api/Senparc.Xncf.AgentsManager/ChatGroupAppService/Xncf.AgentsManager_ChatGroupAppService.GetChatGroupItem?id=${item.id}`) - .then(res => { - const data = res?.data ?? {} - if (data.success) { - const groupDetail = data?.data ?? {} - Object.assign(this[formName], { - ...groupDetail.chatGroupDto, - members: groupDetail.agentTemplateDtoList || groupDetail.chatGroupMembers || [] - }) - } - }) - } - // // 获取 全部智能体数据 - // this.getAgentListData('groupAgent') - } else if (btnType === 'drawerTaskStart') { - Object.assign(this[formName], { - ...item - // groupName: item?.name ?? '' - }) - } else { - Object.assign(this[formName], item) + } else if (btnType === 'drawerGroup') { + if (item.chatGroupDto) { + Object.assign(this[formName], { + ...item.chatGroupDto, + members: item.agentTemplateDtoList || item.chatGroupMembers || [] + }) + } else { + await serviceAM.post(`/api/Senparc.Xncf.AgentsManager/ChatGroupAppService/Xncf.AgentsManager_ChatGroupAppService.GetChatGroupItem?id=${item.id}`) + .then(res => { + const data = res?.data ?? {} + if (data.success) { + const groupDetail = data?.data ?? {} + Object.assign(this[formName], { + ...groupDetail.chatGroupDto, + members: groupDetail.agentTemplateDtoList || groupDetail.chatGroupMembers || [] + }) } - // 回显 表单值 - // this.$set(this, `${formName}`, deepClone(item)) - // 打开 抽屉 - this.handleElVisibleOpenBtn(btnType) - } - }, - // 组 新增|编辑 智能体table 切换table 选中 - toggleSelection(rows) { - if (rows) { - rows.forEach(row => { - this.$refs?.groupAgentTable?.toggleRowSelection(row); - }); - } else { - this.$refs?.groupAgentTable?.clearSelection(); - } - }, - } + }) + } + // // 获取 全部智能体数据 + // this.getAgentListData('groupAgent') + } else if (btnType === 'drawerTaskStart') { + Object.assign(this[formName], { + ...item + // groupName: item?.name ?? '' + }) + } else { + Object.assign(this[formName], item) + } + // 回显 表单值 + // this.$set(this, `${formName}`, deepClone(item)) + // 打开 抽屉 + this.handleElVisibleOpenBtn(btnType) + } + }, + // 组 新增|编辑 智能体table 切换table 选中 + toggleSelection(rows) { + if (rows) { + rows.forEach(row => { + this.$refs?.groupAgentTable?.toggleRowSelection(row); + }); + } else { + this.$refs?.groupAgentTable?.clearSelection(); + } + }, + } }); @@ -1074,34 +1088,34 @@ new Vue({ * @param {Object} queryObj // 原地址 */ function getInterfaceQueryStr(queryObj) { - if (!queryObj) return '' - // 将对象转换为 URL 参数字符串 - return Object.entries(queryObj) - .filter(([key, value]) => { - // 过滤掉空值 - // console.log('value', typeof value) - if (typeof value === 'string') { - return value !== '' - } else if (typeof value === 'object' && value instanceof Array) { - return value.length > 0 - } else if (typeof value === 'number') { - return true - } else { - // if(typeof value === 'undefined') - return false - } - }) - .map( - ([key, value]) => { - if (Array.isArray(value)) { - let str = "" - for (let index in value) { - str += `${index > 0 ? '&' : ''}${encodeURIComponent(key)}=${encodeURIComponent(value[index])}` - } - return str - } - return `${encodeURIComponent(key)}=${encodeURIComponent(value)}` - } - ) - .join('&') + if (!queryObj) return '' + // 将对象转换为 URL 参数字符串 + return Object.entries(queryObj) + .filter(([key, value]) => { + // 过滤掉空值 + // console.log('value', typeof value) + if (typeof value === 'string') { + return value !== '' + } else if (typeof value === 'object' && value instanceof Array) { + return value.length > 0 + } else if (typeof value === 'number') { + return true + } else { + // if(typeof value === 'undefined') + return false + } + }) + .map( + ([key, value]) => { + if (Array.isArray(value)) { + let str = "" + for (let index in value) { + str += `${index > 0 ? '&' : ''}${encodeURIComponent(key)}=${encodeURIComponent(value[index])}` + } + return str + } + return `${encodeURIComponent(key)}=${encodeURIComponent(value)}` + } + ) + .join('&') } \ No newline at end of file From d2c5debc1cbda09cd9efbae4811098f0d3c32e7e Mon Sep 17 00:00:00 2001 From: MLTechnology Date: Sun, 1 Mar 2026 22:55:15 +0800 Subject: [PATCH 03/19] Optimize knowledge add and edit dialogs style --- .../Admin/Pages/KnowledgeBase/Index.cshtml | 117 ++++++++++-------- .../KnowledgeBase/KnowledgeBase.css | 87 ++++++++++++- 2 files changed, 149 insertions(+), 55 deletions(-) diff --git a/src/Extensions/Senparc.Xncf.KnowledgeBase/Areas/Admin/Pages/KnowledgeBase/Index.cshtml b/src/Extensions/Senparc.Xncf.KnowledgeBase/Areas/Admin/Pages/KnowledgeBase/Index.cshtml index 3e0262aba..40e98cf73 100644 --- a/src/Extensions/Senparc.Xncf.KnowledgeBase/Areas/Admin/Pages/KnowledgeBase/Index.cshtml +++ b/src/Extensions/Senparc.Xncf.KnowledgeBase/Areas/Admin/Pages/KnowledgeBase/Index.cshtml @@ -94,72 +94,85 @@ @@current-change="handlePageChange">
- + + width="560px" + custom-class="kb-form-dialog" + class="kb-form-dialog-scope"> - - - - - - - - - - - - - - + size="small" + label-position="top" + class="kb-form-dialog__form"> + + - +
+
模型与向量库
+ + + + + - - - - + + + + + - + + + + + +
- - + + -
- 取消 - 确认 +
+ 取消 + 确认
diff --git a/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/css/KnowledgeBase/KnowledgeBase/KnowledgeBase.css b/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/css/KnowledgeBase/KnowledgeBase/KnowledgeBase.css index 7e8efb152..329f554bd 100644 --- a/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/css/KnowledgeBase/KnowledgeBase/KnowledgeBase.css +++ b/src/Extensions/Senparc.Xncf.KnowledgeBase/wwwroot/css/KnowledgeBase/KnowledgeBase/KnowledgeBase.css @@ -1,6 +1,87 @@ -.el-dialog .el-form-item .el-input, -.el-dialog .el-form-item .el-textarea { - width: 15rem; +/* 新增/编辑知识库弹框 */ +.kb-form-dialog .el-dialog__header { + padding: 18px 24px 14px; + border-bottom: 1px solid #ebeef5; +} + +.kb-form-dialog .el-dialog__title { + font-size: 16px; + font-weight: 600; + color: #303133; +} + +.kb-form-dialog .el-dialog__body { + padding: 24px 24px 20px; +} + +.kb-form-dialog__form { + max-width: 100%; +} + +.kb-form-dialog__form .el-form-item { + margin-bottom: 20px; +} + +.kb-form-dialog__form .kb-form-item .el-form-item__label { + font-size: 13px; + color: #606266; + line-height: 1.4; + padding-bottom: 8px; +} + +.kb-form-dialog__form .el-form-item__content { + line-height: 1.5; +} + +.kb-form-dialog__form .el-input__inner, +.kb-form-dialog__form .el-textarea__inner { + font-size: 13px; +} + +.kb-form-dialog__form .el-textarea__inner { + padding: 10px 12px; + line-height: 1.6; +} + +.kb-form-group { + margin-bottom: 20px; + padding: 16px; + background: #fafbfc; + border: 1px solid #e8eaec; + border-radius: 6px; +} + +.kb-form-group__title { + font-size: 13px; + font-weight: 600; + color: #303133; + margin-bottom: 14px; + padding-bottom: 8px; + border-bottom: 1px solid #ebeef5; +} + +.kb-form-group .el-form-item { + margin-bottom: 16px; +} + +.kb-form-group .el-form-item:last-child { + margin-bottom: 0; +} + +.kb-form-group .hidden { + margin-bottom: 0; +} + +.kb-form-dialog__footer { + display: flex; + justify-content: flex-end; + gap: 12px; + padding: 14px 24px 18px; + border-top: 1px solid #ebeef5; +} + +.kb-form-dialog__footer .el-button { + min-width: 80px; } .el-form-item__content { From 675e3f1b211e8690551ef3263095ca636ba54244 Mon Sep 17 00:00:00 2001 From: MLTechnology Date: Mon, 2 Mar 2026 00:37:17 +0800 Subject: [PATCH 04/19] Optimize AIKernerl index page style --- .gitignore | 1 + .../Areas/Admin/Pages/AIKernel/Index.cshtml | 62 +++++++++----- .../wwwroot/css/Admin/AIKernel/index.css | 81 ++++++++++++++++++- .../wwwroot/js/Admin/AIKernel/index.js | 72 ++++++++++++----- 4 files changed, 169 insertions(+), 47 deletions(-) diff --git a/.gitignore b/.gitignore index 7b36447d2..e45925676 100644 --- a/.gitignore +++ b/.gitignore @@ -108,3 +108,4 @@ tools/NcfDesktopApp.GUI/安全性与隐私中允许* tools/NcfDesktopApp.GUI/publish-self-contained/* /.github/appmod/custom-tasks/ *.tmp +/src/Extensions/Senparc.Xncf.XncfBuilder/Senparc.Xncf.XncfBuilder/Generated/Senparc.Xncf.XncfBuilder.DynamicContentGenerator/MultiFileCodeGenerator/BuildXncfAppService.Generated.cs diff --git a/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIKernel/Index.cshtml b/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIKernel/Index.cshtml index 51fae8409..c220fc039 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIKernel/Index.cshtml +++ b/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIKernel/Index.cshtml @@ -1,4 +1,4 @@ -@page +@page @model Senparc.Xncf.AIKernel.Areas.AIKernel.Pages.Index @{ ViewData["Title"] = "AIKernel 首页"; @@ -15,13 +15,32 @@ 首页 } -
-
- 添加 - 导入 NeuCharAI 云端模型算力 -
+
+
+ @* 查询区：按名称(别名)查询 *@ +
+
+ + + 查询 + 重置 +
+
+ + @* 工具栏 *@ +
+ 添加 + 导入 NeuCharAI 云端模型算力 +
- + @* 表格区域 *@ +
+ @* alias *@ @@ -76,26 +95,27 @@ @* 操作 *@ - + -
- -
+ @* 分页：首页、上一页、下一页、尾页、跳转、每页 5/10/15/20/50/100 条，默认 10 *@ +
+ + +
+
@* dialog for 添加模型 *@ diff --git a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css index 1d2a75483..4c824c00f 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css +++ b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css @@ -1,9 +1,82 @@ -.d-flex{ +.d-flex { display: flex; } +.justify-content-between { justify-content: space-between; } +.align-items-center { align-items: center; } + +/* 页面整体 */ +.aikernel-index-page { + padding: 20px 24px; + background: #f0f2f5; + min-height: 100%; + box-sizing: border-box; +} + +.aikernel-main { + background: #fff; + border-radius: 8px; + padding: 20px 24px; + box-shadow: 0 1px 4px rgba(0,0,0,0.06); +} + +/* 查询区 */ +.aikernel-query-section { + margin-bottom: 20px; + padding: 16px 18px; + background: #fafbfc; + border: 1px solid #e8eaec; + border-radius: 6px; +} + +.aikernel-query-row { display: flex; + align-items: center; + flex-wrap: wrap; + gap: 12px; +} + +.aikernel-query-label { + flex: 0 0 auto; + font-size: 14px; + color: #606266; + margin: 0; } -.justify-content-between{ - justify-content: space-between; + +.aikernel-query-input { + width: 260px; } -.align-items-center{ + +.aikernel-query-row .el-button { margin-left: 0; } + +/* 工具栏 */ +.aikernel-toolbar { + display: flex; align-items: center; + gap: 12px; + margin-bottom: 16px; +} + +.aikernel-toolbar .el-button { margin: 0; } + +/* 表格 */ +.aikernel-table-wrap { + margin-bottom: 16px; + overflow-x: auto; +} + +.aikernel-table-wrap .el-table th { + background: #f5f7fa; + color: #303133; + font-weight: 600; +} + +/* 分页 */ +.aikernel-pagination-wrap { + display: flex; + justify-content: flex-end; + padding-top: 12px; + border-top: 1px solid #ebeef5; +} + +.aikernel-pagination-wrap .el-pagination { + flex-wrap: nowrap; + white-space: nowrap; } \ No newline at end of file diff --git a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js index e4e1599de..6c235ded4 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js +++ b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js @@ -2,6 +2,7 @@ var app = new Vue({ el: "#app", data() { return { + keyword: '', page: { page: 1, size: 10 @@ -115,6 +116,24 @@ var app = new Vue({ async init() { await this.getDataList(); }, + handleSearch() { + this.page.page = 1; + this.getDataList(); + }, + resetCondition() { + this.keyword = ''; + this.page.page = 1; + this.getDataList(); + }, + handlePageSizeChange(val) { + this.page.size = val; + this.page.page = 1; + this.getDataList(); + }, + handlePageChange(val) { + this.page.page = val; + this.getDataList(); + }, async handleSizeChange(val) { this.page.size = val; await this.getDataList(); @@ -124,17 +143,21 @@ var app = new Vue({ await this.getDataList(); }, async getDataList() { - this.tableLoading = true - await service.post('/api/Senparc.Xncf.AIKernel/AIModelAppService/Xncf.AIKernel_AIModelAppService.GetPagedListAsync', { - "page": this.page.page, - "size": this.page.size, - }) - .then(res => { - console.log(res) - this.tableData = res.data.data.data; - this.total = res.data.data.total; - this.tableLoading = false - }) + this.tableLoading = true; + var alias = this.keyword ? (String(this.keyword).trim() || null) : null; + if (alias && alias.indexOf('%') === -1) alias = '%' + alias + '%'; + var payload = { page: this.page.page, size: this.page.size }; + if (alias) payload.alias = alias; + try { + var res = await service.post('/api/Senparc.Xncf.AIKernel/AIModelAppService/Xncf.AIKernel_AIModelAppService.GetPagedListAsync', payload); + var data = res && res.data && res.data.data; + this.tableData = (data && Array.isArray(data.data)) ? data.data : []; + this.total = (data && typeof data.total === 'number') ? data.total : 0; + } catch (e) { + this.tableData = []; + this.total = 0; + } + this.tableLoading = false; }, addModel() { this.addFormDialogVisible = true; @@ -143,17 +166,22 @@ var app = new Vue({ this.neuCharFormDialogVisible = true; // 显示对话框 }, copyInfo(key) { - // 把结果复制到剪切板 - const input = document.createElement('input') - input.setAttribute('readonly', 'readonly') - input.setAttribute('value', key) - document.body.appendChild(input) - input.select() - input.setSelectionRange(0, 9999) - if (document.execCommand('copy')) { - document.execCommand('copy') - //提示时展示'******'+key的后4位 - this.$message.success(`已复制【******${key.slice(-4)}】！`) + if (key == null || key === '') { + this.$message.warning('无 Api Key 可复制'); + return; + } + var input = document.createElement('input'); + input.setAttribute('readonly', 'readonly'); + input.setAttribute('value', key); + document.body.appendChild(input); + input.select(); + input.setSelectionRange(0, 9999); + try { + if (document.execCommand('copy')) { + this.$message.success('已复制【******' + key.slice(-4) + '】！'); + } + } finally { + document.body.removeChild(input); } }, async addModelSubmit() { From d923ec3a78fabd528369cd4144f28c56b4e76c29 Mon Sep 17 00:00:00 2001 From: MLTechnology Date: Mon, 2 Mar 2026 00:44:18 +0800 Subject: [PATCH 05/19] Optimize AIKernel index dialog style --- .../Areas/Admin/Pages/AIKernel/Index.cshtml | 82 ++++++++++--------- .../wwwroot/css/Admin/AIKernel/index.css | 69 ++++++++++++++++ .../wwwroot/js/Admin/AIKernel/index.js | 8 ++ 3 files changed, 120 insertions(+), 39 deletions(-) diff --git a/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIKernel/Index.cshtml b/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIKernel/Index.cshtml index c220fc039..cfebf9b14 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIKernel/Index.cshtml +++ b/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIKernel/Index.cshtml @@ -117,13 +117,13 @@
- @* dialog for 添加模型 *@ - - - - + @* 添加模型弹框 *@ + + + + - + @@ -163,8 +163,8 @@ - - + + @@ -178,7 +178,7 @@ - + @@ -194,18 +194,19 @@ - - 取 消 - 确 定 - +
+ 取消 + 确定 +
- @* dialog for 编辑模型 *@ - - - - + + @* 编辑模型弹框 *@ + + + + - + @* NeuCharAI = 4, *@ @* OpenAI = 8, *@ @* AzureOpenAI = 16, *@ @@ -266,7 +267,7 @@ - + @@ -285,27 +286,30 @@ - - 取 消 - 确 定 - +
+ 取消 + 确定 +
- - - - - - - - - -

   可从 https://www.neuchar.com/Developer/AiApp 页面中，点击【显示 ApiKey】按钮查看到 DeveloperId 及 ApiKey，如果您有多项，可分批次导入。

- - - 取消 - 确定 - + @* 导入 NeuCharAI 云端模型算力弹框 *@ + + + + + + + + +
+ + 可从 NeuChar 开发者中心 页面中，点击【显示 ApiKey】查看 DeveloperId 及 ApiKey，多项可分批次导入。 +
+ +
+ 取消 + 确定 +
diff --git a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css index 4c824c00f..c86e49e25 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css +++ b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css @@ -79,4 +79,73 @@ .aikernel-pagination-wrap .el-pagination { flex-wrap: nowrap; white-space: nowrap; +} + +/* 弹框通用（添加/编辑/导入 NeuCharAI） */ +.aikernel-form-dialog .el-dialog__header { + padding: 18px 24px 14px; + border-bottom: 1px solid #ebeef5; +} + +.aikernel-form-dialog .el-dialog__title { + font-size: 16px; + font-weight: 600; + color: #303133; +} + +.aikernel-form-dialog .el-dialog__body { + padding: 24px 24px 20px; +} + +.aikernel-dialog-form .el-form-item { + margin-bottom: 18px; +} + +.aikernel-dialog-form .el-form-item__label { + font-size: 13px; + color: #606266; + line-height: 1.4; + padding-bottom: 6px; +} + +.aikernel-dialog-form .el-form-item__content .el-input, +.aikernel-dialog-form .el-form-item__content .el-select { + width: 100%; +} + +.aikernel-dialog-footer { + display: flex; + justify-content: flex-end; + gap: 12px; + padding: 14px 24px 18px; + border-top: 1px solid #ebeef5; +} + +.aikernel-dialog-footer .el-button { + min-width: 80px; +} + +/* 导入 NeuCharAI 说明 */ +.aikernel-neuchar-tip { + font-size: 13px; + color: #606266; + line-height: 1.6; + padding: 12px 14px; + background: #f4f4f5; + border-radius: 4px; + margin-top: 8px; +} + +.aikernel-neuchar-tip i { + margin-right: 6px; + color: #909399; +} + +.aikernel-neuchar-tip a { + color: #409eff; + text-decoration: none; +} + +.aikernel-neuchar-tip a:hover { + text-decoration: underline; } \ No newline at end of file diff --git a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js index 6c235ded4..c79fc6ae2 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js +++ b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js @@ -106,6 +106,14 @@ var app = new Vue({ } } }, + watch: { + 'addForm.aiPlatform'(val) { + if (val === '512') this.addForm.endpoint = this.addForm.endpoint || 'https://api.deepseek.com'; + }, + 'editForm.aiPlatform'(val) { + if (val === '512') this.editForm.endpoint = this.editForm.endpoint || 'https://api.deepseek.com'; + } + }, mounted() { //wait page load setTimeout(async () => { From 620db1c6716db643961042cc3bcdd19c90d387f0 Mon Sep 17 00:00:00 2001 From: MLTechnology Date: Mon, 2 Mar 2026 00:52:09 +0800 Subject: [PATCH 06/19] Optimize AIKernel index table default page size --- .../wwwroot/css/Admin/AIKernel/index.css | 8 +++++++- .../wwwroot/js/Admin/AIKernel/index.js | 2 +- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css index c86e49e25..b1f2a90c5 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css +++ b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIKernel/index.css @@ -56,12 +56,18 @@ .aikernel-toolbar .el-button { margin: 0; } -/* 表格 */ +/* 表格：限制高度，超出显示纵向滚动条，内容控制在页面内 */ .aikernel-table-wrap { margin-bottom: 16px; + max-height: calc(100vh - 280px); + overflow-y: auto; overflow-x: auto; } +.aikernel-table-wrap .el-table { + margin-bottom: 0; +} + .aikernel-table-wrap .el-table th { background: #f5f7fa; color: #303133; diff --git a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js index c79fc6ae2..72c156657 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js +++ b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIKernel/index.js @@ -5,7 +5,7 @@ var app = new Vue({ keyword: '', page: { page: 1, - size: 10 + size: 8 }, tableLoading: true, tableData: [], From 5b2197e7f7def946a41f6d47b00b1a067b531ab8 Mon Sep 17 00:00:00 2001 From: MLTechnology Date: Mon, 2 Mar 2026 20:55:26 +0800 Subject: [PATCH 07/19] Optimize home page layout style --- .../Senparc.Areas.Admin/wwwroot/css/Admin/Shared/layout.css | 1 + 1 file changed, 1 insertion(+) diff --git a/tools/NcfSimulatedSite/Senparc.Areas.Admin/wwwroot/css/Admin/Shared/layout.css b/tools/NcfSimulatedSite/Senparc.Areas.Admin/wwwroot/css/Admin/Shared/layout.css index 925fd1487..83545528d 100644 --- a/tools/NcfSimulatedSite/Senparc.Areas.Admin/wwwroot/css/Admin/Shared/layout.css +++ b/tools/NcfSimulatedSite/Senparc.Areas.Admin/wwwroot/css/Admin/Shared/layout.css @@ -47,6 +47,7 @@ li { /* 最外层不出现横向/纵向滚动条，仅主内容区内部滚动 */ .app-wrapper .el-container { + height: 100vh; overflow: hidden; display: flex; } From ceae70efdd800b7e3b03b897963a031e16330bd6 Mon Sep 17 00:00:00 2001 From: MLTechnology Date: Mon, 2 Mar 2026 21:35:36 +0800 Subject: [PATCH 08/19] Optimize AIVector page layout style --- .../Areas/Admin/Pages/AIVector/Index.cshtml | 60 ++++++++---- .../Local/AppService/AIVectorAppService.cs | 13 ++- .../wwwroot/css/Admin/AIVector/index.css | 93 ++++++++++++++++++- .../wwwroot/js/Admin/AIVector/index.js | 13 +++ 4 files changed, 147 insertions(+), 32 deletions(-) diff --git a/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIVector/Index.cshtml b/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIVector/Index.cshtml index 94a7e5d5f..411d1cebd 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIVector/Index.cshtml +++ b/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIVector/Index.cshtml @@ -1,4 +1,4 @@ -@page +@page @model Senparc.Xncf.AIKernel.Areas.AIVector.Pages.Index @{ ViewData["Title"] = "AIVector 首页"; @@ -15,12 +15,31 @@ 首页 } -
-
- 添加 -
+
+
+ @* 查询区：按向量数据库名称(关键字)查询 *@ +
+
+ + + 查询 + 重置 +
+
+ + @* 工具栏 *@ +
+ 添加 +
- + @* 表格区域 *@ +
+ @* alias *@ @@ -55,24 +74,25 @@ @* 操作 *@ - + -
- - +
+ @* 分页：首页、上一页、下一页、尾页、跳转、每页条数 5/10/15/20/50/100，默认 10 *@ +
+ + +
diff --git a/src/Extensions/Senparc.Xncf.AIKernel/OHS/Local/AppService/AIVectorAppService.cs b/src/Extensions/Senparc.Xncf.AIKernel/OHS/Local/AppService/AIVectorAppService.cs index 0d59ca651..b06359b16 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/OHS/Local/AppService/AIVectorAppService.cs +++ b/src/Extensions/Senparc.Xncf.AIKernel/OHS/Local/AppService/AIVectorAppService.cs @@ -45,13 +45,12 @@ public AIVectorAppService( protected virtual Expression> GetListWhere(AIVector_GetListRequest request) { SenparcExpressionHelper helper = new(); - //helper.ValueCompare - // .AndAlso(!request.Alias.IsNullOrWhiteSpace(), z => EF.Functions.Like(z.Alias, request.Alias)) - // .AndAlso(!request.DeploymentName.IsNullOrWhiteSpace(), z => EF.Functions.Like(z.DeploymentName, request.DeploymentName)) - // .AndAlso(!request.Endpoint.IsNullOrWhiteSpace(), z => EF.Functions.Like(z.Endpoint, request.Endpoint)) - // .AndAlso(!request.OrganizationId.IsNullOrWhiteSpace(), z => EF.Functions.Like(z.OrganizationId, request.OrganizationId)) - // .AndAlso(request.Show != null, z => z.Show == request.Show) - // ; + helper.ValueCompare + .AndAlso(!request.Alias.IsNullOrWhiteSpace(), z => EF.Functions.Like(z.Alias, $"%{request.Alias}%")) + .AndAlso(!request.Name.IsNullOrWhiteSpace(), z => EF.Functions.Like(z.Name, $"%{request.Name}%")) + //.AndAlso(request.VectorDBType != 0, z => z.VectorDBType == request.VectorDBType) + .AndAlso(request.Show != null, z => z.Show == request.Show) + ; return helper.BuildWhereExpression(); } diff --git a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIVector/index.css b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIVector/index.css index 3733b6d84..7ae9d6a70 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIVector/index.css +++ b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIVector/index.css @@ -1,9 +1,92 @@ -.d-flex{ +.d-flex{ display: flex; } +.justify-content-between{ justify-content: space-between; } +.align-items-center{ align-items: center; } + +/* 页面整体 */ +.aivector-index-page { + padding: 20px 24px; + background: #f0f2f5; + min-height: 100%; + box-sizing: border-box; +} + +.aivector-main { + background: #fff; + border-radius: 8px; + padding: 20px 24px; + box-shadow: 0 1px 4px rgba(0,0,0,0.06); +} + +/* 查询区 */ +.aivector-query-section { + margin-bottom: 20px; + padding: 16px 18px; + background: #fafbfc; + border: 1px solid #e8eaec; + border-radius: 6px; +} + +.aivector-query-row { display: flex; + align-items: center; + flex-wrap: wrap; + gap: 12px; } -.justify-content-between{ - justify-content: space-between; + +.aivector-query-label { + flex: 0 0 auto; + font-size: 14px; + color: #606266; + margin: 0; } -.align-items-center{ + +.aivector-query-input { + width: 260px; +} + +.aivector-query-row .el-button { + margin-left: 0; +} + +/* 工具栏 */ +.aivector-toolbar { + display: flex; align-items: center; -} \ No newline at end of file + gap: 12px; + margin-bottom: 16px; +} + +.aivector-toolbar .el-button { + margin: 0; +} + +/* 表格区域 */ +.aivector-table-wrap { + margin-bottom: 16px; + max-height: calc(100vh - 280px); + overflow-y: auto; + overflow-x: auto; +} + +.aivector-table-wrap .el-table { + margin-bottom: 0; +} + +.aivector-table-wrap .el-table th { + background: #f5f7fa; + color: #303133; + font-weight: 600; +} + +/* 分页 */ +.aivector-pagination-wrap { + display: flex; + justify-content: flex-end; + padding-top: 12px; + border-top: 1px solid #ebeef5; +} + +.aivector-pagination-wrap .el-pagination { + flex-wrap: nowrap; + white-space: nowrap; +} diff --git a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIVector/index.js b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIVector/index.js index 9455b85fc..04ce3ac53 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIVector/index.js +++ b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/js/Admin/AIVector/index.js @@ -2,6 +2,7 @@ var app = new Vue({ el: "#app", data() { return { + keyword: '', page: { page: 1, size: 10 @@ -76,17 +77,29 @@ var app = new Vue({ }, async handleSizeChange(val) { this.page.size = val; + this.page.page = 1; await this.getDataList(); }, async handleCurrentChange(val) { this.page.page = val; await this.getDataList(); }, + async handleSearch() { + this.page.page = 1; + await this.getDataList(); + }, + async resetCondition() { + this.keyword = ''; + this.page.page = 1; + this.page.size = 10; + await this.getDataList(); + }, async getDataList() { this.tableLoading = true await service.post('/api/Senparc.Xncf.AIKernel/AIVectorAppService/Xncf.AIKernel_AIVectorAppService.GetPagedListAsync', { "page": this.page.page, "size": this.page.size, + "name": this.keyword }) .then(res => { console.log(res) From feff0f5b5636f8deafac3cb5d8ee8dca469adc55 Mon Sep 17 00:00:00 2001 From: MLTechnology Date: Mon, 2 Mar 2026 21:45:31 +0800 Subject: [PATCH 09/19] Optimize AIVector page dialog layout style --- .../Areas/Admin/Pages/AIVector/Index.cshtml | 102 +++++++++--------- .../wwwroot/css/Admin/AIVector/index.css | 49 +++++++++ 2 files changed, 98 insertions(+), 53 deletions(-) diff --git a/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIVector/Index.cshtml b/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIVector/Index.cshtml index 411d1cebd..c8a48a466 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIVector/Index.cshtml +++ b/src/Extensions/Senparc.Xncf.AIKernel/Areas/Admin/Pages/AIVector/Index.cshtml @@ -97,12 +97,21 @@ @* dialog for 添加向量数据库 *@ - - - - + + + + - + @@ -113,40 +122,39 @@ - @* - - - - - - - - - *@ - - + + - - + + - - + + - - 取 消 - 确 定 - +
+ 取消 + 确定 +
@* dialog for 编辑向量数据库 *@ - - - - + + + + - + @@ -157,37 +165,25 @@ - @* - - - - - - - - - *@ - - - + + - - + + - - + + - - @* use switch *@ + - - 取 消 - 确 定 - +
+ 取消 + 确定 +
diff --git a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIVector/index.css b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIVector/index.css index 7ae9d6a70..1e61be917 100644 --- a/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIVector/index.css +++ b/src/Extensions/Senparc.Xncf.AIKernel/wwwroot/css/Admin/AIVector/index.css @@ -90,3 +90,52 @@ flex-wrap: nowrap; white-space: nowrap; } + +/* 弹框样式（新增 / 编辑向量数据库） */ +.aivector-form-dialog .el-dialog__header { + padding: 18px 24px 14px; + border-bottom: 1px solid #ebeef5; +} + +.aivector-form-dialog .el-dialog__title { + font-size: 16px; + font-weight: 600; + color: #303133; +} + +.aivector-form-dialog .el-dialog__body { + padding: 24px 24px 20px; +} + +.aivector-dialog-form .el-form-item { + margin-bottom: 18px; +} + +.aivector-dialog-form .el-form-item__label { + font-size: 13px; + color: #606266; + line-height: 1.4; + padding-bottom: 6px; +} + +.aivector-dialog-form .el-form-item__content .el-input, +.aivector-dialog-form .el-form-item__content .el-select, +.aivector-dialog-form .el-form-item__content .el-textarea { + width: 100%; +} + +.aivector-dialog-footer { + display: flex; + justify-content: flex-end; + padding: 14px 24px 18px; + border-top: 1px solid #ebeef5; +} + +.aivector-dialog-footer .el-button { + min-width: 80px; +} + +.aivector-dialog-footer .el-button + .el-button { + margin-left: 12px; +} + From 3a8bf8b1b67cc8d498431d4fd1e9cc9b3b171264 Mon Sep 17 00:00:00 2001 From: MLTechnology Date: Mon, 2 Mar 2026 21:58:36 +0800 Subject: [PATCH 10/19] Optimize AdminUserInfo page layout style --- .../Admin/Pages/AdminUserInfo/Index.cshtml | 52 ++++++++--- .../css/Admin/AdminUserInfo/AdminUserInfo.css | 88 ++++++++++++++++++- .../js/Admin/Pages/AdminUserInfo/Index.js | 19 +++- 3 files changed, 144 insertions(+), 15 deletions(-) diff --git a/tools/NcfSimulatedSite/Senparc.Areas.Admin/Areas/Admin/Pages/AdminUserInfo/Index.cshtml b/tools/NcfSimulatedSite/Senparc.Areas.Admin/Areas/Admin/Pages/AdminUserInfo/Index.cshtml index ca194494c..19fc9e656 100644 --- a/tools/NcfSimulatedSite/Senparc.Areas.Admin/Areas/Admin/Pages/AdminUserInfo/Index.cshtml +++ b/tools/NcfSimulatedSite/Senparc.Areas.Admin/Areas/Admin/Pages/AdminUserInfo/Index.cshtml @@ -1,4 +1,4 @@ -@page "{handler?}" +@page "{handler?}" @model Senparc.Areas.Admin.Areas.Admin.Pages.AdminUserInfo_IndexModel @addTagHelper *, Senparc.Areas.Admin @{ @@ -12,12 +12,38 @@ 管理员列表 }
-