56159

src/views/ProductionProcess/workOrder.vue

@@ -438,25 +438,23 @@
         </el-tabs>
       </div>
     </el-dialog>
-    <el-dialog :close-on-click-modal="false" title="手动导入工单" class="workOrderDialog" style="padding: 10px 15px 25px 25px" :visible.sync="importDialog" width="40%" append-to-body>
+    <el-dialog :close-on-click-modal="false" title="手动导入工单" class="workOrderDialogImport" :visible.sync="importDialog" width="40%" append-to-body>
       <el-form ref="formImport" :model="formImport" size="small" :rules="rules" label-width="auto">
-        <div style="text-align: center;">
-          <el-form-item class="labelHeight" label="工单编号" prop="orderNo">
-            <div slot="label" class="labelClassRequired">
-              <div class="labelName">工单编号</div>
-              <div class="labelName">Work Order</div>
-            </div>
-            <el-input
-              v-model="formImport.orderNo"
-              :maxlength="30"
-              show-word-limit
-              placeholder="请输入工单编号"
-              clearable
-              style="width: 100%;"
-              size="small"
-            />
-          </el-form-item>
-        </div>
+        <el-form-item class="labelHeight" label="工单编号" prop="orderNo">
+          <div slot="label" class="labelClassRequired">
+            <div class="labelName">工单编号</div>
+            <div class="labelName">Work Order</div>
+          </div>
+          <el-input
+            v-model="formImport.orderNo"
+            :maxlength="30"
+            show-word-limit
+            placeholder="请输入工单编号"
+            clearable
+            style="width: 100%;"
+            size="small"
+          />
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button class="canleBtn" @click="cancelImport">关闭 Close</el-button>
@@ -866,4 +864,61 @@ export default {
     color: #D20A10;
   }
 }
+.workOrderDialogImport{
+  .el-dialog .el-dialog__body{
+    padding: 10px 15px 25px 25px;
+  }
+  .table-drop{
+    vertical-align: 2px;
+    line-height: 20px;
+    margin-left: 15px
+  }
+  .labelHeight{
+    .el-form-item__label{
+      height: 60px;
+    }
+    .el-form-item__error{
+      top: 73%;
+      line-height: 0;
+    }
+  }
+  .el-form-item--small .el-form-item__label{
+    line-height: 17px;
+  }
+  .labelName{
+    display: flex;
+    justify-content: end;
+    white-space: nowrap;
+  }
+  .labelClass{
+    position: relative;
+    right: 13px;
+    bottom: -5px;
+    text-align: center;
+  }
+  .labelClassRequired{
+    text-align: center;
+    position: relative;
+    bottom: 17px;
+    right: 13px;
+  }
+  .tabBorder {
+    border: 1px solid #d1d1d1;
+  }
+  .el-tabs--border-card {
+    box-shadow: none !important;
+  }
+  .el-tabs--border-card>.el-tabs__header {
+    background-color: #f8f8f8;
+  }
+  .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
+    color: #D20A10;
+  }
+  .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
+    color: #D20A10;
+  }
+  .el-dialog__headerbtn:hover .el-dialog__close {
+    color: #D20A10;
+  }
+}
 </style>