bctrad添加

src/business/bctrad/event/buildCommons.js

+export default {
+  buildPtspta (ptsptaObj) {
+    let pts = ptsptaObj.pts;
+    let ptspta = {
+      rol: pts.rol,
+      name: pts.nam,
+      ptyinr: pts.ptyinr,
+      ptainr: pts.ptainr,
+      extkey: pts.extkey,
+      dftdsp: pts.dftdsp,
+      dftcur: pts.dftcur,
+      dftact: pts.dftact,
+      dftfeecur: pts.dftfeecur,
+      dftactptainr: pts.dftactptainr,
+      glggrpflg: pts.glggrpflg,
+      adrblk: pts.adrblk
+    };
+    return ptspta;
+  },
+  buildCommonData (model, trnName) {
+    let ptsptaList = [];
+    if (model.bcdgrp.co2.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.bcdgrp.co2));
+    }
+    if (model.bcdgrp.drr.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.bcdgrp.drr));
+    }
+    if (model.bcdgrp.dre.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.bcdgrp.dre));
+    }
+    if (model.bcdgrp.rmi.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.bcdgrp.rmi));
+    }
+    let dataObj = {
+      rec: {
+        objtyp: 'BCD',
+        // objinr: model.bcdgrp.rec.inr,
+        ownref: model.bcdgrp.rec.ownref,
+        opndat: model.bcdgrp.rec.opndat,
+        expdat: model.bcdgrp.rec.expdat,
+        branchinr: model.bcdgrp.rec.branchInr,
+        docgrd: model.bctp.docgrdm.docgrd,
+        // nam: model.bcdgrp.rec.nam,
+        // oridre: model.bcdgrp.rec.oridre,
+      },
+      cbsMap: {
+        MAX: model.bcdgrp.cbs.max,
+        OPN1: model.bcdgrp.cbs.opn1,
+        // MAC: model.bcdgrp.cbs.mac,
+        // MAC2: model.bcdgrp.cbs.mac2,
+        // OPC2: model.bcdgrp.cbs.opc2,
+        // CNF: model.bcdgrp.cbs.cnf,
+      },
+      ptsList: ptsptaList,
+      transName: trnName,
+      userId: window.sessionStorage.userId ? window.sessionStorage.userId : 'ZL'
+    };
+    return dataObj
+  },
+  buildSetfeg (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaall: model.liaall,
+      liaccv: model.liaccv,
+      doceot: model.trnmod.trndoc.doceot,
+    };
+    return params
+  },
+  buildSetglg (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      setfeg: model.setmod.setfeg,
+      liaall: model.liaall,
+      liaccv: model.liaccv,
+    };
+    return params
+  },
+  buildGlentry (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaallg: model.liaall.liaallg,
+      setfog: model.setmod.setfog,
+      setfeg: model.setmod.setfeg,
+      setglg: model.setmod.setglg,
+    };
+    return params
+  },
+  buildEngp (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaallg: model.liaall.liaallg,
+    };
+    return params
+  },
+  buildDocpan (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+    };
+    return params
+  },
+  buildCcvpan (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaccvg: model.liaccv.liaccvg,
+      oldamt: model.liaccv.oldamt,
+      chgamt: model.liaccv.chgamt,
+      concur: model.liaccv.concur,
+    };
+    return params
+  },
+  buildLimitbody (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      // rec: {
+      //   objtyp: 'BCD',
+      //   objinr: model.bcdgrp.rec.inr,
+      //   ownref: model.bcdgrp.rec.ownref,
+      // },
+    };
+    return params
+  },
+  buildDoctre (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      // rec: {
+      //   objtyp: 'BCD',
+      //   objinr: model.bcdgrp.rec.inr,
+      //   ownref: model.bcdgrp.rec.ownref,
+      //   // swiftflg: model.gitp.swiftflg,
+      // },
+    };
+    return params
+  },
+  // 公共组件setmod中dsp字段改变，触发联动时候的入参
+  buildSetgllAccts (model, trnName, setglg) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      setglg
+    };
+    return params
+  }
+}      
\ No newline at end of file

src/business/bctrad/event/index.js

