WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改整体布局

Browse Source
This commit is contained in:
qq787203167
2022-02-25 19:14:37 +08:00
parent e91eba2511
commit 027246fb4f
8 changed files with 118 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/components/layouts/TabLayout.vue
+10 -3
View File
@@ -20,7 +20,7 @@
<!-- </a-tab-pane>-->
<!-- </a-tabs>-->
<!-- style="margin: 12px 12px 0;"-->
<Tabcrumbs />
<Tabcrumbs v-if="isTrue"/>
<div>
<!-- update-begin-author:taoyan date:20201221 for:此处删掉transition标签 不知道为什么加上后 页面路由切换的时候即1及菜单切到2及菜单的时候 两个菜单页面会同时出现300-500秒左右 -->
<keep-alive v-if="multipage">
@@ -83,7 +83,14 @@
} else {
return this.$store.state.app.multipage
}
}
},
isTrue(){
if (this.$route.path == '/docManage/library/detail'){
return false
}else{
return true
}
},
},
created() {
if (this.$route.path != indexKey) {
@@ -440,7 +447,7 @@
.ant-card {
z-index: 999;
background: #fff;
background: transparent!important;
}
.ant-input{
background: transparent !important;
jero-web/src/components/layouts/Tabcrumbs.vue
+17 -7
View File
@@ -1,7 +1,7 @@
<template>
<div class="box">
<span class="box-text">
文档管理
<span class="box-text">
{{Navigation}}
</span>
<span class="box-text-content" v-if="subNavigation">
<img src="~@/assets/dayu.png" alt="">
@@ -17,17 +17,28 @@
name: 'Tabcrumbs',
data() {
return {
Navigation: '',
subNavigation: ''
Navigation: '文档管理',
subNavigation: null
}
},
watch: {
'$route': function(val) {
this.subNavigation = val.meta.title
if (val.meta.title == '首页') {
this.Navigation = val.meta.title
this.subNavigation = null
} else {
this.subNavigation = val.meta.title
}
}
},
mounted() {
this.subNavigation = this.$route.meta.title
if (this.$route.meta.title == '首页') {
this.Navigation = this.$route.meta.title
this.subNavigation = null
} else {
this.subNavigation = this.$route.meta.title
}
},
methods: {}
}
@@ -38,7 +49,6 @@
width: 100%;
height: 72px;
line-height: 92px;
background: #fff;
padding: 0 24px;
box-sizing: border-box;
}
jero-web/src/components/page/GlobalLayout.vue
+29 -16
View File
@@ -65,14 +65,14 @@
/>
<!-- layout content -->
<a-layout-content :style="{ height: '100%', paddingTop: fixedHeader ? '59px' : '0' }">
<a-layout-content :style="{ height: '100%', paddingTop: fixedHeader ? '59px' : '0' , 'background': '#fff'}">
<slot></slot>
</a-layout-content>
<!-- layout footer -->
<!-- <a-layout-footer style="padding: 0px">-->
<!-- <global-footer/>-->
<!-- </a-layout-footer>-->
<!-- <a-layout-footer style="padding: 0px">-->
<!-- <global-footer/>-->
<!-- </a-layout-footer>-->
</a-layout>
<!-- update-start---- author:os_chengtgen -- date:20190830 -- for:issues/463 -编译主题颜色已生效，但还一直转圈，显示主题 正在编译 ---- -->
@@ -99,7 +99,7 @@
components: {
SideMenu,
GlobalHeader,
GlobalFooter,
GlobalFooter
// update-start---- author:os_chengtgen -- date:20190830 -- for:issues/463 -编译主题颜色已生效，但还一直转圈，显示主题 正在编译 ------
// // SettingDrawer
// 注释这个因为在个人设置模块已经加载了SettingDrawer页面
@@ -110,7 +110,7 @@
data() {
return {
collapsed: false,
activeMenu:{},
activeMenu: {},
menus: []
}
},
@@ -133,7 +133,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
// 根据后台配置菜单，重新排序加载路由信息
@@ -156,21 +156,21 @@
}
},
//update-begin-author:taoyan date:20190430 for:动态路由title显示配置的菜单title而不是其对应路由的title
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)
// update-begin-author:sunjianlei date:20191223 for: 修复刷新后菜单Tab名字显示异常
let storeKey = 'route:title:' + this.activeMenu.path
this.$ls.set(storeKey, this.activeMenu.meta.title)
// update-end-author:sunjianlei date:20191223 for: 修复刷新后菜单Tab名字显示异常
},
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)
}
}
}
@@ -207,14 +207,17 @@
* ant-table-wrapper
* 覆盖的表格手机模式样式，如果想修改在手机上表格最低宽度，可以在这里改动
*/
.ant-table-wrapper {
.ant-table-content {
overflow-y: auto;
}
.ant-table-body {
min-width: 800px;
}
}
.sidemenu {
.ant-header-fixedHeader {
@@ -226,12 +229,14 @@
.topmenu {
/* 必须为 topmenu 才能启用流式布局 */
&.content-width-Fluid {
.header-index-wide {
margin-left: 0;
}
}
}
.header, .top-nav-header-index {
.user-wrapper .action {
padding: 0 12px;
@@ -272,7 +277,9 @@
width: 100%;
}
}
/* 必须为 topmenu 才能启用流式布局 */
&.content-width-Fluid {
.header-index-wide {
max-width: unset;
@@ -405,6 +412,7 @@
}
}
}
//
}
}
@@ -479,6 +487,7 @@
float: right;
height: 59px;
overflow: hidden;
.action:hover {
background-color: rgba(0, 0, 0, 0.05);
}
@@ -511,6 +520,7 @@
}
}
}
.header-index-wide .header-index-left .trigger:hover {
background: rgba(255, 255, 255, 0.3);
}
@@ -545,8 +555,10 @@
background-color: rgb(0, 21, 41);
}
}
&.light {
box-shadow: none;
.ant-drawer-content {
background-color: #fff;
}
@@ -659,6 +671,7 @@
padding-right: 8px;
width: auto;
}
.ant-form-item-control {
height: 32px;
line-height: 32px;