feat: KB detail page with directory tree + document list + upload zone
This commit is contained in:
parent
640700f974
commit
f5a91d10ec
163
wwwroot/knowledge_bases_list/detail.ui
Normal file
163
wwwroot/knowledge_bases_list/detail.ui
Normal file
@ -0,0 +1,163 @@
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"cheight": 40,
|
||||
"width": "100%",
|
||||
"padding": "0",
|
||||
"spacing": 0
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {
|
||||
"width": "100%",
|
||||
"bgcolor": "#f8f9fa",
|
||||
"padding": "12px 16px",
|
||||
"alignItems": "center",
|
||||
"borderBottom": "1px solid #e0e0e0"
|
||||
},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "← 返回知识库列表", "css": "clickable", "cfontsize": 14, "color": "#4a90d9"}, "binds": [
|
||||
{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.rag_main_content", "mode": "replace", "options": {"url": "{{entire_url('/knowledge_bases_list/index.ui')}}"}}
|
||||
]},
|
||||
{"widgettype": "Text", "options": {"text": "/", "cfontsize": 14, "color": "#ccc"}},
|
||||
{"widgettype": "Text", "options": {"text": "📚 产品文档", "cfontsize": 16, "fontWeight": "bold", "color": "#333"}},
|
||||
{"widgettype": "Text", "options": {"text": "", "css": "filler"}},
|
||||
{"widgettype": "Text", "options": {"text": "📄 12 文档 · 📁 3 目录 · 💾 256MB", "cfontsize": 12, "color": "#888"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {
|
||||
"css": "filler",
|
||||
"width": "100%",
|
||||
"spacing": 0
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"cwidth": 14,
|
||||
"bgcolor": "#fafafa",
|
||||
"borderRight": "1px solid #e0e0e0",
|
||||
"padding": "12px",
|
||||
"spacing": "4px"
|
||||
},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📁 目录结构", "cfontsize": 13, "fontWeight": "bold", "color": "#666"}},
|
||||
{"widgettype": "Text", "options": {"text": ""}},
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"spacing": "4px", "alignItems": "center"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📂", "cfontsize": 12}},
|
||||
{"widgettype": "Text", "options": {"text": "技术文档", "cfontsize": 13, "color": "#4a90d9", "css": "clickable"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {"padding": "0 0 0 16px", "spacing": "2px"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "HBox", "options": {"spacing": "4px"}, "subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📄", "cfontsize": 11}},
|
||||
{"widgettype": "Text", "options": {"text": "API参考.pdf", "cfontsize": 12, "color": "#666"}}
|
||||
]},
|
||||
{"widgettype": "HBox", "options": {"spacing": "4px"}, "subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📄", "cfontsize": 11}},
|
||||
{"widgettype": "Text", "options": {"text": "部署指南.md", "cfontsize": 12, "color": "#666"}}
|
||||
]}
|
||||
]
|
||||
},
|
||||
{"widgettype": "Text", "options": {"text": ""}},
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"spacing": "4px", "alignItems": "center"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📂", "cfontsize": 12}},
|
||||
{"widgettype": "Text", "options": {"text": "产品介绍", "cfontsize": 13, "color": "#4a90d9", "css": "clickable"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"spacing": "4px", "alignItems": "center"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📂", "cfontsize": 12}},
|
||||
{"widgettype": "Text", "options": {"text": "培训材料", "cfontsize": 13, "color": "#4a90d9", "css": "clickable"}}
|
||||
]
|
||||
},
|
||||
{"widgettype": "Text", "options": {"text": ""}},
|
||||
{"widgettype": "Button", "options": {"label": "+ 新建目录", "bgcolor": "#e8e8e8", "color": "#666"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"css": "filler",
|
||||
"padding": "16px",
|
||||
"spacing": "12px"
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"width": "100%",
|
||||
"cheight": 6,
|
||||
"bgcolor": "#f8f9fa",
|
||||
"padding": "16px",
|
||||
"css": "card",
|
||||
"border": "2px dashed #d0d0d0",
|
||||
"alignItems": "center",
|
||||
"justifyContent": "center"
|
||||
},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📂 拖拽文件到此处上传", "cfontsize": 15, "color": "#888"}},
|
||||
{"widgettype": "Text", "options": {"text": "支持: TXT, PDF, JPG, PNG, MP3, WAV, MP4 · 最大500MB", "cfontsize": 11, "color": "#aaa"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "Text",
|
||||
"options": {
|
||||
"text": "📄 当前目录: 技术文档 (2个文件)",
|
||||
"cfontsize": 13,
|
||||
"color": "#888"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"width": "100%", "bgcolor": "#f8f9fa", "padding": "8px 12px", "borderBottom": "1px solid #e0e0e0"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "文件名", "cfontsize": 12, "fontWeight": "bold", "color": "#888", "cwidth": 20}},
|
||||
{"widgettype": "Text", "options": {"text": "类型", "cfontsize": 12, "fontWeight": "bold", "color": "#888", "cwidth": 8}},
|
||||
{"widgettype": "Text", "options": {"text": "大小", "cfontsize": 12, "fontWeight": "bold", "color": "#888", "cwidth": 8}},
|
||||
{"widgettype": "Text", "options": {"text": "状态", "cfontsize": 12, "fontWeight": "bold", "color": "#888", "cwidth": 8}},
|
||||
{"widgettype": "Text", "options": {"text": "上传时间", "cfontsize": 12, "fontWeight": "bold", "color": "#888"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"width": "100%", "padding": "6px 12px", "borderBottom": "1px solid #f0f0f0"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📄 API参考.pdf", "cfontsize": 13, "color": "#333", "cwidth": 20}},
|
||||
{"widgettype": "Text", "options": {"text": "PDF", "cfontsize": 12, "color": "#e6a23c", "cwidth": 8}},
|
||||
{"widgettype": "Text", "options": {"text": "1.2MB", "cfontsize": 12, "color": "#888", "cwidth": 8}},
|
||||
{"widgettype": "Text", "options": {"text": "✅ 已入库", "cfontsize": 12, "color": "#50b86c", "cwidth": 8}},
|
||||
{"widgettype": "Text", "options": {"text": "2026-07-20", "cfontsize": 12, "color": "#888"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"width": "100%", "padding": "6px 12px", "borderBottom": "1px solid #f0f0f0"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📄 部署指南.md", "cfontsize": 13, "color": "#333", "cwidth": 20}},
|
||||
{"widgettype": "Text", "options": {"text": "Markdown", "cfontsize": 12, "color": "#4a90d9", "cwidth": 8}},
|
||||
{"widgettype": "Text", "options": {"text": "45KB", "cfontsize": 12, "color": "#888", "cwidth": 8}},
|
||||
{"widgettype": "Text", "options": {"text": "✅ 已入库", "cfontsize": 12, "color": "#50b86c", "cwidth": 8}},
|
||||
{"widgettype": "Text", "options": {"text": "2026-07-21", "cfontsize": 12, "color": "#888"}}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -19,8 +19,8 @@
|
||||
"widgettype": "VBox",
|
||||
"options": {"spacing": "4px"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "知识库管理", "cfontsize": 22, "fontWeight": "bold", "color": "#333"}},
|
||||
{"widgettype": "Text", "options": {"text": "创建和管理您的多媒体知识库", "cfontsize": 14, "color": "#888"}}
|
||||
{"widgettype": "Text", "options": {"text": "知识库", "cfontsize": 22, "fontWeight": "bold", "color": "#333"}},
|
||||
{"widgettype": "Text", "options": {"text": "点击知识库进入文档管理，支持多级目录和拖拽上传", "cfontsize": 14, "color": "#888"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
@ -34,13 +34,75 @@
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "Text",
|
||||
"widgettype": "HBox",
|
||||
"options": {
|
||||
"text": "暂无知识库，点击上方按钮创建第一个知识库",
|
||||
"color": "#aaa",
|
||||
"cfontsize": 14,
|
||||
"halign": "center"
|
||||
}
|
||||
"width": "100%",
|
||||
"spacing": "12px",
|
||||
"wrap": true
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"cwidth": 16,
|
||||
"cheight": 12,
|
||||
"bgcolor": "#f0f7ff",
|
||||
"padding": "16px",
|
||||
"css": "card clickable",
|
||||
"border": "1px solid #d0e4f7"
|
||||
},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📚 产品文档", "cfontsize": 16, "fontWeight": "bold"}},
|
||||
{"widgettype": "Text", "options": {"text": "CLIP · 1024维", "cfontsize": 12, "color": "#888"}},
|
||||
{"widgettype": "HBox", "options": {"spacing": "12px"}, "subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📄 12文档", "cfontsize": 12, "color": "#666"}},
|
||||
{"widgettype": "Text", "options": {"text": "📁 3目录", "cfontsize": 12, "color": "#666"}},
|
||||
{"widgettype": "Text", "options": {"text": "💾 256MB", "cfontsize": 12, "color": "#666"}}
|
||||
]}
|
||||
],
|
||||
"binds": [
|
||||
{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.rag_main_content", "mode": "replace", "options": {"url": "{{entire_url('/knowledge_bases_list/detail.ui')}}"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"cwidth": 16,
|
||||
"cheight": 12,
|
||||
"bgcolor": "#f8f9fa",
|
||||
"padding": "16px",
|
||||
"css": "card clickable",
|
||||
"border": "1px solid #e0e0e0"
|
||||
},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "🎵 音频资料库", "cfontsize": 16, "fontWeight": "bold"}},
|
||||
{"widgettype": "Text", "options": {"text": "Whisper · 音频向量化", "cfontsize": 12, "color": "#888"}},
|
||||
{"widgettype": "HBox", "options": {"spacing": "12px"}, "subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "📄 45文档", "cfontsize": 12, "color": "#666"}},
|
||||
{"widgettype": "Text", "options": {"text": "📁 5目录", "cfontsize": 12, "color": "#666"}},
|
||||
{"widgettype": "Text", "options": {"text": "💾 1.2GB", "cfontsize": 12, "color": "#666"}}
|
||||
]}
|
||||
],
|
||||
"binds": [
|
||||
{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "app.rag_main_content", "mode": "replace", "options": {"url": "{{entire_url('/knowledge_bases_list/detail.ui')}}"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"cwidth": 16,
|
||||
"cheight": 12,
|
||||
"bgcolor": "#f8f9fa",
|
||||
"padding": "16px",
|
||||
"css": "card clickable",
|
||||
"border": "1px solid #e0e0e0"
|
||||
},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"text": "+ 新建知识库", "cfontsize": 16, "color": "#aaa", "halign": "center"}},
|
||||
{"widgettype": "Text", "options": {"text": "点击创建", "cfontsize": 12, "color": "#ccc", "halign": "center"}}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -6,31 +6,27 @@
|
||||
"options": {
|
||||
"width": "100%",
|
||||
"height": "100%",
|
||||
"target": "body.rag_main_content",
|
||||
"items": [
|
||||
{
|
||||
"name": "knowledge_bases",
|
||||
"label": "知识库",
|
||||
"icon": "{{entire_url('/bricks/imgs/app.svg')}}",
|
||||
"url": "{{entire_url('/knowledge_bases_list/index.ui')}}"
|
||||
},
|
||||
{
|
||||
"name": "documents",
|
||||
"label": "文档管理",
|
||||
"icon": "{{entire_url('/bricks/imgs/app_add.svg')}}",
|
||||
"url": "{{entire_url('/documents_list/index.ui')}}"
|
||||
"url": "{{entire_url('/knowledge_bases_list/index.ui')}}",
|
||||
"target": "app.rag_main_content"
|
||||
},
|
||||
{
|
||||
"name": "engines",
|
||||
"label": "引擎配置",
|
||||
"icon": "{{entire_url('/bricks/imgs/rocket.svg')}}",
|
||||
"url": "{{entire_url('/engine_configs_list/index.ui')}}"
|
||||
"url": "{{entire_url('/engine_configs_list/index.ui')}}",
|
||||
"target": "app.rag_main_content"
|
||||
},
|
||||
{
|
||||
"name": "subscriptions",
|
||||
"label": "订阅管理",
|
||||
"icon": "{{entire_url('/bricks/imgs/coins.svg')}}",
|
||||
"url": "{{entire_url('/subscriptions_list/index.ui')}}"
|
||||
"url": "{{entire_url('/subscriptions_list/index.ui')}}",
|
||||
"target": "app.rag_main_content"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user