feat: 优化前端界面细节
This commit is contained in:
parent
9e23ad8976
commit
d2e060a8b0
@ -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({
|
||||||
|
|||||||
@ -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 = [
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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,
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user