infcpd界面初步提交与infusr界面优化

src/assets/css/common.css

@@ -204,6 +204,9 @@
   .el-radio__label {
     font-size: 12px;
   }
+  .el-checkbox__label {
+    font-size: 12px;
+  }
   .c-title {
     /* color: rgba(0, 0, 0, 0.65); */  
     /* font-weight: 600; */

src/model/Infcpd/Check.js

+import Utils from "~/utils"
+
+/**
+* Infcpd Check规则
+*/
+let checkObj = {
+    "cpdgrp.snd.adrelc"                      :null,
+    "recpan.orip.ptsget.sdamod.dadsnd"                      :null,
+    "cpdgrp.ori.pts.adrblk"                      :null,
+    "cpdgrp.orc.pts.adrblk"                      :null,
+    "cpdgrp.snd.pts.nam"                      :null,
+    "recpan.pyebchnam"                      :null,
+    "cpdgrp.orc.pts.extkey"                      :null,
+    "cpdgrp.pye.namelc"                      :null,
+    "recpan.recget.sdamod.dadsnd"                      :null,
+    "cpdgrp.orc.namelc"                      :null,
+    "recpan.pyebchkey"                      :null,
+    "cpdgrp.orc.adrelc"                      :null,
+    "recpan.secmod"                      :null,
+    "cpdgrp.ori.adrelc"                      :null,
+    "cpdgrp.snd.pts.adrblk"                      :null,
+    "cpdgrp.ori.pts.ref"                      :null,
+    "recpan.orcp.ptsget.sdamod.dadsnd"                      :null,
+    "cpdgrp.ori.pts.extkey"                      :null,
+    "cpdgrp.pye.pts.extkey"                      :null,
+    "cpdgrp.pye.pts.adrblk"                      :null,
+    "cpdgrp.rec.trntyp"                      :null,
+    "cpdgrp.ori.namelc"                      :null,
+    "cpdgrp.snd.pts.extkey"                      :null,
+    "cpdgrp.rec.sztyp"                      :null,
+    "infcon.seaamtto"                      :null,
+    "mtabut.coninf.conexedat"                      :null,
+    "cpdgrp.pye.adrelc"                      :null,
+    "recpan.pyep.ptsget.sdamod.dadsnd"                      :null,
+    "cpdgrp.rec.swftyp"                      :null,
+    "cpdgrp.rec.paydat"                      :null,
+    "recpan.liqtyp"                      :null,
+    "recpan.sndp.ptsget.sdamod.dadsnd"                      :null,
+    "cpdgrp.rec.sysno"                      :null,
+    "cpdgrp.rec.clityp"                      :null,
+    "cpdgrp.snd.namelc"                      :null,
+    "countcode"                      :null,
+    "cpdgrp.rec.paytype"                      :null,
+}
+
+for (const key in checkObj) {
+    if (Object.hasOwnProperty.call(checkObj, key)) {
+        checkObj[key] = checkObj[key] ? checkObj[key] : Utils.reflectCheck(key)
+    }
+}
+export default checkObj
+

src/model/Infcpd/Default.js

+
+/**
+* Infcpd Default规则
+*/
+import Api from "~/service/Api";
+import Utils from "~/utils/index"
+
+export default {
+    "cpdgrp.ori.pts.adrblk"                      :Utils.defaultFunction,
+    "infcon.usr.extkey"                      :Utils.defaultFunction,
+    "cpdgrp.snd.pts.extkey"                      :Utils.defaultFunction,
+    "cpdgrp.snd.adrelc"                      :Utils.defaultFunction,
+    "cpdgrp.snd.namelc"                      :Utils.defaultFunction,
+    "cpdgrp.snd.dbfadrblkcn"                      :Utils.defaultFunction,
+    "cpdgrp.pye.pts.extkey"                      :Utils.defaultFunction,
+    "cpdgrp.pye.adrelc"                      :Utils.defaultFunction,
+    "cpdgrp.pye.namelc"                      :Utils.defaultFunction,
+    "cpdgrp.pye.dbfadrblkcn"                      :Utils.defaultFunction,
+    "cpdgrp.ori.pts.extkey"                      :Utils.defaultFunction,
+    "cpdgrp.ori.adrelc"                      :Utils.defaultFunction,
+    "cpdgrp.ori.namelc"                      :Utils.defaultFunction,
+    "cpdgrp.ori.dbfadrblkcn"                      :Utils.defaultFunction,
+    "cpdgrp.cbs.nom1.cur"                      :Utils.defaultFunction,
+    "cpdgrp.cbs.nom1.amt"                      :Utils.defaultFunction,
+    "infcon.seatrninr"                      :Utils.defaultFunction,
+    "infcon.seabucdatto"                      :Utils.defaultFunction,
+    "infcon.seabucdatfro"                      :Utils.defaultFunction,
+    "infcon.sptcor"                      :Utils.defaultFunction,
+    "infcon.sptreg"                      :Utils.defaultFunction,
+    "infcon.sptdel"                      :Utils.defaultFunction,
+    "infcon.sptinc"                      :Utils.defaultFunction,
+    "infcon.sptpen"                      :Utils.defaultFunction,
+    "infcon.seapty"                      :Utils.defaultFunction,
+    "infcon.pty.extkey"                      :Utils.defaultFunction,
+    "infcon.sepdelflg"                      :Utils.defaultFunction,
+    "infcon.setflg"                      :Utils.defaultFunction,
+    "cpdgrp.orc.pts.extkey"                      :Utils.defaultFunction,
+    "cpdgrp.orc.adrelc"                      :Utils.defaultFunction,
+    "cpdgrp.orc.namelc"                      :Utils.defaultFunction,
+    "cpdgrp.orc.dbfadrblkcn"                      :Utils.defaultFunction,
+    "infcon.fcpdsp"                      :Utils.defaultFunction,
+    "cpdgrp.snd.pts.adrblk"                      :Utils.defaultFunction,
+    "cpdgrp.rec.orcact"                      :Utils.defaultFunction,
+    "recpan.resbch"                      :Utils.defaultFunction,
+    "recpan.secmod"                      :Utils.defaultFunction,
+    "cpdgrp.rec.swftyp"                      :Utils.defaultFunction,
+    "infcon.chksubcon"                      :Utils.defaultFunction,
+    "infcon.chktrnsta"                      :Utils.defaultFunction,
+    "infcon.fepfeecod"                      :Utils.defaultFunction,
+    "infcon.fepdsp"                      :Utils.defaultFunction,
+    "cpdgrp.pye.pts.adrblk"                      :Utils.defaultFunction,
+    "recpan.resbchnam"                      :Utils.defaultFunction,
+    "infcon.smhdatfrom"                      :Utils.defaultFunction,
+    "infcon.smhdir"                      :Utils.defaultFunction,
+    "infcon.chktrn"                      :Utils.defaultFunction,
+    "infcon.smhdatto"                      :Utils.defaultFunction,
+    "infcon.smhcortyp"                      :Utils.defaultFunction,
+    "cpdgrp.rec.trntyp"                      :Utils.defaultFunction,
+    "cpdgrp.orc.pts.adrblk"                      :Utils.defaultFunction,
+    "infcon.cbctxt"                      :Utils.defaultFunction,
+    "recpan.payuil"                      :Utils.defaultFunction,
+    "infbut.dspstm"                      :Utils.defaultFunction,
+    "cpdgrp.rec.ownref"                      :Utils.defaultFunction,
+    "infcon.ordstm"                      :Utils.defaultFunction,
+    "recpan.liqtyp"                      :Utils.defaultFunction,
+    "recpan.draweecountcode"                      :Utils.defaultFunction,
+    "cpdgrp.snd.pts.nam"                      :Utils.defaultFunction,
+    "mtabut.coninf.usr.extkey"                      :Utils.defaultFunction,
+    "recpan.bustyp"                      :Utils.defaultFunction,
+    "cpdgrp.cbs.max.cur"                      :Utils.defaultFunction,
+    "cpdgrp.rec.f23b"                      :Utils.defaultFunction,
+    "infcon.trnstm"                      :Utils.defaultFunction,
+    "infcon.diasta"                      :Utils.defaultFunction,
+    "infcon.diadatfrom"                      :Utils.defaultFunction,
+    "infcon.diadatto"                      :Utils.defaultFunction,
+    "mtabut.coninf.oitset.oit.inftxt"                      :Utils.defaultFunction,
+    "mtabut.coninf.oitset.oit.inflev"                      :Utils.defaultFunction,
+    "recpan.payeecountcode"                      :Utils.defaultFunction,
+    "mtabut.coninf.oitinf.oit.inftxt"                      :Utils.defaultFunction,
+    "mtabut.coninf.oitinf.oit.inflev"                      :Utils.defaultFunction,
+    "recpan.flg"                      :Utils.defaultFunction,
+    "recpan.commet"                      :Utils.defaultFunction,
+    "recpan.comsystbl"                      :Utils.defaultFunction,
+    "mtabut.coninf.conexedat"                      :Utils.defaultFunction,
+}
+//你可以添加自动default处理

src/model/Infcpd/Event.js

+import Api from "~/service/Api"
+import Utils from "~/utils"
+
+export default {
+                async onInfbutSearow(){
+                let rtnmsg = await this.executeRule("infbut.searow")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onInfbutDsp(){
+                let rtnmsg = await this.executeRule("infbut.dsp")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onInfbutUserow(){
+                let rtnmsg = await this.executeRule("infbut.userow")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onInfbutClr(){
+                let rtnmsg = await this.executeRule("infbut.clr")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onInfbutButprt(){
+                let rtnmsg = await this.executeRule("infbut.butprt")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onSelbut(){
+                let rtnmsg = await this.executeRule("selbut")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onInfbutExi(){
+                let rtnmsg = await this.executeRule("infbut.exi")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onRecpanGetref(){
+                let rtnmsg = await this.executeRule("recpan.getref")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onRecpanGetinf(){
+                let rtnmsg = await this.executeRule("recpan.getinf")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onRecpanGetuetr(){
+                let rtnmsg = await this.executeRule("recpan.getuetr")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onRecpanSelbut(){
+                let rtnmsg = await this.executeRule("recpan.selbut")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onRecpanSelbut1(){
+                let rtnmsg = await this.executeRule("recpan.selbut1")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onSndpDet(){
+                let rtnmsg = await this.executeRule("sndp.det")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onOripDet(){
+                let rtnmsg = await this.executeRule("orip.det")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onRecpanGetmod(){
+                let rtnmsg = await this.executeRule("recpan.getmod")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onOrcpDet(){
+                let rtnmsg = await this.executeRule("orcp.det")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onPyepDet(){
+                let rtnmsg = await this.executeRule("pyep.det")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onRecpanSerpty(){
+                let rtnmsg = await this.executeRule("recpan.serpty")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onInfconButshw(){
+                let rtnmsg = await this.executeRule("infcon.butshw")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onInfconButshword(){
+                let rtnmsg = await this.executeRule("infcon.butshword")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+
+}
\ No newline at end of file

src/model/Infcpd/Pattern.js

+export default {
+    "infcon.seaownref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "infcon.nam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+    "infcon.searef":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+
+
+    "infcon.pty.extkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 24,message:"长度不能超过24"}
+    ],
+    "infcon.pty.nam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+    "infcon.seapty":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 24,message:"长度不能超过24"}
+    ],
+
+
+    "infcon.opndatfrom":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "infcon.opndatto":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "infcon.usr.extkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+
+
+
+    "infcon.seaamtfr":[
+        {type: "number", required: false, message: "必输项"},
+        {max: 18,message:"整数位不能超过14位"},
+        {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    ],
+    "infcon.seaamtto":[
+        {type: "number", required: false, message: "必输项"},
+        {max: 18,message:"整数位不能超过14位"},
+        {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    ],
+
+
+
+    "countcode":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+
+
+    "infbut.dspstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+    "recpan.recget.sdamod.dadsnd":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "cpdgrp.rec.ownref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "recpan.recget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+
+    "cpdgrp.rec.nam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+
+    "cpdgrp.rec.sysno":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 21,message:"长度不能超过21"}
+    ],
+
+
+
+
+
+
+    "cpdgrp.cbs.nom1.amt":[
+        {type: "number", required: false, message: "必输项"},
+        {max: 18,message:"整数位不能超过14位"},
+        {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    ],
+    "cpdgrp.cbs.max.amt":[
+        {type: "number", required: false, message: "必输项"},
+        {max: 18,message:"整数位不能超过14位"},
+        {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    ],
+    "recpan.uetr":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+    "cpdgrp.rec.othbch":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+
+
+    "cpdgrp.rec.paydat":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+
+
+    "cpdgrp.rec.valdat":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+
+    "recpan.draweecountcode":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+
+
+
+    "recpan.payeecountcode":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+
+
+
+
+    "cpdgrp.rec.feeamt":[
+        {type: "number", required: false, message: "必输项"},
+        {max: 16,message:"整数位不能超过12位"},
+        {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    ],
+
+
+
+
+    "recpan.orcnam":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "recpan.sndp.ptsget.sdamod.dadsnd":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+    "cpdgrp.snd.pts.extkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "recpan.sndp.ptsget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+
+    "recpan.resbchnam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 42,message:"长度不能超过42"}
+    ],
+    "cpdgrp.ori.pts.ref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "recpan.reconebch":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.snd.namelc":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+
+    "cpdgrp.snd.pts.adrblk":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.snd.dbfadrblkcn":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.snd.pts.nam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "recpan.resbch":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 12,message:"长度不能超过12"}
+    ],
+
+    "recpan.orcadr":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "recpan.orip.ptsget.sdamod.dadsnd":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "cpdgrp.ori.pts.extkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "recpan.orip.ptsget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+
+    "recpan.coract":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 32,message:"长度不能超过32"}
+    ],
+    "recpan.reconebchnam":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+
+    "cpdgrp.rec.f23e":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.snd.adrelc":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.ori.namelc":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.ori.pts.adrblk":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.ori.dbfadrblkcn":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+
+    "cpdgrp.rec.amtf33b":[
+        {type: "number", required: false, message: "必输项"},
+        {max: 16,message:"整数位不能超过12位"},
+        {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    ],
+    "recpan.pyenam":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "recpan.pyebchkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 14,message:"长度不能超过14"}
+    ],
+
+
+    "cpdgrp.blk.contag70":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.ori.adrelc":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.rec.f36":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 12,message:"长度不能超过12"}
+    ],
+    "recpan.pyebchnam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 38,message:"长度不能超过38"}
+    ],
+
+    "recpan.pyeadr":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+    "cpdgrp.rec.amt71f":[
+        {type: "number", required: false, message: "必输项"},
+        {max: 16,message:"整数位不能超过12位"},
+        {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    ],
+    "recpan.commet":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.orc.pts.ref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "cpdgrp.pye.pts.ref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "cpdgrp.rec.f23b":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 4,message:"长度不能超过4"}
+    ],
+    "cpdgrp.rec.orcact":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.rec.pyeact":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "recpan.orcp.ptsget.sdamod.dadsnd":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "cpdgrp.orc.pts.extkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "recpan.orcp.ptsget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+
+    "recpan.pyep.ptsget.sdamod.dadsnd":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "cpdgrp.pye.pts.extkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "recpan.pyep.ptsget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+
+
+    "cpdgrp.orc.namelc":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.orc.pts.adrblk":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.orc.dbfadrblkcn":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.pye.namelc":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.pye.pts.adrblk":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.pye.dbfadrblkcn":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.orc.adrelc":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+    "cpdgrp.pye.adrelc":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 35,message:"长度不能超过35"}
+    ],
+
+    "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"}
+    ],
+
+
+    "infcon.trnstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+
+    "infcon.cbbstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "infcon.cbestm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+
+    "infcon.fepstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+
+    "infcon.fcpstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+
+
+    "infcon.sepstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "infcon.seabucdatfro":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "infcon.seabucdatto":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "infcon.seatrninr":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+    "infcon.glestm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+
+    "infcon.smhdatfrom":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "infcon.smhdatto":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+
+    "infcon.smhstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+
+
+
+
+    "infcon.sptstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "infcon.diadatfrom":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "infcon.diadatto":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+
+    "infcon.diastm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "infcon.liastm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "prtpanblk":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 200,message:"长度不能超过200"}
+    ],
+    "infcon.ordstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+}
\ No newline at end of file

src/model/Infcpd/index.js

+import Api from "~/service/Api"
+import Pts from "../Common/Pts"
+
+export default class Infcpd{
+    constructor () {
+        this.data = {
+						infcon:{
+							seaownref:"",			//  Own Reference		.infcon.seaownref
+							nam:"",			//  Name		.infcon.nam
+							searef:"",			//  Party Reference		.infcon.searef
+							pty:{
+								extkey:"",			//  Select Single Party		.infcon.pty.extkey
+								nam:"",			//  External Visible Name		.infcon.pty.nam
+							},
+							seapty:"",			//  Party Name/BIC		.infcon.seapty
+							searol:"",			//  Role		.infcon.searol
+							opndatfrom:"",			//  Opening between		.infcon.opndatfrom
+							opndatto:"",			//  Open Date to		.infcon.opndatto
+							usr:{
+								extkey:"",			//  User ID		.infcon.usr.extkey
+							},
+							seasta:"",			//  Status		.infcon.seasta
+							seacur:"",			//  Currency		.infcon.seacur
+							seaamtfr:"",			//  Amount between		.infcon.seaamtfr
+							seaamtto:"",			//  Amount to		.infcon.seaamtto
+							relflg:"",			//  Release Status		.infcon.relflg
+							cxmflg:"",			//  是否显示查询码		.infcon.cxmflg
+							hndtyp:"",			//  Handling Type		.infcon.hndtyp
+							chksubcon:"",			//  incl. all subcontracts		.infcon.chksubcon
+							chktrnsta:"",			//  only active transactions		.infcon.chktrnsta
+							trnstm:"",			//  stream for TRN to selected contract		.infcon.trnstm
+							cbctxt:"",			//  CBS Column		.infcon.cbctxt
+							cbbstm:"",			//  stream of CBBs		.infcon.cbbstm
+							cbestm:"",			//  stream of CBEs		.infcon.cbestm
+							feptxtlbl:"",			//  label used on FEP-Panel		.infcon.feptxtlbl
+							fcptxtlbl:"",			//  Text label used on FCP-panel		.infcon.fcptxtlbl
+							fepfeecod:"",			//  Fee Code		.infcon.fepfeecod
+							fepdsp:"",			//  Disposition		.infcon.fepdsp
+							fepstm:"",			//  stream for FEPs to selected contract		.infcon.fepstm
+							fcpstm:"",			//  stream of foreign charges		.infcon.fcpstm
+							fcpdsp:"",			//  Disposition		.infcon.fcpdsp
+							setflg:"",			//  show temporary settlement that already settled		.infcon.setflg
+							sepdelflg:"",			//  show temporary settlement that already deleted		.infcon.sepdelflg
+							sepstm:"",			//  stream of SEPs		.infcon.sepstm
+							seabucdatfro:"",			//  Booking date from		.infcon.seabucdatfro
+							seabucdatto:"",			//  Booking date till used on GLEINFP		.infcon.seabucdatto
+							seatrninr:"",			//  Transaction INR		.infcon.seatrninr
+							glestm:"",			//  Stream of GLEs		.infcon.glestm
+							smhcortyp:"",			//  Type of Document		.infcon.smhcortyp
+							smhdatfrom:"",			//  Created between 		.infcon.smhdatfrom
+							smhdatto:"",			//  created till		.infcon.smhdatto
+							smhdir:"",			//  Direction		.infcon.smhdir
+							chktrn:"",			//  Active only		.infcon.chktrn
+							smhstm:"",			//  stream of documents to selected contract		.infcon.smhstm
+							sptinc:"",			//  Incoming		.infcon.sptinc
+							sptreg:"",			//  Registered		.infcon.sptreg
+							sptpen:"",			//  Pending		.infcon.sptpen
+							sptcor:"",			//  Correction		.infcon.sptcor
+							sptdel:"",			//  Deleted		.infcon.sptdel
+							sptstm:"",			//  stream for SPT to selected contract		.infcon.sptstm
+							diadatfrom:"",			//  Date from		.infcon.diadatfrom
+							diadatto:"",			//  date till		.infcon.diadatto
+							diasta:"",			//  Status		.infcon.diasta
+							diastm:"",			//  stream for diaries to selected contract		.infcon.diastm
+							liastm:"",			//  Stream for all engagements to selected contract		.infcon.liastm
+							ordstm:"",			//  Stream for Orders for Contract		.infcon.ordstm
+						},
+						infbut:{
+							dspstm:"",			//  display stream		.infbut.dspstm
+						},
+						seapaytyp:"",			//  Payment Type		.seapaytyp
+						msgtyp:"",			//  Swift type		.msgtyp
+						tsnflg:"",			//  同名划转标志		.tsnflg
+						countcode:"",			//  国家代码		.countcode
+						cpdgrp:{
+							rec:{
+								ownref:"",			//  Our Reference		.cpdgrp.rec.ownref
+								nam:"",			//  Externally Displayed Name to Identify the Contract		.cpdgrp.rec.nam
+								valdat:"",			//  Value Date		.cpdgrp.rec.valdat
+								detchgcod:"",			//  Details of Charges		.cpdgrp.rec.detchgcod
+								stagod:"",			//  Good's Code for Statistics		.cpdgrp.rec.stagod
+								f23e:"",			//  指令代码		.cpdgrp.rec.f23e
+								curf33b:"",			//  原始金额		.cpdgrp.rec.curf33b
+								amtf33b:"",			//  原始金额		.cpdgrp.rec.amtf33b
+								f36:"",			//  汇率		.cpdgrp.rec.f36
+								cur71f:"",			//  发报行扣费金额		.cpdgrp.rec.cur71f
+								amt71f:"",			//  发报行扣费金额		.cpdgrp.rec.amt71f
+								f23b:"",			//  银行操作码		.cpdgrp.rec.f23b
+								pyeact:"",			//  收款人帐号		.cpdgrp.rec.pyeact
+								sztyp:"",			//  收支类型		.cpdgrp.rec.sztyp
+								orcact:"",			//  汇款人帐号		.cpdgrp.rec.orcact
+								trntyp:"",			//  汇款性�'�		.cpdgrp.rec.trntyp
+								paytype:"",			//  汇款方式		.cpdgrp.rec.paytype
+								gors:"",			//  收款对象		.cpdgrp.rec.gors
+								paydat:"",			//  付款日期		.cpdgrp.rec.paydat
+								clityp:"",			//  客户类型		.cpdgrp.rec.clityp
+								feecur:"",			//  国外�'�用币种		.cpdgrp.rec.feecur
+								sysno:"",			//  清算编号		.cpdgrp.rec.sysno
+								swftyp:"",			//  swift type		.cpdgrp.rec.swftyp
+								othbch:"",			//  所属行		.cpdgrp.rec.othbch
+								feeamt:"",			//  国外�'�用金额		.cpdgrp.rec.feeamt
+								tsnflg:"",			//  同名划转标志		.cpdgrp.rec.tsnflg
+							},
+							cbs:{
+								nom1:{
+									cur:"",			//  Currency		.cpdgrp.cbs.nom1.cur
+									amt:"",			//  汇款金额		.cpdgrp.cbs.nom1.amt
+								},
+								max:{
+									cur:"",			//  Currency		.cpdgrp.cbs.max.cur
+									amt:"",			//  汇款金额		.cpdgrp.cbs.max.amt
+								},
+							},
+							pye:{
+								pts:new Pts().data,
+								namelc:"",			//  名称		.cpdgrp.pye.namelc
+								adrelc:"",			//  地址		.cpdgrp.pye.adrelc
+								dbfadrblkcn:"",			//  Chinese address		.cpdgrp.pye.dbfadrblkcn
+							},
+							snd:{
+								pts:new Pts().data,
+								namelc:"",			//  名称		.cpdgrp.snd.namelc
+								adrelc:"",			//  地址		.cpdgrp.snd.adrelc
+								dbfadrblkcn:"",			//  Chinese address		.cpdgrp.snd.dbfadrblkcn
+							},
+							blk:{
+								contag70:"",			//  Content of TAG 70		.cpdgrp.blk.contag70
+							},
+							orc:{
+								pts:new Pts().data,
+								namelc:"",			//  名称		.cpdgrp.orc.namelc
+								adrelc:"",			//  地址		.cpdgrp.orc.adrelc
+								dbfadrblkcn:"",			//  Chinese address		.cpdgrp.orc.dbfadrblkcn
+							},
+							ori:{
+								pts:new Pts().data,
+								namelc:"",			//  名称		.cpdgrp.ori.namelc
+								adrelc:"",			//  地址		.cpdgrp.ori.adrelc
+								dbfadrblkcn:"",			//  Chinese address		.cpdgrp.ori.dbfadrblkcn
+							},
+						},
+						recpan:{
+							recget:{
+								sdamod:{
+									seainf:"",			//  		.recpan.recget.sdamod.seainf
+									dadsnd:"",			//  Drag  Drop Sender		.recpan.recget.sdamod.dadsnd
+								},
+							},
+							shktyp:"",			//  static text 收汇款对象		.recpan.shktyp
+							valdat:"",			//  static text		.recpan.valdat
+							paydatsta:"",			//  static of paydat		.recpan.paydatsta
+							feesta:"",			//  static of fee		.recpan.feesta
+							clmlab:"",			//  static lable value		.recpan.clmlab
+							commetlab:"",			//  自�'�区备注label		.recpan.commetlab
+							pyep:{
+								ptsget:{
+									sdamod:{
+										seainf:"",			//  		.recpan.pyep.ptsget.sdamod.seainf
+										dadsnd:"",			//  Drag  Drop Sender		.recpan.pyep.ptsget.sdamod.dadsnd
+									},
+								},
+							},
+							sndp:{
+								ptsget:{
+									sdamod:{
+										dadsnd:"",			//  Drag  Drop Sender		.recpan.sndp.ptsget.sdamod.dadsnd
+										seainf:"",			//  		.recpan.sndp.ptsget.sdamod.seainf
+									},
+								},
+							},
+							orcp:{
+								ptsget:{
+									sdamod:{
+										seainf:"",			//  		.recpan.orcp.ptsget.sdamod.seainf
+										dadsnd:"",			//  Drag  Drop Sender		.recpan.orcp.ptsget.sdamod.dadsnd
+									},
+								},
+							},
+							orip:{
+								ptsget:{
+									sdamod:{
+										seainf:"",			//  		.recpan.orip.ptsget.sdamod.seainf
+										dadsnd:"",			//  Drag  Drop Sender		.recpan.orip.ptsget.sdamod.dadsnd
+									},
+								},
+							},
+							payuil:"",			//  Uil Payment		.recpan.payuil
+							seclab:"",			//  static text		.recpan.seclab
+							resbch:"",			//  接收行行号		.recpan.resbch
+							resbchnam:"",			//  汇款人名称		.recpan.resbchnam
+							commet:"",			//  附言		.recpan.commet
+							flg:"",			//  电汇凭证		.recpan.flg
+							bustyp:"",			//  业务种类		.recpan.bustyp
+							secmod:"",			//  二代模式		.recpan.secmod
+							orcadr:"",			//  付款人地址		.recpan.orcadr
+							pyeadr:"",			//  收款人地址		.recpan.pyeadr
+							pyebchkey:"",			//  收款人名称		.recpan.pyebchkey
+							pyebchnam:"",			//  收款人开户行名称		.recpan.pyebchnam
+							pyenam:"",			//  收款人名称		.recpan.pyenam
+							orcnam:"",			//  付款人名称		.recpan.orcnam
+							cleage:"",			//  清算代理行		.recpan.cleage
+							evebch:"",			//  光大开户分行		.recpan.evebch
+							coract:"",			//  清算代理行账号		.recpan.coract
+							liqtyp:"",			//  清算模式		.recpan.liqtyp
+							comsystbl:"",			//  自�'�区备注		.recpan.comsystbl
+							reconebch:"",			//  收款�'接参与者行号		.recpan.reconebch
+							reconebchnam:"",			//  收款�'接参与者名称		.recpan.reconebchnam
+							draweecountcode:"",			//  付款人常驻国家/地区代码		.recpan.draweecountcode
+							payeecountcode:"",			//  收款人常驻国家/地区代码		.recpan.payeecountcode
+							uetr:"",			//  Uetr		.recpan.uetr
+						},
+						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
+								},
+							},
+						},
+						prtpanblk:"",			//  XMLPanel prtpan的内置block		.prtpanblk
+						pageId: ""			// ctx的key
+				}
+    }
+}
\ No newline at end of file

src/views/Business/BusRouter.js

@@ -16,33 +16,35 @@ import Sptrel from "./Sptrel"
 import Sptrou from "./Sptrou"
 import Bddsel from "./Bddsel"
 import Infbdd from "./Infbdd"
-import Mgrtsk  from "./Mgrtsk"
-import Switsk  from "./Switsk"
-import Infusr  from "./Infusr"
+import Mgrtsk from "./Mgrtsk"
+import Switsk from "./Switsk"
+import Infusr from "./Infusr"
+import Infcpd from "./Infcpd"
 
 
-const BusRouter =  [
-    {path:'bdtudp',component:Bdtudp},
-    {path:'cptadv',component:Cptadv},
-    {path:'cptopn',component:Cptopn},
-    {path:'diasel',component:Diasel},
-    {path:'ditame',component:Ditame},
-    {path:'ditsel',component:Ditsel},
-    {path:'ditopn',component:Ditopn},
-    {path:'office',component:Office},
-    {path:'sptsel',component:Sptsel},
-    {path:'trnrel',component:Trnrel},
-    {path:'trndtl',query:'inr',component:Trndtl},
-    {path:'tstopn',component:Tstopn},
-    {path:'infpta',component:Infpta},
-    {path:'letopn',component:Letopn},
-    {path:'sptrel',component:Sptrel},
-    {path:'sptrou',component:Sptrou},
-    {path:'bddsel',component:Bddsel},
-    {path:'infbdd',component:Infbdd},
-    {path:'mgrtsk',component:Mgrtsk},
-    {path:'switsk',component:Switsk},
-    {path:'infusr',component:Infusr},
-    
+const BusRouter = [
+    { path: 'bdtudp', component: Bdtudp },
+    { path: 'cptadv', component: Cptadv },
+    { path: 'cptopn', component: Cptopn },
+    { path: 'diasel', component: Diasel },
+    { path: 'ditame', component: Ditame },
+    { path: 'ditsel', component: Ditsel },
+    { path: 'ditopn', component: Ditopn },
+    { path: 'office', component: Office },
+    { path: 'sptsel', component: Sptsel },
+    { path: 'trnrel', component: Trnrel },
+    { path: 'trndtl', query: 'inr', component: Trndtl },
+    { path: 'tstopn', component: Tstopn },
+    { path: 'infpta', component: Infpta },
+    { path: 'letopn', component: Letopn },
+    { path: 'sptrel', component: Sptrel },
+    { path: 'sptrou', component: Sptrou },
+    { path: 'bddsel', component: Bddsel },
+    { path: 'infbdd', component: Infbdd },
+    { path: 'mgrtsk', component: Mgrtsk },
+    { path: 'switsk', component: Switsk },
+    { path: 'infusr', component: Infusr },
+    { path: 'infcpd', component: Infcpd },
+
 ]
 export default BusRouter
\ No newline at end of file

src/views/Business/Infcpd/Cbeinfp.vue

+<template>
+    <c-content class="eibs-tab">
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.infcon.cbestm" style="text-align:center">
+                    <el-table-column prop="" label="Ext.Id" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Type of Entry" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Type" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Date" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Cur" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Amount" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Cur" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Converted Amount" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Rel." width="auto"></el-table-column>
+                    <el-table-column prop="" label="Created" width="auto"></el-table-column>
+                    <el-table-column prop="" label="End Date" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Description" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Trn ID" width="auto"></el-table-column>
+                    <el-table-column prop="" label="CBE ID" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Account" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+    </c-content>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Cbsinfp.vue

+<template>
+    <c-content class="eibs-tab">
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="CBS Column" prop="infcon.cbctxt">
+                    <c-select v-model="model.infcon.cbctxt" style="width:100%" placeholder="请选择CBS Column">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.infcon.cbbstm" style="text-align:center">
+                    <el-table-column prop="" label="Ext.Id" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Begin" width="auto"></el-table-column>
+                    <el-table-column prop="" label="End" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Cur" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Balance" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Cur" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Converted Amount" width="auto"></el-table-column>
+                    <el-table-column prop="" label="CEB ID" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+    </c-content>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Coninfp.vue

+<template>
+    <c-content class="eibs-tab">
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Display Type" prop="mtabut.coninf.oitinf.oit.inflev">
+                    <c-select v-model="model.mtabut.coninf.oitinf.oit.inflev" style="width:100%"
+                        placeholder="请选择Infotext Level">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Display Type" prop="mtabut.coninf.oitset.oit.inflev">
+                    <c-select v-model="model.mtabut.coninf.oitset.oit.inflev" style="width:100%"
+                        placeholder="请选择Infotext Level">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Ceneral" prop="mtabut.coninf.oitinf.oit.inftxt">
+                    <c-input type="textarea" :rows="4" v-model="model.mtabut.coninf.oitinf.oit.inftxt" maxlength="60"
+                        show-word-limit placeholder="请输入Infotext"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Settlement" prop="mtabut.coninf.oitset.oit.inftxt">
+                    <c-input type="textarea" :rows="4" v-model="model.mtabut.coninf.oitset.oit.inftxt" maxlength="60"
+                        show-word-limit placeholder="请输入Infotext"></c-input>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Execution" prop="mtabut.coninf.conexedat">
+                    <c-date-picker type="date" v-model="model.mtabut.coninf.conexedat" style="width:50%"
+                        placeholder="请选择日期"></c-date-picker>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Send for Release to" prop="mtabut.coninf.usr.extkey">
+                    <c-input v-model="model.mtabut.coninf.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+    </c-content>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Fepinfp.vue

+<template>
+    <c-content class="eibs-tab">
+
+        <c-row>
+            <c-col :span="23" :offset="1">
+                Fee Pool
+            </c-col>
+        </c-row>
+
+        <br />
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Fee Code" prop="infcon.fepfeecod">
+                    <c-select v-model="model.infcon.fepfeecod" style="width:100%" placeholder="请选择Fee Code">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Disposition" prop="infcon.fepdsp">
+                    <c-select v-model="model.infcon.fepdsp" style="width:100%" placeholder="请选择Disposition">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.infcon.fepstm" style="text-align:center">
+                    <el-table-column prop="" label="Fee Code" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Fee Text" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Disposition" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Role" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Cur" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Amount" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Transaction/INR" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Entry Date" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Status" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+        <br />
+
+        <c-row>
+            <c-col :span="23" :offset="1">
+                Foreign Charges Pool
+            </c-col>
+        </c-row>
+
+        <br />
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Disposition" prop="infcon.fcpdsp">
+                    <c-select v-model="model.infcon.fcpdsp" style="width:100%" placeholder="请选择Disposition">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.infcon.fepstm" style="text-align:center">
+                    <el-table-column prop="" label="Payer" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Text for Payer" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Payee" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Text for Payee" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Disposition" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Cur" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Amount" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Transaction/INR" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Entry Date" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Status" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+    </c-content>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Gleinfp.vue

+<template>
+    <c-content class="eibs-tab">
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="14">
+                        <el-form-item label="Booking date from" prop="infcon.seabucdatfro">
+                            <c-date-picker type="date" v-model="model.infcon.seabucdatfro" style="width:100%"
+                                placeholder="请选择Booking date from"></c-date-picker>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="10">
+                        <el-form-item label="to" prop="infcon.seabucdatto" label-width="40px">
+                            <c-date-picker type="date" v-model="model.infcon.seabucdatto" style="width:100%"
+                                placeholder="请选择Booking date till used on GLEINFP"></c-date-picker>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Transaction INR" prop="infcon.seatrninr">
+                    <c-input v-model="model.infcon.seatrninr" maxlength="8" placeholder="请输入Transaction INR"></c-input>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.infcon.glestm" style="text-align:center">
+                    <el-table-column prop="" label="TRNINR" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Account" width="auto"></el-table-column>
+                    <el-table-column prop="" label="D/C" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Cur" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Amount" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Val.Date" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Booking Text 1" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Booking Text 2" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Booking Text 3" width="auto"></el-table-column>
+                    <el-table-column prop="" label="P.N." width="auto"></el-table-column>
+                    <el-table-column prop="" label="Exp.Session" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Exp.Status" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+    </c-content>
+
+
+    <!-- 
+  <div class="eibs-tab">
+                                               
+       <c-col :span="12">
+        
+       </c-col>
+                                   
+       <c-col :span="12">
+        
+       </c-col>
+                                   
+       <c-col :span="12">
+        
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Stream of GLEs" prop="infcon.glestm">
+            <c-input  v-model="model.infcon.glestm"  placeholder="请输入Stream of GLEs"></c-input>
+        </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/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Infconp.vue

+<template>
+    <c-content class="eibs-tab">
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="17">
+                        <el-form-item label="Our Reference" prop="cpdgrp.rec.ownref">
+                            <c-input v-model="model.cpdgrp.rec.ownref" maxlength="16" placeholder="请输入Our Reference">
+                            </c-input>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="2">
+                        <c-button size="small" type="primary;width:10%" @click="">i</c-button>
+                    </c-col>
+                    <c-col :span="2">
+                        <c-button size="small" type="primary" @click="onRecpanGetref">
+                            GetRef
+                        </c-button>
+                    </c-col>
+                </c-row>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="12">
+                        <el-form-item label="Name" prop="cpdgrp.rec.nam">
+                            <c-input v-model="model.cpdgrp.rec.nam" maxlength="40" placeholder="请输入Name"></c-input>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="12">
+                        <el-form-item label="Drag  Drop Sender" prop="recpan.recget.sdamod.dadsnd" label-width="120px">
+                            <c-input v-model="model.recpan.recget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender">
+                            </c-input>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="19">
+                        <el-form-item label="清算编号" prop="cpdgrp.rec.sysno">
+                            <c-input v-model="model.cpdgrp.rec.sysno" maxlength="21" placeholder="请输入清算编号"></c-input>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="2">
+                        <c-button size="small" type="primary" @click="onRecpanGetinf">
+                            Get
+                        </c-button>
+                    </c-col>
+                </c-row>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="19">
+                        <el-form-item label="Uetr" prop="recpan.uetr">
+                            <c-input v-model="model.recpan.uetr" maxlength="40" placeholder="请输入Uetr"></c-input>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="2">
+                        <c-button size="small" type="primary" @click="onRecpanGetuetr">
+                            Get
+                        </c-button>
+                    </c-col>
+                </c-row>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="汇款性质" prop="cpdgrp.rec.trntyp">
+                    <c-select v-model="model.cpdgrp.rec.trntyp" style="width:100%" placeholder="请选择汇款性质">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="汇款方式" prop="cpdgrp.rec.paytype">
+                    <c-select v-model="model.cpdgrp.rec.paytype" style="width:100%" placeholder="请选择汇款方式">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="收款对象" prop="cpdgrp.rec.gors">
+                    <c-select v-model="model.cpdgrp.rec.gors" style="width:100%" placeholder="请选择收款对象">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="收支类型" prop="cpdgrp.rec.sztyp">
+                    <c-select v-model="model.cpdgrp.rec.sztyp" style="width:100%" placeholder="请选择收支类型">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="12">
+                        <el-form-item label="汇款金额" prop="cpdgrp.cbs.nom1.cur">
+                            <c-select v-model="model.cpdgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择币种"
+                                :code="codes.cur">
+                            </c-select>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="12">
+                        <el-form-item label="" label-width="10px" prop="cpdgrp.cbs.max.amt">
+                            <c-input-currency v-model="model.cpdgrp.cbs.max.amt" placeholder="请输入汇款金额">
+                            </c-input-currency>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+            <c-col :span="11" :offset="1">
+
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="所属行" prop="cpdgrp.rec.othbch">
+                    <c-input v-model="model.cpdgrp.rec.othbch" maxlength="8" placeholder="请输入所属行"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="汇款语种" prop="recpan.payuil">
+                    <c-select v-model="model.recpan.payuil" style="width:100%" placeholder="请选择汇款语种">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="解付日期" prop="cpdgrp.rec.paydat">
+                    <c-date-picker type="date" v-model="model.cpdgrp.rec.paydat" style="width:100%"
+                        placeholder="请选择解付日期"></c-date-picker>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="起息日" prop="cpdgrp.rec.valdat">
+                    <c-date-picker type="date" v-model="model.cpdgrp.rec.valdat" style="width:100%"
+                        placeholder="请选择起息日"></c-date-picker>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="客户类型" prop="cpdgrp.rec.clityp">
+                    <c-select v-model="model.cpdgrp.rec.clityp" style="width:100%" placeholder="请选择客户类型">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="报文类型" prop="cpdgrp.rec.swftyp">
+                    <c-select v-model="model.cpdgrp.rec.swftyp" style="width:100%" placeholder="请选择报文类型">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="我行费用负担" prop="cpdgrp.rec.detchgcod">
+                    <c-select v-model="model.cpdgrp.rec.detchgcod" style="width:100%" placeholder="请选择我行费用负担">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="货物类型" prop="cpdgrp.rec.stagod">
+                    <c-select v-model="model.cpdgrp.rec.stagod" style="width:100%" placeholder="请选择货物类型"
+                        :code="codes.godcod">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="12">
+                        <el-form-item label="国外费用" prop="cpdgrp.rec.feecur">
+                            <c-select v-model="model.cpdgrp.rec.feecur" style="width:100%" placeholder="请选择币种"
+                                :code="codes.cur">
+                            </c-select>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="12">
+                        <el-form-item label="" label-width="10px" prop="cpdgrp.rec.feeamt">
+                            <c-input-currency v-model="model.cpdgrp.rec.feeamt" placeholder="请输入汇款金额">
+                            </c-input-currency>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="" label-width="0px" prop="cpdgrp.rec.tsnflg">
+                    <c-checkbox v-model="model.cpdgrp.rec.tsnflg">
+                        同名划转标志
+                    </c-checkbox>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-ptap :model="model" :argadr="{
+                    title: '汇款人',
+                    grp: 'cpdgrp',
+                    rol: 'orc',
+                  }" :noRef="false" :onlySearch="false" @onSeainf="" @onAplpDet="onOrcpDet">
+                </c-ptap>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <c-ptap :model="model" :argadr="{
+                    title: 'Ordering institution',
+                    grp: 'cpdgrp',
+                    rol: 'ori',
+                  }" :noRef="false" :onlySearch="false" @onSeainf="" @onAplpDet="onOripDet">
+                </c-ptap>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="汇款人帐号" prop="cpdgrp.rec.orcact">
+                    <c-input v-model="model.cpdgrp.rec.orcact" maxlength="35" placeholder="请输入汇款人帐号"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-ptap :model="model" :argadr="{
+                    title: '收款人',
+                    grp: 'cpdgrp',
+                    rol: 'pye',
+                  }" :noRef="true" :onlySearch="false" @onSeainf="" @onAplpDet="onPyepDet">
+                </c-ptap>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <c-ptap :model="model" :argadr="{
+                    title: '发报行',
+                    grp: 'cpdgrp',
+                    rol: 'snd',
+                  }" :noRef="true" :onlySearch="false" @onSeainf="" @onAplpDet="onSndpDet">
+                </c-ptap>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="收款人帐号" prop="cpdgrp.rec.pyeact">
+                    <c-input v-model="model.cpdgrp.rec.pyeact" maxlength="35" placeholder="请输入收款人帐号"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="指令代码" prop="cpdgrp.rec.f23e">
+                    <c-input v-model="model.cpdgrp.rec.f23e" maxlength="35" placeholder="请输入指令代码"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="12">
+                        <el-form-item label="原始金额" prop="cpdgrp.rec.curf33b">
+                            <c-select v-model="model.cpdgrp.rec.curf33b" style="width:100%" placeholder="请选择币种"
+                                :code="codes.cur">
+                            </c-select>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="12">
+                        <el-form-item label="" label-width="10px" prop="cpdgrp.rec.amtf33b">
+                            <c-input-currency v-model="model.cpdgrp.rec.amtf33b" placeholder="请输入原始金额">
+                            </c-input-currency>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="汇率" prop="cpdgrp.rec.f36">
+                    <c-input v-model="model.cpdgrp.rec.f36" placeholder="请输入汇率"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="12">
+                        <el-form-item label="发报行扣费金额" prop="cpdgrp.rec.cur71f">
+                            <c-select v-model="model.cpdgrp.rec.cur71f" style="width:100%" placeholder="请选择币种"
+                                :code="codes.cur">
+                            </c-select>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="12">
+                        <el-form-item label="" label-width="10px" prop="cpdgrp.rec.amt71f">
+                            <c-input-currency v-model="model.cpdgrp.rec.amt71f" placeholder="请输入原始金额">
+                            </c-input-currency>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="银行操作码" prop="cpdgrp.rec.f23b">
+                    <c-input v-model="model.cpdgrp.rec.f23b" maxlength="4" placeholder="请输入银行操作码"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+
+            </c-col>
+        </c-row>
+
+    </c-content>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+    import Ptap from "~/views/Public/Ptap";
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        components: {
+            "c-ptap": Ptap,
+        },
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Infsea.vue

+<template>
+    <c-content class="eibs-tab">
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Own Reference" prop="infcon.seaownref">
+                    <c-input v-model="model.infcon.seaownref" maxlength="16" placeholder="请输入Own Reference"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Name" prop="infcon.nam">
+                    <c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name"></c-input>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Party Reference" prop="infcon.searef">
+                    <c-input v-model="model.infcon.searef" maxlength="16" placeholder="请输入Party Reference"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Select Single Party" prop="infcon.pty.extkey">
+                    <c-input v-model="model.infcon.pty.extkey" maxlength="24" placeholder="请输入Select Single Party">
+                    </c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="External Visible Name" prop="infcon.pty.nam">
+                    <c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入External Visible Name">
+                    </c-input>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Party Name/BIC" prop="infcon.seapty">
+                    <c-input v-model="model.infcon.seapty" maxlength="24" placeholder="请输入Party Name/BIC"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Role" prop="infcon.searol">
+                    <c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="14">
+                        <el-form-item label="Opening between" prop="infcon.opndatfrom">
+                            <c-date-picker type="date" v-model="model.infcon.opndatfrom" style="width:100%"
+                                placeholder="请选择"></c-date-picker>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="10">
+                        <el-form-item label="and" prop="infcon.opndatto" label-width="40px">
+                            <c-date-picker type="date" v-model="model.infcon.opndatto" style="width:100%"
+                                placeholder="请选择"></c-date-picker>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+            <c-col :span="11" :offset="1">
+
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Resp.User" prop="infcon.usr.extkey">
+                    <c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Status" prop="infcon.seasta">
+                    <c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status"
+                        :code="codes.seasta">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Currency" prop="infcon.seacur">
+                    <c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency"
+                        :code="codes.cur">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="14">
+                        <el-form-item label="Amount between" prop="infcon.seaamtfr">
+                            <c-input-currency v-model="model.infcon.seaamtfr" placeholder="请输入Amount">
+                            </c-input-currency>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="10">
+                        <el-form-item label="and" prop="infcon.seaamtto" label-width="40px">
+                            <c-input-currency v-model="model.infcon.seaamtto" placeholder="请输入Amount">
+                            </c-input-currency>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Payment Type" prop="seapaytyp">
+                    <c-select v-model="model.seapaytyp" style="width:100%" placeholder="请选择Payment Type"
+                        :code="codes.seapaytyp">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Swift type" prop="msgtyp">
+                    <c-select v-model="model.msgtyp" style="width:100%" placeholder="请选择Swift type">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="16">
+                        <el-form-item label="国家代码" prop="countcode">
+                            <c-select v-model="model.countcode" filterable style="width:100%" placeholder="请选择国家代码"
+                                :code="codes.bopcty">
+                            </c-select>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="8">
+                        <el-form-item label="" prop="tsnflg" label-width="20px">
+                            <c-checkbox v-model="model.tsnflg">同名划转标志</c-checkbox>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+            <c-col :span="11" :offset="1">
+
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-istream-table :list="model.infbut.dspstm" :columns="stmData.columns"></c-istream-table>
+            </c-col>
+        </c-row>
+
+    </c-content>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+                stmData: {
+                    columns: [
+                        "1 1 \"Reference\" 50 ",
+                        "2 2 \"Party Number\" 150",
+                        "3 3 \"Opened\" 110",
+                        "4 4 \"Closed\" 100",
+                        "5 5 \"Paying Bank\" 50",
+                        "6 6 \"ORC NO.\" 100",
+                    ]
+                }
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Liainfp.vue

+<template>
+    <c-content class="eibs-tab">
+        <c-row>
+            <c-col :span="23" :offset="1">
+                Engagement Information
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.infcon.liastm" style="text-align:center">
+                    <el-table-column prop="" label="Type" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Role" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Maturity" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Cur" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Amount" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Account" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Counter Account" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+    </c-content>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Ordpan.vue

+<template>
+    <c-content class="eibs-tab">
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.infcon.ordstm" style="text-align:center">
+                    <el-table-column prop="" label="Start" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Status" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Reference" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Name" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+    </c-content>
+
+    <!--     
+  <div class="eibs-tab">
+                              
+       <c-col :span="12">
+        <el-form-item label="Stream for Orders for Contract" prop="infcon.ordstm">
+            <c-input  v-model="model.infcon.ordstm"  placeholder="请输入Stream for Orders for Contract"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onInfconButshword">
+            &Display
+        </c-button>
+       </c-col>
+  </div> -->
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Peninfp.vue

+<template>
+    <c-content class="eibs-tab">
+        <c-row>
+            <c-col :span="23" :offset="1">
+                Pending Items
+            </c-col>
+        </c-row>
+
+        <br />
+
+        <c-row>
+            <c-col :span="4" :offset="1">
+                <el-form-item label="" prop="infcon.sptinc" label-width="0">
+                    <c-checkbox v-model="model.infcon.sptinc">Incoming</c-checkbox>
+                </el-form-item>
+            </c-col>
+            <c-col :span="4">
+                <el-form-item label="" prop="infcon.sptreg" label-width="0">
+                    <c-checkbox v-model="model.infcon.sptreg">Registered</c-checkbox>
+                </el-form-item>
+            </c-col>
+            <c-col :span="4">
+                <el-form-item label="" prop="infcon.sptpen" label-width="0">
+                    <c-checkbox v-model="model.infcon.sptpen">Pending</c-checkbox>
+                </el-form-item>
+            </c-col>
+            <c-col :span="4">
+                <el-form-item label="" prop="infcon.sptcor" label-width="0">
+                    <c-checkbox v-model="model.infcon.sptcor">Correction</c-checkbox>
+                </el-form-item>
+            </c-col>
+            <c-col :span="4">
+                <el-form-item label="" prop="infcon.sptdel" label-width="0">
+                    <c-checkbox v-model="model.infcon.sptdel">Deleted</c-checkbox>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.infcon.sptstm" style="text-align:center">
+                    <el-table-column prop="" label="TRN" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Reference" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Name" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Creation" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Status" width="auto"></el-table-column>
+                    <el-table-column prop="" label="by" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Info" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Infotext" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+        <br />
+
+        <c-row>
+            <c-col :span="23" :offset="1">
+                Diaries
+            </c-col>
+        </c-row>
+
+        <br />
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="14">
+                        <el-form-item label="Date from" prop="infcon.diadatfrom">
+                            <c-date-picker type="date" v-model="model.infcon.diadatfrom" style="width:100%"
+                                placeholder="请选择Date from"></c-date-picker>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="10">
+                        <el-form-item label="to" prop="infcon.diadatto" label-width="40px">
+                            <c-date-picker type="date" v-model="model.infcon.diadatto" style="width:100%"
+                                placeholder="请选择date till"></c-date-picker>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Status" prop="infcon.diasta">
+                    <c-select v-model="model.infcon.diasta" style="width:100%" placeholder="请选择Status">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.infcon.diastm" style="text-align:center">
+                    <el-table-column prop="" label="Date" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Reason" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Description" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Transaction" width="auto"></el-table-column>
+                    <el-table-column prop="" label="User" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Group" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Status" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+    </c-content>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Prtpan.vue

+<template>
+  <div class="eibs-tab">
+                              
+       <c-col :span="12">
+        <el-form-item label="XMLPanel prtpan的内置block" prop="prtpanblk">
+            <c-input type="textarea" v-model="model.prtpanblk" maxlength="200" show-word-limit placeholder="请输入XMLPanel prtpan的内置block" ></c-input>
+        </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/Infcpd/Event"
+
+export default {
+    inject: ['root'],
+    props:["model","codes"],
+    mixins: [CommonProcess],
+    data(){
+        return {
+
+        }
+    },
+    methods:{...Event},
+    created:function(){
+
+    }
+}
+</script>
+<style>
+
+</style>

src/views/Business/Infcpd/Sepinfp.vue

+<template>
+    <c-content class="eibs-tab">
+
+        <c-row>
+            <c-col :span="23" :offset="1">
+                Temporary Settlement
+            </c-col>
+        </c-row>
+
+        <br />
+
+        <c-row>
+            <c-col :span="7" :offset="1">
+                <el-form-item label="" prop="infcon.setflg" label-width="0">
+                    <c-checkbox v-model="model.infcon.setflg">show temporary settlement that already settled
+                    </c-checkbox>
+                </el-form-item>
+            </c-col>
+            <c-col :span="7">
+                <el-form-item label="" prop="infcon.sepdelflg" label-width="0">
+                    <c-checkbox v-model="model.infcon.sepdelflg">show temporary settlement that already deleted
+                    </c-checkbox>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.infcon.sepstm" style="text-align:center">
+                    <el-table-column prop="" label="Cre.Date" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Reference" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Cur" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Amount" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Cre.TRNINR" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Cre.TRN" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Settl.TRNINR" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Settl.Date" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+    </c-content>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Smhinfp.vue

+<template>
+    <c-content class="eibs-tab">
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="18">
+                        <el-form-item label="Type of Document" prop="infcon.smhcortyp">
+                            <c-select v-model="model.infcon.smhcortyp" style="width:100%"
+                                placeholder="请选择Type of Document" :code="codes.cortyp">
+                            </c-select>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="6">
+                        <el-form-item label="" prop="infcon.chktrn" label-width="0">
+                            <c-checkbox v-model="model.infcon.chktrn">Active only</c-checkbox>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+            <c-col :span="11" :offset="1">
+                <el-form-item label="Direction" prop="infcon.smhdir">
+                    <c-select v-model="model.infcon.smhdir" style="width:100%" placeholder="请选择Direction">
+                    </c-select>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="11" :offset="1">
+                <c-row>
+                    <c-col :span="14">
+                        <el-form-item label="Created between " prop="infcon.smhdatfrom">
+                            <c-date-picker type="date" v-model="model.infcon.smhdatfrom" style="width:100%"
+                                placeholder="请选择Created between "></c-date-picker>
+                        </el-form-item>
+                    </c-col>
+                    <c-col :span="10">
+                        <el-form-item label="and" prop="infcon.smhdatto" label-width="40px">
+                            <c-date-picker type="date" v-model="model.infcon.smhdatto" style="width:100%"
+                                placeholder="请选择created till"></c-date-picker>
+                        </el-form-item>
+                    </c-col>
+                </c-row>
+            </c-col>
+            <c-col :span="11" :offset="1">
+
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.infcon.glestm" style="text-align:center">
+                    <el-table-column prop="" label="Type" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Document" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Created" width="auto"></el-table-column>
+                    <el-table-column prop="" label="Direction" width="auto"></el-table-column>
+                    <el-table-column prop="" label="SMHINR" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+    </c-content>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/Trnpan.vue

+<template>
+    <c-content class="eibs-tab">
+
+        <c-row>
+            <c-col :span="5" :offset="1">
+                <el-form-item label="" prop="infcon.chksubcon" label-width="0">
+                    <c-checkbox v-model="model.infcon.chksubcon">incl. all subcontracts</c-checkbox>
+                </el-form-item>
+            </c-col>
+            <c-col :span="5">
+                <el-form-item label="" prop="infcon.chktrnsta" label-width="0">
+                    <c-checkbox v-model="model.infcon.chktrnsta">only active transactions</c-checkbox>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+        <c-row>
+            <c-col :span="23" :offset="1">
+                <el-form-item label="" prop="infcon.trnstm" label-width="0">
+                    <c-input type="textarea" :rows="4" v-model="model.infcon.trnstm" show-word-limit
+                        placeholder="请输入stream for TRN to selected contract"></c-input>
+                </el-form-item>
+            </c-col>
+        </c-row>
+
+    </c-content>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infcpd/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
+
+        }
+    }
+</script>
+<style>
+
+</style>
\ No newline at end of file

src/views/Business/Infcpd/index.vue

+<template>
+    <c-page title="用户信息管理">
+        <!-- 顶部按钮区 -->
+        <div class="topBtnGroup">
+            <c-button size="small" type="primary" v-show="showflg == true" icon="el-icon-arrow-right"
+                @click="showflg=false">收起</c-button>
+            <c-button size="small" type="primary" v-show="showflg == false" icon="el-icon-arrow-left"
+                @click="showflg=true">展开</c-button>
+
+            <div class="btnGroup" v-show="showflg == true && tabVal == 'infsea'">
+                <c-button size="small" type="primary">导Excel</c-button>
+                <c-button size="small" type="primary" icon="el-icon-search">Search</c-button>
+                <c-button size="small" type="primary">Display</c-button>
+                <c-button size="small" type="primary">Use</c-button>
+                <c-button size="small" type="primary">Clear</c-button>
+                <c-button size="small" type="primary">Exit</c-button>
+            </div>
+
+            <div class="btnGroup" v-show="showflg == true && (tabVal != 'infsea')">
+                <c-button size="small" type="primary" icon="el-icon-search">Search</c-button>
+                <el-button-group>
+                    <c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
+                    <c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
+                </el-button-group>
+                <c-button size="small" type="primary">Print</c-button>
+                <c-button size="small" type="primary">Use</c-button>
+                <c-button size="small" type="primary">Loginfo</c-button>
+                <c-button size="small" type="primary">Exit</c-button>
+            </div>
+
+        </div>
+
+        <div class="eContainer">
+            <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left"
+                size="small" :validate-on-rule-change="false">
+                <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
+
+                    <el-tab-pane label="Selection" name="infsea">
+                        <m-infsea :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="Clean Payment" name="infconp">
+                        <m-infconp :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="Completion" name="coninfp">
+                        <m-coninfp :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="Transactions" name="trnpan">
+                        <m-trnpan :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="CBS Info" name="cbsinfp">
+                        <m-cbsinfp :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="CBE Info" name="cbeinfp">
+                        <m-cbeinfp :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="FEP/FCP Info" name="fepinfp">
+                        <m-fepinfp :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="SEP Info" name="sepinfp">
+                        <m-sepinfp :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="GLE Bookings" name="gleinfp">
+                        <m-gleinfp :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="SMH Info" name="smhinfp">
+                        <m-smhinfp :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="SPT/DIA Info" name="peninfp">
+                        <m-peninfp :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="Engagement" name="liainfp">
+                        <m-liainfp :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="Print" name="prtpan">
+                        <m-prtpan :model="model" :codes="codes" />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="Order" name="ordpan">
+                        <m-ordpan :model="model" :codes="codes" />
+                    </el-tab-pane>
+                </c-tabs>
+            </el-form>
+        </div>
+    </c-page>
+</template>
+<script>
+    import Api from "~/service/Api"
+    import CodeTable from "~/config/CodeTable"
+    import Infcpd from "~/model/Infcpd"
+    import CommonProcess from "~/mixin/CommonProcess"
+    import Check from "~/model/Infcpd/Check"
+    import Default from "~/model/Infcpd/Default"
+    import Pattern from "~/model/Infcpd/Pattern"
+    import Infsea from "./Infsea"
+    import Infconp from "./Infconp"
+    import Coninfp from "./Coninfp"
+    import Trnpan from "./Trnpan"
+    import Cbsinfp from "./Cbsinfp"
+    import Cbeinfp from "./Cbeinfp"
+    import Fepinfp from "./Fepinfp"
+    import Sepinfp from "./Sepinfp"
+    import Gleinfp from "./Gleinfp"
+    import Smhinfp from "./Smhinfp"
+    import Peninfp from "./Peninfp"
+    import Liainfp from "./Liainfp"
+    import Prtpan from "./Prtpan"
+    import Ordpan from "./Ordpan"
+
+
+    export default {
+        components: {
+            "m-infsea": Infsea,
+            "m-infconp": Infconp,
+            "m-coninfp": Coninfp,
+            "m-trnpan": Trnpan,
+            "m-cbsinfp": Cbsinfp,
+            "m-cbeinfp": Cbeinfp,
+            "m-fepinfp": Fepinfp,
+            "m-sepinfp": Sepinfp,
+            "m-gleinfp": Gleinfp,
+            "m-smhinfp": Smhinfp,
+            "m-peninfp": Peninfp,
+            "m-liainfp": Liainfp,
+            "m-prtpan": Prtpan,
+            "m-ordpan": Ordpan,
+        },
+        provide() {
+            return {
+                root: this
+            }
+        },
+        mixins: [CommonProcess],    // 里面包含了Default、Check等的公共处理
+        data() {
+            return {
+                tabVal: "infsea",
+                trnName: "infcpd",
+                model: new Infcpd().data,
+                checkRules: Check,
+                defaultRules: Default,
+                pattern: Pattern,
+                rules: null,
+                codes: { ...CodeTable },
+                showflg: true,
+
+            }
+        },
+        methods: {
+            tabClick() {
+            }
+        },
+        created: async function () {
+            console.log("进入infcpd交易");
+            let rtnmsg = await this.init({})
+            if (rtnmsg.respCode == SUCCESS) {
+                //TODO 处理数据逻辑
+
+            }
+            else {
+                this.$notify.error({ title: '错误', message: '服务请求失败！' });
+            }
+        }
+    }
+</script>
+<style>
+    .topBtnGroup {
+        height: 32px;
+        margin-bottom: 5px;
+        text-align: right;
+    }
+
+    .btnGroup {
+        display: inline;
+        padding: 0 20px;
+    }
+</style>
\ No newline at end of file

src/views/Business/Infusr/Genpan.vue

 <template>
-  <c-content>
+    <c-content class="eibs-tab">
 
-    <c-row style="margin-top: 20px;">
-      <c-col :span="22" :offset="1">
-        <c-istream-table :list="model.recpan.prfmod.genfld" :columns="stmData.columns">
-          <!-- <el-table-column prop="op" label="OP" width="100">
-            <template slot-scope="scope">
-              <a href="javascript:void(0)" @click="continueEdit(scope.row)">处理事件</a>
-            </template>
-          </el-table-column> -->
-        </c-istream-table>
-      </c-col>
-    </c-row>
+        <c-row style="margin-top: 20px;">
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.recpan.prfmod.genfld" style="text-align:center">
+                    <el-table-column prop="flddsc" label="Field" width="auto"></el-table-column>
+                    <el-table-column prop="fldcnt" label="Content" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
 
-  </c-content>
+    </c-content>
 </template>
 <script>
-  import Api from "~/service/Api"
-  import CommonProcess from "~/mixin/CommonProcess";
-  import CodeTable from "~/config/CodeTable"
-  import Event from "~/model/Infusr/Event"
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infusr/Event"
 
-  export default {
-    inject: ['root'],
-    props: ["model", "codes"],
-    mixins: [CommonProcess],
-    data() {
-      return {
-        stmData: {
-          columns: [
-            "1 1 \"Field\" 100 ",
-            "2 2 \"Content\" 150",
-          ]
-        }
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
 
-      }
-    },
-    methods: { ...Event },
-    created: function () {
+            }
+        },
+        methods: { ...Event },
+        created: function () {
 
+        }
     }
-  }
 </script>
 <style>
 

