布局优化

src/views/Business/Ditopn/Ovwp.vue

@@ -91,12 +91,12 @@
                  
             </c-col> -->
 
-      <c-col :span="12">
+      <c-col :span="13">
         <el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
           <c-select
             disabled
             v-model="model.didgrp.cbs.nom1.cur"
-            style="width: 100%"
+            style="width: 95%"
             placeholder="请选择Currency"
             @keyup.enter.native="nom1CurEvent"
           >
@@ -110,10 +110,10 @@
           </c-select>
         </el-form-item>
       </c-col>
-      <c-col :span="12">
+      <c-col :span="11">
         <el-form-item
           style="text-align: left"
-          label-width="7px"
+          label-width="0"
           prop="didgrp.cbs.nom1.amt"
         >
           <c-input-currency
@@ -140,14 +140,14 @@
           <c-input
             v-model="model.didgrp.rec.nomtop"
             maxlength="9"
-            style="width: 35%"
+            style="width: 40%"
             placeholder="请输入Amount Tolerance - Positive"
           ></c-input>
-          <label style="display:inline-block;width:9.5%;text-align:center;">-</label>
+          <label style="display:inline-block;width:10%;text-align:center;">-</label>
           <c-input
             v-model="model.didgrp.rec.nomton"
             maxlength="9"
-            style="width: 35%"
+            style="width: 40%"
             placeholder="请输入Amount Tolerance - Negative"
           ></c-input>
         </el-form-item>
@@ -170,11 +170,11 @@
 
       <!-- <c-col> &nbsp; </c-col> -->
 
-      <c-col :span="12">
+      <c-col :span="13">
         <el-form-item label="信用证最大金额" prop="didgrp.cbs.max.cur">
           <c-select
             v-model="model.didgrp.cbs.max.cur"
-            style="width: 100%"
+            style="width: 95%"
             placeholder="请选择Currency"
             disabled
           >
@@ -189,8 +189,8 @@
         </el-form-item>
       </c-col>
 
-      <c-col :span="12">
-        <el-form-item label="" label-width="7px" prop="didgrp.cbs.max.amt">
+      <c-col :span="11">
+        <el-form-item label="" label-width="0" prop="didgrp.cbs.max.amt">
           <c-input
             v-model="model.didgrp.cbs.max.amt"
             placeholder="请输入信用证最大金额"
@@ -234,19 +234,19 @@
       </c-col>
 
       <c-col :span="24">
-      <c-col :span="12">
+      <c-col :span="13">
         <el-form-item label="开证日期" prop="didgrp.rec.opndat">
           <c-date-picker
             type="date"
             v-model="model.didgrp.rec.opndat"
-            style="width: 100%"
+            style="width: 95%"
             placeholder="请选择Date"
           ></c-date-picker>
         </el-form-item>
       </c-col>
       </c-col>
        <c-col :span="24">
-      <c-col :span="12">
+      <c-col :span="13">
         <el-form-item
           v-if="model.didgrp.rec.mytype == 'H'"
           label="最迟货物装运日"
@@ -256,7 +256,7 @@
             type="date"
             v-model="model.didgrp.rec.shpdat"
             value-format="yyyy-MM-dd"
-            style="width: 100%"
+            style="width: 95%"
             placeholder="请选择Date"
           ></c-date-picker>
         </el-form-item>
@@ -269,7 +269,7 @@
             type="date"
             v-model="model.didgrp.rec.shpdat"
             value-format="yyyy-MM-dd"
-            style="width: 45%"
+            style="width: 95%"
             placeholder="请选择Date"
           ></c-date-picker>
         </el-form-item>
@@ -282,20 +282,20 @@
             type="date"
             v-model="model.didgrp.rec.shpdat"
             value-format="yyyy-MM-dd"
-            style="width: 45%"
+            style="width: 95%"
             placeholder="请选择"
           ></c-date-picker>
         </el-form-item>
       </c-col>
       </c-col>
       <c-col :span="24">
-      <c-col :span="12">
+      <c-col :span="13">
         <el-form-item label="有效日期" prop="didgrp.rec.expdat">
           <c-date-picker
             type="date"
             v-model="model.didgrp.rec.expdat"
             value-format="yyyy-MM-dd"
-            style="width: 100%"
+            style="width: 95%"
             placeholder="请选择Date"
           ></c-date-picker>
         </el-form-item>