右上角布局修改

src/views/collect/CollectOrderTabs.vue

@@ -5,16 +5,10 @@
         <div class="inv-hos-title">
           <span
             style="margin: 10px;color: #2d8cf0;font-size: 14px;"
-            >部门&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>
+          >部门:&nbsp&nbsp{{ this.userInfo.deptName }}</span>
           <span
-          style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 20px"
-        >&nbsp&nbsp&nbsp&nbsp(用户&nbsp:&nbsp{{
+            style="font-weight: 500;color:rgb(51 48 48); font-size: 14px; margin-right: 30px;margin-left: 30px"
+          >(用户:&nbsp&nbsp{{
               this.userInfo.userName
             }})</span>
         </div>
@@ -56,7 +50,8 @@
       </el-col>
 
       <el-col :span="22">
-      <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" @tab-click="upodateMenuActive">
+        <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab"
+                 @tab-click="upodateMenuActive">
           <el-tab-pane
             v-for="(item, index) in editableTabs"
             :key="item.name"