src/views/Business/Infusr/Infsea.vue

 <template>
-    <c-content>
+    <c-content class="eibs-tab">
         <c-row>
             <c-col :span="11" :offset="1">
                 <el-form-item label="User-ID" prop="cod">
@@ -13,7 +13,7 @@
             </c-col>
         </c-row>
 
-        <!-- <div :style="cssStyleGroup.infseaBtnClass">
+        <!-- <div>
             <c-button size="small" type="primary" @click="onInfbutButprt">
                 导Excel
             </c-button>
@@ -40,6 +40,15 @@
                         </template>
                     </el-table-column> -->
                 </c-istream-table>
+
+                <!-- <c-table :border="true" :list="model.infbut.dspstm" style="width:80%;text-align:center">
+                    <el-table-column prop="" label="UserID" width="auto"> </el-table-column>
+                    <el-table-column prop="" label="Name" width="auto"> </el-table-column>
+                    <el-table-column prop="" label="Profile" width="auto"> </el-table-column>
+                    <el-table-column prop="" label="Entity" width="auto"> </el-table-column>
+                    <el-table-column prop="" label="UserGroup" width="auto"> </el-table-column>
+                    <el-table-column prop="" label="Phone" width="auto"> </el-table-column>
+                </c-table> -->
             </c-col>
         </c-row>
 
