From b68edf1ec5867dd2bd60ee64a205879093b5cf4f Mon Sep 17 00:00:00 2001
From: zhaowei <zhaowei>
Date: 星期二, 30 七月 2024 17:47:07 +0800
Subject: [PATCH] 1、调整登录页及首页样式（暂未使用响应式布局，背景图片需压缩，页面加载慢） 2、新增大模型对话页面 3、新增菜单管理使用自定义icon功能 4、调整全局项目名称和LOGO（除浏览器页签logo，暂无黑底logo的底图）
---
src/components/page/GlobalLayout.vue | 120 ++++++++++++++++++++++++++---------------------------------
1 files changed, 53 insertions(+), 67 deletions(-)
diff --git a/src/components/page/GlobalLayout.vue b/src/components/page/GlobalLayout.vue
index 65e154a..0516650 100644
--- a/src/components/page/GlobalLayout.vue
+++ b/src/components/page/GlobalLayout.vue
@@ -1,60 +1,46 @@
<template>
- <a-layout class="layout" :class="[device]">
+ <a-layout class="layout" :class="[device]"
+ :style="{backgroundImage:$route.meta.title==='棣栭〉'?`url(${require('../../assets/page/index/background.svg')}) !important`:`url(${require('../../assets/page/login/background.svg')})!important`}">
- <template v-if="layoutMode === 'sidemenu'">
- <a-drawer
- v-if="device === 'mobile'"
- :wrapClassName="'drawer-sider ' + navTheme"
- placement="left"
- @close="() => this.collapsed = false"
- :closable="false"
- :visible="collapsed"
- width="200px"
- >
- <side-menu
- mode="inline"
- v-if="device === 'mobile'"
- :menus="menus"
- @menuSelect="menuSelect"
- @updateMenuTitle="handleUpdateMenuTitle"
- :theme="navTheme"
- :collapsed="false"
- :collapsible="true"></side-menu>
- </a-drawer>
+ <!--<a-drawer-->
+ <!--v-if="device === 'mobile'"-->
+ <!--:wrapClassName="'drawer-sider ' + navTheme"-->
+ <!--placement="left"-->
+ <!--@close="() => this.collapsed = false"-->
+ <!--:closable="false"-->
+ <!--:visible="collapsed"-->
+ <!--width="200px"-->
+ <!-->-->
+ <!--<side-menu-->
+ <!--mode="inline"-->
+ <!--v-if="device === 'mobile'"-->
+ <!--:menus="menus"-->
+ <!--@menuSelect="menuSelect"-->
+ <!--@updateMenuTitle="handleUpdateMenuTitle"-->
+ <!--:theme="navTheme"-->
+ <!--:collapsed="false"-->
+ <!--:collapsible="true"></side-menu>-->
+ <!--</a-drawer>-->
- <side-menu
- v-show="device === 'desktop'"
- mode="inline"
- :menus="menus"
- @menuSelect="myMenuSelect"
- @updateMenuTitle="handleUpdateMenuTitle"
- :theme="navTheme"
- :collapsed="collapsed"
- :collapsible="true"></side-menu>
- </template>
+ <side-menu
+ mode="inline"
+ :menus="menus"
+ @menuSelect="myMenuSelect"
+ @updateMenuTitle="handleUpdateMenuTitle"
+ :theme="navTheme"
+ :collapsed="true"
+ :collapsible="true"></side-menu>
<a-layout
- :class="[layoutMode, `content-width-${contentWidth}`]"
- :style="{ paddingLeft: fixSiderbar && isDesktop() ? `${sidebarOpened ? 200 : 80}px` : '0' }">
- <!-- layout header -->
- <global-header
- :mode="layoutMode"
- :menus="menus"
- :theme="navTheme"
- :collapsed="collapsed"
- :device="device"
- @toggle="toggle"
- @updateMenuTitle="handleUpdateMenuTitle"
- />
-
+ :class="[layoutMode, `content-width-${contentWidth}`]">
<!-- layout content -->
- <a-layout-content :style="{ height: '100%', paddingTop: fixedHeader ? '59px' : '0' }">
+ <a-layout-content :style="{ height: '100%' }">
<slot></slot>
</a-layout-content>
<!-- layout footer -->
- <a-layout-footer style="padding: 0px">
+ <a-layout-footer style="padding: 0px;background-color: transparent">
<global-footer/>
</a-layout-footer>
</a-layout>
@@ -82,7 +68,7 @@
components: {
SideMenu,
GlobalHeader,
- GlobalFooter,
+ GlobalFooter
// update-start---- author:os_chengtgen -- date:20190830 -- for:issues/463 -缂栬瘧涓婚棰滆壊宸茬敓鏁堬紝浣嗚繕涓�鐩磋浆鍦堬紝鏄剧ず涓婚 姝ｅ湪缂栬瘧 ------
// // SettingDrawer
// 娉ㄩ噴杩欎釜鍥犱负鍦ㄤ釜浜鸿缃ā鍧楀凡缁忓姞杞戒簡SettingDrawer椤甸潰
@@ -93,7 +79,7 @@
data() {
return {
collapsed: false,
- activeMenu:{},
+ activeMenu: {},
menus: []
}
},
@@ -116,7 +102,7 @@
this.menus = this.permissionMenuList
//--update-begin----author:liusq---date:20210223------for:鍏充簬娴嬭竟鑿滃崟閬尅鍐呭闂璇︾粏璇存槑 #2255
- this.collapsed=!this.sidebarOpened;
+ this.collapsed = !this.sidebarOpened
//--update-begin----author:liusq---date:20210223------for:鍏充簬娴嬭竟鑿滃崟閬尅鍐呭闂璇︾粏璇存槑 #2255
// 鏍规嵁鍚庡彴閰嶇疆鑿滃崟锛岄噸鏂版帓搴忓姞杞借矾鐢变俊鎭�
@@ -139,17 +125,17 @@
}
},
//update-begin-author:taoyan date:20190430 for:鍔ㄦ�佽矾鐢眛itle鏄剧ず閰嶇疆鐨勮彍鍗晅itle鑰屼笉鏄叾瀵瑰簲璺敱鐨則itle
- myMenuSelect(value){
+ myMenuSelect(value) {
//姝ゅ瑙﹀彂鍔ㄦ�佽矾鐢辫鐐瑰嚮浜嬩欢
- this.findMenuBykey(this.menus,value.key)
- this.$emit("dynamicRouterShow",value.key,this.activeMenu.meta.title)
+ this.findMenuBykey(this.menus, value.key)
+ this.$emit('dynamicRouterShow', value.key, this.activeMenu.meta.title)
},
- findMenuBykey(menus,key){
- for(let i of menus){
- if(i.path==key){
- this.activeMenu = {...i}
- }else if(i.children && i.children.length>0){
- this.findMenuBykey(i.children,key)
+ findMenuBykey(menus, key) {
+ for (let i of menus) {
+ if (i.path == key) {
+ this.activeMenu = { ...i }
+ } else if (i.children && i.children.length > 0) {
+ this.findMenuBykey(i.children, key)
}
}
},
@@ -160,7 +146,7 @@
this.findMenuBykey(this.menus, value.path)
this.activeMenu.meta.title = value.meta.title
this.$emit('dynamicRouterShow', value.path, this.activeMenu.meta.title)
- },
+ }
// update-end-author:sunjianlei date:20210409 for: 淇鍔ㄦ�佸姛鑳芥祴璇曡彍鍗曘�佸甫鍙傛暟鑿滃崟鏍囬閿欒銆佸睍寮�閿欒鐨勯棶棰�
}
@@ -182,6 +168,8 @@
.layout {
min-height: 100vh !important;
overflow-x: hidden;
+ background-size: cover !important;
+ background-repeat: no-repeat !important;
&.mobile {
@@ -278,6 +266,8 @@
}
.sidemenu {
+ background-color: transparent;
+
.ant-header-fixedHeader {
position: fixed;
top: 0;
@@ -555,16 +545,11 @@
position: relative;
z-index: 10;
- &.ant-fixed-sidemenu {
- position: fixed;
- height: 100%;
- }
-
.logo {
height: 64px;
position: relative;
line-height: 64px;
- padding-left: 24px;
+ text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
background: #002140;
@@ -589,8 +574,8 @@
}
&.light {
- background-color: #fff;
- box-shadow: 2px 116px 8px 0 rgba(29, 35, 41, 0.05);
+ background-color: transparent;
+ box-shadow: none;
.logo {
background: #fff;
@@ -677,3 +662,4 @@
}
}
</style>
+
--
Gitblit v1.9.3