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

src/views/collect/CollectOrderTabs.vue

@@ -1,53 +1,62 @@
 <template>
-  <div>
+<div>
-    <el-row :gutter="0" v-if="isLinkDisabled" style="margin-top: 15px">
+  <el-row :gutter="0" v-if="isLinkDisabled" style="margin-top: 15px">
-      <el-col :span="24" align="right">
+    <el-col :span="2" align="left">
-        <div class="inv-hos-title">
+      <img v-if="logo" :src="logo" class="sidebar-logo"/>
-          <span
+    </el-col>
-            style="margin: 10px;color: #2d8cf0;font-size: 14px;"
+    <el-col :span="22" align="right" style="margin-top: 10px">
-          >部门:&nbsp&nbsp{{ this.userInfo.deptName }}</span>
+      <div class="inv-hos-title">
-          <span
+            <span
-            style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 30px;margin-left: 30px"
+              style="margin: 10px;color: #2d8cf0;font-size: 14px;"
-          >(用户:&nbsp&nbsp{{
+            >部门&nbsp:&nbsp{{ this.userInfo.deptName }}</span>
-              this.userInfo.userName
-            }})</span>
-        </div>
-      </el-col>
-    </el-row>
 
-    <el-row class="tac">
+        <span style="font-weight: 500;color:rgb(51 48 48); font-size: 14px;">用户&nbsp:&nbsp
-      <el-col :span="2">
+          <!--            {{-->
-        <!--      <h5>默认颜色</h5>-->
+          <!--              this.userInfo.companyName-->
-        <el-menu
+          <!--            }}-->
-          :default-active="menuActive"
+          </span>
-          class="el-menu-vertical-demo"
+        <span
-          @open="handleOpen">
+          style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 20px"
-          <el-menu-item :index=0 @click="clickMenuItem(0)">
+        >&nbsp&nbsp&nbsp&nbsp(用户&nbsp:&nbsp{{
-            <i class="el-icon-s-operation"></i>
+            this.userInfo.userName
-            <span slot="title">处理单据</span>
+          }})</span>
-          </el-menu-item>
+      </div>
-          <el-menu-item :index=1 @click="clickMenuItem(1)">
+    </el-col>
-            <i class="el-icon-truck"></i>
+  </el-row>
-            <span slot="title">工位上货</span>
+
-          </el-menu-item>
+  <el-row class="tac">
-          <el-menu-item :index=2 @click="clickMenuItem(2)">
+    <el-col :span="2">
-            <i class="el-icon-s-fold"></i>
+      <!--      <h5>默认颜色</h5>-->
-            <span slot="title">工位退货</span>
+      <el-menu
-          </el-menu-item>
+        :default-active="menuActive"
-          <el-menu-item :index=3 @click="clickMenuItem(3)">
+        class="el-menu-vertical-demo"
-            <i class="el-icon-s-order"></i>
+        @open="handleOpen">
-            <span slot="title">工位存量</span>
+        <el-menu-item :index=0 @click="clickMenuItem(0)">
-          </el-menu-item>
+          <i class="el-icon-edit-outline"></i>
-          <el-menu-item :index=4 @click="clickMenuItem(4)">
+          <span slot="title">处理单据</span>
-            <i class="el-icon-edit-outline"></i>
+        </el-menu-item>
-            <span slot="title">待处理单</span>
+        <el-menu-item :index=1 @click="clickMenuItem(1)">
-          </el-menu-item>
+          <i class="el-icon-s-unfold"></i>
-          <el-menu-item :index=5 @click="clickMenuItem(5)">
+          <span slot="title">工位上货</span>
-            <i class="el-icon-finished"></i>
+        </el-menu-item>
-            <span slot="title">已完成单</span>
+        <el-menu-item :index=2 @click="clickMenuItem(2)">
-          </el-menu-item>
+          <i class="el-icon-s-fold"></i>
-        </el-menu>
+          <span slot="title">工位退货</span>
-      </el-col>
+        </el-menu-item>
+        <el-menu-item :index=3 @click="clickMenuItem(3)">
+          <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-s-order"></i>
+          <span slot="title">待处理单</span>
+        </el-menu-item>
+        <el-menu-item :index=5 @click="clickMenuItem(5)">
+          <i class="el-icon-s-claim"></i>
+          <span slot="title">已完成单</span>
+        </el-menu-item>
+      </el-menu>
+    </el-col>
 
       <el-col :span="22">
         <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab"
@@ -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>