@@ -62,16 +71,6 @@
         mixins: [CommonProcess],
         data() {
             return {
-                // 模板样式对象集合
-                cssStyleGroup: {
-                    infseaBtnClass: {
-                        display: 'flex',
-                        justifyContent: 'flex-end',
-                        paddingRight: '70px',
-                        margin: "20px 0px"
-                    },
-
-                },
                 stmData: {
                     columns: [
                         "1 1 \"UserID\" 50 ",
@@ -81,7 +80,8 @@
                         "5 5 \"UserGroup\" 50",
                         "6 6 \"Phone\" 100",
                     ]
-                }
+                },
+
             }
         },
         methods: { ...Event },

src/views/Business/Infusr/Ubrp.vue

 <template>
-  <c-content>
+    <c-content class="eibs-tab">
 
-    <c-row style="margin-top: 20px;">
-      <c-col :span="23" :offset="1">
-        Different Release Profile for Business Sector
-      </c-col>
-    </c-row>
+        <c-row style="margin-top: 20px;">
+            <c-col :span="23" :offset="1">
+                Different Release Profile for Business Sector
+            </c-col>
+        </c-row>
 
-    <c-row>
-      <c-col :span="22" :offset="1">
-        <c-istream-table :list="model.recgrp.ubrgrd.ubr" :columns="stmData.columns">
-          <!-- <el-table-column prop="op" label="OP" width="100">
-            <template slot-scope="scope">
-              <a href="javascript:void(0)" @click="continueEdit(scope.row)">处理事件</a>
-            </template>
-          </el-table-column> -->
-        </c-istream-table>
-      </c-col>
-    </c-row>
+        <c-row>
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.recgrp.ubrgrd.ubr" style="text-align:center">
+                    <el-table-column prop="branchinr" label="Branch" width="auto"></el-table-column>
+                    <el-table-column prop="bussec" label="Business Sector" width="auto"></el-table-column>
+                    <el-table-column prop="trncod" label="Trans code" width="auto"></el-table-column>
+                    <el-table-column prop="relgrp" label="Release" width="auto"></el-table-column>
+                    <el-table-column prop="relcur" label="Rel. Cur" width="auto"></el-table-column>
+                    <el-table-column prop="relamt" label="Release Amout" width="auto"></el-table-column>
+                    <el-table-column prop="relamt2nd" label="Own Amount" width="auto"></el-table-column>
+                    <el-table-column prop="autcur" label="One.Rel" width="auto"></el-table-column>
+                    <el-table-column prop="autamt" label="One.Rel Amount" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
 
