调整部门位置

fhKeeper/formulahousekeeper/timesheet-workshop/src/views/plan/planComponent.vue

@@ -19,8 +19,8 @@
           </div>
         </div>
         <div class="OutSide_right">
-          <el-link type="primary" :underline="false" @click="(deptSetDialog = true), getPlanDeptSet()">{{ "部门设置"
-          }}</el-link>
+          <!-- <el-link type="primary" :underline="false" @click="(deptSetDialog = true), getPlanDeptSet()">{{ "部门设置"
+          }}</el-link> -->
           <el-link type="primary" :underline="false" @click="addPlan()">{{
             `新增${titleText}`
           }}</el-link>
@@ -34,12 +34,18 @@
     </div>
     <div class="layout-container-center">
       <!-- tab 切换 -->
-      <div class="today-tab">
-        <div v-for="(item, index) in hasSetDeptList" :key="index" :class="`${todayTabIndex === index ? 'on' : ''}`"
-          @click="tabChange(item, index)">
-          {{ item.departmentName }}
+      <div class="today-tab-btn">
+        <div class="today-tab">
+          <div v-for="(item, index) in hasSetDeptList" :key="index" :class="`${todayTabIndex === index ? 'on' : ''}`"
+            @click="tabChange(item, index)">
+            {{ item.departmentName }}
+          </div>
+        </div>
+        <div style="margin-left: 15px;">
+          <el-button type="primary" size="mini" @click="(deptSetDialog = true), getPlanDeptSet()">部门设置</el-button>
         </div>
       </div>
+      
 
       <!-- 各部分数据列表 -->
       <el-table :data="tableData" style="width: 100%;" height="0" v-loading="tableDataLoading"
@@ -856,6 +862,12 @@ export default {
 };
 </script>
 <style scoped lang='scss'>
+.today-tab-btn {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
 .colorText {
   color: #02a7f0;
   cursor: pointer;
@@ -949,11 +961,14 @@ export default {
   .today-tab {
     display: flex;
     overflow-x: auto;
-    margin-bottom: 10px;
+    align-items: center;
+    max-width: 90%;
+    overflow-x: auto;
 
     div {
       font-size: 16px;
       margin-left: 15px;
+      min-width: fit-content;      
       cursor: pointer;
     }