+import Api from '~/service/Api';
+import commonFunctions from '~/mixin/commonFunctions.js';
+import buildFn from './buildCommons.js';
+import setmod from '~/components/business/setmod/event';
+import glentry from '~/components/business/glentry/event';
+import engp from '~/components/business/engp/event';
+import docpan from '~/components/business/docpan/event';
+import ccvpan from '~/components/business/ccvpan/event';
+import limitbody from '~/components/business/limitbody/event';
+import doctre from '~/components/business/doctre/event';
+import Utils from "~/utils"
+
+export default {
+  mixins: [commonFunctions],
+  methods: {
+    ...setmod,
+    ...glentry,
+    ...engp,
+    ...docpan,
+    ...ccvpan,
+    ...limitbody,
+    ...doctre,
+    async init () {
+
+      const params = {
+        spt: JSON.parse(localStorage.getItem('row_' + this.trnName)),
+        // trnmod:{
+        //   trn:JSON.parse(localStorage.getItem('review_'+this.trnName))
+        // }
+      }
+      const res = await Api.post('/service/bctrad/init', {
+        ...params,
+        transName: this.trnName,
+        userId: window.sessionStorage.userId || 'ZL',
+        bcdgrp:{
+          rec:{
+            inr: this.$route.query.inr
+          }
+        },
+      });
+      if (!res.data) {
+        return
+      }
+      this.copyValueFromVoData(this.model, res.data)
+      this.copyValueFromVoData(this.model.setmod.setfeg, res.data.setfeg)
+      this.copyValueFromVoData(this.model.setmod.setfog, res.data.setfog)
+      this.copyValueFromVoData(this.model.setmod.setglg, res.data.setglg)
+    },
+    // 兼容处理在前端model中定义了字段，后端返回的数据中不存在字段的问题
+    copyValueFromVoData (model, data) {
+      let keysList = Object.keys(model)
+      keysList.map((key) => {
+        if (data[key]) {
+          if (Utils.typeOf(model[key]) === 'Object') {
+            this.copyValueFromVoData(model[key], data[key])
+          } else {
+            this.$set(model, key, data[key])
+          }
+        }
+      })
+    },
+    async tabClick(tab) {
+      if (this.isInDisplay) {
+        return;
+      }
+      let name = tab.name;
+      switch (name) {
+        case 'ccvpan':
+          let ccvpanRequest = buildFn.buildCcvpan(this.model, this.trnName);
+          this.processLiaccv(ccvpanRequest);
+          break;
+        case 'engp':
+          let engpRequest = buildFn.buildEngp(this.model, this.trnName);
+          this.processLiaall(engpRequest);
+          break;
+        case 'setmod':
+          let setfegRequest = buildFn.buildSetfeg(this.model, this.trnName);
+          // 此处利用回调是为了等setfeg的接口调用完成后才去获取setglg参数，由于setglg参数依赖于setfeg函数的返回值
+          this.processSetpan(setfegRequest, () => {
+            return buildFn.buildSetglg(this.model, this.trnName);
+          });
+          break;
+        case 'docpan':
+          let docpanRequest = buildFn.buildDocpan(this.model, this.trnName);
+          this.processTrndoc(docpanRequest);
+          break;
+        case 'glepan':
+          let glentryRequest = buildFn.buildGlentry(this.model, this.trnName);
+          this.processGlentry(glentryRequest);
+          break;
+        case 'limitbody':
+          let limitbodyRequest = buildFn.buildLimitbody(this.model, this.trnName);
+          this.processLimitbody(limitbodyRequest);
+          break;
+        case 'doctre':
+          let doctreRequest = buildFn.buildDoctre(this.model, this.trnName);
+          this.processDoctre(doctreRequest);
+          break;
+        default:
+          return;
+      }
+    },
+    // 点击获取按钮拉取当前key字段下的表单数据
+    queryFormData(key) {
+      console.log(key);
+    },
+    // 业务信息=》基本信息=》编号-----获取编号
+    async queryOwnref() {
+      let params = {
+        ptainr: this.model.bcdgrp.dre.pts.ptainr,
+        businessType: 'IC',
+        tbl: 'IC',
+      };
+      const loading = this.loading();
+      let res = await Api.post('/service/bctrad/getOwnRef', params);
+      if (res.respCode == SUCCESS) {
+        loading.close();
+        this.model.bcdgrp.rec.ownref = res.data;
+      }
+    },
+
+    // 获取弹框表格数据
+    async queryGridEtyPromptDialogData(type, ptytyp) {
+      let params = {
+        userId: window.sessionStorage.userId || 'ZL',
+        ptytyp: ptytyp,
+        extkey: this.model.bcdgrp[type.toLowerCase()].pts.extkey,
+      };
+      let res = await Api.post('/service/ptspta/list', params);
+      if (res.respCode == SUCCESS) {
+        this.root.$refs['etyDialog'].show = true;
+        this.root.promptData.data = res.data.ptaInfos;
+        this.root.promptData.type = type;
+      }
+    },
+    // 选中弹框表格的行数据
+    async selectGridEtyPromptData(row) {
+      let params = {
+        ...row,
+      };
+      let res = await Api.post('/service/ptspta/fetch', params);
+      if (res.respCode == SUCCESS) {
+        this.$set(this.model.bcdgrp, row.role.toLowerCase(), res.data);
+      }
+    },
+    // 业务信息=》基本信息=》支出目的
+    purposChange(key, value) {
+      this.handleChangeForm(key, value);
+    },
+    // 初始化保函开立类型码表下拉列表
+    async queryHndtypCodeTableList(trnName) {
+      let params = {
+        botp: {
+          swiftflg: this.model.botp.swiftflg,
+        },
+        bcdgrp: {
+          rec: {
+            purpos: this.model.bcdgrp.rec.purpos,
+          },
+        },
+        transName: trnName.toUpperCase(),
+      };
+      let res = await Api.post('/service/bctrad/initHndtyp', params);
+      if (res.respCode == SUCCESS) {
+        this.$set(this.codes, 'voHndtyp', res.data);
+      }
+    },
+    // 是否SWIFT格式修改--联动保函开立类型
+    handleChangeSwiftflg() {
+      this.queryHndtypCodeTableList(this.root.trnName);
+    },
+    // 支出目的修改--联动保函开立类型
+    handleChangePurpos() {
+      this.queryHndtypCodeTableList(this.root.trnName);
+    },
+    buildLiaccv () {
+      let params = {
+        ...buildFn.buildCommonData(this.model, this.trnName),
+        liaccvg: this.model.liaccv.liaccvg,
+        oldamt: this.model.liaccv.oldamt,
+        chgamt: this.model.liaccv.chgamt,
+        concur: this.model.liaccv.concur,
+      };
+      
+      return params
+    },
+    // 公共组件setmod处理方式改变触发联动
+    changeSetmodModel (emitParams) {
+      let reqParams = {}
+      switch (emitParams.code) {
+        case 'processMethods':
+          reqParams = buildFn.buildSetglg(this.model, this.trnName);
+          this.calcPayDetail(reqParams)
+          break
+        case 'changeDsp':
+          let index = emitParams.index;
+          let setglgRequest = buildFn.buildSetglg(this.model, this.trnName);
+          setglgRequest.setglg = {setgll:  emitParams.list};
+          this.setgllAccts(setglgRequest, index);
+          break
+          default:
+          return
+      }
+    }
+  },
+};