-  </c-content>
+    </c-content>
 </template>
 <script>
-  import Api from "~/service/Api"
-  import CommonProcess from "~/mixin/CommonProcess";
-  import CodeTable from "~/config/CodeTable"
-  import Event from "~/model/Infusr/Event"
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infusr/Event"
 
-  export default {
-    inject: ['root'],
-    props: ["model", "codes"],
-    mixins: [CommonProcess],
-    data() {
-      return {
-        stmData: {
-          columns: [
-            "1 1 \"Business Sector\" 170 ",
-            "2 2 \"Release\" 140",
-            "3 3 \"Rel. Cur\" 70",
-            "4 4 \"Release Amout\" 140",
-            "5 5 \"Own Amount\" 140",
-          ]
-        }
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
 
-      }
-    },
-    methods: { ...Event },
-    created: function () {
+            }
+        },
+        methods: { ...Event },
+        created: function () {
 
+        }
     }
-  }
 </script>
 <style>
 

src/views/Business/Infusr/Usrp0.vue

 <template>
-    <c-content>
+    <c-content class="eibs-tab">
         <c-row>
             <c-col :span="11" :offset="1">
                 <c-row>
@@ -97,7 +97,8 @@
         <c-row>
             <c-col :span="11" :offset="1">
                 <el-form-item label="Language" prop="recgrp.usrsec.uil">
