Merge branch 'master' of http://192.168.0.22:9001/r/lims-before

Fixiaobai

2023-09-09 34a7e21b3508ac0f5f011d958210fdb7176d726b

 src/layout/index.vue

@@ -1,18 +1,18 @@
<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" />
      <!-- 清除定位的影响 -->
      <div class="breadcrumb">
      <Breadcrumb class="breadcrumb-container" ref="breadcrumb" />
        <Breadcrumb class="breadcrumb-container" ref="breadcrumb" />
      </div>
      <div class="app-main">
      <app-main ref="main" @triggerCombackBtn="triggerCombackBtn"/>
        <app-main ref="main" @triggerCombackBtn="triggerCombackBtn" />
      </div>
    </div>
  </div>
@@ -51,20 +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()
    },
    indexAdd(){
    indexAdd() {
      this.$refs.main.mainAdd()
    },
    showIndexAdd(){
    showIndexAdd() {
      this.$refs.breadcrumb.showadd()
    },
    triggerCombackBtn(){
    triggerCombackBtn() {
      this.$refs.breadcrumb.triggerBtnPlan()
    }
  }
@@ -72,63 +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{
      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;
      }
    }
  }
  .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>