排产看板提交

src/views/productionSchedulingPlan/schedulingDashboard/index.vue

@@ -267,7 +267,11 @@
           </div>
 
           <!-- 甘特图内容区域 -->
-          <div class="chart-content" ref="timelineContainerTest" :style="{ width: `${timelineWidth}%` }">
+          <div
+            class="chart-content"
+            ref="timelineContainerTest"
+            :style="{ width: `${timelineWidth}%` }"
+          >
             <div class="grid-lines">
               <div
                 v-for="(time, index) in majorTickLabels"
@@ -344,8 +348,8 @@
           @current-change="handleCurrentChange"
           :current-page="currentPage"
           :page-size="pageSize"
-          :page-sizes="[10, 20, 50]"
+          
-          layout="total,sizes, prev, pager, next, jumper"
+          layout="total, prev, pager, next, jumper"
           :total="totalOrders"
         ></el-pagination>
       </div>
@@ -664,8 +668,13 @@ export default {
     },
     // 动态计算甘特图容器高度
     ganttWrapperHeight() {
-      // 根据实际页面元素计算可用高度
+      if (this.$route.path == '/productionSchedulingPlan/schedulingDashboard/index') {
-      return `calc(100vh - 250px)`; // 调整数值以适应您的页面布局
+        // 根据实际页面元素计算可用高度
+        return `calc(100vh - 250px - 120px)`; // 调整数值以适应您的页面布局
+      } else {
+        // 根据实际页面元素计算可用高度
+        return `calc(100vh - 250px)`; // 调整数值以适应您的页面布局
+      }
     },
   },
   mounted() {
@@ -709,18 +718,15 @@ export default {
     handleRightScroll(event) {
       if (this.$refs.leftScrollContainer) {
         const rightScrollTop = event.target.scrollTop;
-        console.log('右侧',rightScrollTop)
         this.$refs.leftScrollContainer.scrollTop = rightScrollTop;
       }
     },
-    
+
     // 左侧滚动时同步右侧滚动
     handleLeftScroll(event) {
-      
       if (this.$refs.timelineContainerTest) {
         const leftScrollTop = event.target.scrollTop;
         this.$refs.timelineContainerTest.scrollTop = leftScrollTop;
-        console.log('左侧',leftScrollTop,this.$refs.timelineContainerTest.scrollTop)
       }
     },
     updateTime() {
@@ -1225,7 +1231,7 @@ export default {
   padding: 20px;
   box-sizing: border-box;
   font-family: Arial, sans-serif;
-  height: calc(100% - 72px);
+  height: calc(100% - 72px - 100px);
 }
 
 .gantt-header {
@@ -1336,7 +1342,6 @@ export default {
   justify-content: space-between;
   align-items: center;
   padding-right: 15px;
- 
 }
 
 .info-title-cell {
@@ -1358,7 +1363,7 @@ export default {
 .info-item {
   display: flex;
   height: 100%;
-  
+
   /* padding: 5px; */
 }