betset UI美化未完成的补充。

src/views/Business/Betset/Addbcb.vue

+<template>
+    <div class="eibs-tab">
+        <el-collapse v-model="activeNames" @change="handleChange">
+            <!--el-collapse-item title="备查表" name="addbcb">
+                <m-addbcb :model="model" :codes="codes" />
+            </el-collapse-item-->
+
+            <el-collapse-item title="附言" name="coninfp">
+                <m-coninfp :model="model" :codes="codes" />
+            </el-collapse-item>
+        </el-collapse>
+    </div>
+</template>
+    
+<script>
+import Api from "~/service/Api";
+import commonProcess from "~/mixin/commonProcess";
+import Utils from "~/utils";
+import Event from "~/model/Betset/Event";
+
+import Coninfp from "~/views/Public/Coninfp";
+
+
+export default {
+    components: {
+        "m-coninfp": Coninfp,
+    },
+    inject: ["root"],
+    props: ["model", "codes"],
+    mixins: [commonProcess],
+    data() {
+        return {
+            activeNames: ["coninfp"],
+        };
+
+    },
+    methods: {
+        ...Event,
+        handleChange(val) {
+            console.log(val);
+        },
+    },
+    created: function () { },
+};
+</script>
+    
+<style>
+
+</style>
+    
\ No newline at end of file

src/views/Business/Betset/Basp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- ------------------Left------------------>
-    <el-col :span="11">
+    <el-col :span="12" class="col-left">
       <c-col :span="24">
         <el-form-item label="申报号码" prop="bopmod.dbagrp.bas.rptno">
           <c-input
@@ -294,7 +294,7 @@
 
     <!--=====================right =============================  -->
 
-    <el-col :span="11" :offset="1">
+    <el-col :span="12" class="col-right">
       <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>

src/views/Business/Betset/Basp1.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- left -->
-    <el-col :span="11">
+    <el-col :span="12" class="col-left">
       
       <c-col :span="24">
         <el-form-item label="申报号码" prop="bopmod.dbdgrp.bas.rptno">
@@ -184,7 +184,7 @@
 
     <!--=====================right =============================  -->
 
-    <el-col :span="11" :offset="1">
+    <el-col :span="12" class="col-right">
       <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>

src/views/Business/Betset/Cnyp.vue

@@ -5,39 +5,49 @@
             <el-collapse-item title="外管信息" name="wg">
                 <m-wg :model="model" :codes="codes" />
             </el-collapse-item>
+            <!--dbap PD000000 涉外收入申报单－基础信息 -->
+            <el-collapse-item title="涉外收入申报单－基础信息" name="basp" v-if="model.bopmod.szflg === '1' && model.bopmod.basflg">
+                <m-basp :model="model" :codes="codes" />
+            </el-collapse-item>
+
+            <!--dbdp PD000000 境内收入申报单－基础信息 -->
+            <el-collapse-item title="境内收入申报单－基础信息" name="basp1" v-if="model.bopmod.szflg === '2' && model.bopmod.basflg">
+                <m-basp1 :model="model" :codes="codes" />
+            </el-collapse-item>
 
             <el-collapse-item title="跨境人民币申报" name="cnyp1">
                 <m-cnyp1 :model="model" :codes="codes" />
             </el-collapse-item>
 
             <!--cnybop PD000001 2101跨境收入信息 -->
-           <el-collapse-item title="2101跨境收入信息" name="incp" v-if="model.cnybop.cnyflg=='1'">
-                <m-incp :model="model" :codes="codes"/>
+            <el-collapse-item title="2101跨境收入信息" name="incp" v-if="model.cnybop.cnyflg == '1'">
+                <m-incp :model="model" :codes="codes" />
             </el-collapse-item>
- 
-         
-         
-    
         </el-collapse>
     </div>
-    </template>
+</template>
+    
+<script>
+import Api from "~/service/Api";
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Brtset/Event";
 
-    <script>
-    import Api from "~/service/Api";
-    import commonProcess from "~/mixin/commonProcess";
-    import CodeTable from "~/config/CodeTable";
-    import Event from "~/model/Brtset/Event";
-    import Wg from "./Wg";
-    import Cnyp1 from "./Cnyp1";
-    import Incp from "./Incp";
+import Wg from "./Wg";
+import Cnyp1 from "./Cnyp1";
+import Incp from "./Incp";
+import Basp from "./Basp"
+import Basp1 from "./Basp1"
 
 
-    export default {
+export default {
     inject: ["root"],
     components: {
         "m-wg": Wg,
         "m-cnyp1": Cnyp1,
         "m-incp": Incp,
+        "m-basp" : Basp,
+        "m-basp1" : Basp1,
     },
     props: ["model", "codes"],
     mixins: [commonProcess],
@@ -48,12 +58,13 @@
     },
     methods: {
         ...Event,
-            handleChange() {}
+        handleChange() { }
     },
-        created: function () {},
-    };
-    </script>
+    created: function () { },
+};
+</script>
+    
+<style>
 
