diff --git a/src/views/knowledge/detail/index.vue b/src/views/knowledge/detail/index.vue index a4e006f..0ec5939 100644 --- a/src/views/knowledge/detail/index.vue +++ b/src/views/knowledge/detail/index.vue @@ -893,7 +893,27 @@ export default { return [ { 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: '知识文件来源', @@ -1096,27 +1116,47 @@ export default { return [ { prop: 'name', - key: '名称' - // render: (h, params) => { - // if (params.row.type === 'directory') { - // // 如果是目录类型,直接渲染目录名称 - // return h('div', params.row.name) - // } else if (params.row.type === 'document') { - // // 如果是文档类型,根据层级计算margin-left - // const level = params.row.level || 0 - // const marginLeft = (level + 1) * 10 - // return h( - // 'div', - // { - // style: { - // marginLeft: marginLeft + 'px' - // } - // }, - // params.row.name - // ) - // } - // return h('div', params.row.name) - // } + key: '名称', + render: (h, params) => { + if (params.row.type === 'directory') { + // 如果是目录类型,添加文件夹图标 + return h( + 'div', + { + class: 'flex align-items-c' + }, + [ + h('i', { + class: 'el-icon-folder mr5', + style: { + color: '#F7BA2A', + fontSize: '16px' + } + }), + h('span', {}, 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: '知识文件来源',