feat: 优化前端界面细节

This commit is contained in:
Wenjie Zhang 2026-06-09 00:39:07 +08:00
parent 9e23ad8976
commit d2e060a8b0
6 changed files with 9 additions and 35 deletions

View File

@ -31,7 +31,7 @@
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item
key="rename" key="rename"
:icon="h(Pencil, { size: 14 })" :icon="h(SquarePen, { size: 14 })"
@click.stop="renameChat(chat.id)" @click.stop="renameChat(chat.id)"
> >
重命名 重命名
@ -74,7 +74,7 @@
<script setup> <script setup>
import { computed, h, ref } from 'vue' import { computed, h, ref } from 'vue'
import { message, Modal } from 'ant-design-vue' import { message, Modal } from 'ant-design-vue'
import { ChevronDown, MoreVertical, Pencil, Pin, PinOff, Trash2 } from 'lucide-vue-next' import { ChevronDown, MoreVertical, Pin, PinOff, SquarePen, Trash2 } from 'lucide-vue-next'
import { parseToShanghai } from '@/utils/time' import { parseToShanghai } from '@/utils/time'
const props = defineProps({ const props = defineProps({

View File

@ -60,7 +60,7 @@
@click="showEditDepartmentModal(record)" @click="showEditDepartmentModal(record)"
class="action-btn lucide-icon-btn" class="action-btn lucide-icon-btn"
> >
<Pencil :size="14" /> <SquarePen :size="14" />
</a-button> </a-button>
</a-tooltip> </a-tooltip>
<a-tooltip title="删除部门"> <a-tooltip title="删除部门">
@ -178,7 +178,7 @@
import { reactive, onMounted, watch } from 'vue' import { reactive, onMounted, watch } from 'vue'
import { notification, message, Modal } from 'ant-design-vue' import { notification, message, Modal } from 'ant-design-vue'
import { departmentApi, apiSuperAdminGet } from '@/apis' import { departmentApi, apiSuperAdminGet } from '@/apis'
import { Delete as Trash2, Edit3 as Pencil, Plus, RefreshCw } from 'lucide-vue-next' import { Plus, RefreshCw, SquarePen, Trash2 } from 'lucide-vue-next'
// //
const columns = [ const columns = [

View File

@ -1,7 +1,7 @@
<template> <template>
<a-modal <a-modal
v-model:open="visible" v-model:open="visible"
width="1200px" width="800px"
:footer="null" :footer="null"
:closable="false" :closable="false"
wrap-class-name="file-detail" wrap-class-name="file-detail"

View File

@ -105,7 +105,7 @@
<a-menu> <a-menu>
<a-menu-item key="edit" @click.stop="showEditUserModal(user)"> <a-menu-item key="edit" @click.stop="showEditUserModal(user)">
<span class="user-card-menu-item"> <span class="user-card-menu-item">
<Pencil :size="14" /> <SquarePen :size="14" />
编辑用户 编辑用户
</span> </span>
</a-menu-item> </a-menu-item>
@ -261,7 +261,7 @@ import { useUserStore } from '@/stores/user'
import { departmentApi } from '@/apis' import { departmentApi } from '@/apis'
import { import {
Plus, Plus,
Pencil, SquarePen,
Trash2, Trash2,
User, User,
UserLock, UserLock,

View File

@ -5,7 +5,7 @@ import {
Plus, Plus,
RefreshCw, RefreshCw,
Trash2, Trash2,
Edit3, SquarePen,
Bot, Bot,
Microscope, Microscope,
MoreVertical, MoreVertical,
@ -438,7 +438,7 @@ defineExpose({
<a-menu> <a-menu>
<a-menu-item key="edit" @click.stop="openEditAgentModal(agent)"> <a-menu-item key="edit" @click.stop="openEditAgentModal(agent)">
<span class="agent-card-menu-item"> <span class="agent-card-menu-item">
<Edit3 :size="14" /> <SquarePen :size="14" />
编辑智能体 编辑智能体
</span> </span>
</a-menu-item> </a-menu-item>

View File

@ -72,15 +72,6 @@
<section v-else-if="!databases.length" class="sidebar-section"> <section v-else-if="!databases.length" class="sidebar-section">
<div class="sidebar-muted">暂无可访问知识库</div> <div class="sidebar-muted">暂无可访问知识库</div>
</section> </section>
<section class="sidebar-section">
<div class="section-title">共享空间</div>
<button type="button" class="workspace-nav-item secondary disabled" disabled>
<FileTypeIcon is-dir folder-variant="enterprise" :size="18" />
<span>团队工作区</span>
<span class="soon-tag">即将支持</span>
</button>
</section>
</aside> </aside>
</template> </template>
@ -184,23 +175,6 @@ const sharedDatabases = computed(() =>
min-height: 32px; min-height: 32px;
font-size: 13px; font-size: 13px;
} }
&.disabled {
color: var(--gray-400);
cursor: not-allowed;
:deep(.file-type-icon) {
opacity: 0.45;
filter: grayscale(0.25);
}
}
}
.soon-tag {
flex: 0 0 auto;
margin-left: auto;
color: var(--gray-400);
font-size: 11px;
} }
.sidebar-muted { .sidebar-muted {