src/business/bctrad/model/index.js

+import Pts from '~/components/business/commonModel/Pts';
+import Pub from '~/components/business/commonModel/index.js';
+export default class Bctrad{
+    constructor () {
+        this.data = {
+			bctdrrl1blk:"",
+			bctdrel1blk:"",
+			bctdrel2blk:"",
+			bcdgrp:{
+				rec:{
+					ownref:"",			//  Collection Number		.bcdgrp.rec.ownref
+					nam:"",			//  Name		.bcdgrp.rec.nam
+					rcvdat:"",			//  Docs Received on		.bcdgrp.rec.rcvdat
+					advdat:"",			//  Date of Advice of Documents Received		.bcdgrp.rec.advdat
+					matdat:"",			//  Maturity Date		.bcdgrp.rec.matdat
+					predat:"",			//  Maturity Date		.bcdgrp.rec.predat
+					doctypcod:"",			//  Payment Condition		.bcdgrp.rec.doctypcod
+					docsta:"",			//  Document Set Status		.bcdgrp.rec.docsta
+					chato:"",			//  Our Charges to		.bcdgrp.rec.chato
+					focflg:"",			//  Free of Payment		.bcdgrp.rec.focflg
+					waicolcod:"",			//  Waive Collecting Bank Charges		.bcdgrp.rec.waicolcod
+					wairmtcod:"",			//  Waive Remitting Bank Charges		.bcdgrp.rec.wairmtcod
+					othins:"",			//  Defer Payment until		.bcdgrp.rec.othins
+					stagod:"",			//  Good's Code (for Statistics)		.bcdgrp.rec.stagod
+					proins:"",			//  Protest Instructions		.bcdgrp.rec.proins
+					branchInr:"",
+					inr:"",
+				},
+				cbs:{
+					max:{
+						cur:"",			//  Document Amount		.bcdgrp.cbs.max.cur
+						amt:"0",			//  Document Amount		.bcdgrp.cbs.max.amt
+					},
+					opn1:{
+						cur:"",			//  Open Amount		.bcdgrp.cbs.opn1.cur
+						amt:"0",			//  Open Amount		.bcdgrp.cbs.opn1.amt
+					},
+				},
+				dre:{
+					pts:new Pts().data,
+					namelc:"",			//  名称		.bcdgrp.dre.namelc
+					adrelc:"",			//  地址		.bcdgrp.dre.adrelc
+					dbfadrblkcn:"",			//  Chinese address		.bcdgrp.dre.dbfadrblkcn
+				},
+				rmi:{
+					pts:new Pts().data,
+					namelc:"",			//  名称		.bcdgrp.rmi.namelc
+					adrelc:"",			//  地址		.bcdgrp.rmi.adrelc
+					dbfadrblkcn:"",			//  Chinese address		.bcdgrp.rmi.dbfadrblkcn
+				},
+				drr:{
+					pts:new Pts().data,
+					namelc:"",			//  名称		.bcdgrp.drr.namelc
+					adrelc:"",			//  地址		.bcdgrp.drr.adrelc
+					dbfadrblkcn:"",			//  Chinese address		.bcdgrp.drr.dbfadrblkcn
+				},
+				blk:{
+					docpre:"",
+					colinssnm:"",			//  Instructions for Second Mail		.bcdgrp.blk.colinssnm
+					colins:"",			//  Collection Instructions		.bcdgrp.blk.colins
+					dftins:"",			//  Draft Instructions		.bcdgrp.blk.dftins
+					othins:"",			//  Other Instructions		.bcdgrp.blk.othins
+					chgtxt:"",			//  Charges Text		.bcdgrp.blk.chgtxt
+				},
+				co2:{
+					pts:new Pts().data,
+					namelc:"",			//  名称		.bcdgrp.co2.namelc
+					adrelc:"",			//  地址		.bcdgrp.co2.adrelc
+					dbfadrblkcn:"",			//  Chinese address		.bcdgrp.co2.dbfadrblkcn
+				},
+			},
+			bctp:{
+				recget:{
+					sdamod:{
+						seainf:"",			//  		.bctp.recget.sdamod.seainf
+						dadsnd:"",			//  Drag  Drop Sender		.bctp.recget.sdamod.dadsnd
+					},
+				},
+				matp:{
+					mattxtlab:"",			//  Label for MATTXT		.bctp.matp.mattxtlab
+				},
+				docgrdm:{
+					docgrd:[],
+					docdsclab:"",			//  Label of document description		.bctp.docgrdm.docdsclab
+				},
+				co2p:{
+					ptsget:{
+						sdamod:{
+							seainf:"",			//  		.bctp.co2p.ptsget.sdamod.seainf
+							dadsnd:"",			//  Drag  Drop Sender		.bctp.co2p.ptsget.sdamod.dadsnd
+						},
+					},
+				},
+				drep:{
+					ptsget:{
+						sdamod:{
+							seainf:"",			//  		.bctp.drep.ptsget.sdamod.seainf
+							dadsnd:"",			//  Drag  Drop Sender		.bctp.drep.ptsget.sdamod.dadsnd
+						},
+					},
+				},
+				rmip:{
+					ptsget:{
+						sdamod:{
+							seainf:"",			//  		.bctp.rmip.ptsget.sdamod.seainf
+							dadsnd:"",			//  Drag  Drop Sender		.bctp.rmip.ptsget.sdamod.dadsnd
+						},
+					},
+				},
+				drrp:{
+					ptsget:{
+						sdamod:{
+							seainf:"",			//  		.bctp.drrp.ptsget.sdamod.seainf
+							dadsnd:"",			//  Drag  Drop Sender		.bctp.drrp.ptsget.sdamod.dadsnd
+						},
+					},
+				},
+			},
+			setmod: new Pub().data.Setmod,
+			mtabut: new Pub().data.Mtabut,
+			trnmod: new Pub().data.Trnmod,
+			liaall: new Pub().data.Liaall,
+			liaccv: new Pub().data.Liaccv,
+			docpan: new Pub().data.Docpan, 
+		}
+    }
+}
\ No newline at end of file