-    <style>
-    </style>
+</style>
     
\ No newline at end of file

src/views/Business/Betset/Cnyp1.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- left -->
-    <c-col :span="11">
+    <c-col :span="12" class="col-left">
       <c-col :span="24">
         <el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg">
           <c-select

src/views/Business/Betset/Docpan1.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- left -->
-    <c-col :span="11">
+    <c-col :span="12" class="col-left">
       <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" class="col-left">
       <c-col :span="24">
         <el-form-item label="ACT" prop="lendoc.account">
           <c-fullbox>

src/views/Business/Betset/Incp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
        <!--===============左 ===================  -->
-    <c-col :span="11">
+    <c-col :span="12" class="col-left">
       <c-col :span="24">
         <el-form-item label="业务主键" prop="cnybop.cnylic.spk">
           <c-input
@@ -125,7 +125,7 @@
     </c-col>
 
     <!-- ===============右 ===========================-->
-    <c-col :span="11" :offset="1">
+    <c-col :span="12" class="col-right">
 
       <c-col :span="24">
         <el-form-item label="银行业务编号" prop="cnybop.cnyinc.sbanktrano">

src/views/Business/Betset/Ovwp.vue

 <template>
     <div class="eibs-tab">
-        
         <el-collapse v-model="activeNames" @change="handleChange">
         <el-collapse-item title="结算信息" name="setp">
             <c-content>
@@ -13,11 +12,6 @@
             <m-docpan1 :model="model" :codes="codes" />
             </c-content>
         </el-collapse-item>
-        
-            <!--PD000001 -->
-           <!-- <el-tab-pane label="收账通知" name="docpan1">
-                <m-docpan1 :model="model" :codes="codes"/>
-           </el-tab-pane> -->
       </el-collapse>
     </div>
   </template>

src/views/Business/Betset/Setp.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- left -->
-    <c-col :span="11">
+    <c-col :span="12" class="col-left">
       <c-col :span="24">
           <el-form-item
             label="出口信用证编号"
@@ -17,28 +17,25 @@
               ></c-input>
               <template slot="footer">
                 <c-button
-                  style="margin-left: 10px; padding: 0 12px"
+                  style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
                   size="small"
                   type="primary"
-                  @click="onSeainf"
                   icon="el-icon-info"
                 >
                 </c-button>
-              </template>
-            </c-fullbox>
-          </el-form-item>
-      </c-col>
-
-        <!-- <c-col :span="2" :offset="1" style="text-align: right">
                 <c-button
                   style="margin: 0 0"
                   size="small"
                   type="primary"
                   :disabled="!this.flag && model.ledgrp.rec.ownref == ''? false:true"
+                  @click="onLitpButgetref"
                 >
                   获取
                 </c-button>
-        </c-col> -->
+              </template>
+            </c-fullbox>
+          </el-form-item>
+        </c-col>
       <c-col :span="24">
         <el-form-item
           label="出口单据编号"
@@ -54,42 +51,38 @@
             ></c-input>
             <template slot="footer">
               <c-button
-                  style="margin-left: 10px; padding: 0 12px"
+                  style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
                   size="small"
                   type="primary"
-                  @click="onSeainf"
                   icon="el-icon-info"
                 >
               </c-button>
-              </template>
-            </c-fullbox>
-          </el-form-item>
-      </c-col>
-
-        <!-- <c-col :span="2" :offset="1" style="text-align: right">
               <c-button
                   style="margin: 0 0"
                   size="small"
                   type="primary"
                   :disabled="!this.flag && model.bedgrp.rec.ownref == ''? false:true"
+                  @click="onLitpButgetref"
                 >
                   获取
               </c-button>
-        </c-col> -->
-
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
       <c-col :span="24">
         <el-form-item label="单据金额" prop="bedgrp.cbs.max.cur">
           <c-fullbox>
             <c-input
               v-model="model.bedgrp.cbs.max.cur"
               maxlength="3"
-              style="width: 50%"
+              style="width: 45%"
               placeholder="请输入单据金额"
               disabled
             ></c-input>
             <c-input-currency
               v-model="model.bedgrp.cbs.max.amt"
-              style="width: 50%"
+              style="width: 50%;margin-left: 5px;"
               placeholder="请输入金额"
               disabled
             ></c-input-currency>
@@ -199,7 +192,7 @@
     </c-col>
 
     <!-- right -->
-    <c-col :span="11" :offset="1">
+    <c-col :span="12" class="col-right">
       <c-col :span="24">
         <c-col :span="12">
           <el-form-item label="信用证余额" prop="ledgrp.cbs.opn1.cur">