-                    <c-select v-model="model.recgrp.usrsec.uil" style="width:100%" placeholder="请选择Language" :code="[]">
+                    <c-select v-model="model.recgrp.usrsec.uil" style="width:100%" placeholder="请选择Language"
+                        :code="codes.uiltxt">
                     </c-select>
                 </el-form-item>
             </c-col>
@@ -247,13 +248,13 @@
 
         <c-row>
             <c-col :span="22" :offset="1">
-                <c-istream-table :list="model.recpan.prtmod.prtgrd" :columns="stmData.columns">
-                    <!-- <el-table-column prop="op" label="OP" width="100">
-                        <template slot-scope="scope">
-                            <a href="javascript:void(0)" @click="continueEdit(scope.row)">处理事件</a>
-                        </template>
-                    </el-table-column> -->
-                </c-istream-table>
+                <c-table :border="true" :list="model.recpan.prtmod.prtgrd" style="text-align:center">
+                    <el-table-column prop="tef" label="Technical Form" width="auto"></el-table-column>
+                    <el-table-column prop="getprt" label="Get Printer from:" width="auto"></el-table-column>
+                    <el-table-column prop="prt" label="Printer" width="auto"></el-table-column>
+                    <el-table-column prop="bin" label="Paperbin" width="auto"></el-table-column>
+                    <el-table-column prop="bin2" label="Bin for 2nd Page" width="auto"></el-table-column>
+                </c-table>
             </c-col>
         </c-row>
 
