chore: remove prototype files and unused UI assets
Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent) Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
@@ -6,7 +6,7 @@
|
||||
<article v-for="item in metrics" :key="item.label" class="metric-card" :style="{ '--accent': item.accent }">
|
||||
<span class="metric-icon"><i :class="item.icon"></i></span>
|
||||
<div>
|
||||
<p>{{ item.label }} <i v-if="item.help" class="pi pi-question-circle"></i></p>
|
||||
<p>{{ item.label }} <i v-if="item.help" class="mdi mdi-help-circle-outline"></i></p>
|
||||
<strong>{{ item.value }}</strong>
|
||||
<small>{{ item.meta }}</small>
|
||||
</div>
|
||||
@@ -21,9 +21,9 @@
|
||||
<div class="library-body">
|
||||
<aside class="folder-rail">
|
||||
<label class="folder-search">
|
||||
<i class="pi pi-search"></i>
|
||||
<i class="mdi mdi-magnify"></i>
|
||||
<input type="search" placeholder="搜索文件夹" />
|
||||
<button type="button" aria-label="新增文件夹"><i class="pi pi-plus"></i></button>
|
||||
<button type="button" aria-label="新增文件夹"><i class="mdi mdi-plus"></i></button>
|
||||
</label>
|
||||
|
||||
<nav class="folder-tree" aria-label="知识库文件夹">
|
||||
@@ -35,14 +35,14 @@
|
||||
</nav>
|
||||
|
||||
<button class="new-folder-btn" type="button">
|
||||
<i class="pi pi-plus"></i>
|
||||
<i class="mdi mdi-plus"></i>
|
||||
<span>新建文件夹</span>
|
||||
</button>
|
||||
</aside>
|
||||
|
||||
<section class="document-area">
|
||||
<div class="upload-zone">
|
||||
<i class="pi pi-cloud-upload"></i>
|
||||
<i class="mdi mdi-cloud-upload"></i>
|
||||
<strong>拖拽文档到此处,或点击上传</strong>
|
||||
<span>支持 PDF / Word / Excel / PPT 文档,单个文件不超过 100MB</span>
|
||||
</div>
|
||||
@@ -53,7 +53,7 @@
|
||||
<tr>
|
||||
<th>文件名称</th>
|
||||
<th>标签</th>
|
||||
<th>上传时间 <i class="pi pi-arrow-down"></i></th>
|
||||
<th>上传时间 <i class="mdi mdi-arrow-down"></i></th>
|
||||
<th>版本</th>
|
||||
<th>状态</th>
|
||||
<th>上传人</th>
|
||||
@@ -75,7 +75,7 @@
|
||||
<td>{{ doc.version }}</td>
|
||||
<td><span class="state-tag" :class="doc.stateTone">{{ doc.state }}</span></td>
|
||||
<td>{{ doc.owner }}</td>
|
||||
<td><button class="more-btn" type="button" aria-label="更多操作"><i class="pi pi-ellipsis-h"></i></button></td>
|
||||
<td><button class="more-btn" type="button" aria-label="更多操作"><i class="mdi mdi-dots-horizontal"></i></button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -83,12 +83,12 @@
|
||||
|
||||
<footer class="list-foot">
|
||||
<span>共 18 条</span>
|
||||
<button type="button">10条/页 <i class="pi pi-angle-down"></i></button>
|
||||
<button type="button">10条/页 <i class="mdi mdi-chevron-down"></i></button>
|
||||
<div class="pager" aria-label="分页">
|
||||
<button type="button" aria-label="上一页"><i class="pi pi-angle-left"></i></button>
|
||||
<button type="button" aria-label="上一页"><i class="mdi mdi-chevron-left"></i></button>
|
||||
<button class="active" type="button" aria-current="page">1</button>
|
||||
<button type="button">2</button>
|
||||
<button type="button" aria-label="下一页"><i class="pi pi-angle-right"></i></button>
|
||||
<button type="button" aria-label="下一页"><i class="mdi mdi-chevron-right"></i></button>
|
||||
</div>
|
||||
<label>前往 <input value="1" aria-label="页码" /> 页</label>
|
||||
</footer>
|
||||
@@ -100,7 +100,7 @@
|
||||
<aside class="analytics-column">
|
||||
<article class="ops-card panel">
|
||||
<header class="card-head">
|
||||
<h2>知识运营概览 <i class="pi pi-question-circle"></i></h2>
|
||||
<h2>知识运营概览 <i class="mdi mdi-help-circle-outline"></i></h2>
|
||||
</header>
|
||||
<div class="ops-grid">
|
||||
<div v-for="item in opsMetrics" :key="item.label" class="ops-item" :style="{ '--accent': item.accent }">
|
||||
@@ -116,8 +116,8 @@
|
||||
|
||||
<article class="top-card panel">
|
||||
<header class="card-head">
|
||||
<h2>热门问题 TOP5 <i class="pi pi-question-circle"></i></h2>
|
||||
<button type="button">更多 <i class="pi pi-angle-right"></i></button>
|
||||
<h2>热门问题 TOP5 <i class="mdi mdi-help-circle-outline"></i></h2>
|
||||
<button type="button">更多 <i class="mdi mdi-chevron-right"></i></button>
|
||||
</header>
|
||||
<ol class="hot-list">
|
||||
<li v-for="item in hotQuestions" :key="item.title">
|
||||
@@ -130,28 +130,28 @@
|
||||
|
||||
<article class="feedback-card panel">
|
||||
<header class="card-head">
|
||||
<h2>用户点赞最多 <i class="pi pi-question-circle"></i></h2>
|
||||
<button type="button">更多 <i class="pi pi-angle-right"></i></button>
|
||||
<h2>用户点赞最多 <i class="mdi mdi-help-circle-outline"></i></h2>
|
||||
<button type="button">更多 <i class="mdi mdi-chevron-right"></i></button>
|
||||
</header>
|
||||
<ul class="feedback-list positive">
|
||||
<li v-for="(item, idx) in likedAnswers" :key="item.title">
|
||||
<span class="rank-badge" :class="idx === 0 ? 'hot' : idx < 3 ? 'warm' : 'normal'">{{ idx + 1 }}</span>
|
||||
<span>{{ item.title }}</span>
|
||||
<b><i class="pi pi-thumbs-up-fill"></i>{{ item.count }}</b>
|
||||
<b><i class="mdi mdi-thumb-up"></i>{{ item.count }}</b>
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="feedback-card panel">
|
||||
<header class="card-head">
|
||||
<h2>用户点踩较多 / 待优化 <i class="pi pi-question-circle"></i></h2>
|
||||
<button type="button">更多 <i class="pi pi-angle-right"></i></button>
|
||||
<h2>用户点踩较多 / 待优化 <i class="mdi mdi-help-circle-outline"></i></h2>
|
||||
<button type="button">更多 <i class="mdi mdi-chevron-right"></i></button>
|
||||
</header>
|
||||
<ul class="feedback-list negative">
|
||||
<li v-for="(item, idx) in dislikedAnswers" :key="item.title">
|
||||
<span class="rank-badge" :class="idx === 0 ? 'hot' : idx < 3 ? 'warm' : 'normal'">{{ idx + 1 }}</span>
|
||||
<span>{{ item.title }}</span>
|
||||
<b><i class="pi pi-thumbs-down-fill"></i>{{ item.count }}</b>
|
||||
<b><i class="mdi mdi-thumb-down"></i>{{ item.count }}</b>
|
||||
<em>待优化</em>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -159,8 +159,8 @@
|
||||
|
||||
<article class="trend-card panel">
|
||||
<header class="card-head">
|
||||
<h2>近7天提问趋势 <i class="pi pi-question-circle"></i></h2>
|
||||
<button type="button">更多 <i class="pi pi-angle-right"></i></button>
|
||||
<h2>近7天提问趋势 <i class="mdi mdi-help-circle-outline"></i></h2>
|
||||
<button type="button">更多 <i class="mdi mdi-chevron-right"></i></button>
|
||||
</header>
|
||||
<svg class="trend-chart" viewBox="0 0 420 190" role="img" aria-label="近7天提问趋势">
|
||||
<line v-for="tick in chartTicks" :key="tick" x1="38" :y1="tick.y" x2="398" :y2="tick.y" />
|
||||
@@ -173,8 +173,8 @@
|
||||
|
||||
<article class="recent-card panel">
|
||||
<header class="card-head">
|
||||
<h2>最近更新知识 <i class="pi pi-question-circle"></i></h2>
|
||||
<button type="button">更多 <i class="pi pi-angle-right"></i></button>
|
||||
<h2>最近更新知识 <i class="mdi mdi-help-circle-outline"></i></h2>
|
||||
<button type="button">更多 <i class="mdi mdi-chevron-right"></i></button>
|
||||
</header>
|
||||
<ul class="recent-list">
|
||||
<li v-for="item in recentKnowledge" :key="item.name">
|
||||
@@ -193,40 +193,40 @@
|
||||
import { computed } from 'vue'
|
||||
|
||||
const metrics = [
|
||||
{ label: '文档总数', value: '1,248', meta: '较上周 +68', icon: 'pi pi-file', accent: '#10b981', help: true },
|
||||
{ label: '文件夹总数', value: '36', meta: '较上周 +2', icon: 'pi pi-folder', accent: '#3b82f6' },
|
||||
{ label: '问答总量', value: '8,562', meta: '较上周 +321', icon: 'pi pi-comments', accent: '#8b5cf6' },
|
||||
{ label: '知识命中率', value: '87.3%', meta: '较上周 +1.2%', icon: 'pi pi-bullseye', accent: '#f59e0b' }
|
||||
{ label: '文档总数', value: '1,248', meta: '较上周 +68', icon: 'mdi mdi-file-document-outline', accent: '#10b981', help: true },
|
||||
{ label: '文件夹总数', value: '36', meta: '较上周 +2', icon: 'mdi mdi-folder', accent: '#3b82f6' },
|
||||
{ label: '问答总量', value: '8,562', meta: '较上周 +321', icon: 'mdi mdi-comment-text-multiple-outline', accent: '#8b5cf6' },
|
||||
{ label: '知识命中率', value: '87.3%', meta: '较上周 +1.2%', icon: 'mdi mdi-bullseye-arrow', accent: '#f59e0b' }
|
||||
]
|
||||
|
||||
const folders = [
|
||||
{ name: '财务知识库', count: 36, icon: 'pi pi-folder', active: false },
|
||||
{ name: '制度政策', count: 8, icon: 'pi pi-folder', active: false },
|
||||
{ name: '报销制度', count: 12, icon: 'pi pi-folder-open', active: false },
|
||||
{ name: '差旅规范', count: 18, icon: 'pi pi-folder', active: true },
|
||||
{ name: '发票管理', count: 14, icon: 'pi pi-folder', active: false },
|
||||
{ name: '税务合规', count: 16, icon: 'pi pi-folder', active: false },
|
||||
{ name: '预算管理', count: 9, icon: 'pi pi-folder', active: false },
|
||||
{ name: '财务共享', count: 7, icon: 'pi pi-folder', active: false },
|
||||
{ name: '培训资料', count: 6, icon: 'pi pi-folder', active: false },
|
||||
{ name: '常见问答', count: 11, icon: 'pi pi-folder', active: false }
|
||||
{ name: '财务知识库', count: 36, icon: 'mdi mdi-folder', active: false },
|
||||
{ name: '制度政策', count: 8, icon: 'mdi mdi-folder', active: false },
|
||||
{ name: '报销制度', count: 12, icon: 'mdi mdi-folder-open', active: false },
|
||||
{ name: '差旅规范', count: 18, icon: 'mdi mdi-folder', active: true },
|
||||
{ name: '发票管理', count: 14, icon: 'mdi mdi-folder', active: false },
|
||||
{ name: '税务合规', count: 16, icon: 'mdi mdi-folder', active: false },
|
||||
{ name: '预算管理', count: 9, icon: 'mdi mdi-folder', active: false },
|
||||
{ name: '财务共享', count: 7, icon: 'mdi mdi-folder', active: false },
|
||||
{ name: '培训资料', count: 6, icon: 'mdi mdi-folder', active: false },
|
||||
{ name: '常见问答', count: 11, icon: 'mdi mdi-folder', active: false }
|
||||
]
|
||||
|
||||
const documents = [
|
||||
{ name: '差旅报销管理办法(2024版)', tag: '差旅 / 制度', time: '2024-05-12 14:35', version: 'v3.2', state: '已生效', stateTone: 'success', owner: '张明', icon: 'pi pi-file-pdf pdf' },
|
||||
{ name: '发票查验规范及操作指引', tag: '发票 / 操作', time: '2024-05-10 10:22', version: 'v1.5', state: '已生效', stateTone: 'success', owner: '李娜', icon: 'pi pi-file-word word' },
|
||||
{ name: '费用报销标准细则(2024)', tag: '报销 / 标准', time: '2024-05-08 09:16', version: 'v2.1', state: '已生效', stateTone: 'success', owner: '王磊', icon: 'pi pi-file-pdf pdf' },
|
||||
{ name: '差旅费用标准对照表(国内)', tag: '差旅 / 标准', time: '2024-05-05 08:20', version: 'v1.3', state: '审批中', stateTone: 'warning', owner: '陈杰', icon: 'pi pi-file-excel excel' },
|
||||
{ name: '借款管理办法及流程', tag: '借款 / 流程', time: '2024-05-03 11:05', version: 'v1.0', state: '已生效', stateTone: 'success', owner: '刘洋', icon: 'pi pi-file-pdf pdf' }
|
||||
{ name: '差旅报销管理办法(2024版)', tag: '差旅 / 制度', time: '2024-05-12 14:35', version: 'v3.2', state: '已生效', stateTone: 'success', owner: '张明', icon: 'mdi mdi-file-document-outline-pdf pdf' },
|
||||
{ name: '发票查验规范及操作指引', tag: '发票 / 操作', time: '2024-05-10 10:22', version: 'v1.5', state: '已生效', stateTone: 'success', owner: '李娜', icon: 'mdi mdi-file-document-outline-word word' },
|
||||
{ name: '费用报销标准细则(2024)', tag: '报销 / 标准', time: '2024-05-08 09:16', version: 'v2.1', state: '已生效', stateTone: 'success', owner: '王磊', icon: 'mdi mdi-file-document-outline-pdf pdf' },
|
||||
{ name: '差旅费用标准对照表(国内)', tag: '差旅 / 标准', time: '2024-05-05 08:20', version: 'v1.3', state: '审批中', stateTone: 'warning', owner: '陈杰', icon: 'mdi mdi-file-document-outline-excel excel' },
|
||||
{ name: '借款管理办法及流程', tag: '借款 / 流程', time: '2024-05-03 11:05', version: 'v1.0', state: '已生效', stateTone: 'success', owner: '刘洋', icon: 'mdi mdi-file-document-outline-pdf pdf' }
|
||||
]
|
||||
|
||||
const opsMetrics = [
|
||||
{ label: '本周新增问题', value: '328', meta: '较上周 +46', icon: 'pi pi-question-circle', accent: '#3b82f6' },
|
||||
{ label: '已解决问题', value: '286', meta: '解决率 87.2%', icon: 'pi pi-check', accent: '#10b981' },
|
||||
{ label: '平均响应时长', value: '2.4h', meta: '较上周 -0.6h', icon: 'pi pi-clock', accent: '#3b82f6' },
|
||||
{ label: '用户满意度', value: '91.2%', meta: '较上周 +2.1%', icon: 'pi pi-face-smile', accent: '#10b981' },
|
||||
{ label: '收藏次数', value: '1,236', meta: '较上周 +128', icon: 'pi pi-star', accent: '#f59e0b' },
|
||||
{ label: '点赞总数', value: '3,582', meta: '较上周 +312', icon: 'pi pi-thumbs-up', accent: '#f59e0b' }
|
||||
{ label: '本周新增问题', value: '328', meta: '较上周 +46', icon: 'mdi mdi-help-circle-outline', accent: '#3b82f6' },
|
||||
{ label: '已解决问题', value: '286', meta: '解决率 87.2%', icon: 'mdi mdi-check', accent: '#10b981' },
|
||||
{ label: '平均响应时长', value: '2.4h', meta: '较上周 -0.6h', icon: 'mdi mdi-clock-outline', accent: '#3b82f6' },
|
||||
{ label: '用户满意度', value: '91.2%', meta: '较上周 +2.1%', icon: 'mdi mdi-emoticon-happy-outline', accent: '#10b981' },
|
||||
{ label: '收藏次数', value: '1,236', meta: '较上周 +128', icon: 'mdi mdi-star-outline', accent: '#f59e0b' },
|
||||
{ label: '点赞总数', value: '3,582', meta: '较上周 +312', icon: 'mdi mdi-thumb-up-outline', accent: '#f59e0b' }
|
||||
]
|
||||
|
||||
const hotQuestions = [
|
||||
@@ -277,9 +277,9 @@ const chartTicks = [
|
||||
const trendPoints = computed(() => trendData.map((point) => `${point.x},${point.y}`).join(' '))
|
||||
|
||||
const recentKnowledge = [
|
||||
{ name: '差旅报销管理办法(2024版)v3.2', time: '05-12 14:35', icon: 'pi pi-file-pdf pdf' },
|
||||
{ name: '发票查验规范及操作指引 v1.5', time: '05-10 10:22', icon: 'pi pi-file-word word' },
|
||||
{ name: '费用报销标准细则(2024)v2.1', time: '05-08 09:16', icon: 'pi pi-file-pdf pdf' }
|
||||
{ name: '差旅报销管理办法(2024版)v3.2', time: '05-12 14:35', icon: 'mdi mdi-file-document-outline-pdf pdf' },
|
||||
{ name: '发票查验规范及操作指引 v1.5', time: '05-10 10:22', icon: 'mdi mdi-file-document-outline-word word' },
|
||||
{ name: '费用报销标准细则(2024)v2.1', time: '05-08 09:16', icon: 'mdi mdi-file-document-outline-pdf pdf' }
|
||||
]
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user