排产看板调整

src/views/productionSchedulingPlan/schedulingDashboard/container.vue

@@ -304,7 +304,7 @@
                     :key="taskIndex"
                     class="task-bar"
                     :class="{
-                      'task-bar-narrow': getWidthPercent(task.planStartTime, task.planEndTime) < 1,
+                      'task-bar-narrow': getWidthPercent(task.planStartTime, task.planEndTime) < 2.1,
                     }"
                     :style="{
                       left: `${getPositionPercent(task.planStartTime)}%`,
@@ -323,9 +323,9 @@
                     @mouseenter="showTooltip($event, task, order.woCode)"
                     @mouseleave="hideTooltip()"
                   >
-                    <div class="task-label">
+                  
+                    <div class="task-label"  v-if="getWidthPercent(task.planStartTime, task.planEndTime) >= 2.1&&task.processName.length<4">
                       <span
-                        v-if="getWidthPercent(task.planStartTime, task.planEndTime) >= 1"
                         class="task-label-txt task-label-txt-inside"
                         >{{ task.processName }}</span
                       >
@@ -333,7 +333,7 @@
 
                     <!-- 为窄任务添加带偏移的文本显示 -->
                     <div
-                      v-if="getWidthPercent(task.planStartTime, task.planEndTime) < 1"
+                      v-else
                       class="task-overlay-text"
                       :style="{
                         top: `${getNarrowTaskOffsetByLayer(layerIndex)}px`,
@@ -448,6 +448,7 @@ export default {
   name: 'GanttChart',
   data() {
     return {
+      valuerrr:'铜合金化学镀镍',//
       loading: false,
       formLabelAlign: {
         startTime: null, //时间
@@ -1738,7 +1739,7 @@ export default {
   border-radius: 5px;
   display: flex;
   align-items: center;
-  padding: 2px 2px;
+  padding: 2px 0px;
   box-sizing: border-box;
   cursor: pointer;
   overflow: hidden;
@@ -1772,7 +1773,7 @@ export default {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: 100%;
+  max-width: 120%;
   text-align: center;
   /* 正确的居中方式 */
   top: 50%;