brtdck修改

src/business/brtacp/model/index.js

@@ -7,6 +7,9 @@ export default class Brtacp{
             swiftflg: '',
         },
         gidgrp: {
+            shp:{
+              pts: new Pts().data,
+            },
             rec: {
               branchinr: '00000047',
               ownref: '', // Reference		.gidgrp.rec.ownref
@@ -191,6 +194,7 @@ export default class Brtacp{
             },
         },
         brdgrp: {
+          
           prb: {
             adrelc: '',
             dbfadrblkcn: '',
@@ -306,130 +310,6 @@ export default class Brtacp{
                 pts: new Pts().data,
             },
         },
-        liaall: {
-            concur: '',
-            liaccv: {
-                concur: '',
-                newamt: '',
-                dnfmod: {
-                    zhruzh: '',
-                    kehuzh: '',
-                    intdsp: '',
-                    lxzyzh: '',
-                    pridsp: '',
-                    yewudh: '',
-                    qicuje: '',
-                    ccvtyp: '',
-                    tizamt: '',
-                    zhqtyp: '',
-                    stm8023: '',
-                    zhhuye: '',
-                    zhqucs: ''
-                },
-                relcshpct: '',
-                gleflg: '',
-                addinf: '',
-                newresamt: '',
-                chgcurflg: '',
-                pctresamt: '',
-                cshpct: '',
-                totcovamt: ''
-            },
-            outpct: '',
-            exttotamt: '',
-            exttotoldamt: '',
-            outamt: '',
-            misamt: '',
-            con: {
-                pts: new Pts().data,
-            },
-            iss: {
-                pts: new Pts().data,
-            },
-            ben: {
-                pts: new Pts().data,
-            },
-            atb: {
-                pts: new Pts().data,
-            },
-            avc: {
-                pts: new Pts().data,
-            },
-        },
-        trnmod: {
-            trndia: {
-                usrget: {
-                    sdamod: {
-                        seainf: ''
-                    }
-                },
-                atpget: {
-                    sdamod: {
-                        seainf: '',
-                        dadsnd: ''
-                    }
-                },
-                usr: {
-                    extkey: ''
-                },
-                diamodflg: '',
-                dspstm: '',
-                atp: {
-                    cod: ''
-                },
-                diarec: {
-                    prechkdat: '',
-                    inftxt: '',
-                    usr: '',
-                    ptyextkey: '',
-                    paycur: '',
-                    dat: '',
-                    ownusg: '',
-                    cod: '',
-                    donflg: '',
-                    nam: '',
-                    payamt: '',
-                    ptynam: ''
-                },
-                atptxt: ''
-            },
-            ptsmod: {
-                adrp: {
-                    prtpanblk: ''
-                }
-            },
-            trndoc: {
-                condocstm: '',
-                filrecv: '',
-                amdapl: '',
-                doclbl: '',
-                doctrestm: '',
-                shwout: '',
-                shwinc: '',
-                amdnam: '',
-                advnam: '',
-                advdoc: '',
-                advlabel: '',
-                rcvatt: {
-                    seainf: ''
-                }
-            },
-            docimm: {
-                xmldocblk: '',
-                prtswtpblk: '',
-                ascin: '',
-                prtswtrpblk: ''
-            },
-            ctr: {
-                pts: new Pts().data,
-              },
-              con: {
-                pts: new Pts().data,
-              },
-              iss: {
-                pts: new Pts().data,
-              },
-        },
         setmod: new Pub().data.Setmod,
         mtabut: new Pub().data.Mtabut,
         trnmod: new Pub().data.Trnmod,

src/business/brtdck/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.gidgrp.apl.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.gidgrp.apl));
+    }
+    if (model.gidgrp.adv.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.gidgrp.adv));
+    }
+    if (model.gidgrp.ben.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.gidgrp.ben));
+    }
+    let dataObj = {
+      rec: {
+        objtyp: 'GID',
+        ownref: model.gidgrp.rec.ownref,
+        opndat: model.gidgrp.rec.opndat,
+        expdat: model.gidgrp.rec.expdat,
+        branchInr: model.gidgrp.rec.branchInr,
+        hndtyp: model.gidgrp.rec.hndtyp,
+        gartyp: model.gidgrp.rec.gartyp,
+        fingua: model.gidgrp.rec.fingua,
+        segtyp: model.gidgrp.ghd.segtyp,
+        fromflg: model.gidgrp.rec.fromflg,
+        othersno: model.gidgrp.rec.othersno,
+        sndto: model.gidgrp.rec.sndto,
+        swiftflg: model.gitp.swiftflg,
+        giduil: model.gidgrp.rec.giduil,
+        purpos: model.gidgrp.rec.purpos,
+        revflg: model.gidgrp.rec.revflg,
+        cnfsta: model.gidgrp.rec.cnfsta,
+      },
+      cbsMap: {
+        MAX: model.gidgrp.cbs.max,
+        OPN1: model.gidgrp.cbs.opn1,
+        MAC: model.gidgrp.cbs.mac,
+        MAC2: model.gidgrp.cbs.mac2,
+        OPC2: model.gidgrp.cbs.opc2,
+        CNF: model.gidgrp.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: 'GID',
+        objinr: model.gidgrp.rec.objinr,
+        ownref: model.gidgrp.rec.ownref,
+      },
+    };
+    return params
+  },
+  buildDoctre (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      rec: {
+        objtyp: 'GID',
+        objinr: model.gidgrp.rec.objinr,
+        ownref: model.gidgrp.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/brtdck/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))
+      }
+      const res = await Api.post('/service/brtdck/init', {
+        ...params,
+        transName: this.trnName,
+        userId: window.sessionStorage.userId || 'ZL',
+      });
+      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 'setpan':
+          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.gidgrp.apl.pts.ptainr,
+        businessType: 'LG',
+        tbl: 'LG',
+      };
+      const loading = this.loading();
+      let res = await Api.post('/service/brtdck/getOwnRef', params);
+      if (res.respCode == SUCCESS) {
+        loading.close();
+        this.model.gidgrp.rec.ownref = res.data;
+      }
+    },
+    // 获取gitopn弹框表格数据
+    async queryGridEtyPromptDialogData(type, ptytyp) {
+      let params = {
+        userId: window.sessionStorage.userId || 'ZL',
+        ptytyp: ptytyp,
+        extkey: this.model.gidgrp[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;
+      }
+    },
+    // 选中gitopn弹框表格的行数据
+    async selectGridEtyPromptData(row) {
+      let params = {
+        ...row,
+      };
+      let res = await Api.post('/service/ptspta/fetch', params);
+      if (res.respCode == SUCCESS) {
+        this.$set(this.model.gidgrp, row.role.toLowerCase(), res.data);
+      }
+    },
+    // 业务信息=》基本信息=》支出目的
+    purposChange(key, value) {
+      this.handleChangeForm(key, value);
+    },
+    // 初始化保函开立类型码表下拉列表
+    async queryHndtypCodeTableList(trnName) {
+      let params = {
+        gitp: {
+          swiftflg: this.model.gitp.swiftflg,
+        },
+        gidgrp: {
+          rec: {
+            purpos: this.model.gidgrp.rec.purpos,
+          },
+        },
+        transName: trnName.toUpperCase(),
+      };
+      let res = await Api.post('/service/brtdck/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/brtdck/model/index.js

+import Pts from '~/components/business/commonModel/Pts';
+import Pub from '~/components/business/commonModel/index.js';
+export default class Brtdck {
+  constructor() {
+    this.data = {
+      rol:{
+        pts: new Pts().data,
+      },
+      gidgrp: {
+        adv: {
+          pts: new Pts().data,
+        },
+        ctr: {
+          pts: new Pts().data,
+        },
+        con: {
+          pts: new Pts().data,
+        },
+        iss: {
+          pts: new Pts().data,
+        },
+        ben: {
+          pts: new Pts().data,
+        },
+        atb: {
+          pts: new Pts().data,
+        },
+        avc: {
+          pts: new Pts().data,
+        },
+      },
+      brdgrp: {
+        prb: {
+          pts: new Pts().data,
+        },
+        acb: {
+          pts: new Pts().data,
+        },
+        ben: {
+          pts: new Pts().data,
+        },
+        apl: {
+          pts: new Pts().data,
+        },
+        shp: {
+          pts: new Pts().data,
+        },
+        blk: {
+            docdisflg: '',
+            notpty: '',
+            roggod: '',
+            pordis: '',
+            matper: '',
+            setinsbr: '',
+            voynum: '',
+            vesnam: '',
+            docdis: '',
+            delplc: '',
+            carnam: '',
+            comcon: '',
+            porlod: '',
+            relstoadr: ''
+        },
+        rec: {
+            tenmaxday: '',
+            predat: '',
+            relgodflg: '',
+            advtyp: '',
+            docflg: '',
+            docsta: '',
+            payrol: '',
+            relgoddat: '',
+            shpdat: '',
+            reltyp: '',
+            igndisflg: '',
+            tramod: '',
+            totdat: '',
+            nam: '',
+            docprbrol: '',
+            rcvdat: '',
+            approvcod: '',
+            ownref: '',
+            rtoaplflg: '',
+            ngrcod: '',
+            disdat: '',
+            blnum: '',
+            trpdocnum: '',
+            expdat: '',
+            tradat: '',
+            trpdoctyp: '',
+            matdat: '',
+            advdat: '',
+            stadat: '',
+            dscinsflg: ''
+        },
+        cbs: {
+            opn1: {
+                cur: '',
+                amt: ''
+            },
+            opn2: {
+                cur: ''
+            },
+            max: {
+                cur: '',
+                amt: ''
+            },
+            max2: {
+                amt: ''
+            }
+        }
+    },
+    mhtyp: '',
+    brtp: {
+        docgrdm: {
+            docgrd: {
+                splice: '',
+                push: ''
+            }
+        },
+        oth: {
+          pts: new Pts().data,
+        },
+        cre732flg: '',
+        furide: '',
+        connum: '',
+        cre752flg: ''
+    },
+    oldbrdgrp: {
+        cbs: {
+            max: {
+                amt: ''
+            },
+            max2: {
+                amt: ''
+            }
+        }
+    },
+    oriaddlab: '',
+    oridoclab: '',
+    days: '',
+    lidgrp: {
+        rec: {
+            expdat: '',
+            aplref: '',
+            ownref: '',
+            utlnbr: ''
+        },
+        cbs: {
+            opn1: {
+                cur: '',
+                amt: ''
+            }
+        }
+    },
+   
+    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/brtdck/views/Addbcb.vue

+<template>
+    <div class="eibs-tab">
+    <el-collapse v-model="activeNames">
+      
+      <!--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 Api from "~/service/Api";
+    import Utils from "~/utils";
+    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: { },
+        created: function () {},
+    };
+    </script>
+ 
+    <style>
+    </style>
\ No newline at end of file

src/business/brtdck/views/Docpre.vue

+<template>
+  <div class="eibs-tab">
+
+       <!--================================左边================================== -->
+   <c-col :span="12" class="col-left"> 
+    <c-col :span="21" >           
+        <el-form-item label="不符点信息" prop="brdgrp.blk.docdis" >
+            <c-input type="textarea" v-model="model.brdgrp.blk.docdis" 
+                maxlength="3500" show-word-limit placeholder="请输入不符点信息" rows="5"
+                :disabled="!docdisflg">
+            </c-input>
+            <!-- :disabled="!docdisflg" 任意非空串 取非后即为false,,空串取非后即为true -->
+        </el-form-item>
+    </c-col>
+    <c-col :span="3">
+    <!-- @click="onDocdisButtxmsel" -->
+        <c-button size="small" type="primary" icon="el-icon-search">
+            ...
+        </c-button>
+    </c-col> 
+    <c-col :span="24">
+        <el-form-item label="注释和结论" prop="brdgrp.blk.comcon" >
+            <c-input type="textarea" v-model="model.brdgrp.blk.comcon" maxlength="1950" show-word-limit placeholder="请输入注释和结论" 
+            rows="5"></c-input>
+        </el-form-item>
+        </c-col>
+    <c-col :span="21">
+        <el-form-item label="结算指示" prop="brdgrp.blk.setinsbr">
+            <c-input type="textarea" v-model="model.brdgrp.blk.setinsbr" maxlength="390" show-word-limit placeholder="请输入结算指示"
+            rows="5"></c-input>
+        </el-form-item>
+    </c-col>
+    <c-col :span="3">
+        <c-button size="small" type="primary" icon="el-icon-search">
+            ...
+        </c-button>
+    </c-col>
+
+
+   
+      <c-col :span="24">
+        <c-docpre :model="model" :argadr="{
+          path: 'brdgrp.blk.prsdoc',
+          grp: 'brtp',
+          code: 'docpre',
+        }"></c-docpre>
+      </c-col>
+   </c-col>
+  
+          <!--===========================右边============================== -->
+   <c-col :span="12" class="col-right"> 
+    <c-col :span="24">           
+        <c-checkbox v-model="model.brdgrp.rec.igndisflg">忽略不符点</c-checkbox>
+    </c-col>
+    <c-col :span="24">
+        <c-checkbox v-model="docdisflg">不符点修改</c-checkbox>
+        <!-- <c-checkbox v-model="model.brdgrp.blk.docdisflg">不符点修改</c-checkbox> -->
+    </c-col>
+    <c-col :span="24">
+        <el-form-item label="收到通知类型" prop="brdgrp.rec.advtyp" >
+            <c-select v-model="model.brdgrp.rec.advtyp" style="width:100%" placeholder="请选择收到通知类型"
+            :code="codes.advtyp"
+            disabled>
+            </c-select>
+        </el-form-item>
+    </c-col>
+    <c-col :span="24">
+        <el-form-item label="付款日期" prop="brdgrp.rec.totdat">
+            <c-date-picker type="date"  v-model="model.brdgrp.rec.totdat" style="width:100%"  placeholder="请选择付款日期"></c-date-picker>
+        </el-form-item>
+    </c-col>
+    <c-col :span="24">
+        <el-form-item label="不符点通知日期" prop="brdgrp.rec.disdat">
+            <c-date-picker type="date"  v-model="model.brdgrp.rec.disdat" style="width:100%"  placeholder="请选择不符点通知日期"
+            disabled></c-date-picker>
+        </el-form-item>
+    </c-col>
+    <c-col :span="24">
+        <c-checkbox v-model="model.brdgrp.rec.approvcod">Documents on Approval Basis</c-checkbox>
+    </c-col>
+
+   
+
+    <c-col :span="24">
+        <!-- <c-checkbox v-model="model.brtp.cre752flg">创建 MT752</c-checkbox> -->
+        <el-form-item label=" ">
+        </el-form-item>
+    </c-col>
+    <c-col :span="24">
+        <el-form-item label=" " prop="brtp.furide">
+            <!-- <c-select v-model="model.brtp.furide" style="width:100%" placeholder="请选择Further Identification"> -->
+            <!-- </c-select> -->
+        </el-form-item>
+    </c-col>
+
+    <c-col :span="24">
+        <c-checkbox v-model="model.brtp.cre732flg" disabled>创建MT732</c-checkbox>
+    </c-col>
+   </c-col>
+   
+  
+  </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import CodeTable from "~/config/CodeTable";
+import event from '../event'
+import Utils from "~/utils";
+import Docpre from "~/views/Public/Docpre";
+
+export default {
+    components: {
+    // "c-ptap": Ptap,
+    "c-docpre": Docpre,
+  },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [event],
+  data() {
+    return {
+      // TableValue: [
+      //   {
+      //     id: 0,
+      //     cmail1: "",
+      //     cmail2: "",
+      //     docnam: "",
+      //     description: "",
+      //     serialNum: "",
+      //     tableName: "",
+      //     tcddoc: "",
+      //   },
+      // ],
+      // newValue: {
+      //   id: 0,
+      //   cmail1: "",
+      //   cmail2: "",
+      //   docnam: "",
+      //   description: "",
+      //   serialNum: "",
+      //   tableName: "",
+      //   tcddoc: "",
+      // },
+      // codeTable: [
+      //   { label: 'Airway Bills', value: '1' },
+      //   { label: `Beneficiary's Declaration`, value: '2' },
+      //   { label: 'Bill of Lading Copies', value: '3' },
+      //   { label: 'Bill of Lading Originals', value: '4' },
+      //   { label: 'Certificate', value: '5' },
+      //   { label: 'Certificate of Analysis', value: '6' },
+      //   { label: 'Certificate of Origin', value: '7' },
+      //   { label: 'Certificate of Quality', value: '8' },
+      //   { label: 'Certificate of Quantity', value: '9' },
+      //   { label: 'Commercial Invoice', value: '10' },
+      //   { label: 'Courier Receipt', value: '11' },
+      //   { label: 'Draft', value: '12' },
+      //   { label: 'Export Licence ', value: '13' },
+      //   { label: 'Fax Report', value: '14' },
+      //   { label: 'Inspection Cert', value: '15' },
+      //   { label: 'Insurance Policy', value: '16' },
+      //   { label: 'Packing List', value: '17' },
+      //   { label: 'Shipment Advice', value: '18' },
+      //   { label: 'Weight List', value: '19' },
+      // ],
+    };
+  },
+  methods: { 
+    
+    // addTableValue(index) {
+    //   var newTableValue = Object.assign({}, this.newValue);
+    //   const serial=Utils.generateUUID();
+    //   newTableValue.serialNum=serial;
+    //   // this.model.brtp.docgrdm.docgrd.push(newTableValue);
+    //   this.model.brtp.docgrdm.docgrd.splice(index-1,0,newTableValue);
+    // },
+    // deleteTable(index) {
+    //   this.model.brtp.docgrdm.docgrd.splice(index, 1);
+    // },
+  },
+  created: function () {},
+  computed: {
+    docdisflg: {
+      get() {
+        return this.model.brdgrp.blk.docdisflg != ""
+      },
+      set(val) {
+        this.model.brdgrp.blk.docdisflg = val ? "X" : ""
+      }
+    },
+  },
+};
+</script>
+<style>
+.messageLabel >>> .el-form-item__label {
+  text-align: left;
+  font-weight: bold;
+  font-size: 12px;
+}
+</style>

src/business/brtdck/views/Ovwp.vue

+<template>
+    <div class="eibs-tab">
+      <el-collapse v-model="activeNames">
+        <el-collapse-item title="收单信息" name="brtdckp">
+        <m-brtdckp :model="model" :codes="codes" />
+      </el-collapse-item>
+      <el-collapse-item title="不符点指示" name="docpre" v-if="model.brdgrp.rec.dscinsflg">
+        <m-docpre :model="model" :codes="codes" />
+      </el-collapse-item>
+      <el-collapse-item title="装运详情" name="shpdet" v-if="model.brdgrp.rec.dscinsflg">
+        <m-shpdet :model="model" :codes="codes" />
+      </el-collapse-item>
+      </el-collapse>
+    </div>
+    </template>
+    <script>
+    import Api from "~/service/Api";
+    import CodeTable from "~/config/CodeTable";
+    import event from '../event'
+    import Brtdckp from "./Brtdckp";
+    import Docpre from "./Docpre";
+    import Shpdet from "./Shpdet";
+
+    
+    export default {
+      components: {
+        "m-brtdckp": Brtdckp,
+        "m-docpre": Docpre,
+        "m-shpdet": Shpdet,
+
+      },
+      inject: ["root"],
+      props: ["model", "codes"],
+      mixins: [event],
+      data() {
+        return {
+          activeNames: ['brtdckp']
+        };
+      },
+      methods: {  },
+      created: function () {},
+    };
+    </script>
+    <style>
+    </style>
+    
\ No newline at end of file

src/business/brtdck/views/Shpdet.vue

+<template>
+  <div class="eibs-tab">
+
+    <!--=== ==========左边=============== -->
+    <c-col :span="12" class="col-left"> 
+      <c-col :span="24">
+        <el-form-item label="提货担保申请人" prop="brdgrp.rec.relgodflg">
+            <c-select v-model="model.brdgrp.rec.relgodflg" style="width:100%" placeholder="请选择提货担保申请人" :code="codes.relgod">
+              </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="放货类型" prop="brdgrp.rec.reltyp">
+            <c-select v-model="model.brdgrp.rec.reltyp" style="width:100%" placeholder="请选择放货类型"
+            :code="codes.reltyp1">
+              </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label="放货日期" prop="brdgrp.rec.relgoddat">
+            <c-date-picker type="date"  v-model="model.brdgrp.rec.relgoddat" style="width:100%"  placeholder="请选择日期"
+              value-format="yyyy-MM-dd"></c-date-picker>
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
+        <el-form-item label="生效日期" prop="brdgrp.rec.expdat">
+            <c-date-picker type="date"  v-model="model.brdgrp.rec.expdat" style="width:100%"  placeholder="请选择日期"
+              value-format="yyyy-MM-dd"></c-date-picker>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="货物单据类型" prop="brdgrp.rec.trpdoctyp">
+            <c-select v-model="model.brdgrp.rec.trpdoctyp" style="width:100%" placeholder="请选择货物单据类型">
+              </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="运输单据编号" prop="brdgrp.rec.trpdocnum">
+            <c-input  v-model="model.brdgrp.rec.trpdocnum" maxlength="40"  placeholder="请输入运输单据编号"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="提单装船期" prop="brdgrp.rec.tradat">
+            <c-date-picker type="date"  v-model="model.brdgrp.rec.tradat" style="width:100%"  placeholder="请选择日期"
+              value-format="yyyy-MM-dd"></c-date-picker>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="运输模式" prop="brdgrp.rec.tramod">
+            <c-select v-model="model.brdgrp.rec.tramod" style="width:100%" placeholder="请选择运输模式">
+              </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="运输工具" prop="brdgrp.blk.vesnam">
+            <c-input  v-model="model.brdgrp.blk.vesnam" maxlength="40"  placeholder="请输入运输工具"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="卸货口岸" prop="brdgrp.blk.pordis">
+            <c-input  v-model="model.brdgrp.blk.pordis" maxlength="40"  placeholder="请输入卸货口岸"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="移交地点" prop="brdgrp.blk.delplc">
+            <c-input  v-model="model.brdgrp.blk.delplc" maxlength="40"  placeholder="请输入移交地点"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="货物描述" prop="brdgrp.blk.roggod">
+            <c-input type="textarea" v-model="model.brdgrp.blk.roggod" maxlength="1600" show-word-limit placeholder="请输入货物描述" ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="起运口岸" prop="brdgrp.blk.porlod">
+            <c-input  v-model="model.brdgrp.blk.porlod" maxlength="40"  placeholder="请输入起运口岸"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="航号" prop="brdgrp.blk.voynum">
+            <c-input  v-model="model.brdgrp.blk.voynum" maxlength="30"  placeholder="请输入航号"></c-input>
+        </el-form-item>
+      </c-col>
+    </c-col>
+    <!--=== ==========右边=============== -->
+    <c-col :span="12" class="col-right">
+      <c-col :span="24">
+        <el-form-item label="合同编号" prop="brtp.connum">
+            <c-input  v-model="model.brtp.connum" maxlength="35"  placeholder="请输入合同编号"></c-input>
+        </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="brdgrp.blk.carnam">
+            <c-input  v-model="model.brdgrp.blk.carnam" maxlength="35"  placeholder="请输入承运人"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="海运/远洋提单编号" prop="brdgrp.rec.blnum">
+            <c-input  v-model="model.brdgrp.rec.blnum" maxlength="20"  placeholder="请输入海运/远洋提单编号"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label=" ">
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="20">
+        <el-form-item label="收货人名称及地址" prop="brdgrp.blk.relstoadr">
+            <c-input type="textarea" v-model="model.brdgrp.blk.relstoadr" maxlength="140" show-word-limit placeholder="请输入收货人名称及地址" 
+            rows="4"></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="4">
+        <el-form-item label="" label-width="5px" prop="brdgrp.rec.rtoaplflg">
+          <c-checkbox v-model="model.brdgrp.rec.rtoaplflg">给申请人</c-checkbox>
+          <!-- <el-input v-model="model.brdgrp.rec.rtoaplflg"></el-input> -->
+        </el-form-item>
+        
+        <!-- <c-checkbox v-model="model.brdgrp.rec.rtoaplflg">to Applicant</c-checkbox> 简化model前，，原始-->
+        <!-- Release Goods to Applicant? -->
+      </c-col>
+
+      <c-col :span="24">
+        <c-ptap1
+          :model="model"
+          :argadr="{
+            title: '运输公司',
+            grp: 'brdgrp',
+            rol: 'shp',
+          }"
+          :disabled="true"
+          :isAdrblk="false"
+          disabled1
+
+        >
+        </c-ptap1>
+        <!-- brdgrp.shp.pts.extkey  对应grp: 'brdgrp',  rol: 'prb',-->
+      </c-col>
+          
+
+      
+
+      <c-col :span="24">
+        <el-form-item label="被通知人" prop="brdgrp.blk.notpty">
+            <c-input type="textarea" v-model="model.brdgrp.blk.notpty" maxlength="350" show-word-limit placeholder="请输入被通知人" ></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="货物类型" prop="brdgrp.rec.ngrcod">
+            <c-select v-model="model.brdgrp.rec.ngrcod" style="width:100%" placeholder="请选择货物类型"
+            :code="codes.bnrsec">
+              </c-select>
+        </el-form-item>
+      </c-col>
+    </c-col>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api"
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable"
+import event from '../event'
+import Ptap1 from "~/views/Public/Ptap1";
+
+export default {
+  components: {
+    "c-ptap1": Ptap1,
+    // "c-ptap": Ptap,
+    // "c-ptsmsg": Ptsmsg,
+  },
+    inject: ['root'],
+    props:["model","codes"],
+    mixins: [event],
+    data(){
+        return {
+
+        }
+    },
+    computed:{
+      // rtoaplflg:{
+      //   get() {
+      //         return this.model.brdgrp.rec.rtoaplflg != ''
+      //         brdgrp.rec.rtoaplflg
+      //     },
+      //     set(val) {
+      //         this.model.brdgrp.rec.rtoaplflg = val ? "X" : ""
+      //     }
+      // }
+    },
+    methods:{ },
+    created:function(){
+
+    }
+}
+</script>
+<style>
+
+</style>

src/business/brtdck/views/index.vue

+<template>
+  <div class="eContainer">
+    <c-page title="进口信用证单据单据改单/二次到单">
+      <!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
+      <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="tabClick">
+          <!--brtdck PD000046 Documents Received  标签页-->
+
+          <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>
+
+         <!--PD000027 -->
+         <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" />
+          </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-function-btn
+        :handleSubmit="handleSubmit"
+        :handleCheck="handleCheck"
+        :handleStash="handleStash"
+      >
+      </c-function-btn>
+     
+      <c-grid-ety-prompt-dialog
+        ref="etyDialog"
+        :promptData="promptData"
+        @select-ety="selectGridEtyPromptData"
+      >
+      </c-grid-ety-prompt-dialog>
+    </c-page>
+  </div>
+</template>
+<script>
+import event from '../event'
+import Api from '~/service/Api'
+import CodeTable from '~/config/CodeTable'
+import Brtdck from "../model";
+import operationFunc from "~/mixin/operationFunc";
+import Brtdckp from './Brtdckp'
+import Docpre from './Docpre'
+import Shpdet from './Shpdet'
+import Ovwp from './Ovwp'
+import Addbcb from "./Addbcb";
+import Limitbody from "./Limitbody"
+import Engp from '~/components/business/engp/views'
+import Docpan from '~/components/business/docpan/views'
+import Doctre from '~/components/business/doctre/views'
+import Setmod from "~/components/business/setmod/views";
+import Glentry from "~/components/business/glentry/views";
+
+export default {
+  name: 'Brtdck',
+  components: {
+    "m-addbcb": Addbcb,
+    'm-ovwp': Ovwp,
+    'm-brtdckp': Brtdckp,
+    'm-docpre': Docpre,
+    'm-shpdet': Shpdet,
+    'm-engp': Engp,
+    'm-docpan': Docpan,
+    'm-doctre': Doctre,
+    'm-limitbody': Limitbody,
+    "m-setmod":Setmod,
+    "m-glentry":Glentry
+  },
+  provide() {
+    return {
+      root: this,
+    }
+  },
+  mixins: [operationFunc,event], // 里面包含了Default、Check等的公共处理
+  data() {
+    return {
+      tabVal: 'ovwp',
+      trnName: 'brtdck',
+      model: new Brtdck().data,
+      rules: null,
+      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: { },
+}
+</script>
+<style></style>