Bptopn UI 改造

src/views/Business/Bptopn/Cfap.vue

 <template>
   <div class="eibs-tab">
-    <c-row>
-      <c-col :span="12">
+    <c-col :span="12" style="padding-right: 20px">
+      <c-col :span="24">
         <el-form-item label="数据采集标志" prop="cfabpt.cfaflg">
           <c-select
             @change="selectOrCheckboxRule('cfabpt.cfaflg')"
@@ -20,18 +20,6 @@
         </el-form-item>
       </c-col>
 
-      <c-col :span="3">
-        <el-form-item label="" prop=""> </el-form-item>
-      </c-col>
-      <c-col :span="5">
-        <c-checkbox disabled v-model="model.cfabpt.basflg">签约信息</c-checkbox>
-      </c-col>
-
-      <c-col :span="4">
-        <c-checkbox disabled v-model="model.cfabpt.dclflg">变动信息</c-checkbox>
-      </c-col>
-    </c-row>
-
       <c-col :span="24">
         <el-form-item label="地区机构号" prop="cfabpt.ownextkey">
           <c-select
@@ -44,6 +32,46 @@
       </c-col>
 
       <c-col :span="24">
+        <el-form-item
+          label="中资企业境外担保项下境内贷款额度币种"
+          prop="cfabpt.cda.cfeogudcurr"
+        >
+          <c-select
+            :disabled="model.cfabpt.cdaflg == 'N' || model.cfabpt.cdaflg == ''"
+            v-model="model.cfabpt.cda.cfeogudcurr"
+            style="width: 100%"
+            placeholder="请选择中资企业境外担保项下境内贷款额度币种"
+          >
+            <el-option
+              v-for="item in codes.cur"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+    </c-col>
+
+
+    <!-- <c-col :span="3">
+      <el-form-item label="" prop=""> </el-form-item>
+    </c-col> -->
+    <c-col :span="12" style="padding-left: 20px;margin-bottom: 20px;">
+      <c-col :span="12">
+        <c-checkbox disabled v-model="model.cfabpt.basflg">签约信息</c-checkbox>
+      </c-col>
+
+      <c-col :span="12">
+        <c-checkbox disabled v-model="model.cfabpt.dclflg">变动信息</c-checkbox>
+      </c-col>
+    </c-col>
+
+
+    <c-col :span="12" style="padding-left: 20px">
+      <c-col :span="12">
         <el-form-item label="是否外保内贷" prop="cfabpt.cdaflg">
           <c-select
             v-model="model.cfabpt.cdaflg"
@@ -61,7 +89,7 @@
         </el-form-item>
       </c-col>
 
-    <c-col :span="24">
+      <c-col :span="12">
         <el-form-item label="资金用途" prop="cfabpt.cda.useofunds">
             <c-select
               :disabled="model.cfabpt.cdaflg == 'N' || model.cfabpt.cdaflg == ''"
@@ -73,31 +101,11 @@
             </c-select>
         </el-form-item>
       </c-col>
-    <br /><br /><br /><br /><br />
-
-    <c-col :span="24">
-      <el-form-item
-        label="中资企业境外担保项下境内贷款额度币种"
-        prop="cfabpt.cda.cfeogudcurr"
-      >
-        <c-select
-          :disabled="model.cfabpt.cdaflg == 'N' || model.cfabpt.cdaflg == ''"
-          v-model="model.cfabpt.cda.cfeogudcurr"
-          style="width: 100%"
-          placeholder="请选择中资企业境外担保项下境内贷款额度币种"
-        >
-          <el-option
-            v-for="item in codes.cur"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          >
-          </el-option>
-        </c-select>
-      </el-form-item>
     </c-col>
-    <br /><br /><br /><br /><br />
-    <c-col :span="24">
+
+    
+    
+    <c-col :span="12" style="padding-left: 20px">
       <el-form-item
         label="中资企业境外担保项下境内贷款额度金额"
         prop="cfabpt.cda.cfeogudamount"
@@ -110,7 +118,7 @@
         </c-input>
       </el-form-item>
     </c-col>
-    <br /><br /><br /><br /><br />
+
     <c-col :span="24">
       <el-form-item
         label="中资企业境外担保项下贷款业务批准文件号"

src/views/Business/Bptopn/Conp.vue

 <template>
   <div class="eibs-tab">
-    <c-col :span="12">
+    <c-col :span="12" style="padding-right: 20px">
       <el-form-item
         label="国内外汇贷款编号"
         prop="cfabpt.recgrp.bas.dofoexlocode"
@@ -14,7 +14,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="12">
+    <c-col :span="12" style="padding-left: 20px">
         <el-form-item label="删除原因" prop="cfabpt.recgrp.bas.actiondesc">
           <c-input
             :disabled="
@@ -37,6 +37,9 @@
         </el-form-item>
     </c-col>
 
+    
+
+    <c-col :span="12" style="padding-right: 20px">
       <c-col :span="12">
         <el-form-item label="操作类型" prop="cfabpt.recgrp.bas.actiontype">
           <c-select
@@ -57,6 +60,30 @@
       </c-col>
 
       <c-col :span="12">
