cltdav修改

src/business/cltdav/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.cldgrp.col.pts.extkey) {
+      ptsptaList.push(this.buildPtspta(model.cldgrp.col));
+    }
+    let dataObj = {
+      rec: {
+        objtyp: 'CLD',
+        objinr: model.cldgrp.rec.inr,
+        ownref: model.cldgrp.rec.ownref,
+        opndat: model.cldgrp.rec.opndat,
+        expdat: model.cldgrp.rec.expdat,
+        branchInr: model.cldgrp.rec.branchinr,
+        nam: model.cldgrp.rec.nam,
+        oridre: model.cldgrp.rec.oridre,
+      },
+      cbsMap: {
+        // MAX: model.cldgrp.cbs.max,
+        // OPN1: model.cldgrp.cbs.opn1,
+        // MAC: model.bcdgrp.cbs.mac,
+        // MAC2: model.bcdgrp.cbs.mac2,
+        // OPC2: model.bcdgrp.cbs.opc2,
+        // CNF: model.bcdgrp.cbs.cnf,
+      },
+      ptsList: ptsptaList,
+      transName: trnName,
+      userId: window.sessionStorage.userId ? window.sessionStorage.userId : 'ZL'
+    };
+    return dataObj
+  },
+  buildSetfeg (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaall: model.liaall,
+      liaccv: model.liaccv,
+      doceot: model.trnmod.trndoc.doceot,
+    };
+    return params
+  },
+  buildSetglg (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      setfeg: model.setmod.setfeg,
+      liaall: model.liaall,
+      liaccv: model.liaccv,
+    };
+    return params
+  },
+  buildGlentry (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaallg: model.liaall.liaallg,
+      setfog: model.setmod.setfog,
+      setfeg: model.setmod.setfeg,
+      setglg: model.setmod.setglg,
+    };
+    return params
+  },
+  buildEngp (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaallg: model.liaall.liaallg,
+    };
+    return params
+  },
+  buildDocpan (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+    };
+    return params
+  },
+  buildCcvpan (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      liaccvg: model.liaccv.liaccvg,
+      oldamt: model.liaccv.oldamt,
+      chgamt: model.liaccv.chgamt,
+      concur: model.liaccv.concur,
+    };
+    return params
+  },
+  buildLimitbody (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      // rec: {
+      //   objtyp: 'BCD',
+      //   objinr: model.bcdgrp.rec.inr,
+      //   ownref: model.bcdgrp.rec.ownref,
+      // },
+    };
+    return params
+  },
+  buildDoctre (model, trnName) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      // rec: {
+      //   objtyp: 'BCD',
+      //   objinr: model.bcdgrp.rec.inr,
+      //   ownref: model.bcdgrp.rec.ownref,
+      //   // swiftflg: model.gitp.swiftflg,
+      // },
+    };
+    return params
+  },
+  // 公共组件setmod中dsp字段改变，触发联动时候的入参
+  buildSetgllAccts (model, trnName, setglg) {
+    let params = {
+      ...this.buildCommonData(model, trnName),
+      setglg
+    };
+    return params
+  }
+}      
\ No newline at end of file

src/business/cltdav/event/index.js

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

