修改库存管理

src/views/layout/components/Navbar.vue

@@ -5,18 +5,11 @@
     </div>
     <el-menu class="navbar" mode="horizontal">
       <div>
-        <!--<el-dropdown trigger="click" style="color:#fff;">-->
-        <!--<span class="el-dropdown-link">-->
-          <!--南山市人民医院<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
-        <!--</span>-->
-          <!--&lt;!&ndash;<el-dropdown-menu slot="dropdown" style="margin-top:21px;">&ndash;&gt;-->
-            <!--&lt;!&ndash;<el-dropdown-item>深圳市人民医院</el-dropdown-item>&ndash;&gt;-->
-            <!--&lt;!&ndash;<el-dropdown-item>长沙是透析中心</el-dropdown-item>&ndash;&gt;-->
-            <!--&lt;!&ndash;<el-dropdown-item>东莞血液透析中心</el-dropdown-item>&ndash;&gt;-->
-            <!--&lt;!&ndash;<el-dropdown-item>东莞血液透析中心</el-dropdown-item>&ndash;&gt;-->
-            <!--&lt;!&ndash;<el-dropdown-item>东莞血液透析中心</el-dropdown-item>&ndash;&gt;-->
-          <!--&lt;!&ndash;</el-dropdown-menu>&ndash;&gt;-->
-        <!--</el-dropdown>-->
+        <el-dropdown trigger="click" style="color:#fff;">
+        <span class="el-dropdown-link">{{orgname}}
+          <!--<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
+        </span>
+        </el-dropdown>
       </div>
       <div class="system-nav">
         <div class="system-nav-menu">
