fix: 面包屑+tabs页组件+logo

src/views/collect/CollectOrderTabs.vue

@@ -1,14 +1,23 @@
 <template>
 <div>
   <el-row :gutter="0" v-if="isLinkDisabled" style="margin-top: 15px">
-      <el-col :span="24" align="right">
+    <el-col :span="2" align="left">
+      <img v-if="logo" :src="logo" class="sidebar-logo"/>
+    </el-col>
+    <el-col :span="22" align="right" style="margin-top: 10px">
       <div class="inv-hos-title">
             <span
               style="margin: 10px;color: #2d8cf0;font-size: 14px;"
-          >部门:&nbsp&nbsp{{ this.userInfo.deptName }}</span>
+            >部门&nbsp:&nbsp{{ this.userInfo.deptName }}</span>
+
+        <span style="font-weight: 500;color:rgb(51 48 48); font-size: 14px;">用户&nbsp:&nbsp
+          <!--            {{-->
+          <!--              this.userInfo.companyName-->
+          <!--            }}-->
+          </span>
         <span
-            style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 30px;margin-left: 30px"
-          >(用户:&nbsp&nbsp{{
+          style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 20px"
+        >&nbsp&nbsp&nbsp&nbsp(用户&nbsp:&nbsp{{
             this.userInfo.userName
           }})</span>
       </div>
@@ -23,11 +32,11 @@
         class="el-menu-vertical-demo"
         @open="handleOpen">
         <el-menu-item :index=0 @click="clickMenuItem(0)">
-            <i class="el-icon-s-operation"></i>
+          <i class="el-icon-edit-outline"></i>
           <span slot="title">处理单据</span>
         </el-menu-item>
         <el-menu-item :index=1 @click="clickMenuItem(1)">
-            <i class="el-icon-truck"></i>
+          <i class="el-icon-s-unfold"></i>
           <span slot="title">工位上货</span>
         </el-menu-item>
         <el-menu-item :index=2 @click="clickMenuItem(2)">
@@ -35,15 +44,15 @@
           <span slot="title">工位退货</span>
         </el-menu-item>
         <el-menu-item :index=3 @click="clickMenuItem(3)">
-            <i class="el-icon-s-order"></i>
+          <i class="el-icon-s-platform"></i>
           <span slot="title">工位存量</span>
         </el-menu-item>
         <el-menu-item :index=4 @click="clickMenuItem(4)">
-            <i class="el-icon-edit-outline"></i>
+          <i class="el-icon-s-order"></i>
           <span slot="title">待处理单</span>
         </el-menu-item>
         <el-menu-item :index=5 @click="clickMenuItem(5)">
-            <i class="el-icon-finished"></i>
+          <i class="el-icon-s-claim"></i>
           <span slot="title">已完成单</span>
         </el-menu-item>
       </el-menu>
@@ -107,6 +116,7 @@
 </template>
 
 <script>
+import logoImg from '@/assets/logo/logo_dm.png'
 import DealOrderBlank from '@/views/collect/DealOrderBlank.vue'
 import CollectOrderAllotBlank from '@/views/collect/CollectOrderAllotBlank.vue'
 import CollectOrderEndBlank from '@/views/collect/CollectOrderEndBlank.vue'
@@ -126,6 +136,7 @@ export default {
   name: 'CollectOrderTabs',
   data() {
     return {
+      logo: logoImg,
       isLinkDisabled: false,
       userInfo: {
         inv: this.$store.getters.locInvName,
@@ -267,5 +278,10 @@ export default {
 </script>
 
 <style scoped>
-
+.sidebar-logo {
+  width: 80px;
+  height: 60px;
+  vertical-align: middle;
+  margin-left: 25px;
+}
 </style>