+import Utils from "~/utils"
+
+
+let checkObj = {
+
+
+    "cldgrp.rec.ownref":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+    "cldgrp.rec.nam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "cldgrp.rec.colflg":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "cldgrp.rec.valdat":[
+        {type: "string", required: true, message: "必输项"}
+    ],
+    "cldgrp.rec.credat":[
+        {type: "string", required: true, message: "必输项"}
+    ],
+    // "rowcntr":[
+    //     {type: "number", required: false, message: "必输项"},
+    //     {max: 3,message:"长度不能超过3"}
+    // ],
+
+    "cldgrp.rec.regref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "amount":[
+        {type: "string", required: true, message: "必输项"},
+        // {max: 16,message:"整数位不能超过12位"},
+        // {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    ],
+    // "cldgrp.rec.count":[
+    //     {type: "number", required: false, message: "必输项"},
+    //     {max: 3,message:"长度不能超过3"}
+    // ],
+    // "items":[
+    //     {type: "number", required: false, message: "必输项"},
+    //     {max: 3,message:"长度不能超过3"}
+    // ],
+
+
+
+    "cltp.colp.ptsget.sdamod.dadsnd":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "cldgrp.col.pts.extkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    // "cltp.colp.ptsget.sdamod.seainf":[
+    //     {type: "string", required: false, message: "必输项"},
+    //     {max: 3,message:"长度不能超过3"}
+    // ],
+
+    "cldgrp.col.pts.nam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "cldgrp.rec.colref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+    "trnmod.trndoc.advnam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 50,message:"长度不能超过50"}
+    ],
+    "trnmod.trndoc.amdapl":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 50,message:"长度不能超过50"}
+    ],
+
+    "trnmod.trndoc.advdoc":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "trnmod.trndoc.filrecv":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "trnmod.trndoc.doctrestm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+    "trnmod.trndoc.condocstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    // "trnmod.trndoc.rcvatt.seainf":[
+    //     {type: "string", required: false, message: "必输项"},
+    //     {max: 3,message:"长度不能超过3"}
+    // ],
+
+    // "mtabut.coninf.oitinf.oit.inftxt":[
+    //     {type: "string", required: true, message: "必输项"},
+    //     {max: 60,message:"长度不能超过60"}
+    // ],
+
+
+    // "mtabut.coninf.oitset.oit.inftxt":[
+    //     {type: "string", required: true, message: "必输项"},
+    //     {max: 60,message:"长度不能超过60"}
+    // ],
+
+    // "mtabut.coninf.conexedat":[
+    //     {type: "date", required: false, message: "输入正确的日期"}
+    // ],
+    // "mtabut.coninf.usr.extkey":[
+    //     {type: "string", required: false, message: "必输项"},
+    //     {max: 8,message:"长度不能超过8"}
+    // ],
+    "setmod.ref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+
+    // "setmod.docamt":[
+    //     {type: "number", required: false, message: "必输项"},
+    //     {max: 18,message:"整数位不能超过14位"},
+    //     {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    // ],
+
+
+
+
+    "setmod.zmqacc":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 20,message:"长度不能超过20"}
+    ],
+
+
+
+    "cldgrp.rec.acno":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 20,message:"长度不能超过20"}
+    ],
+
+
+    // "cldgrp.blk.setins":[
+    //     {type: "string", required: true, message: "必输项"},
+    //     {max: 300,message:"长度不能超过300"}
+    // ],
+}
+
+for (const key in checkObj) {
+    if (Object.hasOwnProperty.call(checkObj, key)) {
+        checkObj[key] = checkObj[key] ? checkObj[key] : Utils.reflectCheck(key)
+    }
+}
+export default checkObj
+

src/business/cltdav/model/index.js

