Просмотр исходного кода

feat(workReport): 增加并行任务样式支持,优化路由节点显示

xieyong 1 месяц назад
Родитель
Сommit
827ea9d6ad
1 измененных файлов с 9 добавлено и 0 удалено
  1. 9 0
      src/views/produceOrder/workReport.vue

+ 9 - 0
src/views/produceOrder/workReport.vue

@@ -87,6 +87,7 @@
                     v-for="row in col.items"
                     :key="row.flatIndex"
                     class="route-node-row"
+                    :class="{ 'is-parallel': row.item.isParallel == 1 }"
                     :style="{ height: stepNodeH + 'px' }"
                   >
                     <div
@@ -1923,6 +1924,14 @@
     box-sizing: border-box;
   }
 
+  .route-node-row.is-parallel {
+    margin-bottom: 2px;
+  }
+
+  .route-node-row.is-parallel:last-child {
+    margin-bottom: 0;
+  }
+
   .route-node {
     display: flex;
     flex-direction: column;