src/business/bctrad/views/Addbcb.vue

+<template>
+  <div class="eibs-tab">
+    <el-collapse v-model="activeNames" @change="handleChange">
+
+      <!--el-collapse-item title="备查表" name="addbcb1">
+          <m-addbcb1 :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 event from "../event"
+//import Addbcb1 from "~/views/Public/Addbcb1";
+import Coninfp from "~/views/Public/Coninfp";
+
+export default {
+  components: {
+
+    "m-coninfp": Coninfp,
+    //"m-addbcb1": Addbcb1,
+  },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [event],
+  data() {
+    return {
+
+      activeNames: ["coninfp"],
+    };
+
+  },
+  methods: {
+    ...event,
+    handleChange(val) {
+      console.log(val);
+    },
+  },
+  created: function () {},
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file

src/business/bctrad/views/Detp.vue

+<template>
+<!--    <c-row>-->
+  <div class="eibs">
+        <!-- ====================左边======================= -->
+        <c-col :span="12" style="padding-right: 20px">
+            <c-col :span="24">
+              <c-fullbox>
+<!--                <c-col :span="20">-->
+                <el-form-item label="放单指示条款" prop="bcdgrp.blk.colins">
+                    <c-input disabled type="textarea" v-model="model.bcdgrp.blk.colins" maxlength="265" show-word-limit
+                        placeholder="请输入放单指示条款"></c-input>
+                </el-form-item>
+<!--                </c-col>-->
+<!--                <c-col :span="4">-->
+                <template slot="footer">
+                    <c-button disabled size="small" type="primary" @click="onColinsButtxmsel">
+                      <i class="el-icon-more"></i>
+                    </c-button>
+                </template>
+                <!--                </c-col>-->
+              </c-fullbox>
+            </c-col>
+            <c-col :span="24">
+<!--                <c-col :span="20">-->
+                <c-fullbox>
+                    <el-form-item label="汇票指示条款" prop="bcdgrp.blk.dftins">
+                        <c-input disabled type="textarea" v-model="model.bcdgrp.blk.dftins" maxlength="65" show-word-limit
+                            placeholder="请输入汇票指示条款"></c-input>
+                    </el-form-item>
+
+<!--                </c-col>-->
+                <template slot="footer">
+
+                  <c-button
+                      disabled
+                      size="small"
+                      style="margin-left: 10px; padding: 0 12px"
+                      type="primary"
+                      @click="onDftinsButtxmsel">
+                    <i class="el-icon-more"></i>
+                  </c-button>
+                </template>
+              </c-fullbox>
+<!--                <c-col :span="4">-->
+<!--                    <c-button size="small" disabled type="primary" icon="el-icon-search" @click="onDftinsButtxmsel">-->
+<!--                    </c-button>-->
+<!--                </c-col>-->
+            </c-col>
+            <c-col :span="24">
+                <el-form-item label="拒绝证书指示条款" prop="bcdgrp.rec.proins">
+                    <c-select disabled v-model="model.bcdgrp.rec.proins" style="width:100%" placeholder="请选择拒绝证书指示条款">
+                        <el-option v-for="item in codes.proins" :key="item.value" :label="item.label"
+                            :value="item.value">
+                        </el-option>
+                    </c-select>
+                </el-form-item>
+            </c-col>
+            <c-col :span="24">
+            <c-fullbox>
+<!--            <c-col :span="20">-->
+                <el-form-item label="其他指示条款" prop="bcdgrp.blk.othins">
+                    <c-input disabled type="textarea" v-model="model.bcdgrp.blk.othins" maxlength="65" show-word-limit
+                        placeholder="请输入其他指示条款">
+                    </c-input>
+                </el-form-item>
+
+<!--            </c-col>-->
+<!--            <c-col :span="4">-->
+              <template slot="footer">
+                <c-button disabled size="small" type="primary" @click="onOthins1Buttxmsel">
+                  <i class="el-icon-more"></i>
+                </c-button>
+              </template>
+            </c-fullbox>
+            </c-col>
+            <c-col :span="24">
+                <el-form-item label="货物代码（风险国家）" prop="bcdgrp.rec.stagod">
+                    <c-select disabled v-model="model.bcdgrp.rec.stagod" style="width:100%"
+                        placeholder="请选择货物代码（风险国家）">
+                        <el-option v-for="item in codes.godcod" :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="24">
+                <c-col :span="24">
+                    <el-form-item label="费用承担条款" prop="bcdgrp.rec.chato">
+                        <c-select disabled v-model="model.bcdgrp.rec.chato" style="width:100%" placeholder="请输入费用承担条款">
+                            <el-option v-for="item in codes.chadet" :key="item.value" :label="item.label"
+                                :value="item.value">
+                            </el-option>
+                        </c-select>
+                    </el-form-item>
+                </c-col>
+            </c-col>
+            <c-col :span="24">
+                <el-form-item label="手续费支付的附加详述" prop="bcdgrp.blk.chgtxt">
+                    <c-input disabled type="textarea" v-model="model.bcdgrp.blk.chgtxt" maxlength="35" style="width:100%"
+                        show-word-limit placeholder="请输入手续费支付的附加详述"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="24">
+                <el-form-item label="" style="text-align: left" prop="bcdgrp.rec.focflg">
+                    <c-checkbox disabled v-model="model.bcdgrp.rec.focflg">无偿放单选项</c-checkbox>
+                </el-form-item>
+            </c-col>
+            <c-col :span="24">
+                <el-form-item label-width="140px" label="交单时是否放弃向代收行收取费用的权力" prop="bcdgrp.rec.waicolcod">
+                    <c-select disabled v-model="model.bcdgrp.rec.waicolcod" style="width:100%"
+                        placeholder="请选择交单时是否放弃向代收行收取费用的权力">
+                        <el-option v-for="item in codes.waicod" :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-width="140px" label="放单时是否放弃向托收行收取费用的权力" prop="bcdgrp.rec.wairmtcod">
+                    <c-select disabled v-model="model.bcdgrp.rec.wairmtcod" style="width:100%"
+                        placeholder="请选择放单时是否放弃向托收行收取费用的权力">
+                        <el-option v-for="item in codes.waicod" :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="bcdgrp.rec.othins">
+                    <c-select disabled v-model="model.bcdgrp.rec.othins" style="width:100%" placeholder="请选择延期付款期限">
+                        <el-option v-for="item in codes.bcothi" :key="item.value" :label="item.label"
+                            :value="item.value">
+                        </el-option>
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-col>
+  </div>
+<!--    </c-row>-->
+</template>
+<script>
+    import event from "../event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [event],
+        data() {
+            return {
+
+            }
+        },
+        methods: {
+            ...event
+        },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/business/bctrad/views/Ovwp.vue

+<template>
+  <div class="eibs-tab">
+    <el-collapse v-model="activeNames" @change="handleChange">
+      <el-collapse-item title="附加单据" name="bctret">
+        <!--附加单据-->
+        <m-bctret :model="model" :codes="codes" />
+      </el-collapse-item>
+      <el-collapse-item title="指示条款" name="detp">
+        <!-- 指示条款 -->
+        <m-detp :model="model" :codes="codes" />
+      </el-collapse-item>
+      <el-collapse-item title="参与方" name="ptyp">
+        <!-- 参与方 -->
+        <m-ptyp :model="model" :codes="codes" />
+      </el-collapse-item>
+<!--      <el-collapse-item title="表外记账" name="engp">-->
+<!--        &lt;!&ndash; 表外记账 &ndash;&gt;-->
+<!--        <m-engp :model="model" :codes="codes" />-->
+<!--      </el-collapse-item>-->
+<!--      <el-collapse-item title="结算" name="setpan">-->
+<!--        &lt;!&ndash; 结算 &ndash;&gt;-->
+<!--        <m-setpan :model="model" :codes="codes" />-->
+<!--      </el-collapse-item>-->
+<!--      <el-collapse-item title="账务" name="glepan">-->
+<!--        &lt;!&ndash; 账务 &ndash;&gt;-->
+<!--        <m-glepan :model="model" :codes="codes" />-->
+<!--      </el-collapse-item>-->
+
+<!--      <el-collapse-item title="提示信息" name="coninfp">-->
+<!--        &lt;!&ndash; 提示信息 &ndash;&gt;-->
+<!--        <m-coninfp :model="model" :codes="codes" />-->
+<!--      </el-collapse-item>-->
+
+<!--      <el-collapse-item title="报文和面函" name="docpan">-->
+<!--        &lt;!&ndash; 报文和面函 &ndash;&gt;-->
+<!--        <m-docpan :model="model" :codes="codes" />-->
+<!--      </el-collapse-item>-->
+
+<!--      <el-collapse-item title="附件" name="doctre">-->
+<!--        &lt;!&ndash; 附件 &ndash;&gt;-->
+<!--        <m-doctre :model="model" :codes="codes" />-->
+<!--      </el-collapse-item>-->
+<!--      <el-collapse-item-->
+<!--          title="附加金额"-->
+<!--          name="aamp"-->
+<!--          v-if="model.litp.aamp.aammod.addamtflg"-->
+<!--      >-->
+        <!-- 附加金额 -->
+<!--        <m-aamp :model="model" :codes="codes" />-->
+<!--      </el-collapse-item>-->
+<!--      <el-collapse-item-->
+<!--          title="仅适用于指定银行的特殊付款条款"-->
+<!--          name="spcrcvp"-->
+<!--          v-if="model.lidgrp.rec.spcrcbflg"-->
+<!--      >-->
+<!--        <m-spcrcvp :model="model" :codes="codes" />-->
+<!--      </el-collapse-item>-->
+<!--      <el-collapse-item-->
+<!--          title="存在受益人的特殊付款条款"-->
+<!--          name="spcbenp"-->
+<!--          v-if="model.lidgrp.rec.spcbenflg"-->
+<!--      >-->
+<!--        <m-spcbenp :model="model" :codes="codes" />-->
+<!--      </el-collapse-item>-->
+    </el-collapse>
+  </div>
+</template>
+
+<script>
+import Bctret from "./Bctret";
+import Detp from "./Detp";
+import Ptyp from "./Ptyp";
+import event from "../event"
+
+export default {
+  components: {
+    "m-bctret": Bctret,
+    "m-detp": Detp,
+    "m-ptyp": Ptyp,
+  },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [event],
+  data() {
+    return {
+      activeNames: ["bctret"],
+    }
+  },
+  methods: {
+    ...event,
+    handleChange(val) {
+      console.log(val);
+    }
+  },
+  created: function (){},
+  computed: {
+
+  },
+};
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file

src/business/bctrad/views/Ptyp.vue

+<template>
+  <div class="eibs">
+    <!-- ====================左边======================= -->
+    <c-col :span="12" style="padding-right: 20px">
+      <c-col :span="24">
+        <el-form-item label="付款人参考号" prop="bcdgrp.dre.pts.ref">
+          <c-input
+            disabled
+            v-model="model.bcdgrp.dre.pts.ref"
+            maxlength="16"
+            style="width: 100%"
+            placeholder="请输入付款人参考号"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="付款人名称" prop="bcdgrp.dre.pts.extkey">
+          <c-fullbox>
+            <c-input
+              disabled
+              v-model="model.bcdgrp.dre.pts.extkey"
+              maxlength="50"
+              placeholder="请输入付款人名称"
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                style="margin: 0 10px 0 10px; padding: 0 12px"
+                size="small"
+                type="primary"
+              >
+                <i class="el-icon-info"></i>
+              </c-button>
+              <c-button
+                style="margin: 0 0"
+                size="small"
+                type="primary"
+                disabled
+              >
+                详情
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="地址信息" prop="bcdgrp.dre.pts.adrblk">
+          <c-input
+            type="textarea"
+            :rows="4"
+            v-model="model.bcdgrp.dre.pts.adrblk"
+            maxlength="50"
+            disabled
+            show-word-limit
+            placeholder="请输入地址信息"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item
+          label="第二代收行参考号"
+          prop="bcdgrp.co2.pts.ref"
+        >
+          <c-input
+            v-model="model.bcdgrp.co2.pts.ref"
+            maxlength="16"
+            style="width: 100%"
+            placeholder=""
+            disabled
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="第二代收行名称" prop="bcdgrp.co2.pts.extkey">
+          <c-fullbox>
+            <c-input
+              v-model="model.bcdgrp.co2.pts.extkey"
+              maxlength="50"
+              placeholder="请输入第二代收行名称"
+              disabled
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                style="margin: 0 10px 0 10px; padding: 0 12px"
+                size="small"
+                type="primary"
+              >
+                <i class="el-icon-info"></i>
+              </c-button>
+              <c-button
+                style="margin: 0 0"
+                size="small"
+                type="primary"
+                disabled
+              >
+                详情
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="地址信息" prop="bcdgrp.co2.pts.adrblk">
+          <c-input
+            type="textarea"
+            :rows="4"
+            v-model="model.bcdgrp.co2.pts.adrblk"
+            maxlength="50"
+            disabled
+            show-word-limit
+            placeholder="请输入地址信息"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+    </c-col>
+
+    <!-- ====================右边======================= -->
+    <c-col :span="12" style="padding-left: 20px">
+      <c-col :span="24">
+        <el-form-item label="托收行参考号" prop="bcdgrp.rmi.pts.ref">
+          <c-input
+            v-model="model.bcdgrp.rmi.pts.ref"
+            maxlength="16"
+            style="width: 100%"
+            placeholder=""
+            disabled
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="托收行名称" prop="bcdgrp.rmi.pts.extkey">
+          <c-fullbox>
+            <c-input
+              v-model="model.bcdgrp.rmi.pts.extkey"
+              maxlength="50"
+              placeholder="请输入托收行名称"
+              disabled
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                style="margin: 0 10px 0 10px; padding: 0 12px"
+                size="small"
+                type="primary"
+              >
+                <i class="el-icon-info"></i>
+              </c-button>
+              <c-button
+                style="margin: 0 0"
+                size="small"
+                type="primary"
+                disabled
+              >
+                详情
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="地址信息" prop="bcdgrp.rmi.pts.adrblk">
+          <c-input
+            type="textarea"
+            :rows="4"
+            v-model="model.bcdgrp.rmi.pts.adrblk"
+            maxlength="50"
+            disabled
+            show-word-limit
+            placeholder="请输入地址信息"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="收款人参考号" prop="bcdgrp.drr.pts.ref">
+          <c-input
+            v-model="model.bcdgrp.drr.pts.ref"
+            maxlength="16"
+            style="width: 100%"
+            placeholder=""
+            disabled
+          ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="收款人名称" prop="bcdgrp.drr.pts.extkey">
+          <c-fullbox>
+            <c-input
+              v-model="model.bcdgrp.drr.pts.extkey"
+              maxlength="50"
+              placeholder="请输入收款人名称"
+              disabled
+            ></c-input>
+            <template slot="footer">
+              <c-button
+                style="margin: 0 10px 0 10px; padding: 0 12px"
+                size="small"
+                type="primary"
+              >
+                <i class="el-icon-info"></i>
+              </c-button>
+              <c-button
+                style="margin: 0 0"
+                size="small"
+                type="primary"
+                disabled
+              >
+                详情
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="地址信息" prop="bcdgrp.drr.pts.adrblk">
+          <c-input
+            type="textarea"
+            :rows="4"
+            v-model="model.bcdgrp.drr.pts.adrblk"
+            maxlength="50"
+            disabled
+            show-word-limit
+            placeholder="请输入地址信息"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+    </c-col>
+  </div>
+</template>
+<script>
+import event from "../event"
+import Ptap from "~/views/Public/Ptap";
+export default {
+  components: {
+    "c-ptap": Ptap,
+  },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [event],
+  data() {
+    return {};
+  },
+  methods: {
+    ...event,
+  },
+  created: function () {},
+};
+</script>
+<style></style>

src/business/bctrad/views/index.vue

+<template>
+    <c-page title="进口代收二次收单">
+      <div class="eContainer">
+      <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="left"
+               size="small" :validate-on-rule-change="false">
+        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
+
+          <el-tab-pane label="业务信息" name="ovwp">
+            <c-content>
+              <m-ovwp :model="model" :codes="codes"/>
+            </c-content>
+          </el-tab-pane>
+
+          <!-- <el-tab-pane label="统一授信" name="limitbody">
+            <c-content>
+              <m-limitbody :model="model" :codes="codes"/>
+            </c-content>
+          </el-tab-pane> -->
+
+          <el-tab-pane label="表外记账" name="engp">
+            <c-content>
+              <!-- 表外记账 -->
+              <m-engp :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+
+          <!--PD000027 -->
+          <el-tab-pane label="费用/账务" name="setmod">
+            <c-content>
+              <m-setmod
+                  :model="model"
+                  :codes="codes"
+                  @changeSetmodModel="changeSetmodModel"
+              />
+            </c-content>
+          </el-tab-pane>
+
+          <!--PD000027 -->
+          <el-tab-pane label="会计分录" name="glepan">
+            <c-content>
+              <m-glentry :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+
+          <el-tab-pane label="备查/附言" name="addbcb">
+            <c-content>
+              <m-addbcb :model="model" :codes="codes"/>
+            </c-content>
+          </el-tab-pane>
+
+          <el-tab-pane label="报文/面函" name="docpan">
+            <c-content>
+              <m-docpan :model="model" :codes="codes"/>
+            </c-content>
+          </el-tab-pane>
+
+          <el-tab-pane label="附件信息" name="doctre">
+            <c-content>
+              <m-doctre :model="model" :codes="codes"/>
+            </c-content>
+          </el-tab-pane>
+        </c-tabs>
+      </el-form>
+      <c-grid-ety-prompt-dialog
+          ref="etyDialog"
+          :promptData="promptData"
+          @select-ety="selectGridEtyPromptData"
+      >
+      </c-grid-ety-prompt-dialog>
+
+      <c-function-btn
+          :handleSubmit="handleSubmit"
+          :handleCheck="handleCheck"
+          :handleStash="handleStash"
+      >
+      </c-function-btn>
+    </div>
+  </c-page>
+</template>
+<script>
+    import Utils from "~/utils/index"
+    import CodeTable from "~/config/CodeTable"
+    import Bctdav from "../model"
+    import formRules from '../model/check'
+    import event from "../event";
+    import operationFunc from "@/mixin/operationFunc";
+
+    // import Bctret from "./Bctret";
+    // import Detp from "./Detp";
+    // import Ptyp from "./Ptyp";
+    import Ovwp from "./Ovwp";
+    import Addbcb from "./Addbcb";
+
+    import Engp from "~/components/business/engp/views";
+    import Setmod from "~/components/business/setmod/views"
+    import Glentry from "~/components/business/glentry/views";
+    import Coninfp from "~/components/business/coninfp/views";
+    import Docpan from "~/components/business/docpan/views";
+    import Doctre from "~/views/Public/Doctre"
+    // import Limitbody from "~/components/business/limitbody/views";
+
+    export default {
+        name: "Bctrad",
+        components: {
+          // "m-bctret": Bctret,
+          // "m-detp": Detp,
+          // "m-ptyp": Ptyp,
+          "m-engp": Engp,
+          "m-setmod": Setmod,
+          "m-coninfp": Coninfp,
+          "m-docpan": Docpan,
+          "m-doctre": Doctre,
+          "m-glentry": Glentry,
+          "m-ovwp": Ovwp,
+          "m-addbcb": Addbcb,
+          // "m-limitbody": Limitbody,
+        },
+        provide() {
+            return {
+                root: this
+            }
+        },
+        mixins: [operationFunc, event], // 里面包含了Default、Check等的公共处理
+        data() {
+            return {
+                activeNames: ["engp"],
+                tabVal: "ovwp",
+                trnName: "bctrad",
+                model: new Bctrad().data,
+                rules: formRules,
+                codes: { ...CodeTable },
+                promptData: {
+                title: 'Select a Party',
+                columns: [
+                  {
+                    prop: 'ptyInr',
+                    label: 'Party Number'
+                  },
+                  {
+                    prop: 'inr',
+                    label: 'Address Number'
+                  },
+                  {
+                    prop: 'branch',
+                    label: 'Branch Code'
+                  },
+                  {
+                    prop: 'bchName',
+                    label: 'Branch Name'
+                  },
+                  {
+                    prop: 'adrName',
+                    label: 'Address Name'
+                  },
+                  {
+                    prop: 'adr1',
+                    label: 'Address1'
+                  },
+                  {
+                    prop: 'locCty',
+                    label: 'City'
+                  },
+                  {
+                    prop: 'locZip',
+                    label: 'Zip'
+                  },
+                  {
+                    prop: 'bicCode',
+                    label: 'BIC'
+                  }
+                ],
+                data: []
+              },
+            }
+        },
+        methods: {
+          // myTabClick(tab) {
+          // this.tabClick(tab);
+          // let name = tab.name;
+          // let rulePath;
+          // if (name === "setpan") {
+          //   rulePath = "setmod.setpan";
+          // }
+          // if (name === "glepan") {
+          //   rulePath = "setmod.glemod.glepan";
+          // }
+          // if (name === "docpan") {
+          //   rulePath = "trnmod.trndoc.docpan"
+          // }
+          // if (!!rulePath) {
+          //   this.executeRule(rulePath).then((res) => {
+          //     if (res.respCode == SUCCESS) {
+          //       this.updateModel(res.data);
+          //     }
+          //   });
+          // }
+          // }
+        },
+        created: async function () {
+            console.log("进入bctrad交易");
+            let rtnmsg = await this.init(this.$route.query)
+            if (rtnmsg.respCode == SUCCESS) {
+                //更新数据
+                Utils.copyValueFromVO(this.model, rtnmsg.data);
+                if (this.isInDisplay) {
+                    this.restoreDisplay();
+                }
+            } else {
+                this.$notify.error({
+                    title: '错误',
+                    message: '服务请求失败！'
+                });
+            }
+        },
+        mounted () {
+          this.init()
+          // this.queryHndtypCodeTableList(this.trnName)
+        },
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/routers/modules/business.js

@@ -82,5 +82,7 @@ const Business = [
 
   { path: 'infbcd', component: () => import('~/business/infbcd/views'), name: 'infbcd', meta: { title: '进口代收入口交易' }},
   { path: 'bctacc', component: () => import('~/business/bctacc/views'), name: 'bctacc', meta: { title: '进口代收承兑' }},
+  { path: 'bctrad', component: () => import('~/business/bctrad/views'), name: 'bctrad', meta: { title: '进口代收二次收单' }},
+
 ]
 export default Business
\ No newline at end of file