为目录型知识库添加目录/文档图标

This commit is contained in:
吴季分
2025-09-26 16:42:34 +08:00
parent 47635ccdbe
commit 4c8edcfc2b

View File

@@ -893,7 +893,27 @@ export default {
return [ return [
{ {
key: '知识文件名称', key: '知识文件名称',
prop: 'knowledgeName' prop: 'knowledgeName',
render: (h, params) => {
// 在父级上添加文件夹图标,在文档上添加文档图标
const hasChildren = params.row.documents && params.row.documents.length > 0
return h(
'div',
{
class: 'flex align-items-c'
},
[
h('i', {
class: hasChildren ? 'el-icon-folder mr5' : 'el-icon-document mr5',
style: {
color: hasChildren ? '#F7BA2A' : '#409EFF',
fontSize: '16px'
}
}),
h('span', {}, params.row.knowledgeName)
]
)
}
}, },
{ {
key: '知识文件来源', key: '知识文件来源',
@@ -1096,27 +1116,47 @@ export default {
return [ return [
{ {
prop: 'name', prop: 'name',
key: '名称' key: '名称',
// render: (h, params) => { render: (h, params) => {
// if (params.row.type === 'directory') { if (params.row.type === 'directory') {
// // 如果是目录类型,直接渲染目录名称 // 如果是目录类型,添加文件夹图标
// return h('div', params.row.name) return h(
// } else if (params.row.type === 'document') { 'div',
// // 如果是文档类型根据层级计算margin-left {
// const level = params.row.level || 0 class: 'flex align-items-c'
// const marginLeft = (level + 1) * 10 },
// return h( [
// 'div', h('i', {
// { class: 'el-icon-folder mr5',
// style: { style: {
// marginLeft: marginLeft + 'px' color: '#F7BA2A',
// } fontSize: '16px'
// }, }
// params.row.name }),
// ) h('span', {}, params.row.name)
// } ]
// return h('div', params.row.name) )
// } } else if (params.row.type === 'document') {
// 如果是文档类型,添加文档图标
return h(
'div',
{
class: 'flex align-items-c'
},
[
h('i', {
class: 'el-icon-document mr5',
style: {
color: '#409EFF',
fontSize: '16px'
}
}),
h('span', {}, params.row.name)
]
)
}
return h('div', params.row.name)
}
}, },
{ {
key: '知识文件来源', key: '知识文件来源',