From ff4dcb643997e1f94a06639a26ae437bb6918c45 Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期一, 28 八月 2023 14:31:35 +0800
Subject: [PATCH] deleted: src/views/login/2.vue
---
src/layout/index.vue | 128 ++++++++++++++++++++++++++----------------
1 files changed, 80 insertions(+), 48 deletions(-)
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 7d41209..3424c5b 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,15 +1,19 @@
<template>
<div :class="classObj" class="app-wrapper">
- <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
+ <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
<sidebar class="sidebar-container" />
<div class="main-container">
- <div :class="{'fixed-header':fixedHeader}">
+ <div :class="{ 'fixed-header': fixedHeader }">
<navbar />
</div>
<div class="clearFixed" />
<!-- 娓呴櫎瀹氫綅鐨勫奖鍝� -->
- <Breadcrumb class="breadcrumb-container" ref="breadcrumb" />
- <app-main ref="main" @triggerCombackBtn="triggerCombackBtn"/>
+ <div class="breadcrumb">
+ <Breadcrumb class="breadcrumb-container" ref="breadcrumb" />
+ </div>
+ <div class="app-main">
+ <app-main ref="main" @triggerCombackBtn="triggerCombackBtn" />
+ </div>
</div>
</div>
</template>
@@ -47,14 +51,26 @@
}
}
},
+ created() {
+ if (sessionStorage.getItem("flushPage") == 0) {
+ location.reload();
+ sessionStorage.setItem("flushPage",1)
+ }
+ },
methods: {
handleClickOutside() {
this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
},
- combackPlan(){
- this.$refs.main.childMethod()
+ combackPlan() {
+ this.$refs.main.childMethod()
},
- triggerCombackBtn(){
+ indexAdd() {
+ this.$refs.main.mainAdd()
+ },
+ showIndexAdd() {
+ this.$refs.breadcrumb.showadd()
+ },
+ triggerCombackBtn() {
this.$refs.breadcrumb.triggerBtnPlan()
}
}
@@ -62,53 +78,69 @@
</script>
<style lang="scss" scoped>
- @import "~@/styles/mixin.scss";
- @import "~@/styles/variables.scss";
+@import "~@/styles/mixin.scss";
+@import "~@/styles/variables.scss";
- .app-wrapper {
- @include clearfix;
- position: relative;
- height: 100%;
- width: 100%;
- &.mobile.openSidebar{
- position: fixed;
- top: 0;
- }
- .sidebar-container{
- box-shadow: 0 0 0.857143rem rgba(0,0,0,.12);
- }
- .main-container{
- background: #f0f2f5;
- .clearFixed{
- height: 50px;
- }
- }
- }
- .drawer-bg {
- background: #000;
- opacity: 0.3;
- width: 100%;
- top: 0;
- height: 100%;
- position: absolute;
- z-index: 999;
- }
+.app-wrapper {
+ @include clearfix;
+ position: relative;
+ height: 100%;
+ width: 100%;
- .fixed-header {
+ &.mobile.openSidebar {
position: fixed;
top: 0;
- right: 0;
- z-index: 9;
- width: calc(100% - #{$sideBarWidth});
- // width: calc(100% - 100px);
- transition: width 0.28s;
}
- .hideSidebar .fixed-header {
- width: calc(100% - #{$sideBarWidth})
+ .sidebar-container {
+ box-shadow: 0 0 0.857143rem rgba(0, 0, 0, .12);
}
- .mobile .fixed-header {
- width: 100%;
+ .main-container {
+ position: relative;
+ background: #f0f2f5;
+
+ .clearFixed {
+ height: 50px;
+ }
+
+ .breadcrumb {
+ position: fixed;
+ left: 0.57rem !important;
+ width: 93.8%;
+ z-index: 999;
+ }
+
+ .app-main {
+ margin-top: 4vh;
+ }
}
-</style>
+}
+
+.drawer-bg {
+ background: #000;
+ opacity: 0.3;
+ width: 100%;
+ top: 0;
+ height: 100%;
+ position: absolute;
+ z-index: 999;
+}
+
+.fixed-header {
+ position: fixed;
+ top: 0;
+ right: 0;
+ z-index: 9;
+ width: calc(100% - #{$sideBarWidth});
+ // width: calc(100% - 100px);
+ transition: width 0.28s;
+}
+
+.hideSidebar .fixed-header {
+ width: calc(100% - #{$sideBarWidth})
+}
+
+.mobile .fixed-header {
+ width: 100%;
+}</style>
--
Gitblit v1.9.3