页面样式

src/views/Business/Ditopn/Limitbody.vue

@@ -34,15 +34,21 @@
         </el-col>
         -->
 
-        <el-col :span="12">
+        <el-col :span="10">
             <el-form-item label="开证授信额度主体编号">
                 <c-input v-model="model.liaall.limmod.limpts.wrk.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
+            </el-form-item>
+        </el-col>
+
+        <el-col :span="2">
+            <el-form-item label="" label-width="20px">
                 <c-button size="small" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
                     Details
                 </c-button>
             </el-form-item>
         </el-col>
 
+
         <el-col :span="12">
             <el-form-item label="开证授信额度主体名称">
                 <c-input  v-model="model.liaall.limmod.limpts.wrk.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>

src/views/Business/Ditopn/Ovwp.vue

@@ -12,10 +12,12 @@
         </el-form-item>
        </el-col>
        <el-col :span="4">
+           <el-form-item label="" label-width="15px">
                 <c-button size="small" type="primary;width:10%"  @click="onSeainf">i</c-button>
                 <c-button size="small" type="primary"  @click="onDitpButgetref">
                 获取
                 </c-button>
+           </el-form-item>
         </el-col>                     
 
        <!--           
@@ -38,8 +40,10 @@
                 <c-input  v-model="model.ditp.usr.extkey" maxlength="8"  placeholder="请输入User ID"></c-input>
             </el-form-item>
         </el-col>
-        <el-col :span="4" style="text-align:center">
+        <el-col :span="4">
+            <el-form-item label="" label-width="15px">
                 <c-checkbox v-model="model.didgrp.rec.resflg">Reserved Contract</c-checkbox>
+            </el-form-item>
         </el-col>               
                                    
        <el-col :span="12">
@@ -48,14 +52,14 @@
         </el-form-item>
        </el-col>             
                   
-            <el-col :span="4">
+        <el-col :span="6">
             <el-form-item label="信用证金额">
                 <c-select v-model="model.didgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择Currency">
                 </c-select>
             </el-form-item>
         </el-col>
-            <el-col :span="8" >
-                 <el-form-item style="text-align:left">
+        <el-col :span="6" >
+            <el-form-item style="text-align:left" label-width="20px">
                 <c-input  v-model="model.didgrp.cbs.nom1.amt" style="text-align:left;width:100%" placeholder="请输入信用证金额"></c-input>
             </el-form-item>
         </el-col>
@@ -80,10 +84,12 @@
         </el-form-item>
        </el-col>
        <el-col :span="4">
+           <el-form-item label="" label-width="15px">
                 <c-button size="small" type="primary;width:10%"  @click="onSeainf">i</c-button>
                 <c-button size="small" type="primary"  @click="onAplpDet">
                 Details
                 </c-button>
+           </el-form-item>
         </el-col>                 
 
        <!--           
@@ -126,7 +132,7 @@
        </el-col>             
                   
        <el-col :span="6" style="text-align:left" >
-        <el-form-item label="-" style="text-align:left">
+        <el-form-item label="-" style="text-align:left;margin-left: 12px;" label-width="20px">
             <c-input  v-model="model.didgrp.rec.nomton" maxlength="6"  placeholder="请输入Amount Tolerance - Negative"></c-input>
         </el-form-item>
        </el-col>  
@@ -142,13 +148,13 @@
         </el-form-item>
        </el-col>    
                                    
-       <el-col :span="5">
+       <el-col :span="7">
         <el-form-item label="邮编">
             <c-input  v-model="model.didgrp.apl.pts.youzbm" maxlength="6"  placeholder="请输入邮编"></c-input>
         </el-form-item>
        </el-col>                   
-       <el-col :span="7">
-        <el-form-item label="电话">
+       <el-col :span="5">
+        <el-form-item label="电话" label-width="40px" style="margin-left: 12px;">
             <c-input  v-model="model.didgrp.apl.pts.dihdig" maxlength="16"  placeholder="请输入电话"></c-input>
         </el-form-item>
        </el-col> 
