From c469d387fe2cd307916fd0c8d9f7d06c5fe974c0 Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期四, 14 三月 2024 09:09:45 +0800
Subject: [PATCH] 111
---
platform/src/layouts/AppLayout.vue | 122 ++++++++++++++++++++++++++++++++--------
1 files changed, 98 insertions(+), 24 deletions(-)
diff --git a/platform/src/layouts/AppLayout.vue b/platform/src/layouts/AppLayout.vue
index 476998f..43e3677 100644
--- a/platform/src/layouts/AppLayout.vue
+++ b/platform/src/layouts/AppLayout.vue
@@ -1,31 +1,58 @@
<template>
- <el-container class="app-layout">
- <el-aside :class="{collapse:menuData.collapse}">
- <Menu/>
- </el-aside>
- <el-main>
- <header>
- <AppHeader/>
- </header>
- <main>
- <transition name="fade">
- <router-view></router-view>
- </transition>
- </main>
- </el-main>
- </el-container>
+ <div>
+ <CommonHeader />
+ <div style="height:10px; background: #fff"></div>
+ <el-container class="app-layout">
+ <el-aside :class="{collapse:menuData.collapse}">
+ <Menu/>
+ </el-aside>
+ <el-main>
+ <header>
+ <AppHeader/>
+ </header>
+ <div style="height:10px;"></div>
+ <main ref="containerS">
+ <transition name="fade">
+<!-- <keep-alive>-->
+ <router-view></router-view>
+<!-- </keep-alive>-->
+ </transition>
+ </main>
+ </el-main>
+ </el-container>
+
+ </div>
</template>
<script>
import { mapState } from 'vuex'
import Header from '@/components/common/Header'
+import CommonHeader from '@/components/common/CommonHeader'
import Menu from '@/components/common/Menu'
+import Watermark from "@/utils/waterMark";
export default {
name: 'DefaultLayout',
- components: { AppHeader: Header, Menu },
+ components: { AppHeader: Header, Menu, CommonHeader },
+ data() {
+ return {
+ isFinishData: false,
+ orgBackground: ''
+ }
+ },
computed: {
- ...mapState(['menuData'])
- }
+ ...mapState(['menuData', 'userInfo'])
+ },
+
+ mounted() {
+ // 浼佷笟绔敤鎴疯缃按鍗�
+ if (this.userInfo.type === 1) {
+ Watermark.set(this.userInfo.company.name, this.$refs.containerS);
+ }
+ },
+
+ methods: {
+
+ },
}
</script>
@@ -34,17 +61,27 @@
.el-container {
background: #F7F8F9;
height: 100%;
+
display: flex;
- overflow: hidden;
+ // overflow: hidden;
+ overflow: scroll;
// 宸﹁竟鑿滃崟
.el-aside {
width: $menu-width !important;
flex-shrink: 0;
- height: 100%;
- overflow-y: auto;
+ // height: 100%;
+ // height: 900px;
+ height: calc(100vh - 80px);
+ overflow-y: scroll;
+ overflow-x: hidden;
background: $primary-color;
color: #fff;
transition: width ease .3s;
+ scrollbar-width: none; /* firefox */
+ -ms-overflow-style: none; /* IE 10+ */
+ &::-webkit-scrollbar {
+ display: none; /* Chrome Safari */
+ }
&.collapse {
width: 64px !important;
}
@@ -52,18 +89,26 @@
// 鍙宠竟鍐呭
.el-main {
width: 100%;
- height: 100%;
+ // height: 100%;
+ height: calc(100vh - 90px);
padding: 0;
position: relative;
display: flex;
flex-direction: column;
- overflow: hidden;
+ overflow-y: scroll;
+ overflow-x: hidden;
+ scrollbar-width: none; /* firefox */
+ -ms-overflow-style: none; /* IE 10+ */
+ &::-webkit-scrollbar {
+ display: none; /* Chrome Safari */
+ }
& > header {
- height: $header-height;
+ height: 48px;
flex-shrink: 0;
}
& > main {
height: 100%;
+ box-sizing: border-box;
overflow-y: auto;
}
}
@@ -81,4 +126,33 @@
transition: all .5s;
position: absolute;
}
+.comfirm {
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, 0.3);
+ z-index: 1000;
+ .container {
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto;
+ background-color: #fff;
+ width: 500px;
+ height: 120px;
+ padding: 30px;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ .complete {
+ display: flex;
+ flex-direction: row-reverse;
+ }
+ }
+}
</style>
--
Gitblit v1.9.3