Selaa lähdekoodia

feat(workReport): 优化任务类型标签显示逻辑,调整样式和位置

xieyong 1 kuukausi sitten
vanhempi
commit
fc4ed5c4ab
1 muutettua tiedostoa jossa 9 lisäystä ja 16 poistoa
  1. 9 16
      src/views/produceOrder/workReport.vue

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

@@ -101,7 +101,12 @@
                       @click="handIdx(row.flatIndex, row.item)"
                     >
                       <div class="route-node-name">
-                        {{ row.item.taskTypeName }}
+                        {{ row.item.taskTypeName
+                        }}<span
+                          v-if="row.flatIndex === desIndex"
+                          class="route-node-tag"
+                          >此处</span
+                        >
                       </div>
                       <div
                         v-if="showTaskTeamName(row.item)"
@@ -110,10 +115,6 @@
                         {{ getTaskTeamName(row.item) }}
                       </div>
                     </div>
-                    <span
-                      v-if="row.flatIndex === desIndex"
-                      class="route-node-tag"
-                    >此处</span>
                   </div>
                 </div>
               </div>
@@ -1915,7 +1916,6 @@
   }
 
   .route-node-row {
-    position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -1990,10 +1990,6 @@
       font-size: 10px;
     }
 
-    // 并行节点激活时不显示"此处"标签,避免撑高
-    .route-node-tag {
-      display: none;
-    }
   }
 
   .route-node-name {
@@ -2015,18 +2011,15 @@
   }
 
   .route-node-tag {
-    position: absolute;
-    top: 100%;
-    left: 50%;
-    transform: translateX(-50%);
-    margin-top: 6px;
+    display: inline-block;
+    margin-left: 4px;
     padding: 0 6px;
     font-size: 11px;
     line-height: 16px;
     color: #ffffff;
     background: #1890ff;
     border-radius: 8px;
-    white-space: nowrap;
+    vertical-align: middle;
   }
 
   ::v-deep .el-tabs__content {