@@ -80,55 +73,67 @@
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-// import Breadcrumb from "@/components/Breadcrumb";
-// import Hamburger from "@/components/Hamburger";
-import Screenfull from "@/components/Screenfull";
-import ModifyUserInfoDialog from "@/xt_pages/home/modify_user_info_dialog";
-
-export default {
-  components: {
-    // Breadcrumb,
-    // Hamburger,
-    Screenfull,
-    ModifyUserInfoDialog
-  },
-  computed: {
-    ...mapGetters(["sidebar"]),
-    avater: function() {
-      var avatar = this.$store.getters.xt_user.user.avatar;
-      return avatar.length > 0
-        ? avatar
-        : require("../../../assets/home/userData.png");
-    }
-  },
-  methods: {
-    // toggleSideBar() {
-    //   this.$store.dispatch("toggleSideBar");
-    // },
-    logout() {
-      this.$store.dispatch("FrontendLogout");
-      window.location.href = process.env.BASE_API + "/logout";
+  import { mapGetters } from 'vuex'
+  // import Breadcrumb from "@/components/Breadcrumb";
+  // import Hamburger from "@/components/Hamburger";
+  import Screenfull from '@/components/Screenfull'
+  import ModifyUserInfoDialog from '@/xt_pages/home/modify_user_info_dialog'
+
+  export default {
+    data() {
+      return {
+        orgname:'',
+      }
     },
-    modifyUserInfoAction() {
-      this.$refs.modify_user_info_dialog.show();
+    components: {
+      // Breadcrumb,
+      // Hamburger,
+      Screenfull,
+      ModifyUserInfoDialog
     },
-    myServe() {
-      this.$router.push("/service");
-      return false;
+    computed: {
+      ...mapGetters(['sidebar']),
+      avater: function() {
+        var avatar = this.$store.getters.xt_user.user.avatar
+        return avatar.length > 0
+          ? avatar
+          : require('../../../assets/home/userData.png')
+      }
+    },
+    methods: {
+      // toggleSideBar() {
+      //   this.$store.dispatch("toggleSideBar");
+      // },
+      logout() {
+        this.$store.dispatch('FrontendLogout')
+        window.location.href = process.env.BASE_API + '/logout'
+      },
+      modifyUserInfoAction() {
+        this.$refs.modify_user_info_dialog.show()
+      },
+      myServe() {
+        this.$router.push('/service')
+        return false
+      }
+    },
+    create() {
+      var xtuser = this.$store.getters.xt_user
+      this.orgname = xtuser.org.org_name
+      console.log(this.orgname)
+
     }
   }
-};
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-.top-nav {
-  background: #409eff;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 2004;
+  .top-nav {
+    background: #409eff;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 2004;
+
   .nav-logo {
     width: 162px;
     display: flex;
@@ -140,10 +145,11 @@ export default {
     box-sizing: border-box;
     float: left;
 
-    img {
-      display: inline-block;
-      width: 100px;
-    }
+  img {
+    display: inline-block;
+    width: 100px;
+  }
+
   }
   .navbar {
     border-radius: 0px !important;
@@ -156,95 +162,102 @@ export default {
     background: #409eff;
     float: left;
 
-    .breadcrumb-container {
-      float: left;
-    }
+  .breadcrumb-container {
+    float: left;
+  }
 
-    .errLog-container {
-      display: inline-block;
-      vertical-align: top;
-    }
+  .errLog-container {
+    display: inline-block;
+    vertical-align: top;
+  }
 
-    .right-menu {
-      float: right;
-      height: 100%;
-      z-index: 99999;
-      &:focus {
-        outline: none;
-      }
+  .right-menu {
+    float: right;
+    height: 100%;
+    z-index: 99999;
 
-      .right-menu-item {
-        display: inline-block;
-        margin: 0 8px;
+  &
+  :focus {
+    outline: none;
+  }
 
-        .iconfont {
-          font-size: 18px;
-        }
-      }
-      .screenfull {
-        height: 20px;
-      }
+  .right-menu-item {
+    display: inline-block;
+    margin: 0 8px;
 
-      .international {
-        vertical-align: top;
-      }
+  .iconfont {
+    font-size: 18px;
+  }
 
-      .theme-switch {
-        vertical-align: 15px;
-      }
+  }
+  .screenfull {
+    height: 20px;
+  }
 
-      .avatar-container {
-        margin-right: 10px;
-
-        .avatar-wrapper {
-          cursor: pointer;
-          margin-top: 3px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-
-          .user-avatar {
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            object-fit: cover;
-            object-position: center;
-          }
-
-          .user-title {
-            margin: 0 8px;
-            font-size: 14px;
-            color: #fff;
-          }
-
-          .el-icon-caret-bottom {
-            font-size: 12px;
-            color: #fff;
-          }
-        }
-      }
-    }
+  .international {
+    vertical-align: top;
+  }
+
+  .theme-switch {
+    vertical-align: 15px;
+  }
+
+  .avatar-container {
+    margin-right: 10px;
+
+  .avatar-wrapper {
+    cursor: pointer;
+    margin-top: 3px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+  .user-avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    object-fit: cover;
+    object-position: center;
+  }
+
+  .user-title {
+    margin: 0 8px;
+    font-size: 14px;
+    color: #fff;
+  }
+
+  .el-icon-caret-bottom {
+    font-size: 12px;
+    color: #fff;
+  }
+
+  }
+  }
+  }
   }
   .system-nav {
-    .system-nav-menu {
-      float: left;
-      height: 60px;
-      line-height: 60px;
-      padding: 0 25px;
-
-      a {
-        font-size: 15px;
-
-        .iconfont {
-          font-size: 18px;
-        }
-      }
-    }
-    .active {
-      background: #3090eb;
-      border-left: 1px #5fabf7 solid;
-      border-right: 1px #5fabf7 solid;
-    }
+
+  .system-nav-menu {
+    float: left;
+    height: 60px;
+    line-height: 60px;
+    padding: 0 25px;
+
+  a {
+    font-size: 15px;
+
+  .iconfont {
+    font-size: 18px;
+  }
+
+  }
+  }
+  .active {
+    background: #3090eb;
+    border-left: 1px #5fabf7 solid;
+    border-right: 1px #5fabf7 solid;
+  }
+
   }
   .el-menu::after,
   .el-menu::before {
@@ -254,11 +267,13 @@ export default {
     top: 0;
     left: 0;
   }
-}
-.el-dropdown-menu{
-  z-index: 9999!important;
-}
-.v-modal{
-  z-index: 9999!important;  
-}
+
+  }
+  .el-dropdown-menu {
+    z-index: 9999 !important;
+  }
+
+  .v-modal {
+    z-index: 9999 !important;
+  }
 </style>