@@ -292,7 +285,7 @@
       </c-istream-table>
     </c-col>
     <!-- left -->
-    <c-col :span="11">
+    <c-col :span="12" class="col-left">
       <c-col :span="24">
         <c-col :span="12">
           <el-form-item label="结算金额" prop="setmod.doccur">
@@ -401,14 +394,14 @@
     </c-col>
 
     <!-- right -->
-    <c-col :span="11" :offset="1">
-      <c-col :span="24">
+    <c-col :span="12" class="col-right">
+      <c-col :span="12">
         <el-form-item label="" prop="mtabut.clsflg">
-          <c-checkbox v-model="clsflg" disabled>闭卷</c-checkbox>
+          <c-checkbox v-model="clsflg" disabled class="checkbox-left">闭卷</c-checkbox>
         </el-form-item>
       </c-col>
 
-      <c-col :span="24">
+      <c-col :span="12">
         <el-form-item label="" prop="bedgrp.rec.frepayflg">
           <c-checkbox v-model="frepayflg">免费付款</c-checkbox>
         </el-form-item>

src/views/Business/Betset/Wg.vue

 <template>
-  <div class="eibs-tab">
+  <div class="eibs">
     <!-- left -->
-    <c-col :span="11">
+    <c-col :span="12" style="padding-right: 20px">
       <c-col :span="24">
         <c-fullbox>
           <el-form-item label="申报类型" prop="bopmod.szflg">
-            <c-select
-              v-model="model.bopmod.szflg"
-              style="width: 100%"
-              placeholder="请选择申报类型"
-              @change="selectOrCheckboxRule('bopmod.szflg')"
-            >
-              <el-option
-                v-for="item in codes.szflg"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
+            <c-select v-model="model.bopmod.szflg" style="width: 100%" placeholder="请选择申报类型"
+              @change="selectOrCheckboxRule('bopmod.szflg')">
+              <el-option v-for="item in codes.szflg" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </c-select>
           </el-form-item>
           <template slot="footer">
             <el-form-item label="" prop="bopmod.basflg">
-              <c-checkbox
-                v-model="basflg"
-                style="margin-left: 10px"
-                :disabled="model.bopmod.szflg==='3'||model.bopmod.szflg===''"
-                >基础数据</c-checkbox
-              >
+              <c-checkbox v-model="basflg" style="margin-left: 10px"
+                :disabled="model.bopmod.szflg === '3' || model.bopmod.szflg === ''">基础数据</c-checkbox>
             </el-form-item>
           </template>
         </c-fullbox>
@@ -35,18 +22,9 @@
 
       <c-col :span="24">
         <el-form-item label="款项来源" prop="bopmod.acttyp">
-          <c-select
-            v-model="model.bopmod.acttyp"
-            style="width: 100%"
-            placeholder="请选择款项来源"
-            :disabled="!(this.model.bopmod.szflg == '1')"
-          >
-            <el-option
-              v-for="item in codes.acttyp"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
+          <c-select v-model="model.bopmod.acttyp" style="width: 100%" placeholder="请选择款项来源"
+            :disabled="!(this.model.bopmod.szflg == '1')">
+            <el-option v-for="item in codes.acttyp" :key="item.value" :label="item.label" :value="item.value">
             </el-option>
           </c-select>
         </el-form-item>
@@ -54,69 +32,35 @@
 
       <c-col :span="24">
         <el-form-item label="地区机构号" prop="bopmod.ownextkey">
-          <c-select
-            v-model="model.bopmod.ownextkey"
-            style="width: 100%"
-            placeholder="请选择地区机构号"
-            :code="codes.ownextkey1"
-            :disabled="!(this.model.bopmod.szflg == '1'||this.model.bopmod.szflg == '2')"
-          >
+          <c-select v-model="model.bopmod.ownextkey" style="width: 100%" placeholder="请选择地区机构号" :code="codes.ownextkey1"
+            :disabled="!(this.model.bopmod.szflg == '1' || this.model.bopmod.szflg == '2')">
           </c-select>
         </el-form-item>
       </c-col>
 
       <c-col :span="24">
         <c-col :span="12">
-          <el-form-item
-            label="国外银行扣费（涉外收入申报专用）"
-            prop="bopmod.outchargeccy"
-          >
-            <c-select
-              v-model="model.bopmod.outchargeccy"
-              placeholder="请选择国外银行扣费（涉外收入申报专用）"
-              disabled
-              style="width: 100%"
-
-            >
-              <el-option
-                v-for="item in codes.curtxt1"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
+          <el-form-item label="国外银行扣费（涉外收入申报专用）" prop="bopmod.outchargeccy">
+            <c-select v-model="model.bopmod.outchargeccy" placeholder="请选择国外银行扣费（涉外收入申报专用）" disabled
+              style="width: 100%">
+              <el-option v-for="item in codes.curtxt1" :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="" label-width="5px" prop="bopmod.outchargeamt">
-            <c-input
-              v-model="model.bopmod.outchargeamt"
-              class="m-input-currency"
-              placeholder="请输入国外银行扣费（涉外收入申报专用）"
+            <c-input v-model="model.bopmod.outchargeamt" class="m-input-currency" placeholder="请输入国外银行扣费（涉外收入申报专用）"
               :disabled="
                 !(
                   this.model.bopmod.szflg == '1' &&
                   this.model.bopmod.basflg != ''
                 )