+import Pts from '~/components/business/commonModel/Pts';
+import Pub from '~/components/business/commonModel/index.js';
+export default class Cltdav {
+    constructor() {
+        this.data = {
+            ccdbatg: [],
+			cltdavl2blk:"",
+			cltdavl1blk:"",
+			bptbck:{
+				bptbckg:[],
+			},			
+			liaall: new Pub().data.Liaall,
+			cldgrp: {
+				rec: {
+					inr:"",
+					branchinr:"00000047",
+					ownref: "",			//  Batch No.		.cldgrp.rec.ownref
+					valdat: "",			//  Value Date		.cldgrp.rec.valdat
+					credat: "",			//  Date of creation		.cldgrp.rec.credat
+					colflg: "",			//  Payemnt Disposition		.cldgrp.rec.colflg
+					regref: "",			//  Register Ref.		.cldgrp.rec.regref
+					count: Number(),			//  ITEM COUNT		.cldgrp.rec.count
+					colref: "",			//  COLL BANK REF		.cldgrp.rec.colref
+					nam: "",			//  Name of CC contract		.cldgrp.rec.nam
+					creact: "",			//  Credit to Account		.cldgrp.rec.creact
+					acno: "",			//  A/C NO.		.cldgrp.rec.acno
+				},
+				col: {
+					pts: new Pts().data,
+				},
+				blk: {
+					setins: "",			//  Settlement Instructions		.cldgrp.blk.setins
+				},
+			},
+			rowcntr: Number(),			//  Total Row Count		.rowcntr
+			cur: "",			//  currency		.cur
+			amount: "0.00",			//  AMOUNT		.amount
+			items: Number(),			//  Item Count		.items
+			colbnk: "",			//  Collection Bank		.colbnk
+			cltp: {
+				colp: {
+					ptsget: {
+						sdamod: {
+							dadsnd: "",			//  Drag  Drop Sender		.cltp.colp.ptsget.sdamod.dadsnd
+							seainf: "",			//  		.cltp.colp.ptsget.sdamod.seainf
+						},
+					},
+				},
+			},
+			colmet: "",			//  Collection Method		.colmet
+			trnmod: new Pub().data.Trnmod,
+			// mtabut: {
+			// 	coninf: {
+			// 		oitinf: {
+			// 			labinftxt: "",			//  Label for INFTXT		.mtabut.coninf.oitinf.labinftxt
+			// 			oit: {
+			// 				inftxt: "",			//  Infotext		.mtabut.coninf.oitinf.oit.inftxt
+			// 				inflev: "",			//  Infotext Level		.mtabut.coninf.oitinf.oit.inflev
+			// 			},
+			// 		},
+			// 		oitset: {
+			// 			labinftxt: "",			//  Label for INFTXT		.mtabut.coninf.oitset.labinftxt
+			// 			oit: {
+			// 				inftxt: "",			//  Infotext		.mtabut.coninf.oitset.oit.inftxt
+			// 				inflev: "",			//  Infotext Level		.mtabut.coninf.oitset.oit.inflev
+			// 			},
+			// 		},
+			// 		conexedat: "",			//  执行日期		.mtabut.coninf.conexedat
+			// 		usr: {
+			// 			extkey: "",			//  User ID		.mtabut.coninf.usr.extkey
+			// 		},
+			// 	},
+			// },
+			// setmod: {
+			// 	docamttyplab: "",			//  settled amount description as label		.setmod.docamttyplab
+			// 	retmsg: "",			//  Label showing Retry overflow condition		.setmod.retmsg
+			// 	ref: "",			//  our reference		.setmod.ref
+			// 	doccur: "",			//  document currency		.setmod.doccur
+			// 	docamt: "",			//  document amount		.setmod.docamt
+			// 	dspflg: "",			//  Type of settlement		.setmod.dspflg
+			// 	xreflg: "",			//  Recalculate Rates		.setmod.xreflg
+			// 	setglg: {
+			// 		labdspflg: "",			//  Label for Type of Settlement		.setmod.setglg.labdspflg
+			// 	},
+			// 	zmqacclab: "",			//  主�'�号LABEL		.setmod.zmqacclab
+			// 	zmqacc: "",			//  自�'�区主�'�号		.setmod.zmqacc
+			// 	setfog: {
+			// 		setfol: []
+			// 	},
+			// 	setfeg: {
+			// 		setfel: []
+			// 	},
+			// 	glemod: {
+			// 		gleshwstm: {}
+			// 	},
+
+			// },
+			setmod: new Pub().data.Setmod,
+			modflg: "",			//  MODIFY		.modflg
+			pageId: "",			// ctx的key
+            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/cltdav/views/Account.vue

+<template>
+    <div class="eibs-tab">
+
+        <c-col :span="11">
+            <el-form-item label="贷记账户" prop="cldgrp.rec.creact" style="width: 100%">
+                <c-select v-model="model.cldgrp.rec.creact" style="width: 100%" placeholder="请选择贷记账户"
+                    :code="codes.creact" :disabled="model.modflg === 'X'"  id="toughH">
+                </c-select>
+            </el-form-item>
+        </c-col>
+
+        <c-col :span="11" :offset="1">
+            <el-form-item label="账户" prop="cldgrp.rec.acno">
+                <c-input v-model="model.cldgrp.rec.acno" maxlength="20" placeholder="请输入"
+                    :disabled="model.modflg === 'X'">
+                </c-input>
+            </el-form-item>
+        </c-col>
+
+        <c-col :span="11">
+            <el-form-item label="结算指示" prop="cldgrp.blk.setins">
+                <c-input type="textarea" v-model="model.cldgrp.blk.setins" maxlength="300" show-word-limit rows="5"
+                    placeholder="请输入结算指示" :disabled="model.modflg !== 'X'"></c-input>
+            </el-form-item>
+        </c-col>
+        <c-col :span="11" :offset="1">
+            <el-form-item label="">
+                <c-checkbox v-model="model.modflg">修改</c-checkbox>
+                <c-button size="small" type="primary" icon="el-icon-more" :disabled="model.modflg !== 'X'"
+                    @click="showGridPromptDialog('cltp.setins.buttxmsel', null, null,{TXT: 'cldgrp.blk.setins'}, {TXT: false},'doxpDialog')">
+                </c-button>
+            </el-form-item>
+        </c-col>
+    </div>
+</template>
+<script>
+import Api from "~/service/Api"
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable"
+import Event from "~/model/Cltdav/Event"
+
+export default {
+    inject: ['root'],
+    props: ["model", "codes"],
+    mixins: [commonProcess],
+    data() {
+        return {
+
+        }
+    },
+    methods: { ...Event },
+    created: function () {
+
+    },
+    watch: {
+        "model.modflg": {
+            async handler(newVal, oldVal) {
+                if (newVal !== 'X') {
+                    this.model.cldgrp.blk.setins = '';
+                }
+            }
+        }
+    }
+}
+</script>
+<style>
+#toughH{
+    height: 24px !important;
+}
+</style>

src/business/cltdav/views/Ovwp.vue

+<template>
+  <div class="eibs-tab">
+    <el-collapse v-model="activeNames" @change="handleChange">
+      <el-collapse-item title="内容" name="sel">
+        <m-sel :model="model" :codes="codes" />
+      </el-collapse-item>
+
+      <el-collapse-item title="关联账号" name="account">
+        <m-account :model="model" :codes="codes" />
+      </el-collapse-item>
+    </el-collapse>
+  </div>
+</template>
+
+<script>
+import Sel from "./Sel";
+import Account from "./Account";
+import commonProcess from "~/mixin/commonProcess";
+import Events from "~/model/Cltdav/Event";
+
+export default {
+  components: {
+    "m-sel": Sel,
+    "m-account": Account,
+  },
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {
+      activeNames: ["sel"],
+    }
+  },
+  methods: {
+    ...Events,
+    handleChange(val) {
+      console.log(val);
+    },
+  }
+}
+</script>
\ No newline at end of file

src/business/cltdav/views/Sel.vue

+<template>
+  <div class="eibs-tab">
+    <!-- ======================= 左边 ========================= -->
+    <c-col :span="12" style="padding-right: 20px">
+      <c-col :span="24">
+        <el-form-item label="包号" prop="cldgrp.rec.ownref" style="width:100%">
+          <c-fullbox>
+            <c-input v-model="model.cldgrp.rec.ownref" maxlength="16" placeholder="请输入包号"
+                     style="width:100%" disabled>
+            </c-input>
+            <template slot="footer">
+              <c-button size="small" type="primary" @click="queryOwnref"
+                        style="margin-left: 10px; padding: 0 12px"
+                        :disabled="model.cldgrp.rec.ownref !== ''">
+                获取
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="票据类型" prop="cldgrp.rec.colflg" style="width:100%">
+          <c-select v-model="model.cldgrp.rec.colflg" style="width: 100%" maxlength="1"
+                    placeholder="请输入票据类型">
+            <el-option v-for="item in codes.colflg" :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="rowcntr" style="width:100%">
+          <c-input v-model="model.rowcntr" placeholder="请输入总行数" disabled>
+          </c-input>
+        </el-form-item>
+
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="选中光票金额和" prop="amount" style="width: 100%">
+          <c-input v-model="model.amount" placeholder="请输入" disabled></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="选中票据份数" prop="cldgrp.rec.count" style="width: 100%">
+          <c-input v-model="model.cldgrp.rec.count" placeholder="请输入选中票据份数" disabled>
+          </c-input>
+        </el-form-item>
+
+      </c-col>
+      <c-col :span="24">
+        <el-form-item label="托收行" prop="colbnk" style="width:100%">
+          <c-fullbox>
+            <c-select v-model="model.colbnk" style="width: 100%" placeholder="请选择托收行" :disabled="model.cldgrp.rec.colflg == 'G'">
+              <el-option v-for="item in codes.colbnk" :key="item.value" :label="item.label"
+                         :value="item.value" >
+              </el-option>
+            </c-select>
+            <template slot="footer">
+              <c-button size="small" type="primary" @click="onGet" :disabled="model.cldgrp.rec.colflg == 'G'">
+                获取
+              </c-button>
+            </template>
+          </c-fullbox>
+        </el-form-item>
+      </c-col>
+       <c-col :span="24">
+        <c-ptap :model="model" :argadr="{
+          title: '托收行',
+          grp: 'cldgrp',
+          rol: 'col',
+        }" :isAdrblk="true" :noRef="true"
+        @keyup.enter.native="queryGridEtyPromptDialogData('COL', 'B')">
+        </c-ptap>
+      </c-col>
+
+      <!-- <c-col :span="24">
+        <el-form-item label="地址信息" prop="cldgrp.col.pts.nam" style="width:100%">
+          <c-input type="textarea" :rows="4" v-model="model.cldgrp.col.pts.nam" maxlength="35" disabled
+                   show-word-limit placeholder="请输入地址信息"></c-input>
+        </el-form-item>
+      </c-col> -->
+    </c-col>
+
+    <!-- ======================= 右边 ========================= -->
+    <c-col :span="12" style="padding-left: 20px">
+      <c-col :span="24">
+        <el-form-item label="简略信息" prop="cldgrp.rec.nam" style="width:100%">
+          <c-input v-model="model.cldgrp.rec.nam" maxlength="40" placeholder="请输入简略信息">
+          </c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <c-col :span="12">
+          <el-form-item label="起息日" prop="cldgrp.rec.valdat" style="width:100%">
+            <c-date-picker type="date" v-model="model.cldgrp.rec.valdat" style="width:100%"
+                           placeholddaer="请选择起息日"></c-date-picker>
+          </el-form-item>
+        </c-col>
+        <c-col :span="12">
+          <el-form-item label="创建日期" style="width:100%">
+            <c-date-picker type="date" v-model="model.cldgrp.rec.credat" style="width:100%"
+                           placeholder="请选择创建日期"></c-date-picker>
+          </el-form-item>
+        </c-col>
+
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="币种" prop="cur" style="width:100%">
+          <c-select v-model="model.cur" style="width: 100%" placeholder="请选择币种">
+            <el-option v-for="item in codes.curtxt1" :key="item.value" :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </c-select>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="注册编号" prop="cldgrp.rec.regref" style="width: 100%">
+          <c-input v-model="model.cldgrp.rec.regref" tyle="width: 100%" maxlength="16"
+                   placeholder="请输入注册编号" disabled></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="查询出的票据份数" prop="items" style="width:100%">
+          <c-input v-model="model.items" placeholder="请输入选中票据份数"></c-input>
+        </el-form-item>
+      </c-col>
+
+      <c-col :span="24">
+        <el-form-item label="托收方式" prop="colmet" style="width:100%">
+          <c-select v-model="model.colmet" style="width: 100%" placeholder="请选择托收方式">
+            <el-option v-for="item in codes.colmet" :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="cldgrp.rec.colref" style="width:100%">
+          <c-input v-model="model.cldgrp.rec.colref" maxlength="16" placeholder="请输入托收行参考号">
+          </c-input>
+        </el-form-item>
+      </c-col>
+    </c-col>
+
+    <c-col :span="24" v-if="model.cur !== '' && model.cldgrp.rec.colflg !== ''">
+      <c-col :span="4" :offset="20" style="text-align:center">
+        <el-button type="primary" @click="handleSearch">查询</el-button>
+      </c-col>
+    </c-col>
+    <c-col :span="24" v-else>
+      <c-col :span="4" :offset="20" style="text-align:center">
+        <el-button type="primary" @click="handleSearchAll">查询所有</el-button>
+      </c-col>
+    </c-col>
+
+    <c-col :span="24">
+      <c-edit-table :model="model" v-bind="docgrd" ref="table">
+      </c-edit-table>
+    </c-col>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api"
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable"
+import Ptap from "~/views/Public/Ptap";
+import event from "../event"
+import Event from "~/model/Cltdav/Event"
+
+export default {
+    inject: ['root'],
+    props: ["model", "codes"],
+    components: {
+    "c-ptap": Ptap,
+  },
+    mixins: [event],
+    data() {
+        return {
+            docgrd: {
+                columns: [
+                    {
+                        title: "核对号",
+                        width: "120px",
+                        dataIndex: "chcknum",
+                        show: "text",
+                    },
+                    {
+                        title: "托收编号",
+                        width: "120px",
+                        dataIndex: "ownref",
+                        show: "text",
+                    },
+                    {
+                        title: "描述",
+                        width: "220px",
+                        dataIndex: "nam",
+                        show: "text",
+                    },
+                    {
+                        title: "委托人",
+                        width: "200px",
+                        dataIndex: "prenam",
+                        show: "text",
+                    },
+                    {
+                        title: "币种",
+                        width: "100px",
+                        dataIndex: "cur",
+                        show: "text",
+                    },
+                    {
+                        title: "金额",
+                        width: "150px",
+                        dataIndex: "amt",
+                        show: "text",
+                    },
+                    {
+                        title: "勾选",
+                        width: "50px",
+                        dataIndex: "selflg",
+                        show: "checkbox",
+                    },
+
+                ],
+                urls: "bptbck.bptbckg",
+            },
+
+        }
+    },
+    methods: {
+        ...Event,
+        multipleSelect() {
+            console.log(123);
+        },
+        checkedChange() {
+            console.log(456);
+        }
+    },
+    created: function () {
+
+    },
+    watch: {
+
+   "model.cldgrp":{
+     immediate: true,
+     deep: true,
+     handler(val,oldval){
+      // const res = this.model.cldgrp
+       if(this.model.cur !== "" || this.model.amount !== "" || this.model.cldgrp.col.pts.adrblk !== ""){
+        this.model.cldgrp.rec.nam = this.model.amount+this.model.cldgrp.col.pts.adrblk.substring(0,16)+this.model.cur
+       }
+     }
+   },
+    }
+}
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/business/cltdav/views/index.vue