@@ -165,15 +171,15 @@
         </el-form-item>
        </el-col>
                                    
-       <el-col :span="4">
+       <el-col :span="7">
         <el-form-item label="信用证最大金额">
             <c-select v-model="model.didgrp.cbs.max.cur" style="width:100%" placeholder="请选择Currency">
               </c-select>
         </el-form-item>
        </el-col>
                   
-       <el-col :span="8">
-        <el-form-item label="">
+       <el-col :span="5">
+        <el-form-item label="" label-width="20px">
             <c-input  v-model="model.didgrp.cbs.max.amt"  placeholder="请输入信用证最大金额"></c-input>
         </el-form-item>
        </el-col>                 
@@ -225,10 +231,12 @@
         </el-form-item>
        </el-col>
        <el-col :span="4">
+           <el-form-item label="" label-width="12px">
             <c-button size="small" type="primary;width:10%"  @click="onSeainf">i</c-button>
             <c-button size="small" type="primary"  @click="onBenpDet">
             Details
             </c-button>
+           </el-form-item>
         </el-col>             
                                   
        <el-col :span="12">
@@ -296,13 +304,13 @@
         </el-form-item>
        </el-col>
 
-        <el-col :span="6">
+        <el-col :span="7">
         <el-form-item label="邮编">
             <c-input  v-model="model.didgrp.ben.pts.youzbm" maxlength="6"  placeholder="请输入邮编  电证用"></c-input>
         </el-form-item>
        </el-col>                          
-       <el-col :span="6">
-        <el-form-item label="电话">
+       <el-col :span="5">
+        <el-form-item label="电话" label-width="40px" style="margin-left: 12px;">
             <c-input  v-model="model.didgrp.ben.pts.dihdig" maxlength="16"  placeholder="请输入邮编"></c-input>
         </el-form-item>
        </el-col>   

src/views/Business/Ditopn/Setpan.vue

 <template>
     <div class="eibs-tab">
 
-        <el-col :span="10">
+        <el-col :span="8">
             <el-form-item label="参考号">
                 <c-input v-model="model.setmod.ref" maxlength="16" placeholder="请输入our reference"></c-input>
             </el-form-item>
@@ -13,20 +13,20 @@
 	</el-col>
     -->
 
-        <el-col :span="9" style="margin-left:-8%">
+        <el-col :span="8">
             <el-form-item label="结算金额">
                 <c-select v-model="model.setmod.doccur" style="width:100%" placeholder="请选择document currency">
                 </c-select>
             </el-form-item>
         </el-col>
 
-        <el-col :span="9" style="margin-left:-150px">
-            <el-form-item label="">
+        <el-col :span="6">
+            <el-form-item label="" label-width="20px">
                 <c-input v-model="model.setmod.docamt" placeholder="请输入document amount"></c-input>
             </el-form-item>
         </el-col>
 
-        <el-col :span="10">
+        <el-col :span="8">
             <el-form-item label="类型">
                 <c-select v-model="model.setmod.dspflg" style="width:100%" placeholder="请选择Type of settlement">
                 </c-select>
@@ -46,13 +46,15 @@
        </el-col> 
        -->
 
-        <el-col :span="3" style="text-align:center">
+        <el-col :span="3">
+            <el-form-item label="" label-width="20px">
                 <c-button size="small" type="primary" @click="onSetmodDet">
                 细节
             </c-button>
+            </el-form-item>
         </el-col>
-        <el-col :span="24" style="text-align:center">
-            <el-form-item label="Foreign Commission/Charges:">
+        <el-col :span="24">
+            <el-form-item label="Foreign Commission/Charges:" label-width="210px">
             </el-form-item>
         </el-col>
         <el-col :span="24">
@@ -107,7 +109,7 @@
             </c-table>
         </el-col>
         <el-col :span="24" style="text-align:left">
-            <el-form-item label="Settlement                ">
+            <el-form-item label="Settlement:">
             </el-form-item>
         </el-col>
         <el-col :span="24">