botacc

src/business/botacc/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.bodgrp.col.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.bodgrp.apl));
+    }
+    if (model.bodgrp.drr.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.bodgrp.adv));
+    }
+    if (model.bodgrp.dre.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.bodgrp.ben));
+    }
+    let dataObj = {
+      rec: {
+        objtyp: 'BOD',
+        ownref: model.bodgrp.rec.ownref,
+        opndat: model.bodgrp.rec.opndat,
+        expdat: model.bodgrp.rec.expdat,
+        branchInr: model.bodgrp.rec.branchInr,
+        hndtyp: model.bodgrp.rec.hndtyp,
+        gartyp: model.bodgrp.rec.gartyp,
+        fingua: model.bodgrp.rec.fingua,
+        fromflg: model.bodgrp.rec.fromflg,
+        othersno: model.bodgrp.rec.othersno,
+        sndto: model.bodgrp.rec.sndto,
+        giduil: model.bodgrp.rec.giduil,
+        purpos: model.bodgrp.rec.purpos,
+        revflg: model.bodgrp.rec.revflg,
+        cnfsta: model.bodgrp.rec.cnfsta,
+      },
+      cbsMap: {
+        MAX: model.bodgrp.cbs.max,
+        OPN1: model.bodgrp.cbs.opn1,
+        // MAC: model.bodgrp.cbs.mac,
+        // MAC2: model.bodgrp.cbs.mac2,
+        // OPC2: model.bodgrp.cbs.opc2,
+        // CNF: model.bodgrp.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: 'BOD',
+        objinr: model.bodgrp.rec.inr,
+        ownref: model.bodgrp.rec.ownref,
+      },
+    };
+    return params
+  },
+  buildDoctre (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      rec: {
+        objtyp: 'BOD',
+        objinr: model.bodgrp.rec.inr,
+        ownref: model.bodgrp.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/botacc/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/gitopn/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 '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.gidgrp.apl.pts.ptainr,
+        businessType: 'LG',
+        tbl: 'LG',
+      };
+      const loading = this.loading();
+      let res = await Api.post('/service/gitopn/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/gitopn/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/botacc/model/index.js

+import Pts from '~/components/business/commonModel/Pts';
+import Pub from '~/components/business/commonModel/index.js';
+
+export default class Botacc {
+    constructor() {
+        this.data = {
+
+            bodgrp: {
+                blk: {
+                    colins: '',
+                    dftins: '',
+                    delins: '',
+                    othins: '',
+                    chgtxt: '',
+                    colinsflg: '',
+                    proins: ''
+                },
+                col: {
+                    pts: new Pts().data
+                },
+                rec: {
+                    predat: '',
+                    rcvdat: '',
+                    matpercnt: '',
+                    ownref: '',
+                    docsta: '',
+                    matperbeg: '',
+                    wairmtcod: '',
+                    focflg: '',
+                    doctypcod: '',
+                    chato: '',
+                    othins: '',
+                    lescom: '',
+                    waicolcod: '',
+                    matdat: '',
+                    nam: '',
+                },
+                drr: {
+                    pts: new Pts().data
+                },
+                cbs: {
+                    opn1: {
+                        cur: '',
+                        amt: ''
+                    },
+                    max: {
+                        cur: '',
+                        amt: ''
+                    }
+                },
+                dre: {
+                    pts: new Pts().data
+                }
+            },
+
+            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,
+        };
+    }
+}

src/business/botacc/views/Addbcb.vue

+<template>
+  <div class="eibs-tab">
+    <el-collapse v-model="activeNames">
+      <el-collapse-item title="附言" name="coninfp">
+        <m-coninfp :model="model" :codes="codes"/>
+      </el-collapse-item>
+    </el-collapse>
+
+  </div>
+</template>
+
+<script>
+import commonProcess from "~/mixin/commonProcess";
+import Coninfp from "~/views/Public/Coninfp";
+import event from "../event"
+
+export default {
+  components: {
+
+    "m-coninfp": Coninfp,
+  },
+  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/botacc/views/Inst.vue

+<template>
+  <div class="eibs">
+    <!-- ==================左边================ -->
+    <c-col :span="12" style="padding-right: 20px;">
+      <c-col :span="24">
+        <el-form-item label="放单指示条款" prop="bodgrp.blk.colins">
+          <c-fullbox>
+            <c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="65" show-word-limit
+                     placeholder="请输入放单指示条款" disabled></c-input>
+            <template slot="footer">
+              <c-button size="small" type="primary" disabled icon="el-icon-more">
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="" prop="bodgrp.blk.colinsflg">
+          <c-checkbox v-model="model.bodgrp.blk.colinsflg" disabled>修改放单指示条款</c-checkbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="汇票指示条款" prop="bodgrp.blk.dftins">
+          <c-fullbox>
+            <c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="65" show-word-limit
+                     placeholder="请输入汇票指示条款" disabled>
+            </c-input>
+            <template slot="footer">
+              <c-button size="small" type="primary" disabled icon="el-icon-more">
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="拒绝证书指示条款" prop="bodgrp.blk.proins">
+          <c-fullbox>
+            <c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit
+                     placeholder="请输入拒绝证书指示条款" disabled></c-input>
+            <template slot="footer">
+              <c-button size="small" type="primary" disabled icon="el-icon-more">
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="其它指示条款" prop="bodgrp.blk.othins">
+          <c-fullbox>
+            <c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit
+                     placeholder="请输入其它指示条款" disabled></c-input>
+            <template slot="footer">
+              <c-button size="small" type="primary" disabled icon="el-icon-more">
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="仓储/保险指示条款 " prop="bodgrp.blk.delins">
+          <c-fullbox>
+            <c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit
+                     placeholder="请输入仓储/保险指示条款" disabled></c-input>
+            <template slot="footer">
+              <c-button size="small" type="primary" disabled icon="el-icon-more">
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+    </c-col>
+
+    <!-- ============右边================= -->
+    <c-col :span="12" style="padding-left: 20px;">
+      <c-col :span="24">
+        <el-form-item label="费用承担条款" prop="bodgrp.rec.chato">
+          <c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择条款" disabled>
+            <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 :span="24">
+        <el-form-item label="手续费支付的附加详述" prop="bodgrp.blk.chgtxt">
+          <c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit
+                   placeholder="请输入手续费支付的附加详述" disabled></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="" prop="bodgrp.blk.colinsflg">
+          <c-checkbox v-model="model.bodgrp.rec.focflg" disabled>无偿放单选项</c-checkbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="交单时是否放弃向代收行收取费用的权力" prop="bodgrp.rec.waicolcod">
+          <c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%"
+                    placeholder="请选择放单时是否放弃向托收行收取费用的权力" disabled>
+            <el-option v-for="item in codes.waicolcod" :key="item.value" :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </c-select>
+        </el-form-item>
+        <el-form-item label="放单时是否放弃向托收行收取费用的权力" prop="bodgrp.rec.wairmtcod">
+          <c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%"
+                    placeholder="请选择放单时是否放弃向托收行收取费用的权力" disabled>
+            <el-option v-for="item in codes.wairmtcod" :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="bodgrp.rec.othins">
+          <c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择延期付款期限" disabled>
+            <el-option v-for="item in codes.othins" :key="item.value" :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <c-col :span="10">
+          <el-form-item label="面函提示" prop="bodgrp.rec.lescom">
+            <c-select v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择"
+                      :disabled="true" :code="codes.cur">
+            </c-select>
+          </el-form-item>
+        </c-col>
+        <c-col :span="14">
+          <el-form-item label="" prop="bodgrp.rec.lescom" label-width="5px">
+            <c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入" disabled></c-input>
+          </el-form-item>
+        </c-col>
+      </c-col>
+    </c-col>
+
+  </div>
+</template>
+<script>
+
+import event from "../event"
+
+export default {
+  inject: ['root'],
+  props: ["model", "codes"],
+  mixins: [event],
+  data() {
+    return {}
+  },
+  methods: {},
+  created: function () {
+
+  }
+}
+</script>
+<style>
+</style>

src/business/botacc/views/Ovwp.vue

+<template>
+  <div class="eibs-tab">
+    <el-collapse v-model="activeNames">
+
+      <el-collapse-item title="修改到期" name="setp">
+        <m-setp ref="setp" :model="model" :codes="codes"/>
+      </el-collapse-item>
+
+      <el-collapse-item title="指示条款" name="inst">
+        <m-inst :model="model" :codes="codes"/>
+      </el-collapse-item>
+
+      <el-collapse-item title="参与方" name="ptyp">
+        <m-ptyp :model="model" :codes="codes"/>
+      </el-collapse-item>
+
+    </el-collapse>
+  </div>
+</template>
+<script>
+import event from "../event"
+import Setp from "./Setp"
+import Inst from "./Inst"
+import Ptyp from "./Ptyp"
+
+export default {
+  components: {
+    "m-setp": Setp,
+    "m-inst": Inst,
+    "m-ptyp": Ptyp,
+  },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [event],
+  data() {
+    return {
+      activeNames: ["setp"],
+    };
+  },
+  methods: {},
+  created: function () {
+  },
+  computed: {},
+};
+</script>
+<style>
+.marginLable {
+  padding-left: 160px;
+}
+</style>

src/business/botacc/views/Ptyp.vue

+<template>
+    <div class="eibs">
+        <!-- ==================左边================ -->
+        <c-col :span="12" style="padding-right: 20px;">
+                <c-col :span="24">
+                    <el-form-item label="收款人参考号" prop="bodgrp.drr.pts.ref">
+                        <c-input v-model="model.bodgrp.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="bodgrp.drr.pts.extkey">
+                        <c-fullbox>
+                            <c-input v-model="model.bodgrp.drr.pts.extkey" maxlength="16"
+                                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="bodgrp.drr.pts.adrblk">
+                        <c-input type="textarea" v-model="model.bodgrp.drr.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="bodgrp.dre.pts.ref">
+                        <c-input disabled v-model="model.bodgrp.dre.pts.ref" maxlength="16" style="width: 100%"
+                            placeholder="请输入Application Ref" ></c-input>
+                    </el-form-item>
+                </c-col>
+                <c-col :span="24">
+                    <el-form-item label="付款人名称" prop="bodgrp.dre.pts.extkey">
+                        <c-fullbox>
+                            <c-input disabled v-model="model.bodgrp.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="bodgrp.dre.pts.adrblk">
+                        <c-input type="textarea" v-model="model.bodgrp.dre.pts.adrblk" maxlength="50" show-word-limit
+                            placeholder="请输入地址信息" disabled></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="bodgrp.col.pts.ref">
+                        <c-input v-model="model.bodgrp.col.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="bodgrp.col.pts.extkey">
+                        <c-fullbox>
+                            <c-input v-model="model.bodgrp.col.pts.extkey" maxlength="16"
+                                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="bodgrp.col.pts.adrblk">
+                        <c-input type="textarea" v-model="model.bodgrp.col.pts.adrblk" maxlength="50" disabled
+                            show-word-limit placeholder="请输入地址信息" ></c-input>
+                    </el-form-item>
+                </c-col>
+        </c-col>
+
+        <c-col :span="24" style="margin-top: 30px;margin-left:55px">
+            <span style="font-size:14px">其它参与方:</span>
+        </c-col>
+        <c-col :span="24" style="margin-top: -10px">
+            <c-edit-table :model="model" v-bind="ptsaddg">
+                <el-table-column label="操作" text-align="center">
+                    <template slot-scope="scope">
+                        <el-button size="mini" @click="handleEdit(scope.$index, scope.row)" type="primary">详情
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </c-edit-table>
+        </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 {
+            ptsaddg: {
+                columns: [
+                    {
+                        title: "角色",
+                        width: "120px",
+                        dataIndex: "rol",
+                        show: "select",
+                    },
+                    {
+                        title: "机构实体",
+                        width: "180px",
+                        dataIndex: "ptyextkey",
+                        show: "input",
+                    },
+                    {
+                        title: "名称",
+                        width: "300px",
+                        dataIndex: "nam",
+                    },
+                    {
+                        title: "参考地址",
+                        width: "300px",
+                        dataIndex: "ref",
+                    },
+                ],
+                urls: "botp.ptsaddp.ptsaddg",
+            },
+        }
+    },
+    methods: {},
+    created: function () {
+
+    }
+}
+</script>
+<style>
+
+</style>

src/business/botacc/views/Setp.vue

+<template>
+  <div class="eibs">
+    <!-- ==================左边================ -->
+    <c-col :span="12" style="padding-right: 20px;">
+      <c-col :span="24">
+        <el-form-item label="托收业务编号" prop="bodgrp.rec.ownref">
+          <c-fullbox>
+            <c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号"
+                     style="width: 100%" disabled></c-input>
+            <template slot="footer">
+              <c-button style="margin-left:8px; padding: 0 12px" size="small" type="primary">
+                <i class="el-icon-info"></i>
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label="托收金额" prop="bodgrp.cbs.max.cur">
+          <c-select v-model="model.bodgrp.cbs.max.cur" style="width:100%" placeholder="请选择托收金额"
+                    :code="codes.curtxt1"
+                    disabled>
+          </c-select>
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
+        <el-form-item label="" prop="bodgrp.cbs.max.amt" label-width="5px">
+          <c-input v-model="model.bodgrp.cbs.max.amt" placeholder="请输入托收金额" disabled></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label="托收余额" prop="bodgrp.cbs.opn1.cur">
+          <c-select v-model="model.bodgrp.cbs.opn1.cur" style="width:100%" :code="codes.curtxt1"
+                    placeholder="请选择" disabled>
+          </c-select>
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
+        <el-form-item label="" prop="bodgrp.cbs.opn1.amt" label-width="5px">
+          <c-input v-model="model.bodgrp.cbs.opn1.amt" style="width:100%" placeholder="请输入托收余额"
+                   disabled></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="交单条件" prop="bodgrp.rec.doctypcod">
+          <c-select v-model="model.bodgrp.rec.doctypcod" style="width: 100%"
+                    placeholder="请选择交单条件" disabled>
+            <el-option v-for="item in codes.doctypcod" :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="bodgrp.rec.docsta">
+          <c-select v-model="model.bodgrp.rec.docsta" style="width: 100%"
+                    placeholder="请输入单据状态" disabled>
+            <el-option v-for="item in codes.docstabot" :key="item.value" :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label="单据期限" prop="bodgrp.rec.matdat">
+          <c-input v-model="model.bodgrp.rec.matdat" placeholder="" disabled>
+          </c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="11">
+        <el-form-item label="" prop="bodgrp.rec.matpercnt">
+          <c-input v-model="model.bodgrp.rec.matpercnt" placeholder="请输入单据期限" disabled>
+          </c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="1">
+        <el-form-item label="" label-width="5px">
+          <span style="font-size: 12px;color:#606266;">天</span>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="" prop="bodgrp.rec.matperbeg">
+          <c-select v-model="model.bodgrp.rec.matperbeg" style="width: 100%"
+                    placeholder="请选择" disabled>
+            <el-option v-for="item in codes.matperbeg" :key="item.value" :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label="收单日期" prop="bodgrp.rec.rcvdat">
+          <c-date-picker type="date" v-model="model.bodgrp.rec.rcvdat" style="width:100%"
+                         placeholder="请选择收单日期" disabled></c-date-picker>
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
+        <el-form-item label="寄单日期" prop="bodgrp.rec.predat">
+          <c-date-picker type="date" v-model="model.bodgrp.rec.predat" style="width:100%"
+                         placeholder="请选择寄单日期" disabled></c-date-picker>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="12">
+        <el-form-item label="接受金额" prop="setmod.doccur">
+          <c-select v-model="model.setmod.doccur" style="width:100%" placeholder="请选择" :code="codes.curtxt1"
+                    disabled>
+          </c-select>
+        </el-form-item>
+      </c-col>
+      <c-col :span="12">
+        <el-form-item label-width="5px" prop="setmod.docamt">
+          <c-input v-model="model.setmod.docamt" placeholder="请输入"
+                   :disabled="model.bodgrp.rec.focflg? true:false">
+          </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="bodgrp.rec.nam" style="width: 100%">
+          <c-input v-model="model.bodgrp.rec.nam" maxlength="40" style="width: 100%" placeholder="请输入简略信息"
+                   disabled></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="收款人参考号" prop="bodgrp.drr.pts.ref">
+          <c-input v-model="model.bodgrp.drr.pts.ref" maxlength="16" placeholder="请输入收款人" disabled>
+          </c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <c-col :span="24">
+          <el-form-item label="" prop="bodgrp.drr.pts.nam">
+            <c-input v-model="model.bodgrp.drr.pts.nam" placeholder="bodgrp.drr.pts.nam" disabled></c-input>
+          </el-form-item>
+        </c-col>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="代收行参考号" prop="bodgrp.col.pts.ref">
+          <c-input v-model="model.bodgrp.col.pts.ref" maxlength="16" placeholder="请输入代收行参考号"
+                   disabled></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="" prop="bodgrp.col.pts.nam">
+          <c-input v-model="model.bodgrp.col.pts.nam" maxlength="40" placeholder="bodgrp.col.pts.nam"
+                   disabled>
+          </c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="付款人参考号" prop="bodgrp.dre.pts.ref">
+          <c-input v-model="model.bodgrp.dre.pts.ref" maxlength="16" disabled>
+          </c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="" prop="bodgrp.dre.pts.nam">
+          <c-input v-model="model.bodgrp.dre.pts.nam" maxlength="40" placeholder="bodgrp.dre.pts.nam"
+                   disabled>
+          </c-input>
+        </el-form-item>
+      </c-col>
+    </c-col>
+
+    <c-col :span="24">
+      <span>归还押汇款:</span>
+    </c-col>
+    <c-col :span="24">
+      <c-edit-table :model="model" v-bind="docgrd">
+      </c-edit-table>
+    </c-col>
+    <c-col :span="24">
+      <c-istream-table ref="table" :list="model.liaall.tenstm.rows || []" :columns="stmData.columns"
+                       :showSelection="true" v-on:multipleSelect="multipleSelect" prop="liaall.tenstm">
+      </c-istream-table>
+    </c-col>
+  </div>
+</template>
+<script>
+import commonProcess from "~/mixin/commonProcess";
+import event from "../event"
+
+export default {
+  inject: ['root'],
+  props: ["model", "codes"],
+  mixins: [event],
+  data() {
+    return {
+      stmData: {
+        columns: [
+          '1 1 "类型" 160',
+          '2 2 "Dbt" 160',
+          '3 3 "Cdt" 160',
+          '4 4 "币种" 160',
+          '5 5 "金额" auto 2 8 1 4',
+          // '6 6 "Mat.Dat." 80 4 7 1',
+          {
+            index: 6, position: 6, width: 226, render: (item, scope) => {
+              return scope.row[item.prop] === 'null' ? '' : scope.row[item.prop]
+            }, label: 'Mat.Dat.'
+          },
+        ],
+      },
+      docgrd: {
+        columns: [{
+          title: "业务编号",
+          width: "80px",
+          dataIndex: "ownref",
+          show: "input",
+        },
+          {
+            title: "币种",
+            width: "80px",
+            dataIndex: "opncur",
+            show: "input",
+          },
+          {
+            title: "托收余额",
+            width: "200px",
+            dataIndex: "opnamt",
+            show: "input",
+          },
+          {
+            title: "已付数额",
+            width: "200px",
+            dataIndex: "bckamt",
+            show: "input",
+          },
+        ],
+        urls: "bptbck.bptbckg.docgrd",
+      },
+    }
+  },
+  methods: {},
+}
+</script>
+<style>
+
+</style>

src/business/botacc/views/index.vue

+<template>
+  <c-page title="出口托收承兑">
+    <div class="eContainer">
+      <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">
+          <el-tab-pane label="业务信息" name="ovwp">
+            <c-content>
+              <m-ovwp :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 CodeTable from "~/config/CodeTable"
+import Botacc from "../model"
+import formRules from '../model/check'
+
+import Setp from "./Setp"
+import Inst from "./Inst"
+import Ptyp from "./Ptyp"
+import Addbcb from "./Addbcb";
+import Ovwp from "./Ovwp"
+
+import Setmod from "~/components/business/setmod/views"
+import Docpan from "~/components/business/docpan/views";
+import Engp from "~/components/business/engp/views";
+import Doctre from "~/components/business/doctre/views";
+import Coninfp from "~/components/business/coninfp/views";
+import Glentry from "~/components/business/glentry/views";
+import operationFunc from "@/mixin/operationFunc";
+import event from "../event"
+
+export default {
+  name: "Botacc",
+  components: {
+    "m-addbcb": Addbcb,
+    "m-ovwp": Ovwp,
+    "m-setp": Setp,
+    "m-inst": Inst,
+    "m-ptyp": Ptyp,
+    "m-engp": Engp,
+    "m-setmod": Setmod,
+    "m-coninfp": Coninfp,
+    "m-docpan": Docpan,
+    "m-doctre": Doctre,
+    "m-glentry": Glentry,
+  },
+  provide() {
+    return {
+      root: this
+    }
+  },
+  mixins: [operationFunc, event],    // 里面包含了Default、Check等的公共处理
+  data() {
+    return {
+      tabVal: "ovwp",
+      trnName: "botacc",
+      model: new Botacc().data,
+      rules: formRules,
+      codes: {
+        ...CodeTable
+      },
+      activeNames: ["engp"],
+      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: {},
+  created: async function () {
+  }
+}
+</script>
+<style>
+
+</style>

src/routers/modules/business.js

@@ -69,5 +69,6 @@ const Business = [
   { path: 'betamc', component: () => import('~/business/betamc/views'), name: 'betamc', meta: { title: '出口信用证保兑额度释放' } },
   { path: 'infbod', component: () => import('~/business/infbod/views'), name: 'infbod', meta: { title: '出口托收查询' } },
   { path: 'botsel', component: () => import('~/business/botsel/views'), name: 'botsel', meta: { title: '出口托收入口交易BOTSEL' } },
+  { path: 'botacc', component: () => import('~/business/botacc/views'), name: 'botacc', meta: { title: '出口托收承兑' } },
 ]
 export default Business
\ No newline at end of file