业务线选择提示

src/layout/components/Navbar.vue

@@ -198,27 +198,6 @@ export default {
   position: relative;
   background: #409EFF;
   box-shadow: 0 1px 4px rgba(0,21,41,.08);
-
-  .hamburger-container {
-    line-height: 46px;
-    height: 100%;
-    float: left;
-    cursor: pointer;
-    transition: background .3s;
-    -webkit-tap-highlight-color:transparent;
-
-    &:hover {
-      background: rgba(0, 0, 0, .025)
-    }
-  }
-
-  .breadcrumb-container {
-    float: left;
-    /deep/ .el-breadcrumb__separator {
-      color:white !important
-    }
-  }
-
   .right-menu {
     &:focus {
       outline: none;
@@ -241,20 +220,16 @@ export default {
         }
       }
     }
-
     .avatar-container {
       margin-right: 30px;
-
       .avatar-wrapper {
         position: relative;
-
         .user-avatar {
           cursor: pointer;
           width: 40px;
           height: 40px;
           border-radius: 10px;
         }
-
         .el-icon-caret-bottom {
           cursor: pointer;
           position: absolute;

src/layout/components/Sidebar/index.vue

@@ -21,6 +21,13 @@
       <el-divider style="color: #EEF0F5; margin: 0px;" />
       <hamburger :is-active="sidebar.opened" class="hamburger-containers" @toggleClick="toggleSideBar" />
     </el-footer>
+    <div v-if="!isKnownBusness && bizId !== -1" class="business-guide">
+      <div class="guide-dialog">
+        <div class="guide-close"><i class="el-icon-error" @click="knownBusness()" /></div>
+        <div class="guide-title">业务线切换在这里哦！</div>
+        <div class="guide-confirm" @click="knownBusness()">好的，我知道了</div>
+      </div>
+    </div>
   </el-container>
 </template>
 
@@ -38,17 +45,16 @@ export default {
   mixins: [websocket],
   data() {
     return {
+      isKnownBusness: localStorage.getItem('known-business') || false
     }
   },
   computed: {
     ...mapGetters([
       'sidebar',
       'routes',
-      'notice'
+      'notice',
+      'bizId'
     ]),
-    // routes() {
-    //   return this.$router.options.routes
-    // },
     activeMenu() {
       const route = this.$route
       const { meta, path } = route
@@ -75,6 +81,10 @@ export default {
     Logout() {
       location.href = logoutUrl
     },
+    knownBusness() {
+      localStorage.setItem('known-business', true)
+      this.isKnownBusness = true
+    },
     websocketonmessage(e) { // websocket数据接收
       const { hasReminding } = JSON.parse(e.data)
       if (hasReminding) {
@@ -90,33 +100,65 @@ export default {
   }
 }
 </script>
-<style>
-  .hamburger-containers {
-    line-height: 46px;
-    height: 100%;
-    float: right;
+<style lang='scss'>
+.hamburger-containers {
+  line-height: 46px;
+  height: 100%;
+  float: right;
+  cursor: pointer;
+  -webkit-tap-highlight-color:transparent;
+  padding: 0px 20px !important;
+  color: red !important;
+  background: #FFF !important;
+}
+.Efooter .el-divider--horizontal {
+  display: block;
+  height: 1px;
+  width: 100%;
+  margin: 0;
+}
+.btn span {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.el-submenu__title i {
+  color: #333B4A;
+}
+.business-guide {
+  position: fixed;
+  height: 100vh;
+  width: 100vw;
+  z-index: 99;
+  background-color: rgba(0, 0, 0, 0.25);
+  font-size: 18px;
+  color: #FFFFFF;
+  .guide-dialog {
     cursor: pointer;
-    -webkit-tap-highlight-color:transparent;
-    padding: 0px 20px !important;
-    color: red !important;
-    background: #FFF !important;
+    width: 250px;
+    height: 215px;
+    padding-top: 110px;
+    position: relative;
+    left: 30px;
+    top: 15px;
+    background-image: url('../../../assets/bisness_guide.png');
+    background-size: contain;
   }
-  .Efooter .el-divider--horizontal {
-    display: block;
-    height: 1px;
-    width: 100%;
-    margin: 0;
-}
-
-</style>
-
-<style lang="stylus">
-  .btn span {
+  .guide-close {
     display: flex;
-    align-items: center;
-    justify-content: center;
+    justify-content: flex-end;
+    padding: 0 10px;
+  }
+  .guide-title {
+    text-align: center;
+  }
+  .guide-confirm {
+    color: #409EFF;
+    background-color: #FFFFFF;
+    width: 140px;
+    margin: 10px auto;
+    text-align: center;
+    border-radius: 4px;
   }
-  .el-submenu__title i {
-    color: #333B4A;
 }
 </style>

src/views/business/bizIdSelect.vue

@@ -20,6 +20,10 @@
         @current-change="handleCurrentChange"
       />
     </div>
+    <div class="tips">
+      <div class="title">业务线不存在？请联系系统管理员添加</div>
+      <div class="contacts ">叶宏钢（yehonggang） 廖子君（amyliaozijun）</div>
+    </div>
   </section>
 </template>
 <script>
@@ -138,4 +142,13 @@ export default {
   display: flex;
   justify-content: flex-end;
 }
+.tips {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .title {
+    color: #409EFF;
+    font-weight: 500;
+  }
+}
 </style>