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'] DialogTemp: typeof import('./src/components/window/DialogTemp.vue')['default']
EditFileName: typeof import('./src/components/builtin/EditFileName.vue')['default'] EditFileName: typeof import('./src/components/builtin/EditFileName.vue')['default']
EditType: typeof import('./src/components/builtin/EditType.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'] ElAvatar: typeof import('element-plus/es')['ElAvatar']
ElBadge: typeof import('element-plus/es')['ElBadge']
ElButton: typeof import('element-plus/es')['ElButton'] ElButton: typeof import('element-plus/es')['ElButton']
ElCard: typeof import('element-plus/es')['ElCard'] ElCard: typeof import('element-plus/es')['ElCard']
ElCarousel: typeof import('element-plus/es')['ElCarousel'] ElCarousel: typeof import('element-plus/es')['ElCarousel']
ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem'] ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
ElCol: typeof import('element-plus/es')['ElCol'] 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'] ElDialog: typeof import('element-plus/es')['ElDialog']
ElDrawer: typeof import('element-plus/es')['ElDrawer'] 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'] ElForm: typeof import('element-plus/es')['ElForm']
ElFormItem: typeof import('element-plus/es')['ElFormItem'] ElFormItem: typeof import('element-plus/es')['ElFormItem']
ElHeader: typeof import('element-plus/es')['ElHeader']
ElIcon: typeof import('element-plus/es')['ElIcon'] ElIcon: typeof import('element-plus/es')['ElIcon']
ElImage: typeof import('element-plus/es')['ElImage']
ElInput: typeof import('element-plus/es')['ElInput'] ElInput: typeof import('element-plus/es')['ElInput']
ElMain: typeof import('element-plus/es')['ElMain']
ElMenu: typeof import('element-plus/es')['ElMenu'] ElMenu: typeof import('element-plus/es')['ElMenu']
ElMenuItem: typeof import('element-plus/es')['ElMenuItem'] ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
ElOption: typeof import('element-plus/es')['ElOption']
ElPagination: typeof import('element-plus/es')['ElPagination'] ElPagination: typeof import('element-plus/es')['ElPagination']
ElPopover: typeof import('element-plus/es')['ElPopover']
ElProgress: typeof import('element-plus/es')['ElProgress'] ElProgress: typeof import('element-plus/es')['ElProgress']
ElRow: typeof import('element-plus/es')['ElRow'] 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'] ElTooltip: typeof import('element-plus/es')['ElTooltip']
ElTransfer: typeof import('element-plus/es')['ElTransfer']
ElTree: typeof import('element-plus/es')['ElTree'] ElTree: typeof import('element-plus/es')['ElTree']
Error: typeof import('./src/components/taskbar/Error.vue')['default'] Error: typeof import('./src/components/taskbar/Error.vue')['default']
FileIcon: typeof import('./src/components/builtin/FileIcon.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 { useChatStore } from "@/stores/chat";
import { getWorkflowUrl } from "@/system/config"; import { getWorkflowUrl } from "@/system/config";
import { Search } from "@element-plus/icons-vue"; import { Search } from "@element-plus/icons-vue";
const store = useChatStore() const store = useChatStore();
const workUrl = getWorkflowUrl(); const workUrl = getWorkflowUrl();
onMounted(() => { onMounted(() => {
store.initChat(); store.initChat();
@ -223,8 +223,8 @@
.side { .side {
flex: 1; flex: 1;
/* 占据剩余宽度 */ /* 占据剩余宽度 */
max-width: 200px; /* max-width: 200px; */
min-width: 200px; /* min-width: 200px; */
min-height: 650px; min-height: 650px;
max-height: max-content; max-height: max-content;
border-right: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;

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

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

1
frontend/src/stores/chat.ts

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

2
frontend/src/system/member.ts

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

Loading…
Cancel
Save