浏览代码

修改库存管理

csx 6 年前
父节点
当前提交
d2108cc455
共有 1 个文件被更改,包括 160 次插入145 次删除
  1. 160 145
      src/views/layout/components/Navbar.vue

+ 160 - 145
src/views/layout/components/Navbar.vue 查看文件

5
     </div>
5
     </div>
6
     <el-menu class="navbar" mode="horizontal">
6
     <el-menu class="navbar" mode="horizontal">
7
       <div>
7
       <div>
8
-        <!--<el-dropdown trigger="click" style="color:#fff;">-->
9
-        <!--<span class="el-dropdown-link">-->
10
-          <!--南山市人民医院<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
11
-        <!--</span>-->
12
-          <!--&lt;!&ndash;<el-dropdown-menu slot="dropdown" style="margin-top:21px;">&ndash;&gt;-->
13
-            <!--&lt;!&ndash;<el-dropdown-item>深圳市人民医院</el-dropdown-item>&ndash;&gt;-->
14
-            <!--&lt;!&ndash;<el-dropdown-item>长沙是透析中心</el-dropdown-item>&ndash;&gt;-->
15
-            <!--&lt;!&ndash;<el-dropdown-item>东莞血液透析中心</el-dropdown-item>&ndash;&gt;-->
16
-            <!--&lt;!&ndash;<el-dropdown-item>东莞血液透析中心</el-dropdown-item>&ndash;&gt;-->
17
-            <!--&lt;!&ndash;<el-dropdown-item>东莞血液透析中心</el-dropdown-item>&ndash;&gt;-->
18
-          <!--&lt;!&ndash;</el-dropdown-menu>&ndash;&gt;-->
19
-        <!--</el-dropdown>-->
8
+        <el-dropdown trigger="click" style="color:#fff;">
9
+        <span class="el-dropdown-link">{{orgname}}
10
+          <!--<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
11
+        </span>
12
+        </el-dropdown>
20
       </div>
13
       </div>
21
       <div class="system-nav">
14
       <div class="system-nav">
22
         <div class="system-nav-menu">
15
         <div class="system-nav-menu">
80
 </template>
73
 </template>
81
 
74
 
82
 <script>
75
 <script>
83
-import { mapGetters } from "vuex";
84
-// import Breadcrumb from "@/components/Breadcrumb";
85
-// import Hamburger from "@/components/Hamburger";
86
-import Screenfull from "@/components/Screenfull";
87
-import ModifyUserInfoDialog from "@/xt_pages/home/modify_user_info_dialog";
88
-
89
-export default {
90
-  components: {
91
-    // Breadcrumb,
92
-    // Hamburger,
93
-    Screenfull,
94
-    ModifyUserInfoDialog
95
-  },
96
-  computed: {
97
-    ...mapGetters(["sidebar"]),
98
-    avater: function() {
99
-      var avatar = this.$store.getters.xt_user.user.avatar;
100
-      return avatar.length > 0
101
-        ? avatar
102
-        : require("../../../assets/home/userData.png");
103
-    }
104
-  },
105
-  methods: {
106
-    // toggleSideBar() {
107
-    //   this.$store.dispatch("toggleSideBar");
108
-    // },
109
-    logout() {
110
-      this.$store.dispatch("FrontendLogout");
111
-      window.location.href = process.env.BASE_API + "/logout";
76
+  import { mapGetters } from 'vuex'
77
+  // import Breadcrumb from "@/components/Breadcrumb";
78
+  // import Hamburger from "@/components/Hamburger";
79
+  import Screenfull from '@/components/Screenfull'
80
+  import ModifyUserInfoDialog from '@/xt_pages/home/modify_user_info_dialog'
81
+
82
+  export default {
83
+    data() {
84
+      return {
85
+        orgname:'',
86
+      }
112
     },
87
     },
113
-    modifyUserInfoAction() {
114
-      this.$refs.modify_user_info_dialog.show();
88
+    components: {
89
+      // Breadcrumb,
90
+      // Hamburger,
91
+      Screenfull,
92
+      ModifyUserInfoDialog
115
     },
93
     },
116
-    myServe() {
117
-      this.$router.push("/service");
118
-      return false;
94
+    computed: {
95
+      ...mapGetters(['sidebar']),
96
+      avater: function() {
97
+        var avatar = this.$store.getters.xt_user.user.avatar
98
+        return avatar.length > 0
99
+          ? avatar
100
+          : require('../../../assets/home/userData.png')
101
+      }
102
+    },
103
+    methods: {
104
+      // toggleSideBar() {
105
+      //   this.$store.dispatch("toggleSideBar");
106
+      // },
107
+      logout() {
108
+        this.$store.dispatch('FrontendLogout')
109
+        window.location.href = process.env.BASE_API + '/logout'
110
+      },
111
+      modifyUserInfoAction() {
112
+        this.$refs.modify_user_info_dialog.show()
113
+      },
114
+      myServe() {
115
+        this.$router.push('/service')
116
+        return false
117
+      }
118
+    },
119
+    create() {
120
+      var xtuser = this.$store.getters.xt_user
121
+      this.orgname = xtuser.org.org_name
122
+      console.log(this.orgname)
123
+
119
     }
124
     }
120
   }
125
   }
121
-};
122
 </script>
