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,84 +20,92 @@
         </el-form-item>
       </c-col>
 
-      <c-col :span="3">
-        <el-form-item label="" prop=""> </el-form-item>
+      <c-col :span="24">
+        <el-form-item label="地区机构号" prop="cfabpt.ownextkey">
+          <c-select
+            v-model="model.cfabpt.ownextkey"
+            style="width: 100%"
+            placeholder="请选择地区机构号"
+          >
+          </c-select>
+        </el-form-item>
       </c-col>
-      <c-col :span="5">
+
+      <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="4">
+      <c-col :span="12">
         <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
-          v-model="model.cfabpt.ownextkey"
-          style="width: 100%"
-          placeholder="请选择地区机构号"
-        >
-        </c-select>
-      </el-form-item>
     </c-col>
 
-    <c-col :span="24">
-      <el-form-item label="是否外保内贷" prop="cfabpt.cdaflg">
-        <c-select
-          v-model="model.cfabpt.cdaflg"
-          style="width: 100%"
-          placeholder="请选择是否外保内贷"
-        >
-          <el-option
-            v-for="item in codes.cdaflg"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
+
+    <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"
+            style="width: 100%"
+            placeholder="请选择是否外保内贷"
           >
-          </el-option>
-        </c-select>
-      </el-form-item>
-    </c-col>
+            <el-option
+              v-for="item in codes.cdaflg"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
 
-    <c-col :span="24">
-      <el-form-item label="资金用途" prop="cfabpt.cda.useofunds">
-        <c-select
-          :disabled="model.cfabpt.cdaflg == 'N' || model.cfabpt.cdaflg == ''"
-          v-model="model.cfabpt.cda.useofunds"
-          style="width: 100%"
-          placeholder="请选择资金用途"
-          :code="codes.useofunds"
-        >
-        </c-select>
-      </el-form-item>
+      <c-col :span="12">
+        <el-form-item label="资金用途" prop="cfabpt.cda.useofunds">
+            <c-select
+              :disabled="model.cfabpt.cdaflg == 'N' || model.cfabpt.cdaflg == ''"
+              v-model="model.cfabpt.cda.useofunds"
+              style="width: 100%"
+              placeholder="请选择资金用途"
+              :code="codes.useofunds"
+            >
+            </c-select>
+        </el-form-item>
+      </c-col>
     </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,60 +14,94 @@
       </el-form-item>
     </c-col>
 
-    <c-col :span="12">
-      <el-form-item label="删除原因" prop="cfabpt.recgrp.bas.actiondesc">
-        <c-input
-          :disabled="
-            !(
-              (model.cfabpt.recgrp.bas.actiontype == 'A' ||
-                model.cfabpt.recgrp.bas.actiontype == 'D') &&
-              model.cfabpt.recp.pubp.acp != ''
-            ) ||
-            !(
-              model.cfabpt.recgrp.bas.actiontype == 'D' &&
-              model.cfabpt.recp.pubp.acp != ''
-            )
-          "
-          type="textarea"
-          v-model="model.cfabpt.recgrp.bas.actiondesc"
-          maxlength="32"
-          show-word-limit
-          placeholder="请输入删除原因"
-        ></c-input>
-      </el-form-item>
-    </c-col>
-
-    <c-col :span="12">
-      <el-form-item label="操作类型" prop="cfabpt.recgrp.bas.actiontype">
-        <c-select
-          disabled
-          v-model="model.cfabpt.recgrp.bas.actiontype"
-          style="width: 100%"
-          placeholder="请选择操作类型"
+    <c-col :span="12" style="padding-left: 20px">
+        <el-form-item label="删除原因" prop="cfabpt.recgrp.bas.actiondesc">
+          <c-input
+            :disabled="
+              !(
+                (model.cfabpt.recgrp.bas.actiontype == 'A' ||
+                  model.cfabpt.recgrp.bas.actiontype == 'D') &&
+                model.cfabpt.recp.pubp.acp != ''
+              ) ||
+              !(
+                model.cfabpt.recgrp.bas.actiontype == 'D' &&
+                model.cfabpt.recp.pubp.acp != ''
+              )
+            "
+            type="textarea"
+            v-model="model.cfabpt.recgrp.bas.actiondesc"
+            maxlength="32"
+            show-word-limit
+            placeholder="请输入删除原因"
+          ></c-input>
+        </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
+            disabled
+            v-model="model.cfabpt.recgrp.bas.actiontype"
+            style="width: 100%"
+            placeholder="请选择操作类型"
+          >
+            <el-option
+              v-for="item in codes.actiontype"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item
+          label="国内外汇贷款类型"
+          prop="cfabpt.recgrp.bas.dofoexlotype"
         >
-          <el-option
-            v-for="item in codes.actiontype"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
+          <c-select
+            v-model="model.cfabpt.recgrp.bas.dofoexlotype"
+            style="width: 100%"
+            placeholder="请选择国内外汇贷款类型"
           >
-          </el-option>
-        </c-select>
-      </el-form-item>
-    </c-col>
-
-    <c-col :span="12">
-      <el-form-item label="债权人代码" prop="cfabpt.recgrp.bas.creditorcode">
-        <c-input
-          disabled
-          v-model="model.cfabpt.recgrp.bas.creditorcode"
-          maxlength="12"
-          placeholder="请输入债权人代码"
-        ></c-input>
-      </el-form-item>
+            <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
+            v-model="model.cfabpt.recgrp.bas.creditorcode"
+            maxlength="12"
+            placeholder="请输入债权人代码"
+          ></c-input>
+        </el-form-item>
+      </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">
+    <!-- <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>