@@ -262,7 +263,6 @@
 <script>
     import Api from "~/service/Api"
     import CommonProcess from "~/mixin/CommonProcess";
-    import CodeTable from "~/config/CodeTable"
     import Event from "~/model/Infusr/Event"
 
     export default {
@@ -271,16 +271,6 @@
         mixins: [CommonProcess],
         data() {
             return {
-                stmData: {
-                    columns: [
-                        "1 1 \"Technical Form\" 50 ",
-                        "2 2 \"Get Printer from\" 150",
-                        "3 3 \"Printer\" 110",
-                        "4 4 \"Paperbin\" 100",
-                        "5 5 \"Bin for 2nd Page\" 50",
-                        "6 6 \"Phone\" 100",
-                    ]
-                }
 
             }
         },
@@ -291,8 +281,5 @@
     }
 </script>
 <style>
-    .eibs-tab {
-        overflow-y: scroll;
-        overflow-x: auto;
-    }
+
 </style>
\ No newline at end of file

src/views/Business/Infusr/Usrp3.vue

 <template>
-  <c-content>
-
-    <!-- <c-col :span="12">
-      <c-button size="small" type="primary" @click="onRecpanIsall">
-        全选
-      </c-button>
-    </c-col>
-
-    <c-col :span="12">
-      <c-button size="small" type="primary" @click="onRecpanIsnul">
-        全空
-      </c-button>
-    </c-col> -->
-
-
-    <c-row style="margin-top: 20px;">
-      <c-col :span="22" :offset="1">
-        <c-istream-table :list="model.recgrp.usrucl" :columns="stmData.columns">
-          <!-- <el-table-column prop="op" label="OP" width="100">
-            <template slot-scope="scope">
-              <a href="javascript:void(0)" @click="continueEdit(scope.row)">处理事件</a>
-            </template>
-          </el-table-column> -->
-        </c-istream-table>
-      </c-col>
-    </c-row>
-
-
-  </c-content>
+    <c-content class="eibs-tab">
+
+        <!-- <c-col :span="12">
+            <c-button size="small" type="primary" @click="onRecpanIsall">
+                全选
+            </c-button>
+        </c-col>
+
+        <c-col :span="12">
+            <c-button size="small" type="primary" @click="onRecpanIsnul">
+                全空
+            </c-button>
+        </c-col> -->
+
+
+        <c-row style="margin-top: 20px;">
+            <c-col :span="22" :offset="1">
+                <c-table :border="true" :list="model.recgrp.usrucl" style="text-align:center">
+                    <el-table-column prop="mannam" label="Client name" width="auto"></el-table-column>
+                    <el-table-column prop="bchinr" label="Bchinr" width="auto"></el-table-column>
+                    <el-table-column prop="branch" label="机构号" width="auto"></el-table-column>
+                    <el-table-column prop="usracc" label="Related Client" width="auto"></el-table-column>
+                    <el-table-column prop="usrdef" label="Default Client" width="auto"></el-table-column>
+                    <el-table-column prop="assignflg" label="是否参与任务分配" width="auto"></el-table-column>
+                    <el-table-column prop="objlst" label="可处理业务品种" width="auto"></el-table-column>
+                </c-table>
+            </c-col>
+        </c-row>
+
+
+    </c-content>
 </template>
 <script>