+<template>
+  <div class="eContainer">
+    <c-page title="打包托收开立">
+      <el-form
+        :model="model"
+        :rules="rules"
+        ref="modelForm"
+        label-width="120px"
+        label-position="left"
+        size="small"
+        :validate-on-rule-change="false"
+      >
+        <c-tabs
+          v-model="tabVal"
+          ref="elment"
+          type="card"
+          @tab-click="myTabClick"
+        >
+          <!--PD000002 -->
+          <el-tab-pane label="业务信息" name="ovwp">
+            <c-content>
+              <m-ovwp :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+          <!--                    <el-tab-pane label="内容" name="sel">-->
+          <!--                        <c-content>-->
+          <!--                            <m-sel :model="model" :codes="codes" />-->
+          <!--                        </c-content>-->
+          <!--                    </el-tab-pane>-->
+
+          <!--PD000000 -->
+          <el-tab-pane label="提示信息" name="coninfp">
+            <c-content>
+              <m-coninfp :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+
+          <el-tab-pane label="账务" name="setmod">
+            <c-content>
+              <m-setmod :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+
+          <!--PD000529 -->
+          <el-tab-pane label="报文和面函" name="docpan">
+            <c-content>
+              <m-docpan :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+
+          <!--PD000546 -->
+          <el-tab-pane label="附件" name="doctre">
+            <c-content>
+              <m-doctre :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+
+          <!--PD000057 -->
+          <!--                  <el-tab-pane label="关联账号" name="account">-->
+          <!--                    <c-content>-->
+          <!--                      <m-account :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"
+      >
+  
+        <!--            <el-button size="small">备忘录</el-button>-->
+        <!--            <el-button size="small">影像信息</el-button>-->
+        <!--            <el-button size="small">保存模板</el-button>-->
+        <!--            <el-button size="small">使用模板</el-button>-->
+        <!--            <el-button size="small">制裁信息</el-button>-->
+        <!--            <el-button size="small">拆分报文</el-button>-->
+        <!--            <el-button size="small">提示</el-button>-->
+      </c-function-btn>
+    </c-page>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import Utils from "~/utils/index";
+import CodeTable from "~/config/CodeTable";
+import Cltdav from "../model";
+import operationFunc from "~/mixin/operationFunc";
+import Check from "../model/check";
+import event from "../event";
+
+// import Sel from "./Sel";
+// import Account from "./Account";
+import Ovwp from "./Ovwp";
+
+import Engp from "~/components/business/engp/views";
+import Setmod from "~/components/business/setmod/views";
+import Glentry from "~/components/business/glentry/views";
+import Coninfp from "~/components/business/coninfp/views";
+import Docpan from "~/components/business/docpan/views";
+import Doctre from "~/components/business/doctre/views";
+import Limitbody from "~/components/business/limitbody/views";
+
+export default {
+  name: "Cltdav",
+  components: {
+    // "m-sel": Sel,
+    // "m-account": Account,
+    "m-setmod": Setmod,
+    "m-engp": Engp,
+    "m-glentry": Glentry,
+    "m-docpan": Docpan,
+    "m-doctre": Doctre,
+    "m-coninfp": Coninfp,
+    "m-ovwp": Ovwp,
+  },
+
+  provide() {
+    return {
+      root: this,
+    };
+  },
+  mixins: [event, operationFunc], // 里面包含了Default、Check等的公共处理
+  data() {
+    return {
+      tabVal: "ovwp",
+      trnName: "cltdav",
+      model: new Cltdav().data,
+      rules: Check,
+      codes: { ...CodeTable },
+      promptData: {
+        title: "Select a Party",
+        columns: [
+          {
+            prop: "ptyInr",
+            label: "Party Number",
+          },
+          {
+            prop: "inr",
+            label: "Address Number",
+          },
+          {
+            prop: "branch",
+            label: "Branch Code",
+          },
+          {
+            prop: "bchName",
+            label: "Branch Name",
+          },
+          {
+            prop: "adrName",
+            label: "Address Name",
+          },
+          {
+            prop: "adr1",
+            label: "Address1",
+          },
+          {
+            prop: "locCty",
+            label: "City",
+          },
+          {
+            prop: "locZip",
+            label: "Zip",
+          },
+          {
+            prop: "bicCode",
+            label: "BIC",
+          },
+        ],
+        data: [],
+      },
+    };
+  },
+  methods: {
+    myTabClick(tab) {
+      this.tabClick(tab);
+    },
+  },
+  created: async function () {
+    // console.log("进入cltdav交易");
+    // let rtnmsg = await this.init({});
+    // if (rtnmsg.respCode == SUCCESS) {
+    //   this.updateModel(rtnmsg.data);
+    //   if (this.isInDisplay) {
+    //     this.restoreDisplay();
+    //   }
+    // } else {
+    //   this.$notify.error({ title: "错误", message: "服务请求失败！" });
+    // }
+  },
+  mounted() {
+    this.init();
+  },
+};
+</script>
+<style>
+</style>
\ No newline at end of file