+        <el-form-item
+          label="国内外汇贷款类型"
+          prop="cfabpt.recgrp.bas.dofoexlotype"
+        >
+          <c-select
+            v-model="model.cfabpt.recgrp.bas.dofoexlotype"
+            style="width: 100%"
+            placeholder="请选择国内外汇贷款类型"
+          >
+            <el-option
+              v-for="item in codes.dofoexlotype"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+    </c-col>
+
+    <c-col :span="12" style="padding-left: 20px">
+      <c-col :span="12">
         <el-form-item label="债权人代码" prop="cfabpt.recgrp.bas.creditorcode">
           <c-input
             disabled
@@ -68,6 +95,13 @@
       </c-col>
 
       <c-col :span="12">
+        <c-checkbox disabled v-model="model.cfabpt.recp.pubp.acp"
+          >确认</c-checkbox
+        >
+      </c-col>
+    </c-col>
+
+    <!-- <c-col :span="12" style="padding-right: 20px">
       <el-form-item
         label="国内外汇贷款类型"
         prop="cfabpt.recgrp.bas.dofoexlotype"
@@ -86,15 +120,11 @@
           </el-option>
         </c-select>
       </el-form-item>
-    </c-col>
+    </c-col> -->
 
-    <c-col :span="12">
-      <c-checkbox disabled v-model="model.cfabpt.recp.pubp.acp"
-        >确认</c-checkbox
-      >
-    </c-col>
     
-    <c-col :span="12">
+
+    <c-col :span="12" style="padding-right: 20px">
       <el-form-item label="贷款币种" prop="cfabpt.recgrp.bas.currence">
         <c-select
           disabled
@@ -106,7 +136,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="12">
+    <c-col :span="12" style="padding-left: 20px">
       <el-form-item label="签约金额" prop="cfabpt.recgrp.bas.contractamount">
         <c-input
           disabled
@@ -116,7 +146,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="12">
+    <c-col :span="12" style="padding-right: 20px">
       <el-form-item label="年化利率值" prop="cfabpt.recgrp.bas.anninrate">
         <c-input
           disabled
@@ -126,7 +156,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="12">
+    <c-col :span="12" style="padding-left: 20px">
       <el-form-item label="起息日" prop="cfabpt.recgrp.bas.valuedate">
         <c-date-picker
           type="date"
@@ -138,7 +168,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="12">
+    <c-col :span="12" style="padding-right: 20px">
       <el-form-item label="到期日" prop="cfabpt.recgrp.bas.maturity">
         <c-date-picker
           type="date"
@@ -150,7 +180,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="12">
+    <c-col :span="12" style="padding-left: 20px">
       <el-form-item label="债务人代码" prop="cfabpt.recgrp.bas.debtorcode">
         <c-input
           v-model="model.cfabpt.recgrp.bas.debtorcode"
@@ -160,7 +190,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="12">
+    <c-col :span="12" style="padding-right: 20px">
       <el-form-item label="债务人中文名称" prop="cfabpt.recgrp.bas.debtorname">
         <c-input
           v-model="model.cfabpt.recgrp.bas.debtorname"
@@ -170,7 +200,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="12">
+    <c-col :span="12" style="padding-left: 20px">
       <el-form-item label="转贷项目名称" prop="cfabpt.recgrp.bas.lenproname">
         <c-input
           v-model="model.cfabpt.recgrp.bas.lenproname"
@@ -180,7 +210,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="12">
+    <c-col :span="12" style="padding-right: 20px">
       <el-form-item label="转贷协议号" prop="cfabpt.recgrp.bas.lenagree">
         <c-input
           v-model="model.cfabpt.recgrp.bas.lenagree"
@@ -190,7 +220,7 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="12">
+    <c-col :span="12" style="padding-left: 20px">
       <el-form-item label="备注" prop="cfabpt.recgrp.bas.remark">
         <c-input
           type="textarea"

src/views/Business/Bptopn/Dclpp.vue

@@ -152,8 +152,8 @@
         </c-col>
       </c-col>
 
-      <c-col :span="24"><el-form-item label=""></el-form-item></c-col>
-      <c-col :span="24"><el-form-item label=""></el-form-item></c-col>
+      <!-- <c-col :span="24"><el-form-item label=""></el-form-item></c-col>
+      <c-col :span="24"><el-form-item label=""></el-form-item></c-col> -->
       
       <c-col :span="24">
         <el-form-item label="期末余额" prop="cfabpt.recp.dclp.loanopenbalan">

src/views/Business/Bptopn/Docpan1.vue

 <template>
   <div class="eibs-tab">
     <!-- left -->
-    <c-col :span="11">
+    <c-col :span="12" style="padding-right: 20px">
       <c-col :span="24">
         <el-form-item
           label="验证证书编号"
@@ -29,7 +29,7 @@
     </c-col>
 
     <!-- right -->
-    <c-col :span="11" :offset="1">
+    <c-col :span="12" style="padding-left: 20px">
       <c-col :span="24">
         <el-form-item label="ACT" prop="lendoc.account">
           <c-fullbox>