-  import Api from "~/service/Api"
-  import CommonProcess from "~/mixin/CommonProcess";
-  import CodeTable from "~/config/CodeTable"
-  import Event from "~/model/Infusr/Event"
+    import Api from "~/service/Api"
+    import CommonProcess from "~/mixin/CommonProcess";
+    import CodeTable from "~/config/CodeTable"
+    import Event from "~/model/Infusr/Event"
+
+    export default {
+        inject: ['root'],
+        props: ["model", "codes"],
+        mixins: [CommonProcess],
+        data() {
+            return {
+
+            }
+        },
+        methods: { ...Event },
+        created: function () {
 
-  export default {
-    inject: ['root'],
-    props: ["model", "codes"],
-    mixins: [CommonProcess],
-    data() {
-      return {
-        stmData: {
-          columns: [
-            "1 1 \"Client name\" 180 ",
-            "2 2 \"Bchinr\" 80",
-            "3 3 \"机构号\" 80",
-            "4 4 \"Related Client\" 80",
-            "5 5 \"Default Client\" 80",
-            "6 6 \"是否参与任务分配\" 100",
-            "7 7 \"可处理业务品种\" 150",
-          ]
         }
-
-      }
-    },
-    methods: { ...Event },
-    created: function () {
-
     }
-  }
 </script>
 <style>
 

src/views/Layout/SideMenu.vue

 <template id="SideMenu">
   <c-row>
     <div class="eContainer-menu-search">
-      <c-button
-        icon="el-icon-s-fold"
-        v-if="menuOpen"
-        @click="closeMenu"
-      ></c-button>
+      <c-button icon="el-icon-s-fold" v-if="menuOpen" @click="closeMenu"></c-button>
       <c-button icon="el-icon-s-unfold" v-else @click="openMenu"></c-button>
-      <c-input
-        prefix-icon="el-icon-search"
-        v-if="menuOpen"
-        v-model="searchContent"
-        @keyup.enter.native="searchMenuEvent"
-      ></c-input>
+      <c-input prefix-icon="el-icon-search" v-if="menuOpen" v-model="searchContent"
+        @keyup.enter.native="searchMenuEvent"></c-input>
     </div>
     <c-content :height="250">
-      <img
-        src="../../assets/menu_bottom.png"
-        style="position: fixed; width: 200px; bottom: 0"
-      />
-      <el-menu
-        default-active="2"
-        class="el-menu-vertical-demo"
-        v-bind:router="true"
-        :unique-opened="true"
-        @open="handleOpen"
-        @close="handleClose"
-        :collapse="!menuOpen"
-      >
+      <img src="../../assets/menu_bottom.png" style="position: fixed; width: 200px; bottom: 0" />
+      <el-menu default-active="2" class="el-menu-vertical-demo" v-bind:router="true" :unique-opened="true"
+        @open="handleOpen" @close="handleClose" :collapse="!menuOpen">
         <el-menu-item index="/business/office">
           <i class="el-icon-menu"></i>
           <span slot="title">主页</span>
@@ -38,224 +20,240 @@
   </c-row>
 </template>
 <script>
-import Button from "../../components/Button.vue";
-import SubMenu from "~/components/SubMenu.vue";
+  import Button from "../../components/Button.vue";
+  import SubMenu from "~/components/SubMenu.vue";
 
-export default {
-  components: { Button, SubMenu },
-  data: function() {
-    return {
-      menuOpen: true,
-      searchContent: "",
-      menuList: [
-        { inifrm: "0", ininam: "公共夹", pntmiu: "" },
-        { inifrm: "sptsel", ininam: "待办任务", pntmiu: "0" },
-        { inifrm: "trnrel", ininam: "复核任务", pntmiu: "0" },
-        { inifrm: "diasel", ininam: "备忘录选择交易", pntmiu: "0" },
-        { inifrm: "1", ininam: "汇款", pntmiu: "" },
-        { inifrm: "cptopn", ininam: "汇出汇款", pntmiu: "1" },
-        { inifrm: "cptadv", ininam: "汇入汇款", pntmiu: "1" },
-        { inifrm: "2", ininam: "国内证", pntmiu: "" },
-        { inifrm: "ditopn", ininam: "买方信用证开立", pntmiu: "2" },
-        { inifrm: "ditame", ininam: "信用证修改", pntmiu: "2" },
-        { inifrm: "ditsel", ininam: "信用证查询", pntmiu: "2" },
-        { inifrm: "bdtudp", ininam: "国内证承兑", pntmiu: "2" },
-        { inifrm: "3", ininam: "出口信用证", pntmiu: "" },
-        { inifrm: "letopn", ininam: "出口信用证通知", pntmiu: "3" },
-        { inifrm: "4", ininam: "静态参数管理", pntmiu: "" },
-        { inifrm: "infusr", ininam: "用户信息", pntmiu: "4" },
-      ],
-      menusOrigin: [],
-      menus: [],
-    };
-  },
-  mounted() {
-    const arr = [];
-    this.generateMenuTree(arr);
-    this.menusOrigin = arr;
-    this.menus = this.menusOrigin;
-  },
-  methods: {
-    searchMenuEvent() {
-      if (this.searchContent.trim() === "") {
-        this.menus = this.menusOrigin;
-        return;
-      }
-      const res = [];
-      for (let i = 0; i < this.menusOrigin.length; i++) {
-        const menu = this.menusOrigin[i];
-        const r = this.eachItem(menu);
-        if (r !== null) {
-          res.push(r);
-        }
-      }
-      this.menus = res;
+  export default {
+    components: { Button, SubMenu },
+    data: function () {
+      return {
+        menuOpen: true,
+        searchContent: "",
+        menuList: [
+          { inifrm: "0", ininam: "公共夹", pntmiu: "" },
+          { inifrm: "sptsel", ininam: "待办任务", pntmiu: "0" },
+          { inifrm: "trnrel", ininam: "复核任务", pntmiu: "0" },
+          { inifrm: "diasel", ininam: "备忘录选择交易", pntmiu: "0" },
+          { inifrm: "1", ininam: "汇款", pntmiu: "" },
+          { inifrm: "infcpd", ininam: "汇款查询", pntmiu: "1" },
+          { inifrm: "cptopn", ininam: "汇出汇款", pntmiu: "1" },
+          { inifrm: "cptadv", ininam: "汇入汇款", pntmiu: "1" },
+          { inifrm: "2", ininam: "国内证", pntmiu: "" },
+          { inifrm: "ditopn", ininam: "买方信用证开立", pntmiu: "2" },
+          { inifrm: "ditame", ininam: "信用证修改", pntmiu: "2" },
+          { inifrm: "ditsel", ininam: "信用证查询", pntmiu: "2" },
+          { inifrm: "bdtudp", ininam: "国内证承兑", pntmiu: "2" },
+          { inifrm: "3", ininam: "出口信用证", pntmiu: "" },
+          { inifrm: "letopn", ininam: "出口信用证通知", pntmiu: "3" },
+          { inifrm: "4", ininam: "静态参数管理", pntmiu: "" },
+          { inifrm: "infusr", ininam: "用户信息", pntmiu: "4" },
+        ],
+        menusOrigin: [],
+        menus: [],
+      };
     },
-    eachItem(item) {
-      if (item.name.indexOf(this.searchContent) > -1) {
-        // if (item.children.length > 0) {
-        //   if (this.hasAvailableChild(item.children)) {
-        //     return item;
-        //   }
-        //   return null;
-        // } else {
-        //   // TODO 判断此处是否为叶子节点
-        //   return item;
-        // }
-        return item;
-      }
+    mounted() {
       const arr = [];
-      for (let i = 0; i < item.children.length; i++) {
-        const child = item.children[i];
-        const r = this.eachItem(child);
-        if (r !== null) {
-          arr.push(r);
-        }
-      }
-      if (arr.length > 0) {
-        return {
-          name: item.name,
-          path: item.path,
-          icon: item.icon,
-          children: arr,
-        };
-      }
-      return null;
+      this.generateMenuTree(arr);
+      this.menusOrigin = arr;
+      this.menus = this.menusOrigin;
     },
-    hasAvailableChild(children) {
-      for (let i = 0; i < children.length; i++) {
-        const child = children.length[i];
-        if (child.children.length > 0) {
-          return this.hasAvailableChild(child.children);
-        } else {
-          // TODO 判断此处是否为叶子节点
-          return true;
+    methods: {
+      searchMenuEvent() {
+        if (this.searchContent.trim() === "") {
+          this.menus = this.menusOrigin;
+          return;
         }
-      }
-    },
-    generateMenuTree(list, item) {
-      for (let i = 0; i < this.menuList.length; i++) {
-        const menuItem = this.menuList[i];
-        if (!item) {
-          if (menuItem.pntmiu === undefined || menuItem.pntmiu === "") {
-            const children = [];
-            menuItem.path = "/business";
-            this.generateMenuTree(children, menuItem);
-            list.push({
-              name: menuItem.ininam,
-              path: menuItem.path,
-              icon: "el-icon-menu",
-              children,
-            });
+        const res = [];
+        for (let i = 0; i < this.menusOrigin.length; i++) {
+          const menu = this.menusOrigin[i];
+          const r = this.eachItem(menu);
+          if (r !== null) {
+            res.push(r);
           }
-        } else {
-          if (menuItem.pntmiu === item.inifrm) {
-            const children = [];
-            menuItem.path = item.path + "/" + menuItem.inifrm;
-            this.generateMenuTree(children, menuItem);
-            list.push({
-              name: menuItem.ininam,
-              path: menuItem.path,
-              icon: "el-icon-document",
-              children,
-            });
+        }
+        this.menus = res;
+      },
+      eachItem(item) {
+        if (item.name.indexOf(this.searchContent) > -1) {
+          // if (item.children.length > 0) {
+          //   if (this.hasAvailableChild(item.children)) {
+          //     return item;
+          //   }
+          //   return null;
+          // } else {
+          //   // TODO 判断此处是否为叶子节点
+          //   return item;
+          // }
+          return item;
+        }
+        const arr = [];
+        for (let i = 0; i < item.children.length; i++) {
+          const child = item.children[i];
+          const r = this.eachItem(child);
+          if (r !== null) {
+            arr.push(r);
           }
         }
-      }
-    },
-    handleOpen(key, keyPath) {
-      console.log(key, keyPath);
-    },
-    handleClose(key, keyPath) {
-      console.log(key, keyPath);
-    },
-    openMenu() {
-      this.menuOpen = true;
-      const aside = document.querySelector("aside");
-      aside.className = aside.className.split(" ")[0];
-    },
-    closeMenu() {
-      this.menuOpen = false;
-      const aside = document.querySelector("aside");
-      aside.className = aside.className + " fold";
+        if (arr.length > 0) {
+          return {
+            name: item.name,
+            path: item.path,
+            icon: item.icon,
+            children: arr,
+          };
+        }
+        return null;
+      },
+      hasAvailableChild(children) {
+        for (let i = 0; i < children.length; i++) {
+          const child = children.length[i];
+          if (child.children.length > 0) {
+            return this.hasAvailableChild(child.children);
+          } else {
+            // TODO 判断此处是否为叶子节点
+            return true;
+          }
+        }
+      },
+      generateMenuTree(list, item) {
+        for (let i = 0; i < this.menuList.length; i++) {
+          const menuItem = this.menuList[i];
+          if (!item) {
+            if (menuItem.pntmiu === undefined || menuItem.pntmiu === "") {
+              const children = [];
+              menuItem.path = "/business";
+              this.generateMenuTree(children, menuItem);
+              list.push({
+                name: menuItem.ininam,
+                path: menuItem.path,
+                icon: "el-icon-menu",
+                children,
+              });
+            }
+          } else {
+            if (menuItem.pntmiu === item.inifrm) {
+              const children = [];
+              menuItem.path = item.path + "/" + menuItem.inifrm;
+              this.generateMenuTree(children, menuItem);
+              list.push({
+                name: menuItem.ininam,
+                path: menuItem.path,
+                icon: "el-icon-document",
+                children,
+              });
+            }
+          }
+        }
+      },
+      handleOpen(key, keyPath) {
+        console.log(key, keyPath);
+      },
+      handleClose(key, keyPath) {
+        console.log(key, keyPath);
+      },
+      openMenu() {
+        this.menuOpen = true;
+        const aside = document.querySelector("aside");
+        aside.className = aside.className.split(" ")[0];
+      },
+      closeMenu() {
+        this.menuOpen = false;
+        const aside = document.querySelector("aside");
+        aside.className = aside.className + " fold";
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped>
-.eContainer-menu-search .el-button {
-  border: none;
-  font-size: 20px;
-  padding: 12px 20px;
-}
-.eContainer-menu-search .el-input {
-  width: auto;
-  position: absolute;
-  right: 20px;
-  top: 10px;
-  left: 60px;
-}
-.eContainer-scroller .el-scrollbar__wrap {
-  overflow: auto;
-  margin-right: 0px !important;
-}
-.eContainer-menu-search {
-  width: 100%;
-  position: relative;
-}
-.eContainer-menu-search .el-input {
-  width: auto;
-  position: absolute;
-  right: 20px;
-  top: 10px;
-  left: 60px;
-}
-.eContainer-menu-search .el-input .el-input__inner {
-  height: 30px;
-}
-.eContainer-menu-search .el-icon-search {
-  line-height: 30px;
-}
-.eContainer-scroller {
-  height: calc(100% - 44px);
-}
-.eContainer-scroller .el-scrollbar__bar {
-  display: none;
-}
-.el-icon-s-fold {
-  float: left;
-  font-size: 20px;
-}
-.el-icon-s-unfold {
-  float: left;
-  font-size: 20px;
-}
-.el-menu {
-  border-right: none;
-}
-.eContainer-refresh {
-  width: auto;
-  overflow: auto;
-  height: calc(100% - 44px);
-}
-.el-button-refresh {
-  width: 100%;
-  height: 40px;
-}
+  .eContainer-menu-search .el-button {
+    border: none;
+    font-size: 20px;
+    padding: 12px 20px;
+  }
+
+  .eContainer-menu-search .el-input {
+    width: auto;
+    position: absolute;
+    right: 20px;
+    top: 10px;
+    left: 60px;
+  }
+
+  .eContainer-scroller .el-scrollbar__wrap {
+    overflow: auto;
+    margin-right: 0px !important;
+  }
+
+  .eContainer-menu-search {
+    width: 100%;
+    position: relative;
+  }
+
+  .eContainer-menu-search .el-input {
+    width: auto;
+    position: absolute;
+    right: 20px;
+    top: 10px;
+    left: 60px;
+  }
+
+  .eContainer-menu-search .el-input .el-input__inner {
+    height: 30px;
+  }
+
+  .eContainer-menu-search .el-icon-search {
+    line-height: 30px;
+  }
+
+  .eContainer-scroller {
+    height: calc(100% - 44px);
+  }
+
+  .eContainer-scroller .el-scrollbar__bar {
+    display: none;
+  }
+
+  .el-icon-s-fold {
+    float: left;
+    font-size: 20px;
+  }
+
+  .el-icon-s-unfold {
+    float: left;
+    font-size: 20px;
+  }
+
+  .el-menu {
+    border-right: none;
+  }
+
+  .eContainer-refresh {
+    width: auto;
+    overflow: auto;
+    height: calc(100% - 44px);
+  }
+
+  .el-button-refresh {
+    width: 100%;
+    height: 40px;
+  }
 </style>
 
 <style>
-.eContainer-menu-search .el-input .el-input__inner {
-  height: 30px;
-}
-.el-menu-vertical-demo.el-menu--collapse {
-  width: 60px;
-}
-.el-submenu__title,
-.el-menu-item,
-.el-submenu .el-menu-item {
-  font-size: 12px;
-  height: 35px;
-  line-height: 35px;
-}
-</style>
+  .eContainer-menu-search .el-input .el-input__inner {
+    height: 30px;
+  }
+
+  .el-menu-vertical-demo.el-menu--collapse {
+    width: 60px;
+  }
+
+  .el-submenu__title,
+  .el-menu-item,
+  .el-submenu .el-menu-item {
+    font-size: 12px;
+    height: 35px;
+    line-height: 35px;
+  }
+</style>
\ No newline at end of file