-              "
-            ></c-input>
+              "></c-input>
           </el-form-item>
         </c-col>
       </c-col>
     </c-col>
-
-      <!--dbap PD000000 涉外收入申报单－基础信息 -->
-      
-                <m-basp v-if="model.bopmod.szflg === '1' && model.bopmod.basflg" :model="model" :codes="codes"/>
-          
-
-            <!--dbdp PD000000 境内收入申报单－基础信息 -->
-          
-                <m-basp1 v-if="model.bopmod.szflg === '2' && model.bopmod.basflg" :model="model" :codes="codes"/>
-          
-
-    
   </div>
 </template>
 <script>
@@ -153,8 +97,9 @@ export default {
     },
   },
   methods: { ...Event },
-  created: function () {},
+  created: function () { },
 };
 </script>
 <style>
+
 </style>

src/views/Business/Betset/index.vue

 <template>
   <div class="eContainer">
      <c-page title="出口信用证单据出口收汇">
-     <!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
-   
-      <!-- <el-button size="small">流程附言</el-button>
-      <el-button size="small">交易历史</el-button>
-      <el-button size="small">备忘录</el-button>
-      <el-button size="small">影像信息</el-button>
-      // <el-button size="small">保存模板</el-button> 
-      // <el-button size="small">使用模板</el-button> 
-      <el-button size="small">制裁信息</el-button>
-      // <el-button size="small">拆分报文</el-button> 
-      <el-button size="small">智能提示</el-button>
-    </c-function-btn> -->
-
     <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small" :validate-on-rule-change="false">
        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
       
@@ -46,16 +33,13 @@
                   <!-- 表外记账 -->
                   <m-glepan :model="model" :codes="codes" />
                 </el-collapse-item>
-                 
               </el-collapse>
             </div>
           </c-content>
         </el-tab-pane>
-
-            <!--PD000000 -->
-            <el-tab-pane label="备查/附言" name="coninfp">
+        <el-tab-pane label="备查/附言" name="addbcb">
           <c-content>
-          <m-coninfp :model="model" :codes="codes" />
+            <m-addbcb :model="model" :codes="codes" />
           </c-content>
         </el-tab-pane>
 
@@ -66,7 +50,6 @@
           </c-content>
         </el-tab-pane>
        
-
         <!--PD000529 -->
         <el-tab-pane label="报文/面函" name="docpan">
           <c-content>
@@ -116,39 +99,31 @@ import commonFuncs from "~/mixin/commonFuncs";
 import Check from "~/model/Betset/Check"
 import Default from "~/model/Betset/Default"
 import Pattern from "~/model/Betset/Pattern"
+
 import Ovwp from "./Ovwp"
-import Docpan1 from "./Docpan1"
-import Wg from "./Wg"
+import Limitbody from "~/views/Public/Limitbody";
 import Cnyp from "./Cnyp"
-import Basp from "./Basp"
-import Basp1 from "./Basp1"
-import Incp from "./Incp"
-import Glepan from "~/views/Public/Glepan";
-import Doctre from "~/views/Public/Doctre"
+import Addbcb from "./Addbcb"
 import Engp from "~/views/Public/Engp";
 import Setpan from "~/views/Public/Setpan";
-import Coninfp from "~/views/Public/Coninfp";
+import Glepan from "~/views/Public/Glepan";
 import Docpan from "~/views/Public/Docpan";
-import Limitbody from "~/views/Public/Limitbody";
+import Doctre from "~/views/Public/Doctre"
+
 
 
 export default {
     name: "Betset",
     components:{
         "m-ovwp" : Ovwp,
+        "m-limitbody" : Limitbody,
         "m-setpan" : Setpan,
         "m-glepan" : Glepan,
         "m-engp" : Engp,
-        "m-limitbody" : Limitbody,
-        "m-docpan1" : Docpan1,
-        "m-coninfp" : Coninfp,
+        "m-addbcb" : Addbcb,
+        "m-cnyp" : Cnyp,
         "m-doctre" : Doctre,
         "m-docpan" : Docpan,
-        "m-wg" : Wg,
-        "m-cnyp" : Cnyp,
-        "m-basp" : Basp,
-        "m-basp1" : Basp1,
-        "m-incp" : Incp,
     },
     provide() {
         return {