Browse Source

fix:修复侧边栏宽度样式

master
秋田弘 8 months ago
parent
commit
58cbed64c5
  1. 22
      frontend/components.d.ts
  2. 6
      frontend/src/components/chat/Chat.vue
  3. 2
      frontend/src/components/window/WindowTemplate.vue
  4. 1
      frontend/src/stores/chat.ts
  5. 2
      frontend/src/system/member.ts

22
frontend/components.d.ts

@ -49,46 +49,24 @@ declare module 'vue' {
DialogTemp: typeof import('./src/components/window/DialogTemp.vue')['default']
EditFileName: typeof import('./src/components/builtin/EditFileName.vue')['default']
EditType: typeof import('./src/components/builtin/EditType.vue')['default']
ElAside: typeof import('element-plus/es')['ElAside']
ElAvatar: typeof import('element-plus/es')['ElAvatar']
ElBadge: typeof import('element-plus/es')['ElBadge']
ElButton: typeof import('element-plus/es')['ElButton']
ElCard: typeof import('element-plus/es')['ElCard']
ElCarousel: typeof import('element-plus/es')['ElCarousel']
ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
ElCol: typeof import('element-plus/es')['ElCol']
ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
ElContainer: typeof import('element-plus/es')['ElContainer']
ElDialog: typeof import('element-plus/es')['ElDialog']
ElDrawer: typeof import('element-plus/es')['ElDrawer']
ElDropdown: typeof import('element-plus/es')['ElDropdown']
ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
ElEmpty: typeof import('element-plus/es')['ElEmpty']
ElFooter: typeof import('element-plus/es')['ElFooter']
ElForm: typeof import('element-plus/es')['ElForm']
ElFormItem: typeof import('element-plus/es')['ElFormItem']
ElHeader: typeof import('element-plus/es')['ElHeader']
ElIcon: typeof import('element-plus/es')['ElIcon']
ElImage: typeof import('element-plus/es')['ElImage']
ElInput: typeof import('element-plus/es')['ElInput']
ElMain: typeof import('element-plus/es')['ElMain']
ElMenu: typeof import('element-plus/es')['ElMenu']
ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
ElOption: typeof import('element-plus/es')['ElOption']
ElPagination: typeof import('element-plus/es')['ElPagination']
ElPopover: typeof import('element-plus/es')['ElPopover']
ElProgress: typeof import('element-plus/es')['ElProgress']
ElRow: typeof import('element-plus/es')['ElRow']
ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
ElSelect: typeof import('element-plus/es')['ElSelect']
ElSwitch: typeof import('element-plus/es')['ElSwitch']
ElTable: typeof import('element-plus/es')['ElTable']
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
ElText: typeof import('element-plus/es')['ElText']
ElTooltip: typeof import('element-plus/es')['ElTooltip']
ElTransfer: typeof import('element-plus/es')['ElTransfer']
ElTree: typeof import('element-plus/es')['ElTree']
Error: typeof import('./src/components/taskbar/Error.vue')['default']
FileIcon: typeof import('./src/components/builtin/FileIcon.vue')['default']

6
frontend/src/components/chat/Chat.vue

@ -2,7 +2,7 @@
import { useChatStore } from "@/stores/chat";
import { getWorkflowUrl } from "@/system/config";
import { Search } from "@element-plus/icons-vue";
const store = useChatStore()
const store = useChatStore();
const workUrl = getWorkflowUrl();
onMounted(() => {
store.initChat();
@ -223,8 +223,8 @@
.side {
flex: 1;
/* 占据剩余宽度 */
max-width: 200px;
min-width: 200px;
/* max-width: 200px; */
/* min-width: 200px; */
min-height: 650px;
max-height: max-content;
border-right: 1px solid #e8e8e8;

2
frontend/src/components/window/WindowTemplate.vue

@ -191,7 +191,7 @@
margin: 0;
// left: 0;
// top: 0;
// min-width: 900px;
// min-width: 800px;
width: max-content;
height: max-content;
// min-height: 650px;

1
frontend/src/stores/chat.ts

@ -1236,7 +1236,6 @@ export const useChatStore = defineStore('chatStore', () => {
}
const memberData = await res.json();
console.log(memberData.data.group.members)
// 封装 avatar 和 nickname 到 groupMembers
groupMembers.value = memberData.data.group.members.map((member: any) => ({
id: member.id,

2
frontend/src/system/member.ts

@ -4,7 +4,7 @@ export const memberList = [
appIcon: "chat",
content:"Chat",
frame: true,
width: 900,
width: 800,
height: 650,
center: true,
resizable: true,

Loading…
Cancel
Save