日期对齐

src/views/modules/sampleTracking/projectProofTracking.vue

@@ -190,16 +190,18 @@
               @mouseleave="handleProcessTooltipMouseLeave"
             >
               <template v-if="isTrackingRowProcessReadonly(scope.row)">
-                <span class="process-date-display">{{ scope.row[item.actualField] || '' }}</span>
-                <el-button
-                  v-if="canRollbackProofingComplete(scope.row, item)"
-                  class="process-rollback-btn"
-                  type="warning"
-                  size="mini"
-                  plain
-                  title="撤回Delivery&Package已完成"
-                  @click.stop="rollbackProcessComplete(scope.row, item)"
-                >↶</el-button>
+                <div class="process-readonly-content">
+                  <span class="process-date-display">{{ scope.row[item.actualField] || '' }}</span>
+                  <el-button
+                    v-if="canRollbackProofingComplete(scope.row, item)"
+                    class="process-rollback-btn process-rollback-btn--readonly"
+                    type="warning"
+                    size="mini"
+                    plain
+                    title="撤回Delivery&Package已完成"
+                    @click.stop="rollbackProcessComplete(scope.row, item)"
+                  >↶</el-button>
+                </div>
               </template>
               <template v-else>
                 <el-date-picker
@@ -6246,12 +6248,20 @@ export default {
   line-height: 18px;
 }
 
+.process-readonly-content {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+
 .process-date-display {
   display: inline-block;
   min-width: 74px;
   text-align: center;
   color: #606266;
-  margin-left: 18px;
+  margin-right: 9px;
 }
 
 .process-complete-btn {
@@ -6264,6 +6274,13 @@ export default {
   min-width: 12px;
 }
 
+.process-rollback-btn--readonly {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
 .comments-cell {
   display: flex;
   align-items: center;