126
 </script>
123
 
127
 
124
 <style rel="stylesheet/scss" lang="scss" scoped>
128
 <style rel="stylesheet/scss" lang="scss" scoped>
125
-.top-nav {
126
-  background: #409eff;
127
-  position: fixed;
128
-  top: 0;
129
-  left: 0;
130
-  right: 0;
131
-  z-index: 2004;
129
+  .top-nav {
130
+    background: #409eff;
131
+    position: fixed;
132
+    top: 0;
133
+    left: 0;
134
+    right: 0;
135
+    z-index: 2004;
136
+
132
   .nav-logo {
137
   .nav-logo {
133
     width: 162px;
138
     width: 162px;
134
     display: flex;
139
     display: flex;
140
     box-sizing: border-box;
145
     box-sizing: border-box;
141
     float: left;
146
     float: left;
142
 
147
 
143
-    img {
144
-      display: inline-block;
145
-      width: 100px;
146
-    }
148
+  img {
149
+    display: inline-block;
150
+    width: 100px;
151
+  }
152
+
147
   }
153
   }
148
   .navbar {
154
   .navbar {
149
     border-radius: 0px !important;
155
     border-radius: 0px !important;
156
     background: #409eff;
162
     background: #409eff;
157
     float: left;
163
     float: left;
158
 
164
 
159
-    .breadcrumb-container {
160
-      float: left;
161
-    }
165
+  .breadcrumb-container {
166
+    float: left;
167
+  }
162
 
168
 
163
-    .errLog-container {
164
-      display: inline-block;
165
-      vertical-align: top;
166
-    }
169
+  .errLog-container {
170
+    display: inline-block;
171
+    vertical-align: top;
172
+  }
167
 
173
 
168
-    .right-menu {
169
-      float: right;
170
-      height: 100%;
171
-      z-index: 99999;
172
-      &:focus {
173
-        outline: none;
174
-      }
174
+  .right-menu {
175
+    float: right;
176
+    height: 100%;
177
+    z-index: 99999;
175
 
178
 
176
-      .right-menu-item {
177
-        display: inline-block;
178
-        margin: 0 8px;
179
+  &
180
+  :focus {
181
+    outline: none;
182
+  }
179
 
183
 
180
-        .iconfont {
181
-          font-size: 18px;
182
-        }
183
-      }
184
-      .screenfull {
185
-        height: 20px;
186
-      }
184
+  .right-menu-item {
185
+    display: inline-block;
186
+    margin: 0 8px;
187
 
187
 
188
-      .international {
189
-        vertical-align: top;
190
-      }
188
+  .iconfont {
189
+    font-size: 18px;
190
+  }
191
 
191
 
192
-      .theme-switch {
193
-        vertical-align: 15px;
194
-      }
192
+  }
193
+  .screenfull {
194
+    height: 20px;
195
+  }
195
 
196
 
196
-      .avatar-container {
197
-        margin-right: 10px;
198
-
199
-        .avatar-wrapper {
200
-          cursor: pointer;
201
-          margin-top: 3px;
202
-          display: flex;
203
-          align-items: center;
204
-          justify-content: center;
205
-
206
-          .user-avatar {
207
-            width: 40px;
208
-            height: 40px;
209
-            border-radius: 50%;
210
-            object-fit: cover;
211
-            object-position: center;
212
-          }
213
-
214
-          .user-title {
215
-            margin: 0 8px;
216
-            font-size: 14px;
217
-            color: #fff;
218
-          }
219
-
220
-          .el-icon-caret-bottom {
221
-            font-size: 12px;
222
-            color: #fff;
223
-          }
224
-        }
225
-      }
226
-    }
197
+  .international {
198
+    vertical-align: top;
199
+  }
200
+
201
+  .theme-switch {
202
+    vertical-align: 15px;
203
+  }
204
+
205
+  .avatar-container {
206
+    margin-right: 10px;
207
+
208
+  .avatar-wrapper {
209
+    cursor: pointer;
210
+    margin-top: 3px;
211
+    display: flex;
212
+    align-items: center;
213
+    justify-content: center;
214
+
215
+  .user-avatar {
216
+    width: 40px;
217
+    height: 40px;
218
+    border-radius: 50%;
219
+    object-fit: cover;
220
+    object-position: center;
221
+  }
222
+
223
+  .user-title {
224
+    margin: 0 8px;
225
+    font-size: 14px;
226
+    color: #fff;
227
+  }
228
+
229
+  .el-icon-caret-bottom {
230
+    font-size: 12px;
231
+    color: #fff;
232
+  }
233
+
234
+  }
235
+  }
236
+  }
227
   }
237
   }
228
   .system-nav {
238
   .system-nav {
229
-    .system-nav-menu {
230
-      float: left;
231
-      height: 60px;
232
-      line-height: 60px;
233
-      padding: 0 25px;
234
-
235
-      a {
236
-        font-size: 15px;
237
-
238
-        .iconfont {
239
-          font-size: 18px;
240
-        }
241
-      }
242
-    }
243
-    .active {
244
-      background: #3090eb;
245
-      border-left: 1px #5fabf7 solid;
246
-      border-right: 1px #5fabf7 solid;
247
-    }
239
+
240
+  .system-nav-menu {
241
+    float: left;
242
+    height: 60px;
243
+    line-height: 60px;
244
+    padding: 0 25px;
245
+
246
+  a {
247
+    font-size: 15px;
248
+
249
+  .iconfont {
250
+    font-size: 18px;
251
+  }
252
+
253
+  }
254
+  }
255
+  .active {
256
+    background: #3090eb;
257
+    border-left: 1px #5fabf7 solid;
258
+    border-right: 1px #5fabf7 solid;
259
+  }
260
+
248
   }
261
   }
249
   .el-menu::after,
262
   .el-menu::after,
250
   .el-menu::before {
263
   .el-menu::before {
254
     top: 0;
267
     top: 0;
255
     left: 0;
268
     left: 0;
256
   }
269
   }
257
-}
258
-.el-dropdown-menu{
259
-  z-index: 9999!important;
260
-}
261
-.v-modal{
262
-  z-index: 9999!important;  
263
-}
270
+
271
+  }
272
+  .el-dropdown-menu {
273
+    z-index: 9999 !important;
274
+  }
275
+
276
+  .v-modal {
277
+    z-index: 9999 !important;
278
+  }
264
 </style>
279
 </style>