|
@@ -1,5 +1,6 @@
|
|
|
<template>
|
|
|
<div class="navbar">
|
|
|
+<<<<<<< HEAD
|
|
|
<hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
|
|
<Goback id="goback-container" class="goback-container" v-if="!topNav"/>
|
|
|
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>
|
|
@@ -10,6 +11,29 @@
|
|
|
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
|
|
|
<div class="avatar-wrapper">
|
|
|
<img :src="avatar" class="user-avatar">
|
|
|
+=======
|
|
|
+ <hamburger
|
|
|
+ id="hamburger-container"
|
|
|
+ :is-active="sidebar.opened"
|
|
|
+ class="hamburger-container"
|
|
|
+ @toggleClick="toggleSideBar"
|
|
|
+ />
|
|
|
+ <Goback id="goback-container" class="goback-container" v-if="!topNav" />
|
|
|
+ <breadcrumb
|
|
|
+ id="breadcrumb-container"
|
|
|
+ class="breadcrumb-container"
|
|
|
+ v-if="!topNav"
|
|
|
+ />
|
|
|
+ <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav" />
|
|
|
+
|
|
|
+ <div class="right-menu">
|
|
|
+ <el-dropdown
|
|
|
+ class="avatar-container right-menu-item hover-effect"
|
|
|
+ trigger="click"
|
|
|
+ >
|
|
|
+ <div class="avatar-wrapper">
|
|
|
+ <img :src="avatar" class="user-avatar" />
|
|
|
+>>>>>>> 80fdac3 (藏品管理)
|
|
|
<i class="el-icon-caret-bottom" />
|
|
|
</div>
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
@@ -29,11 +53,19 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+<<<<<<< HEAD
|
|
|
import { mapGetters } from 'vuex'
|
|
|
import Breadcrumb from '@/components/Breadcrumb'
|
|
|
import Goback from '@/components/Goback'
|
|
|
import TopNav from '@/components/TopNav'
|
|
|
import Hamburger from '@/components/Hamburger'
|
|
|
+=======
|
|
|
+import { mapGetters } from "vuex";
|
|
|
+import Breadcrumb from "@/components/Breadcrumb";
|
|
|
+import Goback from "@/components/Goback";
|
|
|
+import TopNav from "@/components/TopNav";
|
|
|
+import Hamburger from "@/components/Hamburger";
|
|
|
+>>>>>>> 80fdac3 (藏品管理)
|
|
|
//import Screenfull from '@/components/Screenfull'
|
|
|
//import SizeSelect from '@/components/SizeSelect'
|
|
|
//import Search from '@/components/HeaderSearch'
|
|
@@ -44,6 +76,7 @@ export default {
|
|
|
components: {
|
|
|
Breadcrumb,
|
|
|
TopNav,
|
|
|
+<<<<<<< HEAD
|
|
|
Goback,
|
|
|
Hamburger,
|
|
|
// Screenfull,
|
|
@@ -92,6 +125,54 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+=======
|
|
|
+ Goback,
|
|
|
+ Hamburger,
|
|
|
+ // Screenfull,
|
|
|
+ //SizeSelect,
|
|
|
+ //Search,
|
|
|
+ // RuoYiGit,
|
|
|
+ // RuoYiDoc
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["sidebar", "avatar", "device"]),
|
|
|
+ setting: {
|
|
|
+ get() {
|
|
|
+ return this.$store.state.settings.showSettings;
|
|
|
+ },
|
|
|
+ set(val) {
|
|
|
+ this.$store.dispatch("settings/changeSetting", {
|
|
|
+ key: "showSettings",
|
|
|
+ value: val,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ topNav: {
|
|
|
+ get() {
|
|
|
+ return this.$store.state.settings.topNav;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ toggleSideBar() {
|
|
|
+ this.$store.dispatch("app/toggleSideBar");
|
|
|
+ },
|
|
|
+ async logout() {
|
|
|
+ this.$confirm("确定注销并退出系统吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$store.dispatch("LogOut").then(() => {
|
|
|
+ location.href = "/index";
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+>>>>>>> 80fdac3 (藏品管理)
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
@@ -100,13 +181,18 @@ export default {
|
|
|
overflow: hidden;
|
|
|
position: relative;
|
|
|
background: #fff;
|
|
|
+<<<<<<< HEAD
|
|
|
box-shadow: 0 1px 4px rgba(0,21,41,.08);
|
|
|
+=======
|
|
|
+ box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
|
|
+>>>>>>> 80fdac3 (藏品管理)
|
|
|
|
|
|
.hamburger-container {
|
|
|
line-height: 46px;
|
|
|
height: 100%;
|
|
|
float: left;
|
|
|
cursor: pointer;
|
|
|
+<<<<<<< HEAD
|
|
|
transition: background .3s;
|
|
|
-webkit-tap-highlight-color:transparent;
|
|
|
|
|
@@ -117,11 +203,25 @@ export default {
|
|
|
|
|
|
.goback-container{
|
|
|
|
|
|
+=======
|
|
|
+ transition: background 0.3s;
|
|
|
+ -webkit-tap-highlight-color: transparent;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: rgba(0, 0, 0, 0.025);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .goback-container {
|
|
|
+>>>>>>> 80fdac3 (藏品管理)
|
|
|
float: left;
|
|
|
line-height: 50px;
|
|
|
}
|
|
|
.breadcrumb-container {
|
|
|
+<<<<<<< HEAD
|
|
|
|
|
|
+=======
|
|
|
+>>>>>>> 80fdac3 (藏品管理)
|
|
|
float: left;
|
|
|
line-height: 50px;
|
|
|
}
|
|
@@ -155,10 +255,17 @@ export default {
|
|
|
|
|
|
&.hover-effect {
|
|
|
cursor: pointer;
|
|
|
+<<<<<<< HEAD
|
|
|
transition: background .3s;
|
|
|
|
|
|
&:hover {
|
|
|
background: rgba(0, 0, 0, .025)
|
|
|
+=======
|
|
|
+ transition: background 0.3s;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: rgba(0, 0, 0, 0.025);
|
|
|
+>>>>>>> 80fdac3 (藏品管理)
|
|
|
}
|
|
|
}
|
|
|
}
|