infbrd前端页面整改

src/business/infbrd/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/infbrd/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/infbrd/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/infbrd/getOwnRef', params);
+      if (res.respCode == SUCCESS) {
+        loading.close();
+        this.model.gidgrp.rec.ownref = res.data;
+      }
+    },
+    // 获取infbrd弹框表格数据
+    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;
+      }
+    },
+    // 选中infbrd弹框表格的行数据
+    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/infbrd/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/infbrd/model/index.js

+import Pts from '~/components/business/commonModel/Pts';
+import Pub from '~/components/business/commonModel/index.js';
+export default class Infbrd {
+    constructor() {
+        this.data = {
+            brdgrp: {
+                rec: {
+                    inr: ''
+                }
+            },
+            seagodcod: '',
+            seadocflg: '',
+            infcon: {
+                chksubcon: '',
+                opndatfrom: '',
+                opndatto: '',
+                seaownref: '',
+                seashgref: '',
+                seaamtfr: '',
+                seasta: '',
+                seacur: '',
+                pty: {
+                    extkey: '',
+                    nam: ''
+                },
+                usr: {
+                    extkey: ''
+                },
+                objinr: '',
+                seaamtto: '',
+                searol: '',
+                nam: '',
+                seapty: '',
+                searef: ''
+            }
+        };
+    }
+}

src/business/infbrd/views/BusNavbar.vue

+<template>
+  <el-dialog
+    :visible.sync="initdialog"
+    :title="'交易列表'"
+    append-to-body
+    :before-close="beforeClose"
+    @opened="opened"
+  >
+    <div class="m-list-btns">
+      <div class="busnavbar">
+        <div class="busnavbar-items">
+          <c-button
+            style="margin-left: 7px"
+            size="medium"
+            type="primary"
+            class="medium_bcs"
+            v-for="(item, index) in navcode"
+            v-bind:key="index"
+            :title="item.title"
+            :disabled="item.isDis === 'N'"
+            >{{ item.label }}</c-button
+          >
+          <div style="margin-top: 15px; margin-left: 10px">
+            <div
+              v-for="(str, idx) in tState"
+              :key="idx"
+              style="margin-bottom: 5px; font-weight: bold"
+            >
+              {{ str }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+<script>
+
+import event from "../event"
+
+export default {
+  props: {
+    ownref: {
+      required: true,
+    },
+    trnCode: {
+      required: true,
+    },
+    model: {
+      required: true,
+    },
+    ownrefPath: {
+      required: false,
+      default: "didgrp",
+    },
+    tabIndex: {
+      required: false,
+      default: 1,
+    },
+  },
+  components: {},
+  mixins: [event], // 里面包含了Default、Check等的公共处理
+  data() {
+    return {
+      initdialog: false,
+      navcode: [
+        // {code:"",label:"",isDis:"",title:""},
+      ],
+      tState: [],
+    };
+  },
+  methods: {
+    getIndex(module) {
+      for (let i = 1; i <= 12; i++) {
+        var temp = this.model.cfgfil[`subtxt${i}`];
+        if (module == temp) {
+          return i;
+        }
+      }
+      return 1;
+    },
+    opened() {
+      this.tState = [];
+      this.$emit("childmethods");
+    },
+    beforeClose() {
+      this.navcode = [];
+      this.initdialog = false;
+    },
+  },
+  mounted() {},
+};
+</script>
+<style>
+</style>

src/business/infbrd/views/index.vue

+<template>
+  <div class="eContainer-search">
+    <el-form
+      :model="model"
+      :rules="rules"
+      ref="modelForm"
+      label-width="120px"
+      label-position="right"
+      size="small"
+      :validate-on-rule-change="false"
+    >
+
+      <c-content>
+        <m-infsea :model="model" :codes="codes" ref="infsea" />
+      </c-content>
+    </el-form>
+  </div>
+</template>
+<script>
+import CodeTable from "~/config/CodeTable";
+import Infbrd from "../model";
+import event from "../event"
+import formRules from '../model/check'
+import Infsea from "./Infsea";
+
+export default {
+  name: "Infbrd",
+  components: {
+    "m-infsea": Infsea,
+  },
+  provide() {
+    return {
+      root: this,
+    };
+  },
+  mixins: [event], // 里面包含了Default、Check等的公共处理
+  data() {
+    return {
+      tabVal: "infsea",
+      trnName: "infbrd",
+      model: new Infbrd().data,
+      rules: formRules,
+      codes: {
+        ...CodeTable,
+      },
+    };
+  },
+  methods: {},
+  created: async function () {},
+};
+</script>
+<style>
+</style>

src/routers/modules/business.js

@@ -46,6 +46,7 @@ const Business = [
   { path: 'gitenc', component: () => import('~/business/gitenc/views'), name: 'gitenc', meta: { title: '进口信用证单据提货担保注销' } },
 
   { path: 'brtame', component: () => import('~/business/brtame/views'), name: 'brtame', meta: { title: '进口信用证单据提货担保修改' } },
+  { path: 'infbrd', component: () => import('~/business/infbrd/views'), name: 'infbrd', meta: { title: '进口信用证单据入口交易' } },
 
 ]
 export default Business
\ No newline at end of file