任务列表

src/components/TableColumnItem.vue

@@ -16,14 +16,8 @@ export default {
 	methods: {
 		/**
 		 * 以英文为主
-		 * 	若 lang 为中文 zh ，则列 label 不变
-		 * 	若 lang 为英文 en ，则需将中文翻译为英文（得提前配置好表格头的国际化：中 --> 英）
 		 */
 		generateI18nLabel() {
-			const lang = this.$store.state.I18n.lang
-			if (lang === "zh") {
-				return this.label;
-			}
 			return this.$t(`custom.columns.${this.label}`)
 		}
 	}

src/model/Bopsel/Check.js

+import Utils from "~/utils"
+
+/**
+* Bopsel Check规则
+*/
+let checkObj = {
+}
+
+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/Bopsel/Default.js

+
+/**
+* Bopsel Default规则
+*/
+import Api from "~/service/Api";
+import Utils from "~/utils/index"
+
+export default {
+    "dblstm"                      :Utils.defaultFunction,
+    "bopquep.frmdat"                      :Utils.defaultFunction,
+    "bopquep.boptyp"                      :Utils.defaultFunction,
+    "errsel.msgstm"                      :Utils.defaultFunction,
+    "bopquep.staflg"                      :Utils.defaultFunction,
+    "bopquep.tildat"                      :Utils.defaultFunction,
+    "bopquep.ownextkey"                      :Utils.defaultFunction,
+}
+//你可以添加自动default处理

src/model/Bopsel/Event.js

+import Api from "~/service/Api"
+import Utils from "~/utils"
+
+export default {
+                async onSerbut(){
+                let rtnmsg = await this.executeRule("serbut")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onDtlbut(){
+                let rtnmsg = await this.executeRule("dtlbut")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onAddbut(){
+                let rtnmsg = await this.executeRule("addbut")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onAmebut(){
+                let rtnmsg = await this.executeRule("amebut")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onDelbut(){
+                let rtnmsg = await this.executeRule("delbut")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onPrtbut(){
+                let rtnmsg = await this.executeRule("prtbut")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onExpbut(){
+                let rtnmsg = await this.executeRule("expbut")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onExpbop(){
+                let rtnmsg = await this.executeRule("expbop")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onExi(){
+                let rtnmsg = await this.executeRule("exi")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onErrselSerbut(){
+                let rtnmsg = await this.executeRule("errsel.serbut")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onErrselCorbut(){
+                let rtnmsg = await this.executeRule("errsel.corbut")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onExi(){
+                let rtnmsg = await this.executeRule("exi")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+            async selpHandleSearch() {
+                
+                let res = await this.executeRule("serbut");
+  
+                if(res.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+               
+                this.stmData.data = res.data.dblstm.rows;
+                if(res.data.dblstm.rows.length == 0){
+                    this.$notify({
+                        title: '成功',
+                        message: '搜索完毕，无满足条件记录',
+                        type: 'success'
+                    });
+
+                }else{
+                    this.$notify({
+                        title: '成功',
+                        message: '查询成功',
+                        type: 'success'
+                    });
+
+                }
+
+                }
+                else
+                {
+                    let errorMsg = "";
+                    if(res.fieldErrors){
+                        let errorMsgkey = "";
+                        let errorMsgVal = "";
+                        for (const key in res.fieldErrors) {
+                            errorMsgkey = key;
+                            errorMsgVal = res.fieldErrors[key];
+                        }
+                        errorMsg = errorMsgkey+':'+errorMsgVal;
+                    }else if(res.respMsg){
+                        errorMsg = res.respMsg;
+                    }
+                    
+                this.$notify.error({title: '错误',message: '查询失败！错误信息['+errorMsg+']'});
+                }
+            },
+        
+            async selpHandleReset(){
+                this.model.bopquep.boptyp = "ALL";
+                this.model.bopquep.dattyp = "";
+                this.model.bopquep.frmdat = new Date();
+                this.model.bopquep.tildat = new Date();
+                this.model.bopquep.rptno = "";
+                this.model.bopquep.ownextkey = "";
+                this.model.bopquep.ptytyp = "";
+                this.model.bopquep.ptynam = "";
+                this.model.bopquep.medtyp = "";
+                this.model.bopquep.ownref = "";
+                this.model.bopquep.sum = "";
+                this.model.bopquep.staflg = "";
+            },
+
+            async errpHandleSearch() {
+                
+                let res = await this.executeRule("errsel.serbut");
+  
+                if(res.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+               
+                this.stmData.data = res.data.errsel_msgstm.rows;
+                if(res.data.errsel_msgstm.rows.length == 0){
+                    this.$notify({
+                        title: '成功',
+                        message: '搜索完毕，无满足条件记录',
+                        type: 'success'
+                    });
+
+                }else{
+                    this.$notify({
+                        title: '成功',
+                        message: '查询成功',
+                        type: 'success'
+                    });
+
+                }
+
+                }
+                else
+                {
+                    let errorMsg = "";
+                    if(res.fieldErrors){
+                        let errorMsgkey = "";
+                        let errorMsgVal = "";
+                        for (const key in res.fieldErrors) {
+                            errorMsgkey = key;
+                            errorMsgVal = res.fieldErrors[key];
+                        }
+                        errorMsg = errorMsgkey+':'+errorMsgVal;
+                    }else if(res.respMsg){
+                        errorMsg = res.respMsg;
+                    }
+                    
+                this.$notify.error({title: '错误',message: '查询失败！错误信息['+errorMsg+']'});
+                }
+            },
+        
+            async errpHandleReset(){
+                this.model.errsel.rptno = "";
+                this.model.bopquep.ownextkey = "";
+                this.model.bopquep.frmdat = new Date();
+                this.model.bopquep.tildat = new Date();
+            }
+
+}
\ No newline at end of file

src/model/Bopsel/Pattern.js

+export default {
+
+    "bopquep.frmdat":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "bopquep.tildat":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "bopquep.staflg":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "bopquep.dattyp":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+    "bopquep.rptno":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 22,message:"长度不能超过22"}
+    ],
+
+    "bopquep.ptynam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 50,message:"长度不能超过50"}
+    ],
+
+    "bopquep.ownref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "bopquep.sum":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+    "dblstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+
+
+
+
+
+
+
+
+    "errsel.rptno":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 22,message:"长度不能超过22"}
+    ],
+
+    "bopquep.frmdat":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "bopquep.tildat":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+
+    "errsel.msgstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+
+}
\ No newline at end of file

src/model/Bopsel/index.js

+import Api from "~/service/Api"
+import Pts from "../Common/Pts"
+
+export default class Bopsel{
+    constructor () {
+        this.data = {
+						dblstm:"",			//  Selection		.dblstm
+						bopquep:{
+							ownextkey:"",			//  Initial Code		.bopquep.ownextkey
+							frmdat:"",			//  From		.bopquep.frmdat
+							tildat:"",			//  Until		.bopquep.tildat
+							boptyp:"",			//  申报类型		.bopquep.boptyp
+							staflg:"",			//  至		.bopquep.staflg
+							dattyp:"",			//  查询日期类型		.bopquep.dattyp
+							medtyp:"",			//  结算方式		.bopquep.medtyp
+							rptno:"",			//  申报号码		.bopquep.rptno
+							ptytyp:"",			//  客户类型		.bopquep.ptytyp
+							ptynam:"",			//  客户名称		.bopquep.ptynam
+							ownref:"",			//  业务编号		.bopquep.ownref
+							sum:"",			//  笔数		.bopquep.sum
+						},
+						errsel:{
+							msgstm:"",			//  Select Error Message		.errsel.msgstm
+							rptno:"",			//  申报编号		.errsel.rptno
+						},
+						pageId: ""			// ctx的key
+				}
+    }
+}
\ No newline at end of file

src/model/Diasel/Check.js

+import Utils from "~/utils"
+
+/**
+* Diasel Check规则
+*/
+let checkObj = {
+}
+
+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/Diasel/Default.js

+
+/**
+* Diasel Default规则
+*/
+import Api from "~/service/Api";
+import Utils from "~/utils/index"
+
+export default {
+    "usfmod.flt"                      :Utils.defaultFunction,
+    "dspstm"                      :Utils.defaultFunction,
+    "usfmod.selusg"                      :Utils.defaultFunction,
+    "usfmod.selusgset"                      :Utils.defaultFunction,
+    "usfmod.usr.extkey"                      :Utils.defaultFunction,
+    "diatil"                      :Utils.defaultFunction,
+    "seasec"                      :Utils.defaultFunction,
+    "diafro"                      :Utils.defaultFunction,
+    "searef"                      :Utils.defaultFunction,
+}
+//你可以添加自动default处理

src/model/Diasel/Event.js

+import Api from "~/service/Api"
+import Utils from "~/utils"
+
+export default {
+                async onUsfmodShwflt(){
+                let rtnmsg = await this.executeRule("usfmod.shwflt")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onButdet(){
+                let rtnmsg = await this.executeRule("butdet")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onButdia(){
+                let rtnmsg = await this.executeRule("butdia")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onButdel(){
+                let rtnmsg = await this.executeRule("butdel")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onButprt(){
+                let rtnmsg = await this.executeRule("butprt")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onButconsel(){
+                let rtnmsg = await this.executeRule("butconsel")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onButconcal(){
+                let rtnmsg = await this.executeRule("butconcal")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onButexi(){
+                let rtnmsg = await this.executeRule("butexi")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+            async handleSearch() {
+                this.executeDefault("dspstm").then(res => {
+                    //TODO 处理数据逻辑
+                    this.stmData.data = res.data.dspstm.rows;
+                    this.$store.commit("setTaskList", {key: "diasel", val: this.stmData.data.length});
+                })
+            },
+        
+            async handleReset(){
+                this.model.diafro = "";
+                this.model.diatil = "";
+                this.model.reasen = "";
+                this.model.searef = "";
+                this.model.seasec = "";
+                this.model.usfmod.flt = "";
+            }
+
+}
\ No newline at end of file

src/model/Diasel/Pattern.js

+export default {
+    "diafro":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "diatil":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+
+
+
+
+    "searef":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+
+
+    "usfmod.usr.extkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+
+
+    "usfmod.usrget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+
+    "dspstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+
+
+
+
+}
\ No newline at end of file

src/model/Diasel/index.js

+import Api from "~/service/Api"
+import Pts from "../Common/Pts"
+
+export default class Diasel{
+    constructor () {
+        this.data = {
+						diafro:"",			//  Diary From date		.diafro
+						diatil:"",			//  Diary Till date		.diatil
+						usfmod:{
+							labtxt:"",			//  Text of Label		.usfmod.labtxt
+							usftxt:"",			//  Text of Selection Text		.usfmod.usftxt
+							flt:"",			//  Filter		.usfmod.flt
+							selusg:"",			//  Selected User Group		.usfmod.selusg
+							selusgset:"",			//  Selected User Group Set		.usfmod.selusgset
+							usr:{
+								extkey:"",			//  User ID		.usfmod.usr.extkey
+							},
+							usrget:{
+								sdamod:{
+									seainf:"",			//  		.usfmod.usrget.sdamod.seainf
+								},
+							},
+							selusb:"",			//  Select user branch		.usfmod.selusb
+						},
+						searef:"",			//  Selection Reference		.searef
+						seasec:"",			//  Business Sector		.seasec
+						dspstm:"",			//  Display Stream		.dspstm
+						pageId: ""			// ctx的key
+				}
+    }
+}
\ No newline at end of file

src/model/Sptsel/Check.js

+
+/**
+* Sptsel Check规则
+*/
+export default {
+
+}

src/model/Sptsel/Default.js

+
+/**
+* Sptsel Default规则
+*/
+import Api from "~/service/Api";
+import Utils from "~/utils/index"
+export default {
+
+    "sptstm": defaultSptstm,
+    "dlaxq": defaultDlaxq,
+    "usfmod.labtxt": defaultUsfmodLabtxt,
+    "usfmod.flt": defaultUsfmodFlt,
+    "usfmod.shwflt": defaultUsfmodShwflt,
+    "dlmft": defaultDlmft,
+    "butimg": defaultButimg,
+    "dflg": defaultDflg,
+    "yptinf": defaultYptinf,
+    "usfmod.usr.extkey": defaultUsfmodUsrExtkey,
+    "chkinc": defaultCheckbox,
+    "chkdzt": defaultCheckbox,
+    "chkpen": defaultCheckbox,
+    "chkcor": defaultCheckbox,
+    "chkaut": defaultCheckbox,
+    "chkdel": defaultCheckbox,
+    "chktco": updateTable,
+    // "chkcan": updateTable,
+}
+function defaultSptstm() {
+
+}
+function defaultDlaxq() {
+}
+function defaultUsfmodLabtxt() {
+}
+function defaultUsfmodFlt() {
+}
+function defaultUsfmodShwflt() {
+}
+function defaultDlmft() {
+}
+function defaultButimg() {
+}
+async function defaultDflg() {
+    const that = this;
+    that.executeDefault("dflg").then(res => {
+        that.model.dflg = res.data.dflg;
+    })
+}
+async function defaultYptinf() {
+    const that = this;
+    that.executeDefault("yptinf").then(res => {
+        //TODO 处理数据逻辑
+    })
+}
+function defaultUsfmodUsrExtkey() {
+}
+function defaultCheckbox(rule, value, callback) {
+    const that = this;
+    if (that.model[rule.field] === "") {
+        return
+    }
+    if(that.model[rule.field] === false){
+        that.model[rule.field] = "";
+    }
+    that.executeDefault("sptstm").then(res => {
+        //TODO 处理数据逻辑
+        that.$refs.Menu.stmData.data = res.data.sptstm.rows;
+    })
+   
+}
+function updateTable(rule, value, callback){
+    const that = this;
+    if (that.model[rule.field] === true && that.$refs.Menu.stmData.columns[3] === "7 6 \"Creation\" 101 20 DateTime 1") {
+        that.$refs.Menu.stmData.columns.splice(3, 0, "18 5 \"MT\" 100");
+    }
+    if (that.model[rule.field] === false && that.$refs.Menu.stmData.columns[3] === "18 5 \"MT\" 100") {
+        that.$refs.Menu.stmData.columns.splice(3, 1);
+    }
+}

src/model/Sptsel/Event.js

+import { split } from "lodash";
+import Api from "~/service/Api"
+import Utils from "~/utils/index"
+export default {
+    async onUsfmodShwflt() {
+        let rtnmsg = await this.executeRule("usfmod_shwflt")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onTake() {
+        let rtnmsg = await this.executeRule("take")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onDelete(idx,row) {
+        let params = {selDst:"sptstm",selIds:[idx+1]}
+        let rtnmsg = await this.executeRule("del",params)
+        if (rtnmsg.respCode == SUCCESS) {
+            this.stmData.data = rtnmsg.data.sptstm.rows;
+            this.$store.commit("setTaskList", {key: "sptbrk", val: this.stmData.data.length});
+            this.$notify({ title: '成功', message: '删除成功！' });
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '删除失败！' });
+        }
+    },
+    async onRouting() {
+        let rtnmsg = await this.executeRule("routing")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onShowInc() {
+        let rtnmsg = await this.executeRule("show_inc")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onDetails(idx, row) {
+        let viewurl = "business/sptpopup";
+        const selIds= [idx + 1];
+        const selDst= "sptstm";
+        let params = {selIds,selDst};
+        this.executeRule("sptstm,butspt",params).then((res) => {
+            if (res.respCode == SUCCESS) {
+                Utils.copyValueFromVO(this.model, res.data);
+                sessionStorage.setItem('Sptpopup', JSON.stringify(this.model));
+                this.$router.push({ path: viewurl, query: {}});
+            }else {
+                this.$notify.error({ title: '错误', message: '服务请求失败！' });
+            }
+        })
+        /* let rtnmsg = await this.executeRule("details")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        } */
+    },
+    async continueEdit(row) {
+        //let rtnmsg = await Api.post("getPendingData",{params:{'selsptinr':row[0]}})
+        //if (rtnmsg.respCode == SUCCESS) {
+        //var cacheFileName = rtnmsg.data.cacheFileName;
+        this.model.selsptinr = row['INR'];
+        let rtnmsg = await this.executeRule("tak")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+            let trnName = row.交易代码.toLowerCase();
+            // let viewurl = "/business/ditopn?selsptinr=" + row[0];
+            //let viewurl = "/business/"+trnName+"?selsptinr=" + row['INR'];
+            let viewurl = "/business/"+trnName;
+            this.$router.push(viewurl);
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+     
+       
+        //}
+    },
+    async handleReset() {
+        this.model.chkinc = "";
+        this.model.chkdzt = "";
+        this.model.chkpen = "";
+        this.model.chkcor = "";
+        this.model.chkaut = "";
+        this.model.chkdel = "";
+        this.model.chktco = "";
+        this.model.chkcan = "";
+        this.model.selobj = "";
+        this.model.seltxt = "";
+        this.model.usfmod.flt = "";
+        this.model.inidatfro = "";
+        this.model.inidattil = "";
+        this.model.dflg = "1";
+        this.model.chkypt = "";
+        this.model.yptinf = "";
+
+    },
+    async handleSearch() {
+            if(this.sourceModel.length===0){
+                this.sourceData.forEach(s => {
+                    this.model[s.value] = 't';
+                  })
+            }
+           const res = await this.executeDefault("sptstm")
+           //TODO 处理数据逻辑
+           this.stmData.data = res.data.sptstm.rows;
+           this.$store.commit("setTaskList", {key: "sptsel", val: this.stmData.data.length});
+        //    if(res.data.sptstm.rows.length == 0){
+        //     this.$notify({
+        //         title: '成功',
+        //         message: '搜索完毕，无满足条件记录',
+        //         type: 'success'
+        //     });
+        //     }
+        },
+
+        async sptfndHandleReset() {
+            this.model.chkinc = "";
+            this.model.chkdzt = "";
+            this.model.chkpen = "";
+            this.model.chkcor = "";
+            this.model.chkaut = "";
+            this.model.chkdel = "";
+            this.model.chktco = "";
+            this.model.chkcan = "";
+            this.model.selobj = "";
+            this.model.seltxt = "";
+            this.model.usfmod.flt = "";
+            this.model.inidatfro = "";
+            this.model.inidattil = "";
+            this.model.dflg = "1";
+            this.model.chkypt = "";
+            this.model.yptinf = "";
+    
+        },
+        async sptfndHandleSearch() {
+                this.model.chkpen = "t";
+                // this.executeDefault("sptstm").then(res => {
+                //     //TODO 处理数据逻辑
+                //     this.stmData.data = res.data.sptstm.rows;
+                // })
+                const res = await this.executeDefault("sptstm")
+                this.stmData.data = res.data.sptstm.rows;
+                this.$store.commit("setTaskList", {key: "sptbrk", val: this.stmData.data.length});
+                // if(res.data.sptstm.rows.length == 0){
+                //     this.$notify({
+                //         title: '成功',
+                //         message: '搜索完毕，无满足条件记录',
+                //         type: 'success'
+                //     });
+                //     }
+            },
+            async onSptpButord(){
+                let rtnmsg = await this.executeRule("sptp.butord")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onSptpButcls(){
+                let rtnmsg = await this.executeRule("sptp.butcls")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+
+}
\ No newline at end of file

src/model/Sptsel/Pattern.js

+export default {
+
+
+
+
+
+
+
+
+    "selobj":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 32,message:"长度不能超过32"}
+    ],
+    "seltxt":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 32,message:"长度不能超过32"}
+    ],
+
+
+
+    "inidatfro":[
+        {required: false, message: "输入正确的日期"}
+    ],
+    "inidattil":[
+        {required: false, message: "输入正确的日期"}
+    ],
+
+
+
+    "usfmod.usr.extkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+
+
+    "usfmod.usrget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+
+
+    "sptstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "yptinf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 60,message:"长度不能超过60"}
+    ],
+    "spt.objnam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "spt.inr":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+    "spt.txt":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "spt.frm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 6,message:"长度不能超过6"}
+    ],
+    "spt.ownusr":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+
+    "spt.inftxt":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 65,message:"长度不能超过65"}
+    ],
+
+    "spt.usr":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+    "spt.dattim":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 15,message:"长度不能超过15"}
+    ],
+    "spt.cretrn":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 6,message:"长度不能超过6"}
+    ],
+
+    "spt.tardattim":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 15,message:"长度不能超过15"}
+    ],
+    "sptp.smh.msgtyp":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 20,message:"长度不能超过20"}
+    ],
+    "sptp.smh.sndkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 50,message:"长度不能超过50"}
+    ],
+    "sptp.smh.relcur":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+    "sptp.smh.relamt":[
+        {type: "number", required: false, message: "必输项"},
+        {max: 18,message:"整数位不能超过14位"},
+        {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    ],
+
+
+
+
+}
\ No newline at end of file

src/model/Sptsel/index.js

+import Api from "~/service/Api";
+export default class Sptsel {
+	constructor() {
+		this.data = {
+			chkinc: "",			//  Incoming		.chkinc
+			chkpen: "",			//  Pending		.chkpen
+			chkcor: "",			//  Correction		.chkcor
+			chkaut: "",			//  Automatic		.chkaut
+			selobj: "",			//  Reference		.selobj
+			seltxt: "",			//  Selection Name		.seltxt
+			usfmod: {
+				labtxt: "",			//  Text of Label		.usfmod.labtxt
+				usftxt: "",			//  Text of Selection Text		.usfmod.usftxt
+				flt: "",			//  Filter		.usfmod.flt
+				selusg: "",			//  Selected User Group		.usfmod.selusg
+				selusgset: "",			//  Selected User Group Set		.usfmod.selusgset
+				usr: {
+					extkey: "",			//  User ID		.usfmod.usr.extkey
+				},
+				usrget: {
+					sdamod: {
+						seainf: "",			//  		.usfmod.usrget.sdamod.seainf
+					},
+				},
+				selusb: "",			//  Select user branch		.usfmod.selusb
+			},
+			chkdel: "",			//  Deleted		.chkdel
+			sptstm: "",			//  List of SPT records		.sptstm
+			yptinf: "",			//  退回原因		.yptinf
+			chkypt: "",			//  云平台		.chkypt
+			inidatfro: "",			//  Date of entry of Transaction		.inidatfro
+			inidattil: "",			//  Date of entry of Transaction until		.inidattil
+			routxt: "",			//  已转报		.routxt
+			dflg: "",			//  国内国际标志		.dflg
+			chktco: "",			//  网银		.chktco
+			chkcan: "",			//  归档		.chkcan
+			chkdzt: "",			//  E-Trade		.chkdzt
+			pageId: "",			// ctx的key
+			spt:{
+				sta:"",			//  Type		.spt.sta
+				hldflg:"",			//  Hold Flag		.spt.hldflg
+				objnam:"",			//  Reference		.spt.objnam
+				inr:"",			//  Internal Unique ID of Pending Transaction		.spt.inr
+				txt:"",			//  Name		.spt.txt
+				frm:"",			//  Transaction 		.spt.frm
+				ownusr:"",			//  Responsible User 		.spt.ownusr
+				ownusg:"",			//  Responsible Group		.spt.ownusg
+				inftxt:"",			//  Infotext		.spt.inftxt
+				infdsp:"",			//  Infotext		.spt.infdsp
+				usr:"",			//  Entered by		.spt.usr
+				dattim:"",			//  Time of Creation		.spt.dattim
+				cretrn:"",			//  Creating Transaction ID		.spt.cretrn
+				tardattim:"",			//  Target for Completion		.spt.tardattim
+			},
+			sptp:{
+				smh:{
+					msgtyp:"",			//  Message Type 		.sptp.smh.msgtyp
+					sndkey:"",			//  Receiver Key 		.sptp.smh.sndkey
+					relcur:"",			//  Relevant Amount		.sptp.smh.relcur
+					relamt:"",			//  Relevant Amount Optional		.sptp.smh.relamt
+				},
+			},
+			selsptinr:"",
+			pageId: ""			// ctx的key
+		}
+	}
+}
\ No newline at end of file

src/model/Trnrel/Check.js

+
+/**
+* Trnrel Check规则
+*/
+export default {
+
+    "trn.inr"                      :[checkTrnInrN1500,],
+    "atpget.sdamod.dadsnd"                      :[checkAtpgetSdamodDadsndN100,],
+    "trn.inftxt"                      :[checkTrnInftxtN100,],
+    "recpan.atpget.sdamod.dadsnd"                      :[checkRecpanAtpgetSdamodDadsndN100,],
+    "recpan.recget.sdamod.dadsnd"                      :[checkRecpanRecgetSdamodDadsndN100,],
+}
+/**
+*   source:trnget.@0009.script
+*   recpan.recget
+*/
+function checkTrnInrN1500(rule, value, callback)
+{
+    callback()
+}
+/**
+*   source:atpget.@0001.script
+*   atpget
+*/
+function checkAtpgetSdamodDadsndN100(rule, value, callback)
+{
+    callback()
+}
+/**
+*   source:txmmod.@0009.script
+*   recpan.inftxt
+*/
+function checkTrnInftxtN100(rule, value, callback)
+{
+    callback()
+}
+/**
+*   source:atpget.@0001.script
+*   recpan.atpget
+*/
+function checkRecpanAtpgetSdamodDadsndN100(rule, value, callback)
+{
+    callback()
+}
+/**
+*   source:trnget.@0001.script
+*   recpan.recget
+*/
+function checkRecpanRecgetSdamodDadsndN100(rule, value, callback)
+{
+    callback()
+}

src/model/Trnrel/Default.js

+
+/**
+* Trnrel Default规则
+*/
+import Api from "~/service/Api";
+import Utils from "~/utils/index";
+export default {
+
+    "relcor": defaultRelcor,
+    "recpan.butspt": defaultRecpanButspt,
+    "recpan.ackstm": defaultRecpanAckstm,
+    "seaown": defaultSeaown,
+    "trn.inftxt": defaultTrnInftxt,
+    "numtrn": defaultNumtrn,
+    "recpan.butord": defaultRecpanButord,
+    "recpan.inftxt.buttxmsel": defaultRecpanInftxtButtxmsel,
+    "trn.infdsp": defaultTrnInfdsp,
+    "recpan.incben": defaultRecpanIncben,
+    "usrcon": defaultUsrcon,
+    "imgmod.hisimg": defaultImgmodHisimg,
+    "recpan.con": defaultRecpanCon,
+    "seajbh": defaultSeajbh,
+    "recpan.det": defaultRecpanDet,
+    "trncorco.trnstm": defaultTrncorcoTrnstm,
+    "imgmod.newhisimg": defaultImgmodNewhisimg,
+    "recpan.cpltxt": defaultRecpanCpltxt,
+    "trncorco.dflg": defaultTrncorcoDflg,
+    "orddsp": defaultOrddsp,
+    "recpan.usr.extkey": defaultRecpanUsrExtkey,
+    "atptxt": defaultAtptxt,
+    "recpan.ackgrp.rec.sndref": defaultRecpanAckgrpRecSndref,
+    "syswrn.butshw": defaultSyswrnButshw,
+    "imgmod.newimg": defaultImgmodNewimg,
+    "recpan.inc": defaultRecpanInc,
+    "printe": defaultPrinte,
+    "trn.inr": defaultTrnInr,
+    "imgmod.image": defaultImgmodImage,
+}
+function defaultRelcor() {
+}
+function defaultRecpanButspt() {
+}
+function defaultRecpanAckstm() {
+}
+function defaultSeaown() {
+}
+function defaultTrnInftxt() {
+}
+function defaultNumtrn() {
+}
+function defaultRecpanButord() {
+}
+function defaultRecpanInftxtButtxmsel() {
+}
+function defaultTrnInfdsp() {
+}
+function defaultRecpanIncben() {
+}
+function defaultUsrcon(rule, value, callback) {
+    const that = this;
+    that.executeDefault("usrcon").then(res => {
+        this.model.usrcon = res.data.usrcon;
+        callback()
+    })
+}
+function defaultImgmodHisimg() {
+}
+function defaultRecpanCon() {
+}
+function defaultSeajbh() {
+}
+function defaultRecpanDet() {
+}
+function defaultTrncorcoTrnstm() {
+}
+function defaultImgmodNewhisimg() {
+}
+function defaultRecpanCpltxt() {
+}
+function defaultTrncorcoDflg(rule, value, callback) {
+    const that = this;
+    that.executeDefault("trncorco.dflg").then(res => {
+        that.model.trncorco.dflg = res.data.trncorco_dflg;
+        callback()
+    })
+}
+function defaultOrddsp() {
+}
+function defaultRecpanUsrExtkey() {
+}
+function defaultAtptxt(rule, value, callback) {
+    const that = this;
+    that.executeDefault("atptxt").then(res => {
+        that.model.atptxt = res.data.atptxt;
+        callback()
+    })
+}
+function defaultRecpanAckgrpRecSndref() {
+}
+function defaultSyswrnButshw() {
+}
+function defaultImgmodNewimg() {
+}
+function defaultRecpanInc() {
+}
+function defaultPrinte() {
+}
+function defaultTrnInr() {
+}
+function defaultImgmodImage() {
+}

src/model/Trnrel/Event.js

+import Api from "~/service/Api"
+import { rejrow } from "~/service/business/trnrel"
+import Utils from "~/utils/index"
+export default {
+    async onSeaown() {
+        const that = this.root;
+        that.executeRule("searow").then(res => {
+            //TODO 处理数据逻辑
+            that.$refs.inftrnps.stmData.data = res.data.trncorco_trnstm.rows;
+            this.model.trncorco.trnstm = res.data.trncorco_trnstm;
+        })
+    },
+    async onSeajbh() {
+        const that = this.root;
+        that.executeRule("seajbh").then(res => {
+            //TODO 处理数据逻辑
+            that.$refs.inftrnps.stmData.data = res.data.trncorco_trnstm.rows;
+        })
+    },
+    async onSeactr() {
+        let rtnmsg = await this.executeRule("seactr")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onSearow() {
+        let rtnmsg = await this.executeRule("searow")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onDsp() {
+        let rtnmsg = await this.executeRule("dsp")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onImgmodNewimg() {
+        let rtnmsg = await this.executeRule("imgmod_newimg")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onImgmodNewhisimg() {
+        let rtnmsg = await this.executeRule("imgmod_newhisimg")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onDiaconButdia() {
+        let rtnmsg = await this.executeRule("diacon_butdia")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onImgmodHisimg() {
+        let rtnmsg = await this.executeRule("imgmod_hisimg")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onHandle(idx, row) {
+
+        let trnName = row.交易代码.toLowerCase();
+        let viewurl = "/review/"+trnName;
+
+        console.log(idx);
+        console.log(row);
+
+        const operateId = await this.$store.dispatch('Transaction/setOperateFuns', {
+            pass: this.onRelrow.bind(this, idx),
+            refuse: () => { alert("功能开发中") }
+        });
+
+        this.$router.push({ path: viewurl, query: { trn: row['INR'],  operateId: operateId } });
+    },
+
+    async onWaitDetail(idx, row) {
+        let viewurl = "business/inftrnpsDetail";
+        const selIds = [idx + 1];
+        const selDst = "trncorco.trnstm" //列表对应后台模型中的stream
+        let params = { selDst, selIds };
+        this.executeRule("dsp,reldsp",params).then((res) => {
+            if ((res.respCode == SUCCESS)) {
+                Utils.copyValueFromVO(this.model, res.data);
+                sessionStorage.setItem('InftrnpsDetail', JSON.stringify(this.model));
+                // this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}});
+                this.$router.push({ path: viewurl, query: {} });
+            }else{
+                const h = this.$createElement;
+                const msg = res.respMsg||'请求执行失败!'
+                this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) })
+            }
+        });
+    },
+
+    async onFinishDetail(idx, row) {
+        let viewurl = "business/trnfndsDetail";
+        const selIds = [idx + 1];
+        const selDst = "trncorco.trnstm" //列表对应后台模型中的stream
+        let params = { selDst, selIds };
+        this.executeRule("dsp,reldsp",params).then((res) => {
+            if ((res.respCode == SUCCESS)) {
+                Utils.copyValueFromVO(this.model, res.data);
+                sessionStorage.setItem('InftrnpsDetail', JSON.stringify(this.model));
+                // this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}});
+                this.$router.push({ path: viewurl, query: {} });
+            }else{
+                const h = this.$createElement
+                const msg = res.respMsg||'请求执行失败!'
+                this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) })
+            }
+        });
+    },
+
+    async onRelrow(idx) {
+        this.$confirm('您确定复核该笔交易?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        }).then(async () => {
+            const selIds = [idx + 1]; //rowno选中行
+            const selDst = "trncorco.trnstm" //列表对应后台模型中的stream
+
+            let params = { selDst: selDst, selIds: selIds };
+
+            let rtnmsg = await this.executeRule("relrow", params)
+            if (rtnmsg.respCode == SUCCESS) {
+
+                let errorMsg = "";
+                let fieldErrorsFlag = (JSON.stringify(rtnmsg.fieldErrors) == "{}");
+                if (!fieldErrorsFlag) {
+                    let errorMsgkey = "";
+                    let errorMsgVal = "";
+                    for (const key in rtnmsg.fieldErrors) {
+                        errorMsgkey = key;
+                        errorMsgVal = rtnmsg.fieldErrors[key];
+                    }
+                    errorMsg = errorMsgkey + ':' + errorMsgVal;
+                    this.$notify.error({ title: '错误', message: '复核失败！错误信息[' + errorMsg + ']' });
+                } else {
+                    this.$notify({
+                        title: '成功',
+                        message: '复核成功',
+                        type: 'success'
+                    });
+                    // const that = this.root;
+                    // that.executeRule("searow").then(res => {
+                    //     //TODO 处理数据逻辑
+                    //     that.$refs.inftrnps.stmData.data = res.data.trncorco_trnstm.rows;
+                    //     this.model.trncorco.trnstm = res.data.trncorco_trnstm;
+                    // })
+                    this.$store.dispatch("TagsView/delView", this.$route)
+                    this.$router.history.push("/taskList", () => {
+                        this.$store.commit("setTaskListTabVal", 'trnrel');
+                        this.handleSearch()
+                    });
+                }
+            }
+            else {
+                let errorMsg = "";
+                let fieldErrorsFlag = (JSON.stringify(rtnmsg.fieldErrors) == "{}");
+                if (!fieldErrorsFlag) {
+                    let errorMsgkey = "";
+                    let errorMsgVal = "";
+                    for (const key in rtnmsg.fieldErrors) {
+                        errorMsgkey = key;
+                        errorMsgVal = rtnmsg.fieldErrors[key];
+                        errorMsg = errorMsg + errorMsgkey + ':' + errorMsgVal + ";";
+                    }
+                   
+                } else if (rtnmsg.respMsg) {
+                    errorMsg = rtnmsg.respMsg;
+                }
+                this.$notify.error({ title: '错误', message: '复核失败！错误信息[' + errorMsg + ']' });
+            }
+
+
+
+
+        })
+
+    },
+
+    sleep(ms) {
+        return new Promise((resolve, reject) => {
+            setTimeout(() => {
+                resolve()
+            }, ms)
+        })
+    },
+    async onPrinte() {
+        let rtnmsg = await this.executeRule("printe")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onReprow() {
+        let rtnmsg = await this.executeRule("reprow")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onRejrow() {
+        console.log(this.getSelectedData())
+
+        this.model.trncorco.selinr['rows'] = this.getSelectedData();
+        let rtnmsg = await rejrow(this.wrapper())
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+            // var cacheFileName = rtnmsg.data.cacheFileName;
+            // let rejrowRtnmsg = await Api.post("trncor/init", {params:{"cacheFileName":cacheFileName}})
+            // if(rejrowRtnmsg.respCode == SUCCESS){
+            //     this.$message({
+            //         type: 'success',
+            //         message: 'Reject成功！'
+            //     });
+            //     await this.sleep(2000);
+            //     this.$router.go(0);
+            // }
+
+            this.$message({
+                type: 'success',
+                message: 'Reject成功！'
+            });
+            // await this.sleep(2000);
+            // this.$router.go(0);
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onRelcor() {
+        let rtnmsg = await this.executeRule("relcor")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onExi() {
+        let rtnmsg = await this.executeRule("exi")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+
+    async onRecpanDet() {
+        let rtnmsg = await this.executeRule("recpan_det")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onSyswrnButshw() {
+        let rtnmsg = await this.executeRule("syswrn_butshw")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onRecpanNotmap() {
+        let rtnmsg = await this.executeRule("recpan_notmap")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onRecpanButspt() {
+        let rtnmsg = await this.executeRule("recpan_butspt")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onRecpanInc() {
+        let rtnmsg = await this.executeRule("recpan_inc")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onRecpanButord() {
+        let rtnmsg = await this.executeRule("recpan_butord")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onImgmodImage() {
+        let rtnmsg = await this.executeRule("imgmod_image")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onRecpanIncben() {
+        let rtnmsg = await this.executeRule("recpan_incben")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    async onInftxtButtxmsel() {
+        let rtnmsg = await this.executeRule("inftxt_buttxmsel")
+        if (rtnmsg.respCode == SUCCESS) {
+            //TODO 处理数据逻辑
+
+        }
+        else {
+            this.$notify.error({ title: '错误', message: '服务请求失败！' });
+        }
+    },
+    onSeainf() {
+
+    },
+    // display(index, row) {
+    //     const d = this.stmData.data[index]
+    //     const ds = d.split("\t")
+    //     let viewurl = "/#/display/" + ds['10'].toLowerCase() + "?trn=" + ds['1']
+    //     window.open(viewurl, 'newwindow', 'height=1200,width=900,top=100,left=100,toolbar=no,resizable=no,menubar=no,location=no, status=no');
+    // },
+    async handleSearch() {
+        const that = this.root;
+        // if (this.model.searchAllUsers) {
+        //     that.executeRule("seajbh").then(res => {
+        //         //TODO 处理数据逻辑
+        //         that.$refs.inftrnps.stmData.data = res.data.trncorco_trnstm.rows;
+        //     })
+        // } else {
+        // that.executeRule("searow").then(res => {
+        //     //TODO 处理数据逻辑
+        //     that.$refs.inftrnps.stmData.data = res.data.trncorco_trnstm.rows;
+        //     this.model.trncorco.trnstm = res.data.trncorco_trnstm;
+        // })
+        // }
+        if(this.model.trncorco.relflg == ''){
+            this.model.trncorco.relflg = '0';
+        }
+        const res = await this.executeRule("inftrnps,searow")
+        that.$refs.inftrnps.stmData.data = res.data.trncorco_trnstm.rows;
+        this.model.trncorco.trnstm = res.data.trncorco_trnstm;
+        this.$store.commit("setTaskList", {key: "trnrel", val: this.stmData.data.length});
+        // if (res.data.trncorco_trnstm.rows.length == 0) {
+        //     this.$notify({
+        //         title: '成功',
+        //         message: '搜索完毕，无满足条件记录',
+        //         type: 'success'
+        //     });
+        // }
+        this.$refs.paramsForm.clearValidate();
+        Utils.positioningErrorMsg(res.fieldErrors, this.$refs.paramsForm.fields)
+    },
+    async trnfndhandleSearch() {
+        const that = this.root;
+        if(this.model.trncorco.relflg == ''){
+            this.model.trncorco.relflg = '1';
+        }
+        const res = await this.executeRule("inftrnps,searow")
+        that.$refs.inftrnps.stmData.data = res.data.trncorco_trnstm.rows;
+        this.model.trncorco.trnstm = res.data.trncorco_trnstm;
+ 
+        this.$refs.paramsForm.clearValidate();
+        Utils.positioningErrorMsg(res.fieldErrors, this.$refs.paramsForm.fields)
+    },
+
+    async handleReset() {
+        this.model.bchcon = "";
+        this.model.trncorco.ownref = "";
+        this.model.trncorco.relflg = "ALL";
+        this.model.usrcon = "";
+        this.model.trncorco.inidatfro = "";
+        this.model.trncorco.inidattil = "";
+        this.model.atp.cod = "";
+        this.model.trncorco.dflg = "ALL";
+        this.model.atptxt = "";
+        this.model.searchAllUsers = false;
+    },
+
+
+
+}
\ No newline at end of file

src/model/Trnrel/Pattern.js

+export default {
+
+
+
+    "trncorco.ownref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+
+
+    "atpget.sdamod.dadsnd":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "atp.cod":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 6,message:"长度不能超过6"}
+    ],
+    "atpget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+    "trncorco.inidatfro":[
+        {required: false, message: "输入正确的日期"}
+    ],
+    "trncorco.inidattil":[
+        {required: false, message: "输入正确的日期"}
+    ],
+
+    "atptxt":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 37,message:"长度不能超过37"}
+    ],
+
+
+    "trncorco.trnstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "numtrn":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 7,message:"长度不能超过7"}
+    ],
+
+
+
+
+
+
+
+
+
+    "orddsp":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 6,message:"长度不能超过6"}
+    ],
+
+    "recpan.recget.sdamod.dadsnd":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "trn.ownref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "recpan.con":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+    "trn.inr":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+    "recpan.recget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+    "trn.objnam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+    "recpan.atpget.sdamod.dadsnd":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "recpan.atp.cod":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 6,message:"长度不能超过6"}
+    ],
+    "recpan.atpget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+    "trn.reloricur":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+    "trn.reloriamt":[
+        {type: "number", required: false, message: "必输项"},
+        {max: 18,message:"整数位不能超过14位"},
+        {pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
+    ],
+
+
+    "trn.usr":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+    "trn.usg":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 6,message:"长度不能超过6"}
+    ],
+    "trn.relreq":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 9,message:"长度不能超过9"}
+    ],
+    "trn.relres":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 9,message:"长度不能超过9"}
+    ],
+    "trn.cortrninr":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+    "trn.exedat":[
+        {required: false, message: "输入正确的日期"}
+    ],
+
+    "recpan.cretrs.usr":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+    "recpan.cretrs.dattim":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 15,message:"长度不能超过15"}
+    ],
+    "recpan.ackgrp.rec.sndref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+
+    "recpan.smhstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+
+
+
+
+    "trn.inftxt":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 65,message:"长度不能超过65"}
+    ],
+
+
+    "recpan.usr.extkey":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+    "recpan.usrget.sdamod.seainf":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 3,message:"长度不能超过3"}
+    ],
+    "recpan.trsstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+
+    "wfmmod.wfs.objinr":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 8,message:"长度不能超过8"}
+    ],
+    "wfmmod.wfs.objnam":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+    "recpan.wfestm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "recpan.evthisstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "recpan.evtstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "recpan.ackstm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "recpan.trostm":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 1,message:"长度不能超过1"}
+    ],
+    "recpan.prtgleblk":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 200,message:"长度不能超过200"}
+    ],
+    "recpan.prtpanblk":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 200,message:"长度不能超过200"}
+    ],
+    "docimm.prtswtpblk":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 200,message:"长度不能超过200"}
+    ],
+    "docimm.xmldocblk":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 200,message:"长度不能超过200"}
+    ],
+    "docimm.prtswtrpblk":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 200,message:"长度不能超过200"}
+    ],
+    "docimm.docbol.prtpblk":[
+        {type: "string", required: true, message: "必输项"},
+        {max: 200,message:"长度不能超过200"}
+    ],
+}
\ No newline at end of file

src/model/Trnrel/index.js

+import Api from "~/service/Api";
+export default class Trnrel {
+	constructor() {
+		this.data = {
+			trncorco: {
+				ownref: "",			//  Reference		.trncorco.ownref
+				relflg: "",			//  Status		.trncorco.relflg
+				inidatfro: "",			//  Date of entry of Transaction		.trncorco.inidatfro
+				inidattil: "",			//  Date of entry of Transaction until		.trncorco.inidattil
+				trnstm: "",			//  List of transaction sfor display		.trncorco.trnstm
+				dflg: "",			//  国内证标志		.trncorco.dflg
+				selinr: {},
+			},
+			atp: {
+				cod: "",			//  Transaction Type 		.atp.cod
+			},
+			atpget: {
+				sdamod: {
+					seainf: "",			//  		.atpget.sdamod.seainf
+					dadsnd: "",			//  Drag  Drop Sender		.atpget.sdamod.dadsnd
+				},
+			},
+			atptxt: "",			//  Transaction Text		.atptxt
+			numtrn: "",			//  # of transactions		.numtrn
+			orddsp: "",			//  >>		.orddsp
+			bchcon: "",			//  Branch		.bchcon
+			usrcon: "",			//  User		.usrcon
+			recpan: {
+				cpltxt: "",			//  Completion text		.recpan.cpltxt
+				spt: {
+					sta: "",			//  Status		.recpan.spt.sta
+				},
+				ord: {
+					sta: "",			//  Status		.recpan.ord.sta
+				},
+				recget: {
+					sdamod: {
+						seainf: "",			//  Ident No.		.recpan.recget.sdamod.seainf
+						dadsnd: "",			//  Drag  Drop Sender		.recpan.recget.sdamod.dadsnd
+					},
+				},
+				atp: {
+					cod: "",			//  Transaction  ID		.recpan.atp.cod
+				},
+				atpget: {
+					sdamod: {
+						dadsnd: "",			//  Drag  Drop Sender		.recpan.atpget.sdamod.dadsnd
+						seainf: "",			//  Transaction		.recpan.atpget.sdamod.seainf
+					},
+				},
+				smhstm: "",			//  Documents		.recpan.smhstm
+				usr: {
+					extkey: "",			//  User ID		.recpan.usr.extkey
+				},
+				usrget: {
+					sdamod: {
+						seainf: "",			//  		.recpan.usrget.sdamod.seainf
+					},
+				},
+				trsstm: "",			//  Signatures		.recpan.trsstm
+				con: "",			//  Reference		.recpan.con
+				cretrs: {
+					usr: "",			//  Entered by		.recpan.cretrs.usr
+					dattim: "",			//  Timestamp		.recpan.cretrs.dattim
+				},
+				ackgrp: {
+					rec: {
+						sndref: "",			//  Send to SOP/CASmf reference		.recpan.ackgrp.rec.sndref
+					},
+				},
+				wfestm: "",			//  WFEs for transaction for display		.recpan.wfestm
+				evthisstm: "",			//  stream of history of transactions		.recpan.evthisstm
+				evtstm: "",			//  stream of events		.recpan.evtstm
+				ackstm: "",			//  ACKs for transaction		.recpan.ackstm
+				trostm: "",			//  TROs for transaction for display		.recpan.trostm
+				prtgleblk: "",			//  XMLPanel prtgle的内置block		.recpan.prtgleblk
+				prtpanblk: "",			//  XMLPanel prtpan的内置block		.recpan.prtpanblk
+			},
+			trn: {
+				ownref: "",			//  Reference		.trn.ownref
+				inr: "",			//  Transaction Key		.trn.inr
+				objnam: "",			//  External Readable Object Identification		.trn.objnam
+				reloricur: "",			//  Relevant Amount		.trn.reloricur
+				reloriamt: "",			//  Relevant Amount for Release in Original Currency		.trn.reloriamt
+				relflg: "",			//  Release Status of Transaction		.trn.relflg
+				usr: "",			//  Responsible		.trn.usr
+				usg: "",			//  Responsible Group		.trn.usg
+				relreq: "",			//  Signatures Required/Obtained		.trn.relreq
+				relres: "",			//  Applied Signatures		.trn.relres
+				cortrninr: "",			//  Based on Ident No.		.trn.cortrninr
+				exedat: "",			//  Execution Date		.trn.exedat
+				inftxt: "",			//  Infotext		.trn.inftxt
+				infdsp: "",			//  Infoflag		.trn.infdsp
+			},
+			wfmmod: {
+				wfs: {
+					objnam: "",			//  External Readable Object Identification		.wfmmod.wfs.objnam
+					objtyp: "",			//  Table Used to Store Associated Object		.wfmmod.wfs.objtyp
+					objinr: "",			//  Object		.wfmmod.wfs.objinr
+				},
+			},
+			docimm: {
+				prtswtpblk: "",			//  XMLPanel prtswtp的内置block		.docimm.prtswtpblk
+				xmldocblk: "",			//  XMLPanel xmldoc的内置block		.docimm.xmldocblk
+				prtswtrpblk: "",			//  XMLPanel prtswtrp的内置block		.docimm.prtswtrpblk
+				docbol: {
+					prtpblk: "",			//  XMLPanel prtp的内置block		.docimm.docbol.prtpblk
+				},
+			},
+			pageId: "",			// ctx的key
+			searchAllUsers: ""
+		}
+	}
+}
\ No newline at end of file

src/views/Business/Bopsel/Errp.vue

+<template>
+  <div class="eibs-tab">
+    <!-- <c-list-search
+      @form-reset="errpHandleReset"
+      @form-search="errpHandleSearch"
+    >
+      <template v-slot="searchSlot"> -->
+      <el-form
+        class="m-table-search-form"
+        ref="paramsForm"
+        :inline="true"
+        label-position="right"
+        label-width="110px"
+        size="small"
+      >
+      
+      <el-row>
+        <c-col :span="24" style="">
+        <c-col :span="8">
+          <el-form-item label="申报编号" prop="errsel.rptno"  style="width: 100%">
+            <c-input
+              v-model="model.errsel.rptno"
+              maxlength="22"
+              placeholder="请输入申报编号"
+            ></c-input>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="8">
+              <el-form-item label="起止日期" style="width: 100%">
+                <c-col :span="11">
+                  <c-date-picker
+                    type="date"
+                    v-model="model.bopquep.frmdat"
+                    value-format="yyyy-MM-dd"
+                    style="width: 100%"
+                    placeholder="请选择From"
+                  ></c-date-picker>
+                </c-col>
+                <c-col :span="2" style="text-align: center">
+                  <label style="display: inline-block; width: 100%">-</label>
+                </c-col>
+                <c-col :span="11">
+                  <c-date-picker
+                    type="date"
+                    v-model="model.bopquep.tildat"
+                    value-format="yyyy-MM-dd"
+                    style="width: 100%"
+                    placeholder="请选择Until"
+                  ></c-date-picker>
+                </c-col>
+              </el-form-item>
+            </c-col>
+
+        <c-col :span="8">
+          <el-form-item label="业务所属行" prop="bopquep.ownextkey"  style="width: 100%">
+            <c-select
+              v-model="model.bopquep.ownextkey"
+              style="width: 100%"
+              placeholder="请选择业务所属行"
+            >
+            </c-select>
+          </el-form-item>
+        </c-col>
+            </c-col>
+        <c-col :span="24" style="text-align: right;height:36.8px">
+          <el-button size="small" @click="errpHandleReset">重置</el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="small"
+            @click="errpHandleSearch"
+            >查询</el-button
+          >
+        </c-col>
+      </el-row>
+      </el-form>
+      <!-- </template>
+    </c-list-search> -->
+    <c-col :span="24" style="">
+      <div style="border-bottom: 10px solid rgb(232, 232, 232)">
+      </div>
+    </c-col>
+
+    <el-row>
+      <c-col :span="24" style="">
+        <c-istream-table :list="stmData.data" :columns="stmData.columns" :showButtonFlg="true">
+          <el-table-column fixed="right" prop="op" label="操作" width="120px">
+            <template slot="header">
+                <c-col :span="11" style="text-align:left"><span>操作</span></c-col>
+                <!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> -->
+              </template>
+            <template slot-scope="scope">
+              <a href="javascript:void(0)" @click="continueEdit(scope.row)"
+                >correct</a
+              >
+            </template>
+          </el-table-column>
+        </c-istream-table>
+      </c-col>
+    </el-row>
+    <!--                                         
+       <c-col :span="12">
+        <el-form-item label="申报编号" prop="errsel.rptno">
+            <c-input  v-model="model.errsel.rptno" maxlength="22"  placeholder="请输入申报编号"></c-input>
+        </el-form-item>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="Initial Code" prop="bopquep.ownextkey">
+            <c-select v-model="model.bopquep.ownextkey" style="width:100%" placeholder="请选择Initial Code">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="From" prop="bopquep.frmdat">
+            <c-date-picker type="date"  v-model="model.bopquep.frmdat" style="width:100%"  placeholder="请选择From"></c-date-picker>
+        </el-form-item>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="Until" prop="bopquep.tildat">
+            <c-date-picker type="date"  v-model="model.bopquep.tildat" style="width:100%"  placeholder="请选择Until"></c-date-picker>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary" icon="el-icon-search" @click="onErrselSerbut">
+            Search
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Select Error Message" prop="errsel.msgstm">
+            <c-input  v-model="model.errsel.msgstm"  placeholder="请输入Select Error Message"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary" icon="el-icon-search" @click="onErrselCorbut">
+            Correct
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onExi">
+            Exit
+        </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/Bopsel/Event";
+
+export default {
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+     return {
+      stmData: {
+        columns: [
+          '4 1 "申报编号" 0 ',
+          '5 2 "反馈日期" 0',
+          '7 3 "业务编号" 0',
+          '20 4 "错误信息" 0',
+          '21 5 "接口" 0',
+        ],
+        data: [],
+      },
+    };
+  },
+  methods: { ...Event },
+  created: function () {},
+};
+</script>
+<style>
+</style>

src/views/Business/Bopsel/Selp.vue

+<template>
+  <div class="eibs-tab">
+    <!-- <c-list-search @form-reset="selpHandleReset" @form-search="selpHandleSearch">
+      <template v-slot="searchSlot"> -->
+        <el-form
+          class="m-table-search-form"
+          ref="paramsForm"
+          :inline="true"
+          label-position="right"
+          label-width="110px"
+          size="small"
+        >
+          <el-row>
+            <c-col :span="24" style=""> 
+            <c-col :span="8">
+              <el-form-item label="业务编号" prop="bopquep.ownref" style="width: 100%">
+                <c-input
+                  v-model="model.bopquep.ownref"
+                  maxlength="16"
+                  placeholder="请输入业务编号"
+                ></c-input>
+              </el-form-item>
+            </c-col>
+
+            <c-col :span="8">
+                <el-form-item label="起止日期" style="width: 100%">
+                  <c-col :span="11">
+                    <c-date-picker
+                      type="date"
+                      v-model="model.bopquep.frmdat"
+                      value-format="yyyy-MM-dd"
+                      style="width: 100%"
+                      placeholder="请选择From"
+                    ></c-date-picker>
+                  </c-col>
+                  <c-col :span="2" style="text-align: center">
+                    <label style="display: inline-block; width: 100%">-</label>
+                  </c-col>
+                  <c-col :span="11">
+                    <c-date-picker
+                      type="date"
+                      v-model="model.bopquep.tildat"
+                      value-format="yyyy-MM-dd"
+                      style="width: 100%"
+                      placeholder="请选择Until"
+                    ></c-date-picker>
+                  </c-col>
+                </el-form-item>
+              </c-col>
+           
+            <c-col :span="8">
+              <el-form-item label="查询日期类型" prop="bopquep.dattyp" style="width: 100%">
+                <c-select
+                  v-model="model.bopquep.dattyp"
+                  style="width: 100%"
+                  placeholder="请选择查询日期类型"
+                >
+                  <el-option
+                    v-for="item in codes.dattyp"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </c-select>
+              </el-form-item>
+            </c-col>
+              </c-col>
+                
+          <c-col :span="24" style="text-align: right;height:36.8px" v-if="!searchToggle">
+            <el-button size="small" @click="selpHandleReset">重置</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="small"
+              @click="selpHandleSearch"
+              >查询</el-button
+            >
+            <el-button type="text" @click="searchToggle=true">
+                展开
+              <i class="el-icon-arrow-down"></i>
+            </el-button>
+          </c-col>
+           
+          </el-row>
+
+          <el-row v-show="searchToggle">
+            <c-col :span="24" style="">
+             <c-col :span="8">
+              <el-form-item label="申报号码" prop="bopquep.rptno" style="width: 100%">
+                <c-input
+                  v-model="model.bopquep.rptno"
+                  maxlength="22"
+                  placeholder="请输入申报号码"
+                ></c-input>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item label="业务所属行" prop="bopquep.ownextkey" style="width: 100%">
+                <c-select
+                  v-model="model.bopquep.ownextkey"
+                  style="width: 100%"
+                  placeholder="请选择Initial Code"
+                >
+                </c-select>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item label="客户类型" prop="bopquep.ptytyp" style="width: 100%">
+                <c-select
+                  v-model="model.bopquep.ptytyp"
+                  style="width: 100%"
+                  placeholder="请选择客户类型"
+                >
+                  <el-option
+                    v-for="item in codes.ptytyp"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </c-select>
+              </el-form-item>
+            </c-col>
+            </c-col>
+            
+            <c-col :span="24" style="">
+            <c-col :span="8">
+              <el-form-item label="客户名称" prop="bopquep.ptynam" style="width: 100%">
+                <c-input
+                  v-model="model.bopquep.ptynam"
+                  style="width: 100%"
+                  placeholder="请输入客户名称"
+                ></c-input>
+              </el-form-item>
+            </c-col>
+
+            <c-col :span="8">
+              <el-form-item label="结算方式" prop="bopquep.medtyp" style="width: 100%">
+                <c-select
+                  v-model="model.bopquep.medtyp"
+                  style="width: 100%"
+                  placeholder="请选择结算方式"
+                >
+                  <el-option
+                    v-for="item in codes.medtyp"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </c-select>
+              </el-form-item>
+            </c-col>
+
+             <c-col :span="8">
+              <el-form-item label="申报类型" prop="bopquep.boptyp" style="width: 100%">
+                <c-select
+                  v-model="model.bopquep.boptyp"
+                  style="width: 100%"
+                  placeholder="请选择申报类型"
+                >
+                  <el-option
+                    v-for="item in codes.boptyp"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </c-select>
+              </el-form-item>
+            </c-col>
+
+            </c-col>
+            
+            <c-col :span="24" style="">
+            <c-col :span="8">
+              <el-form-item label="笔数" prop="bopquep.sum" style="width: 100%">
+                <c-input
+                  v-model="model.bopquep.sum"
+                  placeholder="请输入笔数"
+                ></c-input>
+              </el-form-item>
+            </c-col>
+
+            <c-col :span="8">
+              <el-form-item label="业务状态" prop="bopquep.staflg" style="width: 100%">
+                <c-select
+                  v-model="model.bopquep.staflg"
+                  style="width: 100%"
+                  placeholder="请选择业务状态"
+                >
+                  <el-option
+                    v-for="item in codes.staflg"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </c-select>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8" style="text-align: right;height:36.8px" v-if="searchToggle">
+            <el-button size="small" @click="selpHandleReset">重置</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="small"
+              @click="selpHandleSearch"
+              >查询</el-button
+            >
+            <el-button type="text" @click="searchToggle=false">
+                收起
+              <i class="el-icon-arrow-up"></i>
+            </el-button>
+          </c-col>
+            </c-col>
+          </el-row>
+        </el-form>
+      <!-- </template>
+    </c-list-search> -->
+
+    <c-col :span="24" style="">
+      <div style="border-bottom: 10px solid rgb(232, 232, 232)">
+      </div>
+    </c-col>
+
+    <c-row style="margin-top: 20px">
+      <c-col style="">
+        <c-button size="small" type="primary" style="margin-left:0">导出Excel</c-button>
+        <c-button size="small" type="primary" style="margin-left:0">应急导出</c-button>
+      </c-col>
+    </c-row>
+
+    <el-row>
+      <c-col :span="24" style="">
+        <c-istream-table :list="stmData.data" :columns="stmData.columns" :showButtonFlg="true">
+          <el-table-column fixed="right" prop="op" label="操作" width="200px">
+            <template slot="header">
+                <c-col :span="11" style="text-align:left"><span>操作</span></c-col>
+                <!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> -->
+              </template>
+            <template slot-scope="scope">
+              <a href="javascript:void(0)" @click="continueEdit(scope.row)"
+                >详情</a
+              >
+              <a href="javascript:void(0)" @click="continueEdit(scope.row)"
+                >修改</a
+              >
+              <a href="javascript:void(0)" @click="continueEdit(scope.row)"
+                >删除</a
+              >
+            </template>
+          </el-table-column>
+        </c-istream-table>
+      </c-col>
+    </el-row>
+
+    <!-- <c-col :span="12">
+        <el-form-item label="申报类型" prop="bopquep.boptyp">
+            <c-select v-model="model.bopquep.boptyp" style="width:100%" placeholder="请选择申报类型">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="From" prop="bopquep.frmdat">
+            <c-date-picker type="date"  v-model="model.bopquep.frmdat" style="width:100%"  placeholder="请选择From"></c-date-picker>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Until" prop="bopquep.tildat">
+            <c-date-picker type="date"  v-model="model.bopquep.tildat" style="width:100%"  placeholder="请选择Until"></c-date-picker>
+        </el-form-item>
+       </c-col>
+                                                                     
+       <c-col :span="12">
+        <el-form-item label="至" prop="bopquep.staflg">
+            <c-input  v-model="model.bopquep.staflg" maxlength="1"  placeholder="请输入至"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="查询日期类型" prop="bopquep.dattyp">
+            <c-input  v-model="model.bopquep.dattyp" maxlength="1"  placeholder="请输入查询日期类型"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Initial Code" prop="bopquep.ownextkey">
+            <c-select v-model="model.bopquep.ownextkey" style="width:100%" placeholder="请选择Initial Code">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="申报号码" prop="bopquep.rptno">
+            <c-input  v-model="model.bopquep.rptno" maxlength="22"  placeholder="请输入申报号码"></c-input>
+        </el-form-item>
+       </c-col>
+                                                    
+       <c-col :span="12">
+        <el-form-item label="客户类型" prop="bopquep.ptytyp">
+            <c-select v-model="model.bopquep.ptytyp" style="width:100%" placeholder="请选择客户类型">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="客户名称" prop="bopquep.ptynam">
+            <c-input  v-model="model.bopquep.ptynam" maxlength="50"  placeholder="请输入客户名称"></c-input>
+        </el-form-item>
+       </c-col>
+                                                    
+       <c-col :span="12">
+        <el-form-item label="结算方式" prop="bopquep.medtyp">
+            <c-select v-model="model.bopquep.medtyp" style="width:100%" placeholder="请选择结算方式">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="业务编号" prop="bopquep.ownref">
+            <c-input  v-model="model.bopquep.ownref" maxlength="16"  placeholder="请输入业务编号"></c-input>
+        </el-form-item>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="笔数" prop="bopquep.sum">
+            <c-input  v-model="model.bopquep.sum"  placeholder="请输入笔数"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Selection" prop="dblstm">
+            <c-input  v-model="model.dblstm"  placeholder="请输入Selection"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onSerbut">
+            Search
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onDtlbut">
+            Detail
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onAddbut">
+            Add New
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onAmebut">
+            Modify
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small"  icon="el-icon-delete" @click="onDelbut">
+            Delete
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onPrtbut">
+            Print
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onExpbut">
+            导出Excel
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onExpbop">
+            应急导出
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onExi">
+            Exit
+        </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/Bopsel/Event";
+
+export default {
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {
+      searchToggle:false,
+      stmData: {
+        columns: [
+          '4 1 "申报号码" 0 ',
+          '5 2 "客户" 0',
+          '7 3 "组织机构代码" 0',
+          '20 4 "基础" 0',
+          '21 5 "银行业务编号" 0',
+        ],
+        data: [],
+      },
+    };
+  },
+  methods: { ...Event },
+  created: function () {
+    this.model.bopquep.boptyp = "ALL";
+    this.model.bopquep.frmdat = new Date();
+    this.model.bopquep.tildat = new Date();
+  },
+};
+</script>
+<style scoped>
+.eibs-tab >>> .m-table-search{
+  border-bottom: 0;
+}
+.eibs-tab >>> .m-table-search-operation-top {
+  width: calc(95.833333% + 9px);
+}
+</style>

src/views/Business/Bopsel/index.vue

+<template>
+  <div class="eContainer">
+    <el-form
+      :model="model"
+      :rules="rules"
+      ref="modelForm"
+      label-width="150px"
+      label-position="right"
+      size="small"
+      :validate-on-rule-change="false"
+    >
+      <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
+        <!--PD000000 -->
+        <el-tab-pane label="申报信息" name="selp">
+          <m-selp :model="model" :codes="codes" ref="selp"/>
+        </el-tab-pane>
+
+        <!--PD000000 -->
+        <el-tab-pane label="差错反馈" name="errp">
+          <m-errp :model="model" :codes="codes" ref="errp"/>
+        </el-tab-pane>
+      </c-tabs>
+    </el-form>
+  </div>
+</template>
+<script>
+import { getCodetable } from "~/service/business/codeTable"
+import CodeTable from "~/config/CodeTable";
+import Bopsel from "~/model/Bopsel";
+import commonProcess from "~/mixin/commonProcess";
+import Check from "~/model/Bopsel/Check";
+import Default from "~/model/Bopsel/Default";
+import Pattern from "~/model/Bopsel/Pattern";
+import Utils from "~/utils/index"
+import Selp from "./Selp";
+import Errp from "./Errp";
+
+export default {
+  name: "Bopsel",
+  components: {
+    "m-selp": Selp,
+    "m-errp": Errp,
+  },
+  provide() {
+    return {
+      root: this,
+    };
+  },
+  mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
+  data() {
+    return {
+      tabVal: "selp",
+      trnName: "bopsel",
+      model: new Bopsel().data,
+      checkRules: Check,
+      defaultRules: Default,
+      pattern: Pattern,
+      rules: null,
+      codes: {
+        boptyp: [],
+        dattyp: [
+          { label: "按收付汇日期", value: "A" },
+          { label: "按经办日期", value: "B" },
+        ],
+        ptytyp: [
+          { label: "对公", value: "C" },
+          { label: "对私中国居民", value: "D" },
+          { label: "对私非中国居民", value: "F" },
+        ],
+        medtyp:[
+		{label:"票汇",value:"D" },
+		{label:"信用证",value:"L" },
+		{label:"托收",value:"C" },
+		{label:"保函",value:"G" },
+		{label:"光票托收",value:"Y" },
+		{label:"其他",value:"O" },
+		{label:"电汇",value:"T" },
+		{label:"支票代收",value:"Z" },
+		{label:"信汇",value:"M" },
+	],
+    staflg:[
+        {label:"待确认",value:"P" },
+        {label:"待发送",value:"W" },
+		{label:"已发送",value:"S" },
+        {label:"已撤销",value:"D" },
+		{label:"已删除",value:"G" },
+		{label:"待修改",value:"E" },
+	],
+      },
+    };
+  },
+  methods: {
+    tabClick() {},
+  },
+  created: async function () {
+    console.log("进入bopsel交易");
+
+    // 查询码表
+    getCodetable({ tbl: "BOPTYP", lang: "EN" }).then((res) => {
+      if (res.respCode == SUCCESS) {
+        this.codes.boptyp = res.data;
+      }
+    });
+
+    // let rtnmsg = await this.init({});
+    // if (rtnmsg.respCode == SUCCESS) {
+    //   //TODO 处理数据逻辑
+    // } else {
+    //   this.$notify.error({ title: "错误", message: "服务请求失败！" });
+    // }
+    const that = this;
+    that.init(that.model).then((res) => {
+      //TODO 处理数据逻辑
+      that.model = Utils.copyValueFromVO(that.model, res.data);
+      //this.$refs.selp.selpHandleSearch();
+      //this.$refs.errp.errpHandleSearch();
+    });
+  },
+};
+</script>
+<style>
+.el-tabs .el-tabs__content {
+    /* background: #fff; */
+    padding: 5px;
+  }
+</style>

src/views/Business/Diasel/Diaselp.vue

+<template>
+  <div class="eibs-tab">
+    <!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch">
+      <template  v-slot="searchSlot"> -->
+
+    <el-form
+      class="m-table-search-form"
+      ref="paramsForm"
+      :inline="true"
+      label-position="right"
+      label-width="110px"
+      size="small"
+    >
+      <el-row>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item label="业务编号" prop="searef" style="width: 100%">
+              <c-input
+                v-model="model.searef"
+                maxlength="16"
+                style="width: 100%"
+                placeholder="请输入Selection Reference"
+              ></c-input>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="提示日期" style="width: 100%">
+              <c-col :span="11">
+                <c-date-picker
+                  type="date"
+                  v-model="model.diafro"
+                  style="width: 100%"
+                  placeholder="请选择Diary From date"
+                ></c-date-picker>
+              </c-col>
+              <c-col :span="2" style="text-align: center">
+                <label style="display: inline-block; width: 100%">-</label>
+              </c-col>
+              <c-col :span="11">
+                <c-date-picker
+                  type="date"
+                  v-model="model.diatil"
+                  style="width: 100%"
+                  placeholder="请选择Diary Till date"
+                ></c-date-picker>
+              </c-col>
+            </el-form-item>
+          </c-col>
+          <c-col :span="8">
+            <el-form-item
+              label="选择用户"
+              prop="usfmod.flt"
+              style="width: 100%"
+            >
+              <c-col :span="24">
+                <!-- <c-col :span="16"> -->
+                <c-select
+                  v-model="model.usfmod.flt"
+                  style="width: 100%"
+                  placeholder="请选择Filter"
+                >
+                  <el-option
+                    v-for="item in codes.flt"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </c-select>
+                <!-- </c-col> -->
+                <!-- <c-col :span="7">
+                <c-button size="small" type="primary" style="width: 100%">
+                  show set
+                </c-button>
+                   </c-col>-->
+              </c-col>
+            </el-form-item>
+          </c-col>
+        </c-col>
+      </el-row>
+      <el-row>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item label="业务类型" prop="seasec" style="width: 100%">
+              <c-select
+                v-model="model.seasec"
+                style="width: 100%"
+                placeholder="请选择Business Sector"
+              >
+                <el-option
+                  v-for="item in codes.bustxt"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="提示原因" prop="reasen" style="width: 100%">
+              <c-select
+                v-model="model.reasen"
+                style="width: 100%"
+                placeholder="请选择Reasons"
+              >
+                <el-option
+                  v-for="item in codes.diatxt"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8" v-if="model.usfmod.flt == '<SELU>'">
+            <el-form-item
+              label="经办柜员"
+              prop="usfmod.usr.extkey"
+              style="width: 100%"
+            >
+              <c-col :span="24">
+                <c-col :span="20">
+                  <c-input
+                    v-model="model.usfmod.usr.extkey"
+                    maxlength="8"
+                    placeholder="请输入User ID"
+                    style="width: 95%"
+                  ></c-input>
+                </c-col>
+                <c-col :span="4">
+                  <c-button
+                    size="small"
+                    style="width: 100%;margin-left:0"
+                    type="primary"
+                    icon="el-icon-search"
+                  ></c-button>
+                </c-col>
+              </c-col>
+            </el-form-item>
+          </c-col>
+          <c-col :span="8" v-else-if="model.usfmod.flt == '<SELB>'">
+            <el-form-item
+              label="业务机构"
+              prop="usfmod.selusb"
+              style="width: 100%"
+            >
+              <c-select
+                v-model="model.usfmod.selusb"
+                style="width: 100%"
+                placeholder="请选择Select user branch"
+              >
+              </c-select>
+            </el-form-item>
+          </c-col>
+          <c-col :span="8" style="text-align: right" v-else>
+            <el-button size="small" @click="handleReset">重置</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="small"
+              @click="handleSearch"
+              >查询</el-button
+            >
+          </c-col>
+          
+        </c-col>
+        <c-col
+            :span="24"
+            style="text-align: right;height:36.8px;"
+            v-if="
+              model.usfmod.flt === '<SELU>' || model.usfmod.flt === '<SELB>'
+            "
+          >
+          <!-- <el-form-item> -->
+            <el-button size="small" @click="handleReset">重置</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="small"
+              @click="handleSearch"
+              >查询</el-button
+            >
+            <!-- </el-form-item> -->
+          </c-col>
+      </el-row>
+      
+    </el-form>
+
+    <c-col :span="24" style="">
+      <div style="border-bottom: 10px solid rgb(232, 232, 232)">
+      </div>
+    </c-col>
+
+    <!-- </template>
+    </c-list-search> -->
+
+    <!-- <div style="margin-top: 20px">
+      <c-button
+        size="small"
+        type="primary"
+        @click="onButdet"
+        disabled="disabled"
+      >
+        Display
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        @click="onButdia"
+        disabled="disabled"
+      >
+        Modify
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        @click="onButdel"
+        disabled="disabled"
+      >
+        Delete
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        @click="onButprt"
+        disabled="disabled"
+      >
+        Print
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        disabled="disabled"
+        @click="onButconsel"
+      >
+        Selection
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        @click="onButconcal"
+        disabled="disabled"
+      >
+        Process
+      </c-button>
+      <c-button size="small" type="primary" disabled="disabled">
+        导Excel
+      </c-button>
+    </div> -->
+
+    <el-row>
+      <c-col :span="24" style="">
+        <c-istream-table :list="stmData.data" :columns="stmData.columns" :showButtonFlg="true">
+          <el-table-column
+            fixed="right"
+            prop="display"
+            label="操作"
+            width="140px"
+          >
+          <template slot="header">
+              <c-col :span="11" style="text-align:left"><span>操作</span></c-col>
+              <!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> -->
+            </template>
+            <template>
+              <c-button style="margin-left: 0" size="small">
+                详情
+              </c-button>
+              <c-button style="margin-left: 0" size="small" type="primary">
+                处理
+              </c-button>
+            </template>
+          </el-table-column>
+        </c-istream-table>
+      </c-col>
+    </el-row>
+    <!-- <el-row style="margin-top: 2rem">
+       <c-col :span="24">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>交易状态信息 —— {{ transactionStatus.busiNo }}</span>
+        </div>
+        <div class="text item">
+          <form class="el-form--label-left el-form--inline">
+            <div class="el-form-item">
+              <label class="el-form-item__label">修改次数:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.modTimes }}</span>
+              </div>
+            </div>
+            <div class="el-form-item">
+              <label class="el-form-item__label transstatus">交单次数:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.postCount }}</span>
+              </div>
+            </div>
+            <div class="el-form-item">
+              <label class="el-form-item__label transstatus">付款次数:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.earnCount }}</span>
+              </div>
+            </div>
+            <div class="el-form-item">
+              <label class="el-form-item__label transstatus">付款金额:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.earnAmt }} CNY</span>
+              </div>
+            </div>
+          </form>
+        </div>
+      </el-card>
+       </c-col>
+    </el-row> -->
+    <el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
+      <div class="m-list-btns"></div>
+    </el-dialog>
+
+    <!--
+	<c-col :span="12">
+	    <span  v-text="model.usfmod.usftxt"   data-path=".usfmod.usftxt" > </span>
+	</c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Filter" prop="usfmod.flt">
+            <c-select v-model="model.usfmod.flt" style="width:100%" placeholder="请选择Filter">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onUsfmodShwflt">
+            Sho&w Set
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onButdet">
+            &Display
+        </c-button>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="Selection Reference" prop="searef">
+            <c-input  v-model="model.searef" maxlength="16"  placeholder="请输入Selection Reference"></c-input>
+        </el-form-item>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="Business Sector" prop="seasec">
+            <c-select v-model="model.seasec" style="width:100%" placeholder="请选择Business Sector">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                  
+	<c-col :span="12">
+	    <span  v-text="model.usfmod.labtxt"   data-path=".usfmod.labtxt" > </span>
+	</c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Selected User Group Set" prop="usfmod.selusgset">
+            <c-select v-model="model.usfmod.selusgset" style="width:100%" placeholder="请选择Selected User Group Set">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="User ID" prop="usfmod.usr.extkey">
+            <c-input  v-model="model.usfmod.usr.extkey" maxlength="8"  placeholder="请输入User ID"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Selected User Group" prop="usfmod.selusg">
+            <c-select v-model="model.usfmod.selusg" style="width:100%" placeholder="请选择Selected User Group">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Select user branch" prop="usfmod.selusb">
+            <c-select v-model="model.usfmod.selusb" style="width:100%" placeholder="请选择Select user branch">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="" prop="usfmod.usrget.sdamod.seainf">
+            <c-input  v-model="model.usfmod.usrget.sdamod.seainf"  placeholder="请输入"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onButdia">
+            &Modify
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Display Stream" prop="dspstm">
+            <c-input  v-model="model.dspstm"  placeholder="请输入Display Stream"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small"  icon="el-icon-delete" @click="onButdel">
+            &Delete
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onButprt">
+            P&rint
+        </c-button>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <c-button size="small" type="primary" icon="el-icon-search" @click="onButconsel">
+            &Selection
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onButconcal">
+            &Process
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onButexi">
+            E&xit
+        </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/Diasel/Event";
+
+export default {
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  data() {
+    return {
+      initdialog: false,
+      transactionStatus: {
+        busiNo: "",
+        modTimes: 0,
+        postCount: 0,
+        accCount: 0,
+        earnCount: 0,
+        earnAmt: 0,
+      },
+      stmData: {
+        columns: [
+          // '1 1 "提示日期" 160',
+          {index:1,position:1,width:90,pattern:'date',label:'提示日期'},
+          '2 2 "提示原因" 100',
+          '3 3 "业务编号" 150',
+          '4 4 "提示信息" 300',
+          '5 5 "待操作交易代码" 120',
+          '6 6 "经办柜员" 100',
+          '7 7 "所属工作组" auto',
+          // '8 8 "客户号" 1',
+          // '9 9 "客户名称" 1',
+          // '10 10 "币种" 1',
+          // '11 11 "金额" 1',
+          // '12 12 "预计核验" 1',
+        ],
+        data: [],
+      },
+      relrowDisabled: true,
+    };
+  },
+  methods: {
+    ...Event,
+  },
+  created: function () {},
+};
+</script>
+<style>
+</style>

src/views/Business/Diasel/index.vue

+<template>
+  <div class="eContainer">
+    <el-form :model="model" :rules="rules" ref="modelForm" label-width="200px" size="small" :validate-on-rule-change="false">
+       <!-- <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">-->
+        
+            <!--PD000001 -->
+           <!-- <el-tab-pane label="Diary Selection" name="diaselp"> --> 
+               <!-- <c-content> -->
+                <m-diaselp :model="model" :codes="codes" ref="diaselp"/>
+               <!-- </c-content> -->
+           <!-- </el-tab-pane>
+       </c-tabs> -->
+    </el-form>
+  </div>
+</template>
+<script>
+import { getCodetable } from "~/service/business/codeTable"
+import CodeTable from "~/config/CodeTable"
+import Diasel from "~/model/Diasel"
+import commonProcess from "~/mixin/commonProcess"
+import Utils from "~/utils/index"
+import Check from "~/model/Diasel/Check"
+import Default from "~/model/Diasel/Default"
+import Pattern from "~/model/Diasel/Pattern"
+import Diaselp from "./Diaselp"
+
+
+export default {
+    name: 'Diasel',
+    components:{
+        "m-diaselp" : Diaselp,
+    },
+    provide() {
+        return {
+            root: this
+        }
+    },
+    mixins: [commonProcess],    // 里面包含了Default、Check等的公共处理
+    data(){
+        return {
+            tabVal: "diaselp",
+            trnName: "diasel",
+            model: new Diasel().data,
+            checkRules: Check,
+            defaultRules: Default,
+            pattern: Pattern,
+            rules: null,
+            codes: {
+                ...CodeTable,
+                bustxt:[],
+                diatxt:[],
+            },
+        }
+    },
+    methods:{
+        tabClick(){
+        }
+    },
+
+    created:async function(){
+        console.log("进入diasel交易");
+        // 查询码表
+        getCodetable({ tbl:'DIATXT',lang:'EN' }).then((res) => {
+                if (res.respCode == SUCCESS) {
+                  this.codes.diatxt = res.data;
+                }
+            });
+        getCodetable({ tbl:'BUSTXT',lang:'EN' }).then((res) => {
+                if (res.respCode == SUCCESS) {
+                  this.codes.bustxt = res.data;
+                }
+            });
+         
+        /* let rtnmsg = await this.init({})
+        if(rtnmsg.respCode == SUCCESS)
+        {
+
+           this.$refs.diaselp.stmData.data = rtnmsg.data.dspstm.rows;
+
+        }
+        else
+        {
+            this.$notify.error({title: '错误',message: '服务请求失败！'});
+        } */
+        const that = this;
+        that.init(that.model).then(res => {
+            //TODO 处理数据逻辑
+            that.model = Utils.copyValueFromVO(that.model, res.data)
+            this.$refs.diaselp.handleSearch();
+        })
+    }
+}
+</script>
+<style>
+
+</style>

src/views/Business/Sptsel/Menu.vue

+<template>
+  <div class="eibs-tab">
+    <!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch"> -->
+    <!-- <template v-slot="searchSlot"> -->
+
+    <el-form
+      class="m-table-search-form"
+      ref="paramsForm"
+      :inline="true"
+      label-position="right"
+      label-width="110px"
+      size="small"
+    >
+      <!-- <el-row>
+                      <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                          <el-form-item label="" prop="chkinc">
+                                  <c-checkbox v-model="chkinc">Incoming</c-checkbox>
+                          </el-form-item>
+                      </c-col>
+                      <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                          <el-form-item label="" prop="chkdzt">
+                              <c-checkbox v-model="chkdzt">E-Trade</c-checkbox>
+                          </el-form-item>
+                      </c-col>
+                      <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                          <el-form-item label="" prop="chkpen">
+                              <c-checkbox v-model="chkpen">Break</c-checkbox>
+                          </el-form-item>
+                      </c-col>
+
+                      <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                          <el-form-item label="" prop="chkcor">
+                              <c-checkbox v-model="chkcor">Correction</c-checkbox>
+                          </el-form-item>
+                      </c-col>
+                  
+                      <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                          <el-form-item label="" prop="chkaut">
+                              <c-checkbox v-model="chkaut">Automatic</c-checkbox>
+                          </el-form-item>
+                      </c-col>
+
+                      <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                          <el-form-item label="" prop="chkdel">
+                              <c-checkbox v-model="chkdel">Reject</c-checkbox>
+                          </el-form-item>
+                      </c-col>
+                      
+                      <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                          <el-form-item label="" prop="chktco">
+                              <c-checkbox v-model="chktco">网银</c-checkbox>
+                          </el-form-item>
+                      </c-col>
+
+                      <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                          <el-form-item label="" prop="chkcan">
+                              <c-checkbox v-model="chkcan">归档</c-checkbox>
+                          </el-form-item>
+                      </c-col>
+                  </el-row> -->
+      <el-row>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item label="业务编号" prop="selobj" style="width: 100%">
+              <c-input
+                style="width: 100%"
+                v-model="model.selobj"
+                maxlength="32"
+                placeholder="请输入Reference"
+              ></c-input>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="创建时间" style="width: 100%">
+              <c-col :span="11">
+                <c-date-picker
+                  type="date"
+                  v-model="model.inidatfro"
+                  style="width: 100%"
+                  placeholder="请选择Date of entry of Transaction"
+                ></c-date-picker>
+              </c-col>
+              <c-col :span="2" style="text-align: center">
+                <label style="display: inline-block; width: 100%">-</label>
+              </c-col>
+              <c-col :span="11">
+                <c-date-picker
+                  type="date"
+                  v-model="model.inidattil"
+                  style="width: 100%"
+                  placeholder="请选择Date of entry of Transaction until"
+                ></c-date-picker>
+              </c-col>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="来源" style="width: 100%" prop="sourceModel">
+              <el-select
+                clearable
+                v-model="sourceModel"
+                style="width: 100%"
+                placeholder="请选择来源"
+                multiple
+                collapse-tags
+                @change="sourceChangeEvent"
+              >
+                <el-option
+                  v-for="item in sourceData"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </c-col>
+        </c-col>
+      </el-row>
+
+      <el-row>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item
+              label="选择用户"
+              prop="usfmod.flt"
+              style="width: 100%"
+            >
+              <!-- <c-col :span="20"> -->
+              <c-select
+                v-model="model.usfmod.flt"
+                style="width: 100%"
+                placeholder="请选择User"
+              >
+                <el-option
+                  v-for="item in codes.flt"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+              <!-- </c-col> -->
+              <!-- <c-col :span="4" style="text-align: right">
+                  <c-button
+                    size="small"
+                    type="primary"
+                    style="margin: 0 0"
+                    icon="el-icon-search"
+                    @click="onUsfmodShwflt"
+                  >
+                  </c-button>
+                </c-col> -->
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="业务描述" prop="seltxt" style="width: 100%">
+              <c-input
+                v-model="model.seltxt"
+                maxlength="32"
+                placeholder="请输入Selection Name"
+              ></c-input>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="业务标志" prop="dflg" style="width: 100%">
+              <c-select
+                v-model="model.dflg"
+                style="width: 100%"
+                placeholder="请选择国内国际标志"
+              >
+                <el-option label="All" value="1"></el-option>
+                <el-option label="国内业务" value="2"></el-option>
+                <el-option label="国际业务" value="3"></el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+        </c-col>
+
+        <c-col :span="24" style="">
+          <c-col :span="8" v-if="model.usfmod.flt === '<SELU>'">
+            <el-form-item label="经办柜员" style="width: 100%">
+              <c-input></c-input>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8" v-else-if="model.usfmod.flt === '<SELB>'">
+            <el-form-item label="归属机构" style="width: 100%">
+              <c-input></c-input>
+            </el-form-item>
+          </c-col>
+          <c-col :span="8" v-else>
+            <el-form-item
+              label=""
+              style="width: 100%; height: 36.8px; margin: 0 0 0 0"
+            >
+            </el-form-item>
+          </c-col>
+          <c-col :span="16" style="text-align: right">
+            <el-button size="small" @click="handleReset">重置</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="small"
+              @click="handleSearch"
+              >查询</el-button
+            >
+          </c-col>
+
+          <!-- <c-col :span="12" style="text-align:center" >
+                          <c-checkbox v-model="model.chkypt">云平台</c-checkbox>
+                      </c-col> -->
+
+          <!-- <c-col :span="8">
+              <el-form-item
+                label="退回原因"
+                prop="yptinf"
+                style="width: 100%"
+              >
+                <c-input
+                  v-model="model.yptinf"
+                  maxlength="60"
+                  placeholder="请输入退回原因"
+                  :readonly="true"
+                ></c-input>
+              </el-form-item>
+            </c-col> -->
+        </c-col>
+      </el-row>
+    </el-form>
+
+    <c-col :span="24" style="">
+      <div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
+    </c-col>
+    <!-- </template> -->
+    <!-- </c-list-search> -->
+
+    <!-- <div style="margin-top:20px;">
+            <c-button size="small" type="primary" disabled="disabled" @click="onButypt">
+                退回云平台
+            </c-button>
+            <c-button size="small" type="primary" disabled="disabled" @click="onDlmft">
+                MFT下载
+            </c-button>
+            <c-button size="small" type="primary" disabled="disabled" @click="onDlaxq">
+                AXQ下载
+            </c-button>
+            <c-button size="small" type="primary" disabled="disabled" @click="onButimg">
+                上传影像
+            </c-button>
+        </div> -->
+    <el-row>
+      <!-- <c-col :span="24" style="text-align: right; margin-top: 7px">
+        <c-button
+          style="margin-left: 0"
+          size="small"
+          type="primary"
+          @click="onTake"
+        >
+          处理
+        </c-button>
+        <c-button
+          style="margin-left: 0"
+          size="small"
+          type="primary"
+          @click="onDelete"
+        >
+          删除
+        </c-button>
+        <c-button
+          style="margin-left: 0"
+          size="small"
+          type="primary"
+          @click="onRouting"
+        >
+          分派
+        </c-button>
+        <c-button
+          style="margin-left: 0"
+          size="small"
+          type="primary"
+          @click="onShowInc"
+        >
+          显示报文
+        </c-button>
+        <c-button
+          style="margin-left: 0"
+          size="small"
+          type="primary"
+          @click="onDetails"
+        >
+          详情
+        </c-button>
+      </c-col> -->
+      <c-col :span="24" style="">
+        <c-istream-table
+          :list="stmData.data"
+          :columns="stmData.columns"
+          :showButtonFlg="true"
+        >
+          <c-table-column fixed="right" prop="op" label="操作" width="165px">
+            <template slot-scope="{ scope }">
+              <c-button
+                style="margin-left: 0"
+                size="small"
+                @click="onDetails(scope.$index, scope.row)"
+                >详情
+              </c-button>
+              <c-button
+                style="margin-left: 0"
+                size="small"
+                type="primary"
+                @click="continueEdit(scope.row)"
+                >处理
+              </c-button>
+              <!-- <c-button
+                style="margin-left: 0"
+                size="small"
+                type="primary"
+                @click="choose(scope.$index)"
+                >选择
+              </c-button> -->
+              <el-popover placement="top-start" width="50" trigger="click">
+                <!-- <c-button type="primary" size="small">指派</c-button>
+                <c-button type="primary" size="small">删除</c-button> -->
+
+                <ul class="table-button-item-list">
+                  <li>
+                    <c-button size="small" style="margin-left: 0"
+                      >指派</c-button
+                    >
+                  </li>
+                  <li>
+                    <c-button size="small" style="margin-left: 0"
+                      >删除</c-button
+                    >
+                  </li>
+                </ul>
+                <a
+                  slot="reference"
+                  href="javascript:void(0)"
+                  style="margin-left: 5px"
+                  ><i class="el-icon-more"></i
+                ></a>
+              </el-popover>
+            </template>
+          </c-table-column>
+        </c-istream-table>
+      </c-col>
+    </el-row>
+
+    <!-- <el-row style="margin-top: 2rem">
+       <c-col :span="24">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>交易状态信息 —— {{ transactionStatus.busiNo }}</span>
+        </div>
+        <div class="text item">
+          <form class="el-form--label-left el-form--inline">
+            <div class="el-form-item">
+              <label class="el-form-item__label">修改次数:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.modTimes }}</span>
+              </div>
+            </div>
+            <div class="el-form-item">
+              <label class="el-form-item__label transstatus">交单次数:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.postCount }}</span>
+              </div>
+            </div>
+            <div class="el-form-item">
+              <label class="el-form-item__label transstatus">付款次数:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.earnCount }}</span>
+              </div>
+            </div>
+            <div class="el-form-item">
+              <label class="el-form-item__label transstatus">付款金额:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.earnAmt }} CNY</span>
+              </div>
+            </div>
+          </form>
+        </div>
+      </el-card>
+       </c-col>
+    </el-row> -->
+    <el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
+      <div class="m-list-btns"></div>
+    </el-dialog>
+    <!-- <el-dialog
+      class="detailDialogClass"
+      :visible.sync="detailDialog"
+      :title="'详情面板'"
+      appenD-to-body
+      show-close
+    >
+      <m-sptpopup :model="model" :codes="codes"></m-sptpopup>
+      <span slot="footer">
+        <c-col :span="24" style="margin-top: 5px">
+          <el-button type="primary" @click="detailDialog = false"
+            >关闭</el-button
+          >
+        </c-col>
+      </span>
+    </el-dialog> -->
+  </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Sptsel/Event";
+
+export default {
+  inject: ["root"],
+  props: ["model", "codes"],
+
+  mixins: [commonProcess],
+  data() {
+    return {
+      // saveColumns: [],
+      sourceModel: [],
+      sourceData: [],
+      initdialog: false,
+      // detailDialog: false,
+      // setColumnFlg: false,
+      // saveColumnFlg: true,
+
+      transactionStatus: {
+        busiNo: "",
+        modTimes: 0,
+        postCount: 0,
+        accCount: 0,
+        earnCount: 0,
+        earnAmt: 0,
+      },
+      // setColumn: [],
+      stmData: {
+        columns: [
+          '4 1 "交易代码" 80 ',
+          '5 2 "业务编号" 300',
+          '6 3 "交易名称" 150',
+          //'1 4 "状态" 60 1 tdViewTypeEdit:0 1 SPT:STA',
+          {
+            index: 1,
+            position: 4,
+            width: 110,
+            pattern: "code",
+            label: "状态",
+            code: this.codes.sptrelstatus,
+          },
+          '17 5 "报文类型" 100',
+          '18 6 "对方银行BIC" 110',
+          // '7 7 "创建时间" 160 20 DateTime 1',
+          {
+            index: 7,
+            position: 7,
+            width: 140,
+            pattern: "time",
+            label: "创建时间",
+          },
+          '19 8 "币种" 50',
+          '20 9 "金额" 69 2 8 1 16',
+
+          // "20 7 \"Cur\" 30",
+          // "21 8 \"Amt\" 69 2 8 1 16",
+          // "1 9 \"Status\" 60 1 tdViewTypeEdit:0 1 SPT:STA",
+          '8 10 "创建人" 80',
+          '3 11 "当前操作柜员" 100',
+          '3 12 "当前组别" 100',
+          '3 13 "上次操作柜员" 100',
+          '3 14 "来源" 50',
+          '3 15 "提示" 50 1 20:0 1 FormatINFDSP',
+          // "19 15 \"Key\" 90",
+          '3 16 "提示信息" 300',
+        ],
+        data: [],
+      },
+    };
+  },
+  async mounted() {
+    this.sourceData = [
+      { label: "Incoming", value: "chkinc" },
+      { label: "E-Trade", value: "chkdzt" },
+      // { label: "Break", value: "chkpen" },
+      { label: "Correction", value: "chkcor" },
+      { label: "Automatic", value: "chkaut" },
+      { label: "Reject", value: "chkdel" },
+      { label: "网银", value: "chktco" },
+      { label: "归档", value: "chkcan" },
+      { label: "云平台", value: "chkypt" },
+    ];
+    // await this.handleSearch()
+    // this.$store.commit("setTaskList", {key: "sptsel", val: this.stmData.data.length})
+  },
+
+  methods: {
+    sourceChangeEvent(val) {
+      this.sourceData.forEach((s) => {
+        this.model[s.value] = "";
+      });
+      val.forEach((element) => {
+        this.model[element] = "t";
+      });
+    },
+
+    // async choose(idx,row){
+    //     var params = {selDst:"sptstm",selrow:[idx+1]}
+      
+    //    let rtnmsg = await this.executeRule("sptstm" , params) //SPTSTM
+    //     if(rtnmsg.respCode == SUCCESS)
+    //     {
+    //       this.stmData.data = rtnmsg.data.sptstm.rows;
+    //     }
+    //     else
+    //     {
+    //       this.$notify.error({title: '错误',message: '服务请求失败！'});
+    //     }
+      
+    // },
+
+    ...Event,
+  },
+  created: function () {
+    // this.setColumn = this.stmData.columns.map((item, index) => {
+    //   let begIdx = item.indexOf('"');
+    //   let endIdx = item.indexOf('"', begIdx + 1);
+    //   let label = item.substring(begIdx + 1, endIdx);
+    //   return { label, value: true, index };
+    // });
+    // this.columnGroup = this.setColumn.map((item) => item.index);
+  },
+};
+</script>
+<style scoped>
+/* .showColumnDialog >>> .el-dialog__body {
+  padding-bottom: 10px;
+}
+.showColumnDialog >>> .el-dialog__footer {
+  padding: 0 20px 10px 20px;
+}
+.detailDialogClass >>> .el-dialog {
+  height: 650px;
+} */
+.table-button-item-list {
+  padding: 0;
+  margin: 0;
+}
+.table-button-item-list li {
+  list-style: none;
+  padding: 5px 0;
+  text-align: center;
+  color: #606266;
+  cursor: pointer;
+}
+</style>

src/views/Business/Sptsel/Sptbrk/Menu.vue

+<template>
+  <div class="eibs-tab">
+    <!-- <c-list-search @form-reset="sptfndHandleReset" @form-search="sptfndHandleSearch"> -->
+    <!-- <template v-slot="searchSlot"> -->
+      
+    <el-form
+      class="m-table-search-form"
+      ref="paramsForm"
+      :inline="true"
+      label-position="right"
+      label-width="110px"
+      size="small"
+    >
+      <!-- <el-row>
+                        <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                            <el-form-item label="" prop="chkinc">
+                                    <c-checkbox v-model="chkinc">Incoming</c-checkbox>
+                            </el-form-item>
+                        </c-col>
+                        <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                            <el-form-item label="" prop="chkdzt">
+                                <c-checkbox v-model="chkdzt">E-Trade</c-checkbox>
+                            </el-form-item>
+                        </c-col>
+                        <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                            <el-form-item label="" prop="chkpen">
+                                <c-checkbox v-model="chkpen">Break</c-checkbox>
+                            </el-form-item>
+                        </c-col>
+
+                        <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                            <el-form-item label="" prop="chkcor">
+                                <c-checkbox v-model="chkcor">Correction</c-checkbox>
+                            </el-form-item>
+                        </c-col>
+                    
+                        <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                            <el-form-item label="" prop="chkaut">
+                                <c-checkbox v-model="chkaut">Automatic</c-checkbox>
+                            </el-form-item>
+                        </c-col>
+
+                        <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                            <el-form-item label="" prop="chkdel">
+                                <c-checkbox v-model="chkdel">Reject</c-checkbox>
+                            </el-form-item>
+                        </c-col>
+                        
+                        <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                            <el-form-item label="" prop="chktco">
+                                <c-checkbox v-model="chktco">网银</c-checkbox>
+                            </el-form-item>
+                        </c-col>
+
+                        <c-col :span="2" style="text-align:center;margin-bottom: 16px;">
+                            <el-form-item label="" prop="chkcan">
+                                <c-checkbox v-model="chkcan">归档</c-checkbox>
+                            </el-form-item>
+                        </c-col>
+                    </el-row> -->
+      <el-row>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item label="业务编号" prop="selobj" style="width: 100%">
+              <c-input
+                style="width: 100%"
+                v-model="model.selobj"
+                maxlength="32"
+                placeholder="请输入Reference"
+              ></c-input>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="创建时间" style="width: 100%">
+              <c-col :span="11">
+                <c-date-picker
+                  type="date"
+                  v-model="model.inidatfro"
+                  style="width: 100%"
+                  placeholder="请选择Date of entry of Transaction"
+                ></c-date-picker>
+              </c-col>
+              <c-col :span="2" style="text-align: center">
+                <label style="display: inline-block; width: 100%">-</label>
+              </c-col>
+              <c-col :span="11">
+                <c-date-picker
+                  type="date"
+                  v-model="model.inidattil"
+                  style="width: 100%"
+                  placeholder="请选择Date of entry of Transaction until"
+                ></c-date-picker>
+              </c-col>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item
+              label="选择用户"
+              prop="usfmod.flt"
+              style="width: 100%"
+            >
+              <!-- <c-col :span="20"> -->
+              <c-select
+                v-model="model.usfmod.flt"
+                style="width: 100%"
+                placeholder="请选择User"
+              >
+                <el-option
+                  v-for="item in codes.flt"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+              <!-- </c-col> -->
+              <!-- <c-col :span="4" style="text-align: right">
+                    <c-button
+                      size="small"
+                      type="primary"
+                      style="margin: 0 0"
+                      icon="el-icon-search"
+                      @click="onUsfmodShwflt"
+                    >
+                    </c-button>
+                  </c-col> -->
+            </el-form-item>
+          </c-col>
+        </c-col>
+      </el-row>
+
+      <el-row>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item label="业务描述" prop="seltxt" style="width: 100%">
+              <c-input
+                v-model="model.seltxt"
+                maxlength="32"
+                placeholder="请输入Selection Name"
+              ></c-input>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="业务标志" prop="dflg" style="width: 100%">
+              <c-select
+                v-model="model.dflg"
+                style="width: 100%"
+                placeholder="请选择国内国际标志"
+              >
+                <el-option label="All" value="1"></el-option>
+                <el-option label="国内业务" value="2"></el-option>
+                <el-option label="国际业务" value="3"></el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+          <c-col :span="8" v-if="model.usfmod.flt === '<SELU>'">
+            <el-form-item label="经办柜员" style="width: 100%">
+              <c-input></c-input>
+            </el-form-item>
+          </c-col>
+          <c-col :span="8" v-else-if="model.usfmod.flt === '<SELB>'">
+            <el-form-item label="归属机构" style="width: 100%">
+              <c-input></c-input>
+            </el-form-item>
+          </c-col>
+          <!-- <c-col :span="8" v-else>
+            <el-form-item
+              label=""
+              style="width: 100%; height: 36.8px; margin: 0 0 0 0"
+            >
+            </el-form-item>
+          </c-col> -->
+
+          <c-col :span="8" style="text-align: right" v-else>
+            <el-button size="small" @click="sptfndHandleReset">重置</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="small"
+              @click="sptfndHandleSearch"
+              >查询</el-button
+            >
+          </c-col>
+        </c-col>
+        <c-col :span="24" style="text-align: right;height:36.8px" v-if="model.usfmod.flt === '<SELU>'||model.usfmod.flt === '<SELB>'">
+            <el-button size="small" @click="sptfndHandleReset">重置</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="small"
+              @click="sptfndHandleSearch"
+              >查询</el-button
+            >
+          </c-col>
+
+        <c-col :span="24" style="">
+          <!-- <c-col :span="12" style="text-align:center" >
+                            <c-checkbox v-model="model.chkypt">云平台</c-checkbox>
+                        </c-col> -->
+
+          <!-- <c-col :span="8">
+                <el-form-item
+                  label="退回原因"
+                  prop="yptinf"
+                  style="width: 100%"
+                >
+                  <c-input
+                    v-model="model.yptinf"
+                    maxlength="60"
+                    placeholder="请输入退回原因"
+                    :readonly="true"
+                  ></c-input>
+                </el-form-item>
+              </c-col> -->
+        </c-col>
+      </el-row>
+    </el-form>
+
+    <c-col :span="24" style="">
+      <div style="border-bottom: 10px solid rgb(232, 232, 232)">
+      </div>
+    </c-col>
+    <!-- </template> -->
+    <!-- </c-list-search> -->
+
+    <!-- <div style="margin-top:20px;">
+            <c-button size="small" type="primary" disabled="disabled" @click="onButypt">
+                退回云平台
+            </c-button>
+            <c-button size="small" type="primary" disabled="disabled" @click="onDlmft">
+                MFT下载
+            </c-button>
+            <c-button size="small" type="primary" disabled="disabled" @click="onDlaxq">
+                AXQ下载
+            </c-button>
+            <c-button size="small" type="primary" disabled="disabled" @click="onButimg">
+                上传影像
+            </c-button>
+        </div> -->
+    <el-row>
+      <!-- <c-col :span="24" style="text-align: right; margin-top: 7px">
+        <c-button
+          style="margin-left: 0"
+          size="small"
+          type="primary"
+          @click="onTake"
+        >
+          处理
+        </c-button>
+        <c-button
+          style="margin-left: 0"
+          size="small"
+          type="primary"
+          @click="onDelete"
+        >
+          删除
+        </c-button>
+        <c-button
+          style="margin-left: 0"
+          size="small"
+          type="primary"
+          @click="onRouting"
+        >
+          分派
+        </c-button>
+        <c-button
+          style="margin-left: 0"
+          size="small"
+          type="primary"
+          @click="onShowInc"
+        >
+          显示报文
+        </c-button>
+        <c-button
+          style="margin-left: 0"
+          size="small"
+          type="primary"
+          @click="onDetails"
+        >
+          详情
+        </c-button>
+      </c-col> -->
+      <c-col :span="24" style="">
+        <c-istream-table :list="stmData.data" :columns="stmData.columns" :showButtonFlg="true">
+          <el-table-column fixed="right" prop="op" label="操作" width="140px">
+            <template slot="header">
+              <c-col :span="11" style="text-align:left"><span>操作</span></c-col>
+              <!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> -->
+            </template>
+            <template slot-scope="scope">
+              <c-button
+                style="margin-left: 0"
+                size="small"
+                type="primary"
+                @click="continueEdit(scope.row)"
+              >
+                处理
+              </c-button>
+              <c-button
+                style="margin-left: 0"
+                size="small"
+                type="primary"
+                @click="onDelete(scope.$index,scope.row)"
+              >
+                删除
+              </c-button>
+            </template>
+          </el-table-column>
+        </c-istream-table>
+      </c-col>
+    </el-row>
+    <!-- <el-row style="margin-top: 2rem">
+       <c-col :span="24">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>交易状态信息 —— {{ transactionStatus.busiNo }}</span>
+        </div>
+        <div class="text item">
+          <form class="el-form--label-left el-form--inline">
+            <div class="el-form-item">
+              <label class="el-form-item__label">修改次数:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.modTimes }}</span>
+              </div>
+            </div>
+            <div class="el-form-item">
+              <label class="el-form-item__label transstatus">交单次数:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.postCount }}</span>
+              </div>
+            </div>
+            <div class="el-form-item">
+              <label class="el-form-item__label transstatus">付款次数:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.earnCount }}</span>
+              </div>
+            </div>
+            <div class="el-form-item">
+              <label class="el-form-item__label transstatus">付款金额:</label>
+              <div class="el-form-item__content">
+                <span>{{ transactionStatus.earnAmt }} CNY</span>
+              </div>
+            </div>
+          </form>
+        </div>
+      </el-card>
+       </c-col>
+    </el-row> -->
+    <el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
+      <div class="m-list-btns"></div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Sptsel/Event";
+
+export default {
+  inject: ["root"],
+  props: ["model", "codes"],
+
+  mixins: [commonProcess],
+  data() {
+    return {
+      //sourceModel: [],
+      sourceData: [],
+      initdialog: false,
+      transactionStatus: {
+        busiNo: "",
+        modTimes: 0,
+        postCount: 0,
+        accCount: 0,
+        earnCount: 0,
+        earnAmt: 0,
+      },
+      stmData: {
+        columns: [
+          '4 1 "交易代码" 80 ',
+          '5 2 "业务编号" 300',
+          '6 3 "交易名称" 180',
+          // '1 4 "状态" 60 1 tdViewTypeEdit:0 1 SPT:STA',
+          {index:1,position:4,width:100,pattern:'code',label:'状态',code:[{label:"Pending",value:"PEN"}]},
+          '17 5 "报文类型" 100',
+          '18 6 "对方银行BIC" 110',
+          // '7 7 "创建时间" 160 20 DateTime 1',
+          {index:7,position:7,width:140,pattern:'time',label:'创建时间'},
+          '19 8 "币种" 50',
+          '20 9 "金额" 69 2 8 1 16',
+
+          // "20 7 \"Cur\" 30",
+          // "21 8 \"Amt\" 69 2 8 1 16",
+          // "1 9 \"Status\" 60 1 tdViewTypeEdit:0 1 SPT:STA",
+          '8 10 "创建人" 80',
+          '3 11 "当前操作柜员" 100',
+          '3 12 "当前组别" 100',
+          '3 13 "上次操作柜员" 100',
+          '3 14 "来源" 50',
+          '3 15 "提示" 50 1 20:0 1 FormatINFDSP',
+          // "19 15 \"Key\" 90",
+          '3 16 "提示信息" 300',
+        ],
+        data: [],
+      },
+    };
+  },
+  async mounted() {
+    // await this.sptfndHandleSearch()
+    // this.$store.commit("setTaskList", {key: "sptbrk", val: this.stmData.data.length})
+  },
+  computed: {
+    chkinc: {
+      get() {
+        return this.model.chkinc === "t";
+      },
+      set(val) {
+        this.model.chkinc = val ? "t" : "";
+      },
+    },
+    chkdzt: {
+      get() {
+        return this.model.chkdzt === "t";
+      },
+      set(val) {
+        this.model.chkdzt = val ? "t" : "";
+      },
+    },
+    chkpen: {
+      get() {
+        return this.model.chkpen === "t";
+      },
+      set(val) {
+        this.model.chkpen = val ? "t" : "";
+      },
+    },
+    chkcor: {
+      get() {
+        return this.model.chkcor === "t";
+      },
+      set(val) {
+        this.model.chkcor = val ? "t" : "";
+      },
+    },
+    chkaut: {
+      get() {
+        return this.model.chkaut === "t";
+      },
+      set(val) {
+        this.model.chkaut = val ? "t" : "";
+      },
+    },
+    chkdel: {
+      get() {
+        return this.model.chkdel === "t";
+      },
+      set(val) {
+        this.model.chkdel = val ? "t" : "";
+      },
+    },
+    chktco: {
+      get() {
+        return this.model.chktco === "t";
+      },
+      set(val) {
+        this.model.chktco = val ? "t" : "";
+      },
+    },
+    chkcan: {
+      get() {
+        return this.model.chkcan === "t";
+      },
+      set(val) {
+        this.model.chkcan = val ? "t" : "";
+      },
+    },
+    sourceModel: {
+      get() {
+        let arr = [];
+        this.sourceData.forEach((element) => {
+          if (this.model[element.value]) {
+            arr.push(element.value);
+          }
+        });
+        return arr;
+      },
+      set(val) {
+        let set = new Set(val);
+        this.sourceData.forEach((element) => {
+          if (set.has(element.value)) {
+            this.model[element.value] = true;
+          } else {
+            this.model[element.value] = false;
+          }
+        });
+      },
+    },
+  },
+
+  methods: { ...Event },
+  created: function () {},
+};
+</script>
+<style>
+</style>

src/views/Business/Sptsel/Sptbrk/index.vue

+<template>
+    <div class="eContainer">
+        <el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" label-width="170px" size="small" :validate-on-rule-change="false">
+            <!-- <c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick"> -->
+                <!-- <el-tab-pane :value="tabVal" label="待办任务查询" name="menu"> -->
+                    <!-- <c-content> -->
+                    <m-menu :model="model" :codes="codes" ref="Menu"/>
+                    <!-- </c-content> -->
+                <!-- </el-tab-pane> -->
+            <!-- </c-tabs> -->
+        </el-form>
+    </div>
+</template>
+<script>
+import Api from "~/service/Api"
+import CodeTable from "~/config/CodeTable"
+import Sptsel from "~/model/Sptsel"
+import commonProcess from "~/mixin/commonProcess.js"
+import Pattern from "~/model/Sptsel/Pattern"
+import Utils from "~/utils/index"
+import Default from "~/model/Sptsel/Default";
+import Check from "~/model/Sptsel/Check";
+import Menu from "./Menu"
+import Event from "~/model/Sptsel/Event"
+
+export default {
+    name: 'Sptbrk',
+    components:{
+        "m-menu" : Menu,
+    },
+    provide() {
+        return {
+            root: this
+        }
+    },
+    mixins: [commonProcess],    // 里面包含了Default、Check等的公共处理
+    data(){
+        return {
+            tabVal: "menu",
+            trnName:"sptsel",
+            model:new Sptsel().data,           
+            checkRules: Check,
+            defaultRules: Default,
+            pattern: Pattern,
+            rules:null,
+            codes:{
+               flt:CodeTable.flt,
+               dflg:CodeTable.dflg
+            },
+        }
+    },
+    methods:{...Event},
+    mounted:async function(){
+        console.log("进入sptsel交易");
+        const that = this;
+        that.init(that.model).then(res => {
+            //TODO 处理数据逻辑
+             that.model = Utils.copyValueFromVO(that.model, res.data)
+             this.$refs.Menu.sptfndHandleSearch();
+            //  that.$refs.Menu.stmData.columns = res.data.sptstm.rows;
+        })
+    },
+    computed: {
+        reload: function(){
+            return this.$store.state.Status.loading.freshPending;
+        }
+    },
+    watch:{
+        reload: function(val, oldVal){
+            if(val){
+                const that = this;
+                that.init(that.model).then((res) => {
+                    that.model = Utils.copyValueFromVO(that.model, res.data);
+                    //请求草稿箱数据
+                    this.$refs.Menu.sptfndHandleSearch();
+                    //刷新页面后重置刷新状态为不刷新
+                    this.$store.commit("setLoadingFreshPending", false)
+                });
+            }
+        },
+    },
+}
+</script>
+<style>
+</style>

src/views/Business/Sptsel/Sptpopup.vue

+<template>
+  <c-page title="">
+    <c-content :height="120">
+    <div class="eibs-tab">
+      <el-form
+        :model="model"
+        ref="modelForm"
+        tokenKey="modelForm"
+        :validate-on-rule-change="false"
+        label-width="150px"
+        size="small"
+      >
+       
+       <c-col :span="21" style="height:24px">
+          <el-form-item label="基本信息" class="messageLabel">
+          </el-form-item>
+        </c-col>
+        <c-col :span="2" style="text-align:right">
+         <c-button type="primary" size="small" @click="exit">返回</c-button>
+       </c-col>
+        <c-col :span="24" style="height: 10px">
+          <el-divider></el-divider>
+        </c-col>
+        
+
+        <c-col :span="11">
+          <el-form-item label="Type" prop="spt.sta" style="width: 100%">
+            <c-select
+              v-model="model.spt.sta"
+              style="width: 100%"
+              placeholder="请选择Type"
+              disabled
+            >
+            </c-select>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="11" :offset="1">
+          <el-form-item label="Status" prop="spt.hldflg" style="width: 100%">
+            <c-select
+              v-model="model.spt.hldflg"
+              style="width: 100%"
+              placeholder="请选择Hold Flag"
+              :code="codes.hldflg"
+              disabled
+            >
+            </c-select>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="11">
+          <el-form-item label="Reference" prop="spt.objnam" style="width: 100%">
+            <c-input
+              v-model="model.spt.objnam"
+              maxlength="40"
+              style="width: 100%"
+              placeholder="请输入Reference"
+              disabled
+            ></c-input>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="11" :offset="1">
+          <el-form-item label="Ident No" prop="spt.inr" style="width: 100%">
+            <c-input
+              v-model="model.spt.inr"
+              maxlength="8"
+              style="width: 100%"
+              placeholder="请输入Internal Unique ID of Pending Transaction"
+              disabled
+            ></c-input>
+          </el-form-item>
+        </c-col>
+
+          <c-col :span="11">
+            <el-form-item label="Name" prop="spt.txt" style="width: 100%">
+              <c-input
+                v-model="model.spt.txt"
+                maxlength="40"
+                style="width: 100%"
+                placeholder="请输入Name"
+                disabled
+              ></c-input>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="11" :offset="1">
+            <c-col :span="13">
+              <el-form-item label="Transaction " prop="spt.frm">
+                <c-input
+                  v-model="model.spt.frm"
+                  maxlength="6"
+                  style="width: 95%"
+                  placeholder="请输入Transaction "
+                  disabled
+                ></c-input>
+              </el-form-item>
+            </c-col>
+            <c-col :span="11">
+              <el-form-item label="" prop="spt.frm" label-width="0">
+                <c-select
+                  v-model="model.spt.frm"
+                  maxlength="16"
+                  placeholder="请输入Transaction "
+                  :code="codes.frm"
+                  style="width:100%"
+                  disabled
+                ></c-select>
+              </el-form-item>
+            </c-col>
+          </c-col>
+
+        <c-col :span="11">
+          <el-form-item label="Responsible User " prop="spt.ownusr">
+            <c-input
+              v-model="model.spt.ownusr"
+              maxlength="8"
+              placeholder="请输入Responsible User "
+              disabled
+            ></c-input>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="11" :offset="1">
+          <el-form-item label="Responsible Group" prop="spt.ownusg">
+            <c-select
+              v-model="model.spt.ownusg"
+              style="width: 100%"
+              placeholder="请选择Responsible Group"
+              disabled
+            >
+            </c-select>
+          </el-form-item>
+        </c-col>
+
+        <c-col :span="11">
+          <c-col :span="19">
+            <el-form-item label="Infotext" prop="spt.inftxt">
+              <c-input
+                type="textarea"
+                v-model="model.spt.inftxt"
+                maxlength="65"
+                style="width: 100%"
+                show-word-limit
+                placeholder="请输入Infotext"
+                disabled
+              ></c-input>
+            </el-form-item>
+          </c-col>
+          <c-col :span="5">
+            <el-form-item label="" prop="spt.infdsp" label-width="5px">
+              <c-select
+                v-model="model.spt.infdsp"
+                style="width: 100%; padding-left: 0px"
+                placeholder="请选择Infotext"
+                :code="codes.infdsp"
+                disabled
+              >
+              </c-select>
+            </el-form-item>
+          </c-col>
+        </c-col>
+
+        <c-col :span="11" :offset="1">
+          <c-col :span="10">
+            <el-form-item label="Entered by" prop="spt.usr">
+              <c-input
+                v-model="model.spt.usr"
+                maxlength="8"
+                placeholder="请输入Entered by"
+                disabled
+              ></c-input>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="7">
+            <el-form-item label="at" prop="spt.dattim" label-width="50px">
+              <c-input
+                v-model="model.spt.dattim"
+                placeholder="请输入Time of Creation"
+                disabled
+              ></c-input>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="7">
+            <el-form-item label="in TRN" prop="spt.cretrn" label-width="70px">
+              <c-input
+                v-model="model.spt.cretrn"
+                maxlength="6"
+                placeholder="请输入Creating Transaction ID"
+                disabled
+              ></c-input>
+            </el-form-item>
+          </c-col>
+        </c-col>
+        <c-col :span="24">
+          <c-col :span="11">
+            <el-form-item label="Target for Completion" prop="spt.tardattim">
+              <c-input
+                v-model="model.spt.tardattim"
+                placeholder="请输入Target for Completion"
+                disabled
+              ></c-input>
+            </el-form-item>
+          </c-col>
+        </c-col>
+         
+         <c-col :span="24" style="height:24px;margin-top:8px">
+          <el-form-item label="报文信息" class="messageLabel">
+          </el-form-item>
+        </c-col>
+        <c-col :span="24" style="height: 0px">
+          <el-divider></el-divider>
+        </c-col>
+
+        <!-- <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onSptpButord">
+            Order
+        </c-button>
+       </c-col> -->
+
+        <!-- 
+                                   
+       <c-col :span="12">
+        <el-form-item label="Message Type " prop="sptp.smh.msgtyp">
+            <c-input  v-model="model.sptp.smh.msgtyp" maxlength="20"  placeholder="请输入Message Type "></c-input>
+        </el-form-item>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="Receiver Key " prop="sptp.smh.sndkey">
+            <c-input  v-model="model.sptp.smh.sndkey" maxlength="50"  placeholder="请输入Receiver Key "></c-input>
+        </el-form-item>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="Relevant Amount" prop="sptp.smh.relcur">
+            <c-input  v-model="model.sptp.smh.relcur" maxlength="3"  placeholder="请输入Relevant Amount"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Relevant Amount Optional" prop="sptp.smh.relamt">
+            <c-input  v-model="model.sptp.smh.relamt"  placeholder="请输入Relevant Amount Optional"></c-input>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onSptpButcls">
+            &Close
+        </c-button>
+       </c-col> -->
+        <c-col :span="24" style="">
+          <!-- <el-form-item label-width="500px"> -->
+          <c-table :paginationShow="false" :border="true">
+            <el-table-column
+              label="Seq.No"
+              prop="groseq"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="Msg.Type"
+              prop="cortyp"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="Message references"
+              prop="nam"
+              width="150px"
+            ></el-table-column>
+            <el-table-column
+              label="User"
+              prop="creusr"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="Length"
+              prop="msglen"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="File name"
+              prop="docfil"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="File ext"
+              prop="docfxt"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="DB-INR"
+              prop="inr"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="CREFRM"
+              prop="crefrm"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="CREDATTIM"
+              prop="credattim"
+              width="120px"
+            ></el-table-column>
+            <el-table-column
+              label="PARTFLG"
+              prop=""
+              width="partflg"
+            ></el-table-column>
+            <el-table-column
+              label="MSGTYP"
+              prop="msgtyp"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="RELCUR"
+              prop="relcur"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="RELAMT"
+              prop="relamt"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="SYSNO"
+              prop="sysno"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="STAFLG"
+              prop="staflg"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="F20"
+              prop="f20"
+              width="auto"
+            ></el-table-column>
+            <el-table-column
+              label="STP"
+              prop="spt"
+              width="auto"
+            ></el-table-column>
+          </c-table>
+          <!-- </el-form-item> -->
+        </c-col>
+
+        <c-col :span="24" style="height:24px;margin-top:20px">
+          <el-form-item label="工作流信息" class="messageLabel">
+          </el-form-item>
+        </c-col>
+        <c-col :span="24" style="height: 0px">
+          <el-divider></el-divider>
+        </c-col>
+
+        <c-col :span="24" style="">
+          <!-- <el-form-item label-width="500px"> -->
+          <!-- <c-table :paginationShow="false" :border="true">
+            <el-table-column label="Start" width="auto"></el-table-column>
+            <el-table-column label="Type" width="auto"></el-table-column>
+            <el-table-column label="User" width="auto"></el-table-column>
+            <el-table-column label="TRN" width="auto"></el-table-column>
+            <el-table-column label="End" width="auto"></el-table-column>
+            <el-table-column label="Text" width="auto"></el-table-column>
+          </c-table> -->
+          <!-- </el-form-item> -->
+          <c-istream-table :list="stmData2.data" :columns="stmData2.columns" :paginationShow="false" style="width:100%">
+          </c-istream-table>
+          
+        </c-col>
+      </el-form>
+    </div>
+    </c-content>
+  </c-page>
+</template>
+<script>
+import Sptsel from "~/model/Sptsel";
+import Api from "~/service/Api";
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Sptsel/Event";
+
+export default {
+  // inject: ['root'],
+  // props:["model","codes"],
+  mixins: [commonProcess],
+  data() {
+    return {
+      model: new Sptsel().data,
+      codes:{ hldflg: CodeTable.hldflg ,...CodeTable},
+      trnName:"sptsel",
+      stmData2:{
+        columns:[
+          // "7 1 \"Start\" 0",
+          {index:1,position:1,width:140,pattern:'time',label:'Start'},
+          // "2 2 \"Type\" 0",
+          {index:2,position:2,width:'auto',pattern:'code',label:'Type',code:CodeTable.sptDetSta},
+          "3 3 \"User\" auto",
+          "4 4 \"TRN\" auto",
+          // "7 5 \"End\" 0",
+          {index:5,position:5,width:140,pattern:'time',label:'End'},
+          "8 6 \"Text\" auto",
+        ],
+        data:[],
+      }
+    };
+  },
+  mounted() {
+    this.loadData();
+  },
+  methods: {
+    ...Event,
+    loadData() {
+      this.model = JSON.parse(sessionStorage.getItem("Sptpopup"));
+      let rtnmsg1 = this.executeRule("inc")
+      let rtnmsg2 = this.executeRule("sptp.butord")
+      this.executeRule("sptp.ordp0.butore").then((res) => {
+        this.stmData2.data=res.data.vals.rows;
+      });
+
+    },
+    exit() {
+      this.$store.dispatch("TagsView/delView", this.$route);
+      this.$router.history.push("/taskList");
+    },
+  },
+  created: function () {},
+};
+</script>
+<style scoped>
+.el-col >>> .el-divider--horizontal {
+  margin-top: 5px;
+}
+.messageLabel >>> .el-form-item__label{
+    text-align: left;
+    font-weight:bold;
+    font-size: 12px;
+}
+</style>

src/views/Business/Sptsel/index.vue

+<template>
+  <div class="eContainer">
+    <el-form
+      :model="model"
+      :rules="rules"
+      ref="modelForm"
+      tokenKey="modelForm"
+      label-width="140px"
+      size="small"
+      :validate-on-rule-change="false"
+    >
+      <!-- <c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick"> -->
+      <!-- <el-tab-pane :value="tabVal" label="待办任务查询" name="menu"> -->
+      <!-- <c-content> -->
+      <m-menu :model="model" :codes="codes" ref="Menu" />
+      <!-- </c-content> -->
+      <!-- </el-tab-pane> -->
+      <!-- </c-tabs> -->
+    </el-form>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api"
+import CodeTable from "~/config/CodeTable"
+import Sptsel from "~/model/Sptsel"
+import commonProcess from "~/mixin/commonProcess.js"
+import Pattern from "~/model/Sptsel/Pattern"
+import Utils from "~/utils/index"
+import Default from "~/model/Sptsel/Default";
+import Check from "~/model/Sptsel/Check";
+import Menu from "./Menu";
+import Event from "~/model/Sptsel/Event";
+
+export default {
+  name: "Sptsel",
+  components: {
+    "m-menu": Menu,
+  },
+  provide() {
+    return {
+      root: this,
+    };
+  },
+  mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
+  computed: {},
+  data() {
+    return {
+      tabVal: "menu",
+      trnName: "sptsel",
+      model: new Sptsel().data,
+      checkRules: Check,
+      defaultRules: Default,
+      pattern: Pattern,
+      rules: null,
+      codes: {
+        flt: CodeTable.flt,
+        dflg: CodeTable.dflg,
+        sptrelstatus: CodeTable.sptrelstatus,
+      },
+    };
+  },
+  methods: { ...Event },
+  mounted: async function () {
+    console.log("进入sptsel交易");
+    const that = this;
+    that.init(that.model).then((res) => {
+      //TODO 处理数据逻辑
+      that.model = Utils.copyValueFromVO(that.model, res.data);
+      //  that.$refs.Menu.stmData.columns = res.data.sptstm.rows;
+      this.$refs.Menu.handleSearch();
+    });
+  },
+};
+</script>
+<style>
+</style>

src/views/Business/Trnrel/Inftrnps.vue

+<template>
+  <div class="eibs-tab">
+    <!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch"> -->
+      <!-- <template v-slot="searchSlot"> -->
+    <el-form
+      class="m-table-search-form"
+      ref="paramsForm"
+      :inline="true"
+      label-position="right"
+      label-width="110px"
+      size="small"
+    >
+      <el-row>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item
+              label="业务编号"
+              prop="trncorco.ownref"
+              style="width: 100%"
+            >
+              <c-input
+                v-model="model.trncorco.ownref"
+                maxlength="16"
+                placeholder="请输入Reference"
+              ></c-input>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="创建时间" style="width: 100%" prop="trncorco.inidatfro">
+              <c-col :span="11">
+                <c-date-picker
+                  type="date"
+                  v-model="model.trncorco.inidatfro"
+                  style="width: 100%"
+                  placeholder="请选择Date of entry of Transaction"
+                ></c-date-picker>
+              </c-col>
+              <c-col :span="2" style="text-align: center">
+                <label style="display: inline-block; width: 100%">-</label>
+              </c-col>
+              <c-col :span="11">
+                <c-date-picker
+                  type="date"
+                  v-model="model.trncorco.inidattil"
+                  style="width: 100%"
+                  placeholder="请选择Date of entry of Transaction until"
+                ></c-date-picker>
+              </c-col>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item
+              label="经办柜员"
+              prop="usrcon"
+              style="width: 100%"
+            >
+              <c-select
+                v-model="model.usrcon"
+                style="width: 100%"
+                placeholder="请选择User"
+              >
+                <el-option
+                  v-for="item in codes.usrsort"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+        </c-col>
+      </el-row>
+      <!--            
+                <c-col :span="12">
+                  <el-form-item label="Drag  Drop Sender">
+                      <c-input  v-model="model.atpget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
+                  </el-form-item>
+                </c-col>
+                -->
+      <el-row>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item
+              label="业务状态"
+              prop="trncorco.relflg"
+              style="width: 100%"
+            >
+              <c-select
+                v-model="model.trncorco.relflg"
+                style="width: 100%"
+                placeholder="请选择Status"
+              >
+                <el-option
+                  v-for="item in relflgCodes"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+          <c-col :span="8">
+            <el-form-item
+              label="业务机构"
+              prop="bchcon"
+              style="width: 100%"
+            >
+              <c-select
+                v-model="model.bchcon"
+                style="width: 100%"
+                placeholder="请选择Branch"
+              >
+                <el-option
+                  v-for="item in codes.bchtyp"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+
+
+          <!--                           
+                <c-col :span="12">
+                  <el-form-item label="and">
+                      
+                  </el-form-item>
+                </c-col> -->
+
+          <c-col :span="8">
+            <el-form-item
+              label="交易代码"
+              prop="atp.cod"
+              style="width: 100%"
+            >
+              <c-col :span="24">
+                <c-col :span="20">
+                  <c-input
+                    v-model="model.atp.cod"
+                    maxlength="6"
+                    style="width: 95%"
+                    placeholder="请输入Transaction Type "
+                  ></c-input>
+                </c-col>
+                <!-- <c-input  v-model="model.atpget.sdamod.seainf"  style="width:10%" placeholder="i"></c-input> -->
+
+                <c-col :span="4">
+                  <c-button
+                    size="small"
+                    style="width:100%;margin-left:0"
+                    type="primary"
+                    @click="onSeainf"
+                    icon="el-icon-search"
+                  ></c-button>
+                </c-col>
+              </c-col>
+            </el-form-item>
+          </c-col>
+        </c-col>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item
+              label="业务标志"
+              prop="trncorco.dflg"
+              style="width: 100%"
+            >
+              <c-select
+                v-model="model.trncorco.dflg"
+                style="width: 100%"
+                placeholder="请选择业务标志"
+              >
+                <el-option
+                  v-for="item in codes.dflg"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item
+              label="交易名称"
+              prop="atptxt"
+              style="width: 100%"
+            >
+              <c-input
+                v-model="model.atptxt"
+                maxlength="37"
+                placeholder="请输入Transaction Text"
+              ></c-input>
+            </el-form-item>
+          </c-col>
+          <c-col :span="8" style="text-align:right">
+          <el-button size="small" @click="handleReset">重置</el-button>
+            <el-button type="primary" icon="el-icon-search" size="small" @click="handleSearch">查询</el-button>
+        </c-col>
+        </c-col>
+      </el-row>
+    </el-form>
+
+    <c-col :span="24" style="">
+      <div style="border-bottom: 10px solid rgb(232, 232, 232)">
+      </div>
+    </c-col>
+      <!-- </template> -->
+    <!-- </c-list-search> -->
+
+    <!--                            
+       <c-col :span="12">
+        <el-form-item label="List of transaction sfor display">
+            <c-input  v-model="model.trncorco.trnstm"  placeholder="请输入List of transaction sfor display"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <el-form-item label="# of transactions">
+            <c-input  v-model="model.numtrn"  placeholder="请输入# of transactions"></c-input>
+        </el-form-item>
+       </c-col>
+       -->
+
+    <!-- <div style="margin-top:20px;"> -->
+
+    <!-- <c-button size="small" type="primary" @click="onSeaown">
+        Search Own
+      </c-button>
+
+      <c-button size="small" type="primary" @click="onSeajbh">
+        Search All
+      </c-button>  -->
+
+    <!-- <c-button
+        size="small"
+        type="primary"
+        disabled="disabled"
+        @click="onImgmodNewimg"
+      >
+        Img
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        disabled="disabled"
+        @click="onImgmodNewhisimg"
+      >
+        His.img
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        disabled="disabled"
+        @click="onDiaconButdia"
+      >
+        Diaries
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        disabled="disabled"
+        @click="onImgmodHisimg"
+      >
+        Old.img
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        :disabled="relrowDisabled"
+        @click="onRelrow"
+      >
+        Release
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        disabled="disabled"
+        @click="onReprow"
+      >
+        Repair
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        :disabled="relrowDisabled"
+        @click="onRejrow"
+      >
+        Reject
+      </c-button>
+      <c-button size="small" type="primary" @click="onExi"> Exit </c-button> -->
+    <!-- </div> -->
+
+    <!--   
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onSeajbh">
+            Search All
+        </c-button>
+       </c-col>
+
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onSeactr">
+            Search
+        </c-button>
+       </c-col>
+
+        <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onSearow">
+            Search All
+        </c-button>
+       </c-col>
+
+        <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onDsp">
+            Display
+        </c-button>
+       </c-col>
+
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onImgmodNewimg">
+            Img
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onImgmodNewhisimg">
+            His.img
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onDiaconButdia">
+            Diaries
+        </c-button>
+       </c-col>
+                                                    
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onImgmodHisimg">
+            Old.img
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRelrow">
+            Release
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onPrinte">
+            导出Excel
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onReprow">
+            Repair
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRejrow">
+            Reject
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRelcor">
+            Rel Control
+        </c-button>
+       </c-col>
+       -->
+
+    <!--          
+       <c-col :span="12">
+        <el-form-item label=">>">
+            <c-input  v-model="model.orddsp"  placeholder="请输入>>"></c-input>
+        </el-form-item>
+       </c-col>          
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onExi">
+            Exit
+        </c-button>
+       </c-col> -->
+    <!--<p>{{model.trncorco.trnstm}}</p>-->
+    <!-- <el-row>
+      <c-istream-table
+        :list="stmData.data"
+        :columns="stmData.columns"
+        :showSelection="true"
+        v-on:multipleSelect="multipleSelect"
+      > -->
+    <el-row>
+      <c-col :span="24" style="">
+        <c-istream-table :list="stmData.data" :columns="stmData.columns" style="width:100%" :showButtonFlg="true">
+          <el-table-column
+            fixed="right"
+            prop="display"
+            label="操作"
+            width="140px"
+          >
+          <template slot="header">
+              <c-col :span="11" style="text-align:left"><span>操作</span></c-col>
+              <!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> -->
+            </template>
+            <template slot-scope="scope">
+              <!--              <a :href="`/#/display/${scope.row['10'].toLowerCase()}?trn=${scope.row['1']}`" target="_blank" >显示快照</a>-->
+              <!-- <a href="javascript:void(0)" @click="display(scope.$index, scope.row)"
+              >显示快照</a
+            > -->
+              <!-- <c-button
+                style="margin-left: 0"
+                size="small"
+                type="primary"
+                @click="display(scope.$index, scope.row)"
+              >
+                快照
+              </c-button>  -->
+             
+               <c-button
+                style="margin-left: 0"
+                size="small"
+                @click="onWaitDetail(scope.$index,scope.row)"
+              >
+                详情
+              </c-button>
+              <c-button
+                style="margin-left: 0"
+                size="small"
+                type="primary"
+                @click="onHandle(scope.$index,scope.row)"
+               
+              >
+                处理
+             </c-button>
+                <!-- <c-button
+                style="margin-left: 0"
+                size="small"
+                type="primary"
+                @click="onRelrow(scope.$index)"
+               
+              >
+                复核
+              </c-button> -->
+
+              
+             
+            </template>
+          </el-table-column>
+        </c-istream-table>
+      </c-col>
+    </el-row>
+    <!-- <el-row style="margin-top: 2rem">
+      <c-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>交易状态信息 —— {{ transactionStatus.busiNo }}</span>
+          </div>
+          <div class="text item">
+            <form class="el-form--label-left el-form--inline">
+              <div class="el-form-item">
+                <label class="el-form-item__label">修改次数:</label>
+                <div class="el-form-item__content">
+                  <span>{{ transactionStatus.modTimes }}</span>
+                </div>
+              </div>
+              <div class="el-form-item">
+                <label class="el-form-item__label transstatus">交单次数:</label>
+                <div class="el-form-item__content">
+                  <span>{{ transactionStatus.postCount }}</span>
+                </div>
+              </div>
+              <div class="el-form-item">
+                <label class="el-form-item__label transstatus">付款次数:</label>
+                <div class="el-form-item__content">
+                  <span>{{ transactionStatus.earnCount }}</span>
+                </div>
+              </div>
+              <div class="el-form-item">
+                <label class="el-form-item__label transstatus">付款金额:</label>
+                <div class="el-form-item__content">
+                  <span>{{ transactionStatus.earnAmt }} CNY</span>
+                </div>
+              </div>
+            </form>
+          </div>
+        </el-card>
+      </c-col>
+    </el-row> -->
+    <!-- <el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
+          <div class="m-list-btns">
+          </div>
+    </el-dialog> -->
+  </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Trnrel/Event";
+
+export default {
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  components: {},
+  data() {
+    return {
+      initdialog: false,
+      transactionStatus: {
+        busiNo: "",
+        modTimes: 0,
+        postCount: 0,
+        accCount: 0,
+        earnCount: 0,
+        earnAmt: 0,
+      },
+      stmData: {
+        // columns: [
+        //   '10 1 "TRN" 50 1 tdViewTypeEdit:0 3 ATPTXT',
+        //   '11 2:1 "Own Reference" 112',
+        //   '17 2:2 "Addtional Text" 112',
+        //   '12 3 "Cur" 37',
+        //   '13 4 "Relevant Amount" 101 2 8:1 2 5',
+        //   '14 5 "Entry" 104 20 DateTime 1',
+        //   '9 6:1 "Req" 39',
+        //   '2 6:2 "Sig" 35',
+        //   '6 8:1 "Rq0" 40',
+        //   '3 8:2 "Rel0" 40',
+        //   '7 9:1 "Rq1" 40',
+        //   '4 9:2 "Rel1" 40',
+        //   '8 10:1 "Rq2" 40',
+        //   '5 10:2 "Rel2" 40',
+        //   '15 13 "Branch" 142',
+        //   '16 11:1 "User" 62',
+        //   '18 11:2 "" 62',
+        //   '0 12 "Status" 54 1 tdViewTypeEdit:0 1 RELSTA',
+        // ],
+        columns: [
+          '10 1 "交易代码" 80',
+          '11 2 "业务编号" 150',
+          '17 3 "摘要信息" 300',
+          '12 4 "币种" 50',
+          '13 5 "金额" 100',
+          // '14 6 "创建时间" 170',
+          {index:14,position:6,width:140,pattern:'time',label:'创建时间'},
+          '9 7 "签名要求" 70',
+          '2 8 "签名状态" 70',
+          '16 9 "经办柜员" 70',
+        //   '0 10 "业务状态" 80',
+          {index:0,position:10,width:80,pattern:'code',label:'业务状态',code:[{label: "Waiting", value: "W"},
+                                                                            { label: "Correct", value: "C" },
+                                                                            { label: "Picked up", value: "P" },
+                                                                            { label: "Rejected", value: "N" },]},
+          '15 11 "业务机构" 120',
+        ],
+        data: [],
+      },
+      relrowDisabled: true,
+      relflgCodes:[],
+      Trnp0Visible: false,
+      // multipleSelection: [],
+    };
+  },
+  methods: {
+    // multipleSelect(val) {
+    //   // TODO 根据Status判断按钮是否禁用
+    //   this.relrowDisabled = !(val.length > 0);
+    //   this.multipleSelection = val;
+    // },
+    // getSelectedData() {
+    //   return this.multipleSelection.map((idx) => this.stmData.data[idx]);
+    // },
+    ...Event,
+  },
+  created: function () {},
+  async mounted() {
+  
+      this.relflgCodes = [
+        { label: "ALL", value: "0" },   //待复核列表业务状态All
+        { label: "Correct", value: "C" },
+        // { label: "Closed", value: "M" },
+        // { label: "Entered", value: "E" },
+        // { label: "External", value: "X" },
+        { label: "Picked up", value: "P" },
+        { label: "Rejected", value: "N" },
+        { label: "Waiting", value: "W" },
+      ];
+      // await this.handleSearch()
+      // this.$store.commit("setTaskList", {key: "trnrel", val: this.stmData.data.length})
+  
+  },
+  computed: {},
+};
+</script>
+<style>
+</style>

src/views/Business/Trnrel/InftrnpsDetail.vue

+<template>
+    <c-page title="">
+        <!-- <div class="eContainer"> -->
+            <c-content :height="120">
+            <div class="eibs-tab">
+                <!-- <c-col :span="24">
+                    <div style="float:right;margin-bottom:10px">
+                        <el-button size="small">交易快照</el-button>
+                        <el-button size="small">智能提示</el-button>
+                        <el-button size="small" @click="exit">返回</el-button>
+                    </div>
+                </c-col> -->
+                                       
+                <!-- <c-col :span="12">
+                    <el-form-item label="Drag  Drop Sender">
+                        <c-input  v-model="model.recpan.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
+                    </el-form-item>
+                </c-col>              -->
+                
+                <el-form
+                    :model="model"
+                    ref="modelForm"
+                    tokenKey="modelForm"
+                    :validate-on-rule-change="false"
+                    label-width="150px"
+                    size="small"
+                    >
+                    <c-content>
+                        <!-- <c-col :span="24" style="margin:0 0 5px 0"> -->
+                            <c-col :span="12" style="height:24px;">
+                                <el-form-item label="基本信息" class="messageLabel">
+                                </el-form-item>
+                            </c-col>
+                            <c-col :span="11" style="text-align:right;">
+                                <c-button size="small" type="primary" style="margin-left:0" @click="display">交易快照</c-button>
+                                <c-button size="small" type="primary" style="margin-left:0">智能提示</c-button>
+                                <c-button size="small" @click="exit" type="primary" style="margin-left:0">返回</c-button>
+                            </c-col>
+                        <!-- </c-col> -->
+                        <c-col :span="24" style="height: 10px;margin-bottom:10px">
+                            <el-divider></el-divider>
+                        </c-col>
+                        
+
+                        <!-- -------------------基础信息------------------- -->
+
+                        <!-- ========================= Left ========================= -->
+                        <c-col :span="11"> 
+                            <c-col :span="24">
+                                <c-col :span="22">
+                                    <el-form-item label="Reference">
+                                        <c-input  v-model="model.trn.ownref" maxlength="16" disabled  placeholder="请输入Reference"></c-input>
+                                    </el-form-item>
+                                </c-col>             
+                                <c-col :span="2" style="text-align: right">
+                                    <c-button
+                                        style="margin:0;padding: 0 14px;"
+                                        size="small"
+                                        type="primary"
+                                    >
+                                    <span style="font-size:15px;font-family:'宋体';font-weight:bold">i</span>
+                                    </c-button>
+                                </c-col>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <c-col :span="22">
+                                    <el-form-item label="Transaction  ID">
+                                        <c-input  v-model="model.recpan.atp.cod" maxlength="6" disabled placeholder="请输入Transaction  ID"></c-input>
+                                    </el-form-item>
+                                </c-col> 
+                                <c-col :span="2" style="text-align: right">
+                                    <c-button
+                                        style="margin:0;padding: 0 14px;"
+                                        size="small"
+                                        type="primary"
+                                    >
+                                    <span style="font-size:15px;font-family:'宋体';font-weight:bold">i</span>
+                                    </c-button>
+                                </c-col>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <c-col :span="13">
+                                    <el-form-item label="Relevant Amount">
+                                        <c-input  v-model="model.trn.reloricur" maxlength="3" disabled  placeholder="请输入Relevant Amount"></c-input>
+                                    </el-form-item>
+                                </c-col>
+                                <c-col :span="11">
+                                    <el-form-item  label="" label-width="8px">
+                                        <c-input  v-model="model.trn.reloriamt" disabled placeholder="请输入Relevant Amount for Release in Original Currency"></c-input>
+                                    </el-form-item>
+                                </c-col> 
+                            </c-col>      
+
+                            <c-col :span="24">
+                                <c-col :span="13">
+                                    <el-form-item label="Responsible">
+                                        <c-input  v-model="model.trn.usr" maxlength="8" disabled  placeholder="请输入Responsible"></c-input>
+                                    </el-form-item>
+                                </c-col>             
+                                                            
+                                <c-col :span="11">
+                                    <el-form-item label-width="40%" label="Group">
+                                        <!-- <c-input  v-model="model.trn.usg" maxlength="6" disabled  placeholder="请输入Responsible Group"></c-input> -->
+                                        <el-select v-model="model.trn.usg" style="width: 100%" disabled>
+                                            <el-option
+                                                v-for="item in codes.usgtxt"
+                                                :key="item.value"
+                                                :label="item.label"
+                                                :value="item.value"
+                                            />
+                                        </el-select>
+                                    </el-form-item>
+                                </c-col>  
+                            </c-col>
+
+                            <c-col :span="24">
+                                <c-col :span="24">
+                                    <el-form-item label="Based on Ident No.">
+                                        <c-input  v-model="model.trn.cortrninr" maxlength="8" disabled placeholder="请输入Based on Ident No."></c-input>
+                                    </el-form-item>
+                                </c-col>             
+                                                            
+                                <c-col :span="24">
+                                    <el-form-item label="Execution Date">
+                                        <c-date-picker type="date"  v-model="model.trn.exedat" style="width:100%" disabled placeholder="请选择Execution Date"></c-date-picker>
+                                    </el-form-item>
+                                </c-col>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <c-col :span="22">
+                                    <el-form-item label="Infotext">
+                                        <c-input type="textarea" v-model="model.trn.inftxt" maxlength="65" :rows="3" show-word-limit placeholder="请输入Infotext" ></c-input>
+                                    </el-form-item>
+                                </c-col>
+                                <c-col :span="2" style="text-align: right">
+                                    <c-button
+                                        style="margin:0;padding: 0 12px;"
+                                        size="small"
+                                        icon="el-icon-search"
+                                        type="primary"
+                                    ></c-button>
+                                </c-col>
+                            </c-col>
+
+                        </c-col>
+
+                        <!-- ========================= Right ========================= -->
+                        <c-col :span="11" :offset="1">
+                            <c-col :span="24">
+                                    <c-col :span="22">
+                                <el-form-item label="Ident No.">
+                                        <c-input  v-model="model.trn.inr" disabled placeholder="请输入Ident No."></c-input>
+                                </el-form-item>
+                                    </c-col>
+                                    <c-col :span="2" style="text-align: right">
+                                        <c-button
+                                            style="margin:0;padding: 0 14px;"
+                                            size="small"
+                                            type="primary"
+                                        >
+                                        <span style="font-size:15px;font-family:'宋体';font-weight:bold">i</span>
+                                        </c-button>
+                                    </c-col>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Transaction  ID">
+                                    <!-- <el-select v-model="model.recpan.atp.cod" style="width: 100%" disabled>
+                                        <el-option
+                                            v-for="item in codes.atptxt"
+                                            :key="item.value"
+                                            :label="item.label"
+                                            :value="item.value"
+                                        />
+                                    </el-select> -->
+                                    <c-input  v-model="this.atptxt" maxlength="6" disabled placeholder="请输入Transaction  ID"></c-input>
+                                </el-form-item>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Drop Receiver">
+                                    <c-input  v-model="model.trn.objnam" maxlength="40" disabled placeholder="请输入External Readable Object Identification"></c-input>
+                                </el-form-item>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Release Status">
+                                    <!-- <c-input v-model="model.trn.relflg" style="width:100%" disabled placeholder="请选择Release Status of Transaction">
+                                    </c-input> -->
+                                    <el-select v-model="model.trn.relflg" style="width: 100%" disabled>
+                                        <el-option
+                                            v-for="item in codes.relstaEN"
+                                            :key="item.value"
+                                            :label="item.label"
+                                            :value="item.value"
+                                        />
+                                    </el-select>
+                                </el-form-item>
+                                
+                            </c-col>
+
+                            <!-- <c-col :span="24">
+                                <el-form-item  label="Signatures Required/Obtained">
+                                <c-row>
+                                    <c-col :span="11">
+                                        <c-input  v-model="model.trn.relreq" maxlength="3" disabled placeholder="请输入Signatures Required/Obtained"></c-input>
+                                    </c-col>
+                                    <c-col :span="2">
+                                        <span style="margin-left:40%">/</span>
+                                    </c-col>
+                                    <c-col :span="11">
+                                        <c-input  v-model="model.trn.relres" maxlength="3" disabled placeholder="请输入Applied Signatures"></c-input>
+                                    </c-col>
+                                </c-row>
+                                </el-form-item>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Completion text">
+                                    <c-input style="font-weight:bold"  v-model="model.recpan.cpltxt" disabled  placeholder="请输入Based on Ident No."></c-input>
+                                </el-form-item>
+                            </c-col> -->
+                            <c-col :span="24">
+                                <c-col :span="24">
+                                    <el-form-item label="Entered by">
+                                        <c-input  v-model="model.recpan.cretrs.usr" maxlength="8" disabled placeholder="请输入Entered by"></c-input>
+                                    </el-form-item>
+                                </c-col>             
+                                                            
+                                <c-col :span="24">
+                                    <el-form-item label="Timestamp">
+                                        <c-input  v-model="model.recpan.cretrs.dattim" disabled placeholder="请输入Timestamp"></c-input>
+                                    </el-form-item>
+                                </c-col>  
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Infoflag">
+                                    <el-select v-model="model.trn.infdsp" style="width: 100%">
+                                        <el-option
+                                            v-for="item in codes.infdsp"
+                                            :key="item.value"
+                                            :label="item.label"
+                                            :value="item.value"
+                                        />
+                                    </el-select>
+                                </el-form-item>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Send for Repair to">
+                                    <c-input v-model="model.recpan.usr.extkey" disabled style="width:100%" placeholder="请选择extkey">
+                                    </c-input>
+                                </el-form-item>
+                            </c-col>
+
+                        </c-col>
+                        
+                        <!-- -------------------分割线------------------- -->
+                        <!-- <c-col :span="24">
+                            <div style="border-bottom: 10px solid rgb(232, 232, 232);">
+                            </div>
+                        </c-col> -->
+                        <!-- <c-col :span="24" style="height:25px">
+                            <el-divider></el-divider>
+                        </c-col> -->
+
+                        <!-- -------------------document------------------- -->
+                        <c-col :span="24" style="height:24px">
+                            <el-form-item label="面函/报文" class="messageLabel">
+                            </el-form-item>
+                        </c-col>
+                        <c-col :span="24" style="height: 0px;margin-top:-5px">
+                            <el-divider></el-divider>
+                        </c-col>
+                        <c-col :span="24">
+                            <!-- <c-input  v-model="model.recpan.smhstm"  placeholder="请输入Documents"></c-input> -->
+                            <c-istream-table :list="documentsData.data" :columns="documentsData.columns" :paginationShow="false" style="width:100%">
+                                <el-table-column
+                                    fixed="right"
+                                    prop="display"
+                                    label="操作"
+                                    width="170px"
+                                >
+                                <template slot="header">
+                                    <c-col :span="11" style="text-align:left"><span>操作</span></c-col>
+                                    <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col>
+                                    </template>
+                                    <template slot-scope="scope">
+                                        <c-button
+                                            style="margin-left: 0"
+                                            size="small"
+                                            type="primary"
+                                            @click="show(scope.$index,scope.row)"
+                                        >
+                                            显示
+                                        </c-button>
+                                        <c-button
+                                            style="margin-left: 0"
+                                            size="small"
+                                            type="primary"
+                                        >
+                                            打印
+                                        </c-button>
+                                    </template>
+                                </el-table-column>
+                            </c-istream-table>
+                        </c-col> 
+                        
+                        <!-- <c-col :span="12">
+                            <el-form-item label="User ID">
+                                <c-input  v-model="model.recpan.usr.extkey" maxlength="8"  placeholder="请输入User ID"></c-input>
+                            </el-form-item>
+                        </c-col>             
+                                    
+                        <c-col :span="12">
+                            <el-form-item label="">
+                                <c-input  v-model="model.recpan.usrget.sdamod.seainf"  placeholder="请输入"></c-input>
+                            </el-form-item>
+                        </c-col>             
+                                                        -->
+                        <c-col :span="24" style="height:24px;margin-top:20px">
+                            <el-form-item label="经办/复核" class="messageLabel">
+                            </el-form-item>
+                        </c-col>
+                        <c-col :span="24" style="height:0px;margin-top:-5px">
+                            <el-divider></el-divider>
+                        </c-col>
+                        <c-col :span="24">
+                            <!-- <c-input  v-model="model.recpan.trsstm"  placeholder="请输入Signatures"></c-input> -->
+                            <c-col :span="24" :offset="0">
+                                <c-istream-table :list="SignaturesData.data" :columns="SignaturesData.columns" :paginationShow="false" style="width:100%">
+                                    <el-table-column label="Action" width="auto">
+                                        <template slot-scope="scope">
+                                            <span>{{flg[scope.row.IDX]}}</span>
+                                            <!-- <el-select v-model="action[scope.row.IDX]" style="100%" disabled>
+                                                <el-option
+                                                    v-for="item in codes.flg"
+                                                    :key="item.value"
+                                                    :label="item.label"
+                                                    :value="item.value"
+                                                />
+                                            </el-select> -->
+                                        </template>
+                                    </el-table-column>
+                                </c-istream-table>
+                            </c-col> 
+                        </c-col>  
+
+                        <!-- -------------------workflow------------------- -->
+                        <c-col :span="24" style="height:24px;margin-top:20px">
+                            <el-form-item label="工作流服务" class="messageLabel">
+                            </el-form-item>
+                        </c-col>
+                        <c-col :span="24" style="height:0px;margin-top:-5px">
+                            <el-divider></el-divider>
+                        </c-col>
+                        <c-col :span="24">
+                            <c-col :span="24" :offset="0">
+                                    <c-istream-table :list="stmData.data" :columns="stmData.columns" :paginationShow="false" style="width:100%">
+                                    </c-istream-table>
+                            </c-col>
+                        </c-col>                       
+
+                    </c-content>                  
+                </el-form>      
+            </div>
+        <!-- </div> -->
+            </c-content>
+    </c-page>
+</template>
+
+<script>
+import Trnrel from "~/model/Trnrel";
+import Api from "~/service/Api"
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable"
+import Event from "~/model/Trnrel/Event"
+import DocUtils from '~/utils/DocUtils'
+
+export default {
+    name: "InftrnpsDetail",
+    mixins: [commonProcess],
+    data(){
+        return {
+            model: new Trnrel().data,
+            documentsData: {
+                columns: [
+                    "1 1 \"Type\" 300 1 0:0 1 CORTYP",
+                    "2 2 \"External Key\" 300",
+                    "3 3 \"Document\" auto",
+                    ],
+                data: [],
+            },
+            SignaturesData: {
+                columns: [
+                    '1 2:1 "User" 300',
+                    // '2 3:1 "Date / Time" 300',
+                    {index:2,position:3,width:300,pattern:'time',label:'Date / Time'},
+                    // '3 5:1 "Action" 400',
+                    '4 1:1 "Type" 300'
+                    ],
+                data: [],
+            },
+            codes: { infdsp: CodeTable.infdsp,
+                     flg : CodeTable.flg,
+                     atptxt : CodeTable.atptxt,
+                     relstaEN : CodeTable.relstaEN,
+                     usgtxt : CodeTable.usgtxt,
+                     wfetrssta : CodeTable.wfetrssta },
+            stmData: {
+                columns: [
+                    '1 1 "ID" 100',
+                    '2 2 "Service" 100',
+                    // '3 3 "Status" 100',
+                    {index:3,position:3,width:100,pattern:'code',label:'Status',code: CodeTable.wfetrssta},
+                    '4 4 "Last Update" 100',
+                    '5 5 "Retries" 100',
+                    '6 6 "Text" 200',
+                    '7 7 "Contrary Text" 200',
+                    // '8 8 "Target Time" auto'
+                    {index:8,position:8,width:'auto',pattern:'dateFormat',label:'Target Time'},
+                    ],
+                data: [],
+            },
+            flg:[],
+            atptxt:'',
+            relstaEN:'',
+            usgtxt:'',
+        }
+    },
+    mounted() {
+        this.loadData()
+    },
+    methods: {
+        ...Event,
+        loadData() {
+            // const { data } = this.$route.query
+            this.model = JSON.parse(sessionStorage.getItem('InftrnpsDetail'));
+            this.documentsData.data = this.model.recpan.smhstm.rows;
+            this.SignaturesData.data = this.model.recpan.trsstm.rows;
+            this.stmData.data = this.model.recpan.wfestm.rows;
+            this.flg = this.ArrCalCode(this.SignaturesData.data, this.codes.flg, 3);
+            this.atptxt = this.strCalCode(this.model.recpan.atp.cod, this.codes.atptxt);
+            this.relstaEN = this.strCalCode(this.model.trn.relflg, this.codes.relstaEN);
+            this.usgtxt = this.strCalCode(this.model.trn.usg, this.codes.usgtxt);
+        },
+        strCalCode(str, code){
+            var result = '';
+            for(let i = 0; i < code.length; i++){
+                if(code[i].value === code){
+                    result = code[i].label;
+                    continue;
+                }
+            }
+            if(result === ''){
+                return str;
+            }else{
+                return result;
+            }
+        },
+        ArrCalCode(table, code, index){
+            var result = [];
+            for (let i = 0; i < table.length; i++) {
+                const d = table[i];
+                const items = d.split("\t");
+                result[i] = items[index];
+                for(let j = 0; j < code.length; j++){
+                    if(code[j].value === result[i]){
+                        result[i] = code[j].label;
+                        continue;
+                    }
+                }
+            }
+            return result;
+        },
+        exit(){
+            this.$store.dispatch("TagsView/delView", this.$route)
+            this.$router.history.push("/taskList");
+        },
+        display() {
+            debugger
+            const inr = this.model.trn.inr;
+            Api.post("getTrnNameByInr", { inr: inr}).then((res) => {
+                if (res.respCode == SUCCESS) {
+                const trnName = res.data.toLowerCase();
+                let viewurl = "/#/display/" + trnName + "?trn=" + inr
+                window.open(viewurl, 'newwindow', 'height=1500,width=1200,top=100,left=100,toolbar=no,resizable=no,menubar=no,location=no, status=no');
+                }
+            });
+        },
+        async show(idx,row){       
+            var params = {selDst:"recpan.smhstm",selIds:[idx+1],selBtnId:"A"}
+            let rtnmsg = await Api.post(`/business/trnrel/executeRule/recpan.smhstm`, this.wrapper(params))
+            if (rtnmsg.respCode == SUCCESS) {
+                this.title = "面函"
+                let viewurl = "/#/docpan/show";
+                let XMLdata;
+                if (row.Type == 'LET') {
+                    window.sessionStorage.docTXT = ''
+                    window.sessionStorage.docXML = rtnmsg.data.docimm_xmldocblk;
+                }
+                else if (row.pandsc == "MT799") {
+                    window.sessionStorage.docTXT = ''
+                    XMLdata = rtnmsg.data.litbenl1blk
+                }
+                window.open(viewurl, 'newwindow', 'height=1200,width=800,top=100,left=100,toolbar=no,resizable=no,menubar=no,location=no, status=no');
+            }
+            else {
+                const h = this.$createElement
+                const msg = rtnmsg.respMsg||'请求执行失败!'
+                this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) })
+            }
+        }
+    }
+}
+</script>
+<style scoped>
+.el-col >>> .el-divider--horizontal {
+    margin-top: 10px;
+}
+.formItemLabel >>> .el-form-item__label{
+    text-align: left;
+    font-weight:bold;
+}
+.el-col >>> .el-divider--horizontal {
+  margin-top: 5px;
+}
+.messageLabel >>> .el-form-item__label{
+    text-align: left;
+    font-weight:bold;
+    font-size: 12px;
+}
+</style>
\ No newline at end of file

src/views/Business/Trnrel/Prtgle.vue

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

src/views/Business/Trnrel/Prtp.vue

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

src/views/Business/Trnrel/Prtpan.vue

+<template>
+  <div class="eibs-tab">
+                              
+       <c-col :span="12">
+        <el-form-item label="XMLPanel prtpan的内置block">
+            <c-input type="textarea" v-model="model.recpan.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/Trnrel/Event"
+
+export default {
+    inject: ['root'],
+    props:["model","codes"],
+    mixins: [commonProcess],
+    data(){
+        return {
+
+        }
+    },
+    methods:{...Event},
+    created:function(){
+
+    }
+}
+</script>
+<style>
+
+</style>

src/views/Business/Trnrel/Prtswtp.vue

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

src/views/Business/Trnrel/Prtswtrp.vue

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

src/views/Business/Trnrel/Trndtl/PaperShow.vue

+<template>
+    <span>
+        <c-button type="button" size="mini" @click="showDocOrMsg">显示</c-button>
+        <el-dialog :title="title" :visible.sync="dialogOpen" width="95%">
+            <c-docshow :path="path"/>
+        </el-dialog>
+
+    </span>
+</template>
+<script>
+import Api from "~/service/Api"
+
+export default {
+    props:['path'],
+    data(){
+        return {
+            dialogOpen :false,
+        }
+    },
+    methods:{
+        async showDocOrMsg(){
+            this.dialogOpen = true
+        }
+    },
+    computed:{
+        isdoc(){
+            if(this.path.endsWith(".pdf"))
+                return true
+            else
+                return false
+        },
+        title(){
+            if(this.isdoc)
+                return "面函展示"
+            else
+                return "报文展示"
+        }
+    }
+}
+</script>
\ No newline at end of file

src/views/Business/Trnrel/Trndtl/index.vue

+<template>
+  <c-page title="业务详情">
+    <el-form :model="model" :rules="rules" ref="modelForm" label-width="100px" size="small">
+       
+
+        <c-col :span="12">
+        <el-form-item label="业务参考号">
+            <c-input  v-model="model.trn.ownref" maxlength="16" :readonly="true"  placeholder="请输入业务参考号"></c-input>
+        </el-form-item>
+       </c-col>             
+	
+        <c-col :span="12">
+        <el-form-item label="索引">
+            <c-input  v-model="model.trn.inr" maxlength="8"  :readonly="true" placeholder="请输入索引"></c-input>
+        </el-form-item>
+       </c-col>             
+        <c-col :span="12">
+        <el-form-item label="交易描述">
+            <c-input  v-model="model.trn.objnam" maxlength="40" :readonly="true" placeholder="请输入交易描述"></c-input>
+        </el-form-item>
+       </c-col>             
+ 
+        <c-col :span="12">
+        <el-form-item label="交易编码">
+            <c-input  v-model="model.trn.inifrm" maxlength="6" :readonly="true" placeholder="请输入交易编码"></c-input>
+        </el-form-item>
+       </c-col>             
+	
+        <c-col :span="12">
+        <el-form-item label="业务币种金额">
+            <c-select v-model="model.trn.reloricur" style="width:100%" :disabled="true" placeholder="请选择业务币种金额">
+                <el-option
+                  v-for="item in codes.curtxt"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </c-select>
+        </el-form-item>
+       </c-col>
+        <c-col :span="12">
+        <el-form-item label="换算金额">
+            <c-input  v-model="model.trn.reloriamt" :readonly="true"  placeholder="请输入换算金额"></c-input>
+        </el-form-item>
+       </c-col>                 
+ 
+	
+        <c-col :span="12">
+        <el-form-item label="交易状态">
+            <c-select v-model="model.trn.relflg" style="width:100%" :disabled="true" placeholder="请选择交易状态">
+                <el-option
+                  v-for="item in codes.relflg"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </c-select>
+        </el-form-item>
+       </c-col>
+ 
+	
+        <c-col :span="12">
+        <el-form-item label="经办柜员">
+            <c-input  v-model="model.trn.usr" maxlength="8" :readonly="true" placeholder="请输入经办柜员"></c-input>
+        </el-form-item>
+       </c-col>             
+ 
+	
+        <c-col :span="12">
+        <el-form-item label="用户组">
+            <c-input  v-model="model.trn.usg" maxlength="6" :readonly="true"  placeholder="请输入用户组"></c-input>
+        </el-form-item>
+       </c-col>             
+	
+        <c-col :span="12">
+        <el-form-item label="前手流水号">
+            <c-input  v-model="model.trn.cortrninr" maxlength="8" :readonly="true" placeholder="请输入前手流水号"></c-input>
+        </el-form-item>
+       </c-col>             
+ 
+	
+        <c-col :span="12">
+        <el-form-item label="执行日期">
+            <c-date-picker type="date"  v-model="model.trn.exedat" style="width:100%" :readonly="true" placeholder="请选择执行日期"></c-date-picker>
+        </el-form-item>
+       </c-col>
+ 
+	
+        <c-col :span="12">
+        <el-form-item label="提交柜员">
+            <c-input  v-model="model.recpan.cretrs.usr" maxlength="8" :readonly="true" placeholder="请输入提交柜员"></c-input>
+        </el-form-item>
+       </c-col>             
+ 
+	
+        <c-col :span="12">
+        <el-form-item label="提交时间">
+            <c-input  :value="dateFormat(model.recpan.cretrs.dattim,'yyyy/MM/dd hh:mm:ss')"   :readonly="true" placeholder="请输入提交时间"></c-input>
+        </el-form-item>
+       </c-col>             
+ 
+        <c-col :span="22" :offset="1">
+            <p>面函报文</p>
+            <c-table
+                :data="model.recpan.smhlst"
+                style="width: 100%"
+                >
+                <el-table-column
+                  prop="cortyp"
+                  label="传送方式"
+                  sortable
+                  >
+                </el-table-column>
+                <el-table-column
+                  prop="extkey"
+                  label="面函/报文"
+                  sortable
+                  >
+                </el-table-column>
+                <el-table-column
+                  prop="nam"
+                  label="面函/报文名称"
+                  sortable
+                  >
+                </el-table-column>
+                <el-table-column
+                    prop="op"
+                    label="操作"
+                >
+                    <template slot-scope="scope">
+                    <m-pager :path="scope.row.docpth" />
+                    </template>
+                </el-table-column>
+              </c-table>
+       </c-col>
+        <!-- <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRecpanIncall">
+            Show all inc
+        </c-button>
+       </c-col>
+        <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRecpanButord">
+            订单信息
+        </c-button>
+       </c-col>
+        <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRecpanButspt">
+            Pending item
+        </c-button>
+       </c-col> -->
+ 
+	
+        
+       
+ 
+	
+        <!-- <c-col :span="12">
+        <el-form-item label="报文信息">
+            <c-input type="textarea" v-model="model.recpan.docinf" maxlength="200" show-word-limit placeholder="请输入报文信息" ></c-input>
+        </el-form-item>
+        </c-col> -->
+ 
+	
+        <c-col :span="22" :offset="1">
+            <p>工作服务流程</p>
+            <c-table
+                :data="model.recpan.wfelst"
+                style="width: 100%"
+                >
+               
+                <el-table-column
+                  prop="srvsub"
+                  label="服务码"
+                  sortable
+                  >
+                </el-table-column>
+                <el-table-column
+                  prop="srvnam"
+                  label="服务名"
+                  sortable
+                  >
+                </el-table-column>
+                <el-table-column
+                  prop="sta"
+                  label="状态"
+                  sortable
+                  >
+                  <template slot-scope="scope">
+                    <span>{{ findCodeLabel(codes.oratyp,scope.row.typ) }}</span>
+                  </template>
+                </el-table-column>
+                
+                <el-table-column
+                  prop="rtycnt"
+                  label="重调次数"
+                  sortable
+                  >
+                </el-table-column>
+                <el-table-column
+                  prop="lev"
+                  label="优先级"
+                  sortable
+                  >
+                </el-table-column>
+                <el-table-column
+                  prop="txt"
+                  label="返回信息"
+                  sortable
+                  >
+                </el-table-column>
+              </c-table>
+              
+       </c-col>
+        <c-col :span="22" :offset="1">
+            <p>签字列表</p>
+            <c-table
+                :data="model.recpan.trslst"
+                style="width: 100%"
+                >
+                <el-table-column
+                  prop="sigidx"
+                  label="签名顺序"
+                  sortable
+                  >
+                </el-table-column>
+                <el-table-column
+                  prop="usr"
+                  label="柜员"
+                  sortable
+                  >
+                </el-table-column>
+                <el-table-column
+                  prop="dattim"
+                  label="日期/时间"
+                  sortable
+                  >
+                  <template slot-scope="scope">
+                  {{dateFormat(scope.row.dattim)}}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="flg"
+                  label="操作"
+                  sortable
+                  >
+                  <template slot-scope="scope">
+                    <span>{{ findCodeLabel(codes.oratyp,scope.row.typ) }}</span>
+                  </template>
+                </el-table-column>
+              </c-table>
+       </c-col>
+       <c-col :span="22" :offset="1" style="margin:2em 0">
+        <el-form-item label="操作意见">
+            <c-input type="textarea" v-model="model.trn.inftxt" maxlength="65"  show-word-limit placeholder="请输入意见" ></c-input>
+        </el-form-item>
+        </c-col>
+       <c-col :span="22" :offset="1" style="text-align:center">
+            <c-button size="small" type="primary"  @click="onDsp">
+                明细
+            </c-button>
+            <c-button size="small" type="primary"  @click="onRelrow">
+                复核
+            </c-button>
+            <c-button size="small" type="primary"  @click="onReprow">
+                退回更正
+            </c-button>
+            <c-button size="small" type="primary"  @click="onExi">
+                退出
+            </c-button>
+        </c-col>
+    </el-form>
+     
+  </c-page>
+</template>
+<script>
+import Api from "~/service/Api"
+import CodeTable from "~/config/CodeTable"
+import Utils from "~/utils"
+import PaperShow from "./PaperShow"
+
+export default {
+    components:{
+        "m-pager":PaperShow
+    },
+    computed: {
+
+    },
+    data(){
+        return {
+                  codes:{
+                        dsp:CodeTable.dsp,
+                        busflg:CodeTable.busflg,
+                        actiontype:CodeTable.actiontype,
+                        cur:CodeTable.cur,
+                        ptytyp:CodeTable.ptytyp,
+                        staflg:CodeTable.staflg,
+                        paytyp:CodeTable.paytyp,
+                        payattr:CodeTable.payattr,
+                        balancemode:CodeTable.balancemode,
+                        bopcustype:CodeTable.bopcustype,
+                        payeeattr:CodeTable.payeeattr,
+                        boppaytype:CodeTable.boppaytype,
+                        debcdtflg:CodeTable.debcdtflg,
+                        acttyp:CodeTable.acttyp,
+                        payflg:CodeTable.payflg,
+                        sptsta:CodeTable.sptsta,
+                        buscod:CodeTable.buscod,
+                        datsrc:CodeTable.datsrc,
+                        sndselflg:CodeTable.sndselflg,
+                        flg:CodeTable.flg,
+                        sta:CodeTable.sta,
+                        relflg:CodeTable.relflg,
+                        payacttyp:CodeTable.payacttyp,
+                        curtxt:CodeTable.curtxt,
+                        dbfmethod:CodeTable.dbfmethod,
+                        bustyp:CodeTable.bustyp,
+                        todo:CodeTable.todo,
+                        swftyp:CodeTable.swftyp,
+                        payeraccttype:CodeTable.payeraccttype,
+                        oratyp:CodeTable.oratyp,
+                        chato:CodeTable.chato,
+                        opertype:CodeTable.opertype,
+                        bopyesno:CodeTable.bopyesno,
+                        custyp:CodeTable.custyp,
+                        selten:CodeTable.selten,
+                        dsp2:CodeTable.dsp2,
+                        liqtyp:CodeTable.liqtyp,
+                   },
+                  model:{
+						trncorco:{
+							inidatfro:"",			//  查询区间		.trncorco.inidatfro
+							inidattil:"",			//  Date of entry of Transaction until		.trncorco.inidattil
+							ownref:"",			//  业务编号		.trncorco.ownref
+							relflg:"",			//  复核状态		.trncorco.relflg
+							iniusr:"",			//  Userid entering the Transaction		.trncorco.iniusr
+						},
+						atp:{
+							cod:"",			//  Transaction  ID		.atp.cod
+						},
+						atptxt:"",			//  交易名		.atptxt
+						recpan:{
+							trnlst:[],			//  		.recpan.trnlst
+							cretrs:{
+								usr:"",			//  提交柜员		.recpan.cretrs.usr
+								dattim:"",			//  提交时间		.recpan.cretrs.dattim
+							},
+							smhlst:[],			//  		.recpan.smhlst
+							trslst:[],			//  		.recpan.trslst
+							wfelst:[],			//  		.recpan.wfelst
+							docinf:"",			//  报文信息		.recpan.docinf
+						},
+						trn:{
+							ownref:"",			//  业务参考号		.trn.ownref
+							inr:"",			//  索引		.trn.inr
+							objnam:"",			//  交易描述		.trn.objnam
+							reloricur:"",			//  业务币种金额		.trn.reloricur
+							reloriamt:"",			//  换算金额		.trn.reloriamt
+							relflg:"",			//  交易状态		.trn.relflg
+							usr:"",			//  经办柜员		.trn.usr
+							usg:"",			//  用户组		.trn.usg
+							cortrninr:"",			//  前手流水号		.trn.cortrninr
+							exedat:"",			//  执行日期		.trn.exedat
+							inftxt:"",			//  意见		.trn.inftxt
+							inifrm:"",			//  交易编码		.trn.inifrm
+						},
+				},
+                  pager:{
+                       "recpan_trnlst":{total:0,curIdx:0},
+                       "recpan_smhlst":{total:0,curIdx:0},
+                       "recpan_trslst":{total:0,curIdx:0},
+                       "recpan_wfelst":{total:0,curIdx:0},
+                    },
+                  rules:{
+                       "trncorco.iniusr":[{type: "string", required: false, len: 8, message: "输入不合法"}],
+                       "trncorco.ownref":[{type: "string", required: false, len: 16, message: "输入不合法"}],
+                       "atp.cod":[{type: "string", required: false, len: 6, message: "输入不合法"}],
+                       "atptxt":[{type: "string", required: false, len: 37, message: "输入不合法"}],
+                       "trncorco.inidatfro":[{type: "date", required: false, message: "输入正确的日期"}],
+                       "trncorco.inidattil":[{type: "date", required: false, message: "输入正确的日期"}],
+                       "trn.ownref":[{type: "string", required: false, len: 16, message: "输入不合法"}],
+                       "trn.inr":[{type: "string", required: false, len: 8, message: "输入不合法"}],
+                       "trn.objnam":[{type: "string", required: false, len: 40, message: "输入不合法"}],
+                       "trn.inifrm":[{type: "string", required: false, len: 6, message: "输入不合法"}],
+                       "trn.reloriamt":[{type: "number", required: false, message: "输入不合法"}],
+                       "trn.usr":[{type: "string", required: false, len: 8, message: "输入不合法"}],
+                       "trn.usg":[{type: "string", required: false, len: 6, message: "输入不合法"}],
+                       "trn.cortrninr":[{type: "string", required: false, len: 8, message: "输入不合法"}],
+                       "trn.exedat":[{type: "date", required: false, message: "输入正确的日期"}],
+                       "recpan.cretrs.usr":[{type: "string", required: false, len: 8, message: "输入不合法"}],
+                       "recpan.cretrs.dattim":[{type: "string", required: false, len: 8, message: "输入不合法"}],
+                       "trn.inftxt":[{type: "string", required: true, len: 65, message: "输入超长"}],
+                       "recpan.docinf":[{type: "string", required: true, len: 200, message: "输入超长"}],
+                    }
+        }
+    },
+    methods:{
+            onDsp(){
+                this.$refs.modelForm.validate(async valid => {
+                    if(!valid)
+                        return;
+                    let rtnmsg = await Api.post("trnrel/dsp",{data:this.model})
+                    if(rtnmsg.code == SUCCESS)
+                    {
+                        //TODO 处理数据逻辑
+                                              
+                    }
+                    else
+                    {
+                       this.$notify.error({title: '错误',message: '服务请求失败！'});
+                    }
+                })
+            },
+            onRelrow(){
+              alert(this.$route.query.ownref);
+                this.$refs.modelForm.validate(async valid => {
+                    if(!valid)
+                        return;
+                    let rtnmsg = await Api.post("trnrel/relrow",{data:this.model})
+                    if(rtnmsg.code == SUCCESS)
+                    {
+                        //TODO 处理数据逻辑
+
+                    }
+                    else
+                    {
+                       this.$notify.error({title: '错误',message: '服务请求失败！'});
+                    }
+                })
+            },
+            onReprow(){
+                this.$refs.modelForm.validate(async valid => {
+                    if(!valid)
+                        return;
+                    let rtnmsg = await Api.post("trnrel/reprow",{data:this.model})
+                    if(rtnmsg.code == SUCCESS)
+                    {
+                        //TODO 处理数据逻辑
+
+                    }
+                    else
+                    {
+                       this.$notify.error({title: '错误',message: '服务请求失败！'});
+                    }
+                })
+            },
+            onExi(){
+                this.$refs.modelForm.validate(async valid => {
+                    if(!valid)
+                        return;
+                    let rtnmsg = await Api.post("trnrel/exi",{data:this.model})
+                    if(rtnmsg.code == SUCCESS)
+                    {
+                        //TODO 处理数据逻辑
+
+                    }
+                    else
+                    {
+                       this.$notify.error({title: '错误',message: '服务请求失败！'});
+                    }
+                })
+            },
+            onRecpanDet(){
+                this.$refs.modelForm.validate(async valid => {
+                    if(!valid)
+                        return;
+                    let rtnmsg = await Api.post("trnrel/recpan_det",{data:this.model})
+                    if(rtnmsg.code == SUCCESS)
+                    {
+                        //TODO 处理数据逻辑
+
+                    }
+                    else
+                    {
+                       this.$notify.error({title: '错误',message: '服务请求失败！'});
+                    }
+                })
+            },
+            onRecpanButshw(row){
+                //let path = row.docpth
+            },
+            onRecpanInc(){
+                this.$refs.modelForm.validate(async valid => {
+                    if(!valid)
+                        return;
+                    let rtnmsg = await Api.post("trnrel/recpan_inc",{data:this.model})
+                    if(rtnmsg.code == SUCCESS)
+                    {
+                        //TODO 处理数据逻辑
+
+                    }
+                    else
+                    {
+                       this.$notify.error({title: '错误',message: '服务请求失败！'});
+                    }
+                })
+            },
+            onRecpanIncall(){
+                this.$refs.modelForm.validate(async valid => {
+                    if(!valid)
+                        return;
+                    let rtnmsg = await Api.post("trnrel/recpan_incall",{data:this.model})
+                    if(rtnmsg.code == SUCCESS)
+                    {
+                        //TODO 处理数据逻辑
+
+                    }
+                    else
+                    {
+                       this.$notify.error({title: '错误',message: '服务请求失败！'});
+                    }
+                })
+            },
+            onRecpanButord(){
+                this.$refs.modelForm.validate(async valid => {
+                    if(!valid)
+                        return;
+                    let rtnmsg = await Api.post("trnrel/recpan_butord",{data:this.model})
+                    if(rtnmsg.code == SUCCESS)
+                    {
+                        //TODO 处理数据逻辑
+
+                    }
+                    else
+                    {
+                       this.$notify.error({title: '错误',message: '服务请求失败！'});
+                    }
+                })
+            },
+            onRecpanButspt(){
+                this.$refs.modelForm.validate(async valid => {
+                    if(!valid)
+                        return;
+                    let rtnmsg = await Api.post("trnrel/recpan_butspt",{data:this.model})
+                    if(rtnmsg.code == SUCCESS)
+                    {
+                        //TODO 处理数据逻辑
+
+                    }
+                    else
+                    {
+                       this.$notify.error({title: '错误',message: '服务请求失败！'});
+                    }
+                })
+            },
+    },
+    mounted:async function(){
+        console.log("进入trndtl交易");
+        console.log("param:"+this.$route.query.ownref);
+        var trninr = this.$route.query.inr
+        let rtnmsg = await Api.post("trnrel/init",{params:{trninr}})
+        if(rtnmsg.code == SUCCESS)
+        {
+           //TODO 处理数据逻辑
+            // this.model.recpan.trn=rtnmsg.data
+            Utils.copyValueFromVO(this.model,rtnmsg.data)
+        }
+        else
+        {
+            this.$notify.error({title: '错误',message: '服务请求失败！'});
+        }
+    }
+}
+</script>
+

src/views/Business/Trnrel/Trnfnd/Inftrnps.vue

+<template>
+  <div class="eibs-tab">
+    <!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch"> -->
+    <!-- <template v-slot="searchSlot"> -->
+
+    <el-form
+      class="m-table-search-form"
+      ref="paramsForm"
+      :inline="true"
+      label-position="right"
+      label-width="110px"
+      size="small"
+    >
+      <el-row>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item
+              label="业务编号"
+              prop="trncorco.ownref"
+              style="width: 100%"
+            >
+              <c-input
+                v-model="model.trncorco.ownref"
+                maxlength="16"
+                placeholder="请输入Reference"
+              ></c-input>
+            </el-form-item>
+          </c-col>
+          <c-col :span="8">
+            <el-form-item label="创建时间" style="width: 100%" prop="trncorco.inidatfro">
+              <c-col :span="11">
+                <c-date-picker
+                  type="date"
+                  v-model="model.trncorco.inidatfro"
+                  style="width: 100%"
+                  placeholder="请选择Date of entry of Transaction"
+                ></c-date-picker>
+              </c-col>
+              <c-col :span="2" style="text-align: center">
+                <label style="display: inline-block; width: 100%">-</label>
+              </c-col>
+              <c-col :span="11">
+                <c-date-picker
+                  type="date"
+                  v-model="model.trncorco.inidattil"
+                  style="width: 100%"
+                  placeholder="请选择Date of entry of Transaction until"
+                ></c-date-picker>
+              </c-col>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="经办柜员" prop="usrcon" style="width: 100%">
+              <c-select
+                v-model="model.usrcon"
+                style="width: 100%"
+                placeholder="请选择User"
+              >
+                <el-option
+                  v-for="item in codes.usrsort"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+        </c-col>
+      </el-row>
+      <!--            
+                    <c-col :span="12">
+                      <el-form-item label="Drag  Drop Sender">
+                          <c-input  v-model="model.atpget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
+                      </el-form-item>
+                    </c-col>
+                    -->
+      <el-row>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item
+              label="业务状态"
+              prop="trncorco.relflg"
+              style="width: 100%"
+            >
+              <c-select
+                v-model="model.trncorco.relflg"
+                style="width: 100%"
+                placeholder="请选择Status"
+              >
+                <el-option
+                  v-for="item in relflgCodes"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="业务机构" prop="bchcon" style="width: 100%">
+              <c-select
+                v-model="model.bchcon"
+                style="width: 100%"
+                placeholder="请选择Branch"
+              >
+                <el-option
+                  v-for="item in codes.bchtyp"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+
+          <!--                           
+                    <c-col :span="12">
+                      <el-form-item label="and">
+                          
+                      </el-form-item>
+                    </c-col> -->
+
+          <c-col :span="8">
+            <el-form-item label="交易代码" prop="atp.cod" style="width: 100%">
+              <c-col :span="24">
+                <c-col :span="20">
+                  <c-input
+                    v-model="model.atp.cod"
+                    maxlength="6"
+                    style="width: 95%"
+                    placeholder="请输入Transaction Type "
+                  ></c-input>
+                </c-col>
+                <!-- <c-input  v-model="model.atpget.sdamod.seainf"  style="width:10%" placeholder="i"></c-input> -->
+
+                <c-col :span="4">
+                  <c-button
+                    size="small"
+                    style="width: 100%; margin-left: 0"
+                    type="primary"
+                    @click="onSeainf"
+                    icon="el-icon-search"
+                  ></c-button>
+                </c-col>
+              </c-col>
+            </el-form-item>
+          </c-col>
+        </c-col>
+        <c-col :span="24" style="">
+          <c-col :span="8">
+            <el-form-item
+              label="业务标志"
+              prop="trncorco.dflg"
+              style="width: 100%"
+            >
+              <c-select
+                v-model="model.trncorco.dflg"
+                style="width: 100%"
+                placeholder="请选择业务标志"
+              >
+                <el-option
+                  v-for="item in codes.dflg"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </c-select>
+            </el-form-item>
+          </c-col>
+
+          <c-col :span="8">
+            <el-form-item label="交易名称" prop="atptxt" style="width: 100%">
+              <c-input
+                v-model="model.atptxt"
+                maxlength="37"
+                placeholder="请输入Transaction Text"
+              ></c-input>
+            </el-form-item>
+          </c-col>
+          <c-col :span="8" style="text-align: right">
+            <el-button size="small" @click="handleReset">重置</el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="small"
+              @click="trnfndhandleSearch"
+              >查询</el-button
+            >
+          </c-col>
+        </c-col>
+      </el-row>
+    </el-form>
+
+    <c-col :span="24" style="">
+      <div style="border-bottom: 10px solid rgb(232, 232, 232)">
+      </div>
+    </c-col>
+    <!-- </template> -->
+    <!-- </c-list-search> -->
+
+    <!--                            
+       <c-col :span="12">
+        <el-form-item label="List of transaction sfor display">
+            <c-input  v-model="model.trncorco.trnstm"  placeholder="请输入List of transaction sfor display"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <el-form-item label="# of transactions">
+            <c-input  v-model="model.numtrn"  placeholder="请输入# of transactions"></c-input>
+        </el-form-item>
+       </c-col>
+       -->
+
+    <!-- <div style="margin-top:20px;"> -->
+
+    <!-- <c-button size="small" type="primary" @click="onSeaown">
+        Search Own
+      </c-button>
+
+      <c-button size="small" type="primary" @click="onSeajbh">
+        Search All
+      </c-button>  -->
+
+    <!-- <c-button
+        size="small"
+        type="primary"
+        disabled="disabled"
+        @click="onImgmodNewimg"
+      >
+        Img
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        disabled="disabled"
+        @click="onImgmodNewhisimg"
+      >
+        His.img
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        disabled="disabled"
+        @click="onDiaconButdia"
+      >
+        Diaries
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        disabled="disabled"
+        @click="onImgmodHisimg"
+      >
+        Old.img
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        :disabled="relrowDisabled"
+        @click="onRelrow"
+      >
+        Release
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        disabled="disabled"
+        @click="onReprow"
+      >
+        Repair
+      </c-button>
+      <c-button
+        size="small"
+        type="primary"
+        :disabled="relrowDisabled"
+        @click="onRejrow"
+      >
+        Reject
+      </c-button>
+      <c-button size="small" type="primary" @click="onExi"> Exit </c-button> -->
+    <!-- </div> -->
+
+    <!--   
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onSeajbh">
+            Search All
+        </c-button>
+       </c-col>
+
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onSeactr">
+            Search
+        </c-button>
+       </c-col>
+
+        <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onSearow">
+            Search All
+        </c-button>
+       </c-col>
+
+        <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onDsp">
+            Display
+        </c-button>
+       </c-col>
+
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onImgmodNewimg">
+            Img
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onImgmodNewhisimg">
+            His.img
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onDiaconButdia">
+            Diaries
+        </c-button>
+       </c-col>
+                                                    
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onImgmodHisimg">
+            Old.img
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRelrow">
+            Release
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onPrinte">
+            导出Excel
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onReprow">
+            Repair
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRejrow">
+            Reject
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRelcor">
+            Rel Control
+        </c-button>
+       </c-col>
+       -->
+
+    <!--          
+       <c-col :span="12">
+        <el-form-item label=">>">
+            <c-input  v-model="model.orddsp"  placeholder="请输入>>"></c-input>
+        </el-form-item>
+       </c-col>          
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onExi">
+            Exit
+        </c-button>
+       </c-col> -->
+    <!--<p>{{model.trncorco.trnstm}}</p>-->
+    <!-- <el-row>
+      <c-istream-table
+        :list="stmData.data"
+        :columns="stmData.columns"
+        :showSelection="true"
+        v-on:multipleSelect="multipleSelect"
+      > -->
+    <el-row>
+      <c-col :span="24" style="">
+        <c-istream-table :list="stmData.data" :columns="stmData.columns" style="width:100%" :showButtonFlg="true">
+          <el-table-column
+            fixed="right"
+            prop="display"
+            label="操作"
+            width="140px"
+          >
+          <template slot="header">
+              <c-col :span="11" style="text-align:left"><span>操作</span></c-col>
+              <!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> -->
+            </template>
+            <template slot-scope="scope">
+              <c-button
+                style="margin-left: 0"
+                size="small"
+                @click="onFinishDetail(scope.$index,scope.row)"
+              >
+                详情
+              </c-button>
+              <!--
+              <c-button style="margin-left: 0" size="small" type="primary">
+                快照
+              </c-button>
+              -->
+              <c-button
+                style="margin-left: 0"
+                size="small"             
+              >
+                冲正
+              </c-button>
+            </template>
+          </el-table-column>
+        </c-istream-table>
+      </c-col>
+    </el-row>
+    <!-- <el-row style="margin-top: 2rem">
+      <c-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>交易状态信息 —— {{ transactionStatus.busiNo }}</span>
+          </div>
+          <div class="text item">
+            <form class="el-form--label-left el-form--inline">
+              <div class="el-form-item">
+                <label class="el-form-item__label">修改次数:</label>
+                <div class="el-form-item__content">
+                  <span>{{ transactionStatus.modTimes }}</span>
+                </div>
+              </div>
+              <div class="el-form-item">
+                <label class="el-form-item__label transstatus">交单次数:</label>
+                <div class="el-form-item__content">
+                  <span>{{ transactionStatus.postCount }}</span>
+                </div>
+              </div>
+              <div class="el-form-item">
+                <label class="el-form-item__label transstatus">付款次数:</label>
+                <div class="el-form-item__content">
+                  <span>{{ transactionStatus.earnCount }}</span>
+                </div>
+              </div>
+              <div class="el-form-item">
+                <label class="el-form-item__label transstatus">付款金额:</label>
+                <div class="el-form-item__content">
+                  <span>{{ transactionStatus.earnAmt }} CNY</span>
+                </div>
+              </div>
+            </form>
+          </div>
+        </el-card>
+      </c-col>
+    </el-row> -->
+    <!-- <el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
+          <div class="m-list-btns">
+          </div>
+    </el-dialog> -->
+  </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable";
+import Event from "~/model/Trnrel/Event";
+
+export default {
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [commonProcess],
+  components: {},
+  data() {
+    return {
+      initdialog: false,
+      transactionStatus: {
+        busiNo: "",
+        modTimes: 0,
+        postCount: 0,
+        accCount: 0,
+        earnCount: 0,
+        earnAmt: 0,
+      },
+      stmData: {
+        columns: [
+          '10 1 "交易代码" 80',
+          '11 2 "业务编号" 170',
+          '17 3 "摘要信息" 300',
+          '12 4 "币种" 70',
+          '13 5 "金额" 100',
+          // '14 6 "创建时间" 170',
+          {index:14,position:6,width:140,pattern:'time',label:'创建时间'},
+          '9 7 "签名要求" 80',
+          '2 8 "签名状态" 80',
+          '16 9 "经办柜员" 80',
+        //   '0 10 "业务状态" 80',
+          {index:0,position:10,width:80,pattern:'code',label:'业务状态',code:[{ label: "Final", value: "F" },
+                                                                            { label: "Released", value: "R" },]},
+          '15 11 "业务机构" 200',
+        ],
+        data: [],
+      },
+      relrowDisabled: true,
+      relflgCodes: [],
+      // multipleSelection: [],
+    };
+  },
+  methods: {
+    // multipleSelect(val) {
+    //   // TODO 根据Status判断按钮是否禁用
+    //   this.relrowDisabled = !(val.length > 0);
+    //   this.multipleSelection = val;
+    // },
+    // getSelectedData() {
+    //   return this.multipleSelection.map((idx) => this.stmData.data[idx]);
+    // },
+    ...Event,
+  },
+  created: function () {},
+  mounted() {
+    this.relflgCodes = [
+      { label: "ALL", value: "1" },     //已完成列表业务状态All
+      { label: "Final", value: "F" },
+      { label: "Released", value: "R" },
+    ];
+  },
+  computed: {},
+};
+</script>
+<style>
+</style>

src/views/Business/Trnrel/Trnfnd/TrnfndsDetail.vue

+<template>
+    <c-page title="">
+        <!-- <div class="eContainer"> -->
+            <c-content :height="120">
+            <div class="eibs-tab">
+                <!-- <c-col :span="24">
+                    <div style="float:right;margin-bottom:10px">
+                        <el-button size="small">交易快照</el-button>
+                        <el-button size="small">智能提示</el-button>
+                        <el-button size="small" @click="exit">返回</el-button>
+                    </div>
+                </c-col> -->
+                                       
+                <!-- <c-col :span="12">
+                    <el-form-item label="Drag  Drop Sender">
+                        <c-input  v-model="model.recpan.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
+                    </el-form-item>
+                </c-col>              -->
+                
+                <el-form
+                    :model="model"
+                    ref="modelForm"
+                    tokenKey="modelForm"
+                    :validate-on-rule-change="false"
+                    label-width="150px"
+                    size="small"
+                    >
+                    <c-content>
+                        <!-- <c-col :span="24" style="margin:0 0 5px 0"> -->
+                            <c-col :span="12" style="height:24px;">
+                                <el-form-item label="基本信息" class="messageLabel">
+                                </el-form-item>
+                            </c-col>
+                            <c-col :span="11" style="text-align:right;">
+                                <c-button size="small" type="primary" style="margin-left:0" @click="display">交易快照</c-button>
+                                <c-button size="small" type="primary" style="margin-left:0">智能提示</c-button>
+                                <c-button size="small" @click="exit" type="primary" style="margin-left:0">返回</c-button>
+                            </c-col>
+                        <!-- </c-col> -->
+                        <c-col :span="24" style="height: 10px;margin-bottom:10px">
+                            <el-divider></el-divider>
+                        </c-col>
+                        
+
+                        <!-- -------------------基础信息------------------- -->
+
+                        <!-- ========================= Left ========================= -->
+                        <c-col :span="11"> 
+                            <c-col :span="24">
+                                <c-col :span="22">
+                                    <el-form-item label="Reference">
+                                        <c-input  v-model="model.trn.ownref" maxlength="16" disabled  placeholder="请输入Reference"></c-input>
+                                    </el-form-item>
+                                </c-col>             
+                                <c-col :span="2" style="text-align: right">
+                                    <c-button
+                                        style="margin:0;padding: 0 14px;"
+                                        size="small"
+                                        type="primary"
+                                    >
+                                    <span style="font-size:15px;font-family:'宋体';font-weight:bold">i</span>
+                                    </c-button>
+                                </c-col>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <c-col :span="22">
+                                    <el-form-item label="Transaction  ID">
+                                        <c-input  v-model="model.recpan.atp.cod" maxlength="6" disabled placeholder="请输入Transaction  ID"></c-input>
+                                    </el-form-item>
+                                </c-col> 
+                                <c-col :span="2" style="text-align: right">
+                                    <c-button
+                                        style="margin:0;padding: 0 14px;"
+                                        size="small"
+                                        type="primary"
+                                    >
+                                    <span style="font-size:15px;font-family:'宋体';font-weight:bold">i</span>
+                                    </c-button>
+                                </c-col>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <c-col :span="12">
+                                    <el-form-item label="Relevant Amount">
+                                        <c-input  v-model="model.trn.reloricur" maxlength="3" disabled  placeholder="请输入Relevant Amount"></c-input>
+                                    </el-form-item>
+                                </c-col>
+                                <c-col :span="12">
+                                    <el-form-item  label="" label-width="2%">
+                                        <c-input  v-model="model.trn.reloriamt" disabled placeholder="请输入Relevant Amount for Release in Original Currency"></c-input>
+                                    </el-form-item>
+                                </c-col> 
+                            </c-col>      
+
+                            <c-col :span="24">
+                                <c-col :span="12">
+                                    <el-form-item label="Responsible">
+                                        <c-input  v-model="model.trn.usr" maxlength="8" disabled  placeholder="请输入Responsible"></c-input>
+                                    </el-form-item>
+                                </c-col>             
+                                                            
+                                <c-col :span="12">
+                                    <el-form-item label-width="35%" label="Group">
+                                        <!-- <c-input  v-model="model.trn.usg" maxlength="6" disabled  placeholder="请输入Responsible Group"></c-input> -->
+                                        <el-select v-model="model.trn.usg" style="width: 100%" disabled>
+                                            <el-option
+                                                v-for="item in codes.usgtxt"
+                                                :key="item.value"
+                                                :label="item.label"
+                                                :value="item.value"
+                                            />
+                                        </el-select>
+                                    </el-form-item>
+                                </c-col>  
+                            </c-col>
+
+                            <c-col :span="24">
+                                <c-col :span="12">
+                                    <el-form-item label="Based on Ident No.">
+                                        <c-input  v-model="model.trn.cortrninr" maxlength="8" disabled placeholder="请输入Based on Ident No."></c-input>
+                                    </el-form-item>
+                                </c-col>             
+                                                            
+                                <c-col :span="12">
+                                    <el-form-item label-width="35%" label="Execution Date">
+                                        <c-date-picker type="date"  v-model="model.trn.exedat" style="width:100%" disabled placeholder="请选择Execution Date"></c-date-picker>
+                                    </el-form-item>
+                                </c-col>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <c-col :span="22">
+                                    <el-form-item label="Infotext">
+                                        <c-input type="textarea" v-model="model.trn.inftxt" maxlength="65" :rows="3" show-word-limit placeholder="请输入Infotext" ></c-input>
+                                    </el-form-item>
+                                </c-col>
+                                <c-col :span="2" style="text-align: right">
+                                    <c-button
+                                        style="margin:0;padding: 0 12px;"
+                                        size="small"
+                                        icon="el-icon-search"
+                                        type="primary"
+                                    ></c-button>
+                                </c-col>
+                            </c-col>
+
+                        </c-col>
+
+                        <!-- ========================= Right ========================= -->
+                        <c-col :span="11" :offset="1">
+                            <c-col :span="24">
+                                    <c-col :span="22">
+                                <el-form-item label="Ident No.">
+                                        <c-input  v-model="model.trn.inr" disabled placeholder="请输入Ident No."></c-input>
+                                </el-form-item>
+                                    </c-col>
+                                    <c-col :span="2" style="text-align: right">
+                                        <c-button
+                                            style="margin:0;padding: 0 14px;"
+                                            size="small"
+                                            type="primary"
+                                        >
+                                        <span style="font-size:15px;font-family:'宋体';font-weight:bold">i</span>
+                                        </c-button>
+                                    </c-col>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Transaction  ID">
+                                    <!-- <el-select v-model="model.recpan.atp.cod" style="width: 100%" disabled>
+                                        <el-option
+                                            v-for="item in codes.atptxt"
+                                            :key="item.value"
+                                            :label="item.label"
+                                            :value="item.value"
+                                        />
+                                    </el-select> -->
+                                    <c-input  v-model="this.atptxt" maxlength="6" disabled placeholder="请输入Transaction  ID"></c-input>
+                                </el-form-item>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Drop Receiver">
+                                    <c-input  v-model="model.trn.objnam" maxlength="40" disabled placeholder="请输入External Readable Object Identification"></c-input>
+                                </el-form-item>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Release Status">
+                                    <!-- <c-input v-model="model.trn.relflg" style="width:100%" disabled placeholder="请选择Release Status of Transaction">
+                                    </c-input> -->
+                                    <el-select v-model="model.trn.relflg" style="width: 100%" disabled>
+                                        <el-option
+                                            v-for="item in codes.relstaEN"
+                                            :key="item.value"
+                                            :label="item.label"
+                                            :value="item.value"
+                                        />
+                                    </el-select>
+                                </el-form-item>
+                                
+                            </c-col>
+
+                            <!-- <c-col :span="24">
+                                <el-form-item  label="Signatures Required/Obtained">
+                                <c-row>
+                                    <c-col :span="11">
+                                        <c-input  v-model="model.trn.relreq" maxlength="3" disabled placeholder="请输入Signatures Required/Obtained"></c-input>
+                                    </c-col>
+                                    <c-col :span="2">
+                                        <span style="margin-left:40%">/</span>
+                                    </c-col>
+                                    <c-col :span="11">
+                                        <c-input  v-model="model.trn.relres" maxlength="3" disabled placeholder="请输入Applied Signatures"></c-input>
+                                    </c-col>
+                                </c-row>
+                                </el-form-item>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Completion text">
+                                    <c-input style="font-weight:bold"  v-model="model.recpan.cpltxt" disabled  placeholder="请输入Based on Ident No."></c-input>
+                                </el-form-item>
+                            </c-col> -->
+                            <c-col :span="24">
+                                <c-col :span="12">
+                                    <el-form-item label="Entered by">
+                                        <c-input  v-model="model.recpan.cretrs.usr" maxlength="8" disabled placeholder="请输入Entered by"></c-input>
+                                    </el-form-item>
+                                </c-col>             
+                                                            
+                                <c-col :span="12">
+                                    <el-form-item label-width="35%" label="Timestamp">
+                                        <c-input  v-model="model.recpan.cretrs.dattim" disabled placeholder="请输入Timestamp"></c-input>
+                                    </el-form-item>
+                                </c-col>  
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Infoflag">
+                                    <el-select v-model="model.trn.infdsp" style="width: 100%">
+                                        <el-option
+                                            v-for="item in codes.infdsp"
+                                            :key="item.value"
+                                            :label="item.label"
+                                            :value="item.value"
+                                        />
+                                    </el-select>
+                                </el-form-item>
+                            </c-col>
+
+                            <c-col :span="24">
+                                <el-form-item  label="Send for Repair to">
+                                    <c-input v-model="model.recpan.usr.extkey" disabled style="width:100%" placeholder="请选择extkey">
+                                    </c-input>
+                                </el-form-item>
+                            </c-col>
+
+                        </c-col>
+                        
+                        <!-- -------------------分割线------------------- -->
+                        <!-- <c-col :span="24">
+                            <div style="border-bottom: 10px solid rgb(232, 232, 232);">
+                            </div>
+                        </c-col> -->
+                        <!-- <c-col :span="24" style="height:25px">
+                            <el-divider></el-divider>
+                        </c-col> -->
+
+                        <!-- -------------------document------------------- -->
+                        <c-col :span="24" style="height:24px">
+                            <el-form-item label="面函/报文" class="messageLabel">
+                            </el-form-item>
+                        </c-col>
+                        <c-col :span="24" style="height: 0px;margin-top:-5px">
+                            <el-divider></el-divider>
+                        </c-col>
+                        <c-col :span="24">
+                            <!-- <c-input  v-model="model.recpan.smhstm"  placeholder="请输入Documents"></c-input> -->
+                            <c-istream-table :list="documentsData.data" :columns="documentsData.columns" :paginationShow="false" style="width:100%">
+                                <el-table-column
+                                    fixed="right"
+                                    prop="display"
+                                    label="操作"
+                                    width="170px"
+                                >
+                                <template slot="header">
+                                    <c-col :span="11" style="text-align:left"><span>操作</span></c-col>
+                                    <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col>
+                                    </template>
+                                    <template slot-scope="scope">
+                                        <c-button
+                                            style="margin-left: 0"
+                                            size="small"
+                                            type="primary"
+                                            @click="show(scope.$index,scope.row)"
+                                        >
+                                            显示
+                                        </c-button>
+                                        <c-button
+                                            style="margin-left: 0"
+                                            size="small"
+                                            type="primary"
+                                        >
+                                            打印
+                                        </c-button>
+                                    </template>
+                                </el-table-column>
+                            </c-istream-table>
+                        </c-col> 
+                        
+                        <!-- <c-col :span="12">
+                            <el-form-item label="User ID">
+                                <c-input  v-model="model.recpan.usr.extkey" maxlength="8"  placeholder="请输入User ID"></c-input>
+                            </el-form-item>
+                        </c-col>             
+                                    
+                        <c-col :span="12">
+                            <el-form-item label="">
+                                <c-input  v-model="model.recpan.usrget.sdamod.seainf"  placeholder="请输入"></c-input>
+                            </el-form-item>
+                        </c-col>             
+                                                        -->
+                        <c-col :span="24" style="height:24px;margin-top:20px">
+                            <el-form-item label="经办/复核" class="messageLabel">
+                            </el-form-item>
+                        </c-col>
+                        <c-col :span="24" style="height:0px;margin-top:-5px">
+                            <el-divider></el-divider>
+                        </c-col>
+                        <c-col :span="24">
+                            <!-- <c-input  v-model="model.recpan.trsstm"  placeholder="请输入Signatures"></c-input> -->
+                            <c-col :span="24" :offset="0">
+                                <c-istream-table :list="SignaturesData.data" :columns="SignaturesData.columns" :paginationShow="false" style="width:100%">
+                                    <el-table-column label="Action" width="auto">
+                                        <template slot-scope="scope">
+                                            <span>{{flg[scope.row.IDX]}}</span>
+                                            <!-- <el-select v-model="action[scope.row.IDX]" style="100%" disabled>
+                                                <el-option
+                                                    v-for="item in codes.flg"
+                                                    :key="item.value"
+                                                    :label="item.label"
+                                                    :value="item.value"
+                                                />
+                                            </el-select> -->
+                                        </template>
+                                    </el-table-column>
+                                </c-istream-table>
+                            </c-col> 
+                        </c-col>  
+
+                        <!-- -------------------workflow------------------- -->
+                        <c-col :span="24" style="height:24px;margin-top:20px">
+                            <el-form-item label="工作流服务" class="messageLabel">
+                            </el-form-item>
+                        </c-col>
+                        <c-col :span="24" style="height:0px;margin-top:-5px">
+                            <el-divider></el-divider>
+                        </c-col>
+                        <c-col :span="24">
+                            <c-col :span="24" :offset="0">
+                                    <c-istream-table :list="stmData.data" :columns="stmData.columns" :paginationShow="false" style="width:100%">
+                                    </c-istream-table>
+                            </c-col>
+                        </c-col>                       
+
+                    </c-content>                  
+                </el-form>      
+            </div>
+        <!-- </div> -->
+            </c-content>
+    </c-page>
+</template>
+
+<script>
+import Trnrel from "~/model/Trnrel";
+import Api from "~/service/Api"
+import commonProcess from "~/mixin/commonProcess";
+import CodeTable from "~/config/CodeTable"
+import Event from "~/model/Trnrel/Event"
+import DocUtils from '~/utils/DocUtils'
+
+export default {
+    name: "InftrnpsDetail",
+    mixins: [commonProcess],
+    data(){
+        return {
+            model: new Trnrel().data,
+            documentsData: {
+                columns: [
+                    "1 1 \"Type\" 300 1 0:0 1 CORTYP",
+                    "2 2 \"External Key\" 300",
+                    "3 3 \"Document\" auto",
+                    ],
+                data: [],
+            },
+            SignaturesData: {
+                columns: [
+                    '1 2:1 "User" 300',
+                    '2 3:1 "Date / Time" 300',
+                    // '3 5:1 "Action" 400',
+                    '4 1:1 "Type" 300'
+                    ],
+                data: [],
+            },
+            codes: { infdsp: CodeTable.infdsp,
+                     flg : CodeTable.flg,
+                     atptxt : CodeTable.atptxt,
+                     relstaEN : CodeTable.relstaEN,
+                     usgtxt : CodeTable.usgtxt,
+                     wfetrssta : CodeTable.wfetrssta },
+            stmData: {
+                columns: [
+                    '1 1 "ID" 100',
+                    '2 2 "Service" 100',
+                    // '3 3 "Status" 100',
+                    {index:3,position:3,width:100,pattern:'code',label:'Status',code: CodeTable.wfetrssta},
+                    '4 4 "Last Update" 100',
+                    '5 5 "Retries" 100',
+                    '6 6 "Text" 200',
+                    '7 7 "Contrary Text" 200',
+                    '8 8 "Target Time" auto'
+                    ],
+                data: [],
+            },
+            flg:[],
+            atptxt:'',
+            relstaEN:'',
+            usgtxt:'',
+        }
+    },
+    mounted() {
+        this.loadData()
+    },
+    methods: {
+        ...Event,
+        loadData() {
+            // const { data } = this.$route.query
+            this.model = JSON.parse(sessionStorage.getItem('InftrnpsDetail'));
+            this.documentsData.data = this.model.recpan.smhstm.rows;
+            this.SignaturesData.data = this.model.recpan.trsstm.rows;
+            this.stmData.data = this.model.recpan.wfestm.rows;
+            this.flg = this.ArrCalCode(this.SignaturesData.data, this.codes.flg, 3);
+            this.atptxt = this.strCalCode(this.model.recpan.atp.cod, this.codes.atptxt);
+            this.relstaEN = this.strCalCode(this.model.trn.relflg, this.codes.relstaEN);
+            this.usgtxt = this.strCalCode(this.model.trn.usg, this.codes.usgtxt);
+        },
+        strCalCode(str, code){
+            var result = '';
+            for(let i = 0; i < code.length; i++){
+                if(code[i].value === code){
+                    result = code[i].label;
+                    continue;
+                }
+            }
+            if(result === ''){
+                return str;
+            }else{
+                return result;
+            }
+        },
+        ArrCalCode(table, code, index){
+            var result = [];
+            for (let i = 0; i < table.length; i++) {
+                const d = table[i];
+                const items = d.split("\t");
+                result[i] = items[index];
+                for(let j = 0; j < code.length; j++){
+                    if(code[j].value === result[i]){
+                        result[i] = code[j].label;
+                        continue;
+                    }
+                }
+            }
+            return result;
+        },
+        exit(){
+            this.$store.dispatch("TagsView/delView", this.$route)
+            this.$router.history.push("/taskList");
+        },
+        display() {
+            debugger
+            const inr = this.model.trn.inr;
+            Api.post("getTrnNameByInr", { inr: inr}).then((res) => {
+                if (res.respCode == SUCCESS) {
+                const trnName = res.data.toLowerCase();
+                let viewurl = "/#/display/" + trnName + "?trn=" + inr
+                window.open(viewurl, 'newwindow', 'height=1500,width=1200,top=100,left=100,toolbar=no,resizable=no,menubar=no,location=no, status=no');
+                }
+            });
+        },
+        async show(idx,row){       
+            var params = {selDst:"recpan.smhstm",selIds:[idx+1],selBtnId:"A"}
+            let rtnmsg = await Api.post(`/business/trnrel/executeRule/recpan.smhstm`, this.wrapper(params))
+            if (rtnmsg.respCode == SUCCESS) {
+                this.title = "面函"
+                let viewurl = "/#/docpan/show";
+                let XMLdata;
+                if (row.Type == 'LET') {
+                    window.sessionStorage.docTXT = ''
+                    window.sessionStorage.docXML = rtnmsg.data.docimm_xmldocblk;
+                }
+                else if (row.pandsc == "MT799") {
+                    window.sessionStorage.docTXT = ''
+                    XMLdata = rtnmsg.data.litbenl1blk
+                }
+                window.open(viewurl, 'newwindow', 'height=1200,width=800,top=100,left=100,toolbar=no,resizable=no,menubar=no,location=no, status=no');
+            }
+            else {
+                const h = this.$createElement
+                const msg = rtnmsg.respMsg||'请求执行失败!'
+                this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) })
+            }
+        }
+    }
+}
+</script>
+<style scoped>
+.el-col >>> .el-divider--horizontal {
+    margin-top: 10px;
+}
+.formItemLabel >>> .el-form-item__label{
+    text-align: left;
+    font-weight:bold;
+}
+.el-col >>> .el-divider--horizontal {
+  margin-top: 5px;
+}
+.messageLabel >>> .el-form-item__label{
+    text-align: left;
+    font-weight:bold;
+    font-size: 12px;
+}
+</style>
\ No newline at end of file

src/views/Business/Trnrel/Trnfnd/index.vue

+<template>
+  <div class="eContainer">
+    <el-form
+      :model="model"
+      :rules="rules"
+      ref="modelForm"
+      tokenKey="modelForm"
+      :validate-on-rule-change="false"
+      label-width="150px"
+      size="small"
+    >
+      <!-- <el-tabs ref="elment" type="card" @tab-click="tabClick">
+                <el-tab-pane label="复核夹查询"> -->
+      <!-- <c-content> -->
+        <m-inftrnps :model="model" :codes="codes" ref="inftrnps" />
+      <!-- </c-content> -->
+      <!-- </el-tab-pane>
+            </el-tabs> -->
+    </el-form>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import CodeTable from "~/config/CodeTable";
+import Trnrel from "~/model/Trnrel";
+import commonProcess from "~/mixin/commonProcess";
+import Pattern from "~/model/Trnrel/Pattern";
+import Default from "~/model/Trnrel/Default";
+import Check from "~/model/Trnrel/Check";
+import Inftrnps from "./Inftrnps";
+import Utils from "~/utils/index";
+
+// import * as poinMessage from '@/util/poin-common/messageManage.js'
+import {
+  TabPane,
+  Col,
+  Table,
+  Form,
+  FormItem,
+  Upload,
+  TableColumn,
+  Card,
+  Input,
+  Button,
+  Dialog,
+  Select,
+  Tabs,
+  Option,
+  DatePicker,
+  Row,
+} from "element-ui";
+import Event from "~/model/Trnrel/Event";
+
+export default {
+  name: "Trnfnd",
+  components: {
+    "m-inftrnps": Inftrnps,
+  },
+  mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
+  computed: {},
+  provide() {
+    return {
+      root: this,
+    };
+  },
+  data() {
+    return {
+      trnName: "trnrel",
+      model: new Trnrel().data,
+      checkRules: Check,
+      defaultRules: Default,
+      pattern: Pattern,
+      rules: null,
+      codes: {
+        dflg: CodeTable.dflg,
+        bchtyp: CodeTable.bchtyp,
+        usrsort: CodeTable.usrsort,
+      },
+    };
+  },
+  methods: {},
+  mounted: async function () {
+    console.log("进入trnrel交易");
+    const that = this;
+    that.init(that.model).then((res) => {
+      //TODO 处理数据逻辑
+        if ((res.data.trncorco_relflg = "W")) {
+          res.data.trncorco_relflg = "R";
+        }
+
+      that.model = Utils.copyValueFromVO(that.model, res.data);
+      //  that.$refs.inftrnps.stmData.columns=res.data.trncorco_trnstm.rows
+      this.$refs.inftrnps.trnfndhandleSearch();
+    });
+  },
+};
+</script>
+<style>
+</style>

src/views/Business/Trnrel/Trnp0.vue

+<template>
+  <div class="eibs-tab">
+                              
+       <c-col :span="12">
+        <el-form-item label="Drag  Drop Sender">
+            <c-input  v-model="model.recpan.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="Reference">
+            <c-input  v-model="model.trn.ownref" maxlength="16"  placeholder="请输入Reference"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <el-form-item label="Reference">
+            <c-input  v-model="model.recpan.con"  placeholder="请输入Reference"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="Transaction Key">
+            <c-input  v-model="model.trn.inr" maxlength="8"  placeholder="请输入Transaction Key"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <el-form-item label="Ident No.">
+            <c-input  v-model="model.recpan.recget.sdamod.seainf"  placeholder="请输入Ident No."></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <el-form-item label="External Readable Object Identification">
+            <c-input  v-model="model.trn.objnam" maxlength="40"  placeholder="请输入External Readable Object Identification"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRecpanDet">
+            详情
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Drag  Drop Sender">
+            <c-input  v-model="model.recpan.atpget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="Transaction  ID">
+            <c-input  v-model="model.recpan.atp.cod" maxlength="6"  placeholder="请输入Transaction  ID"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <el-form-item label="Transaction">
+            <c-input  v-model="model.recpan.atpget.sdamod.seainf"  placeholder="请输入Transaction"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <el-form-item label="Transaction  ID">
+            <c-input  v-model="model.recpan.atp.cod" maxlength="6"  placeholder="请输入Transaction  ID"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onSyswrnButshw">
+            &Warning
+        </c-button>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="Relevant Amount">
+            <c-input  v-model="model.trn.reloricur" maxlength="3"  placeholder="请输入Relevant Amount"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <el-form-item label="Relevant Amount for Release in Original Currency">
+            <c-input  v-model="model.trn.reloriamt"  placeholder="请输入Relevant Amount for Release in Original Currency"></c-input>
+        </el-form-item>
+       </c-col>                 
+                                   
+       <c-col :span="12">
+        <el-form-item label="Release Status of Transaction">
+            <c-select v-model="model.trn.relflg" style="width:100%" placeholder="请选择Release Status of Transaction">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRecpanNotmap">
+            Unmapped
+        </c-button>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="Responsible">
+            <c-input  v-model="model.trn.usr" maxlength="8"  placeholder="请输入Responsible"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="Responsible Group">
+            <c-input  v-model="model.trn.usg" maxlength="6"  placeholder="请输入Responsible Group"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="Signatures Required/Obtained">
+            <c-input  v-model="model.trn.relreq" maxlength="3"  placeholder="请输入Signatures Required/Obtained"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="Applied Signatures">
+            <c-input  v-model="model.trn.relres" maxlength="3"  placeholder="请输入Applied Signatures"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="Based on Ident No.">
+            <c-input  v-model="model.trn.cortrninr" maxlength="8"  placeholder="请输入Based on Ident No."></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="Execution Date">
+            <c-date-picker type="date"  v-model="model.trn.exedat" style="width:100%"  placeholder="请选择Execution Date"></c-date-picker>
+        </el-form-item>
+       </c-col>
+                  
+	<c-col :span="12">
+	    <span  v-text="model.recpan.cpltxt"   data-path=".recpan.cpltxt" > </span>
+	</c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="Entered by">
+            <c-input  v-model="model.recpan.cretrs.usr" maxlength="8"  placeholder="请输入Entered by"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="Timestamp">
+            <c-input  v-model="model.recpan.cretrs.dattim"  placeholder="请输入Timestamp"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="Send to SOP/CASmf reference">
+            <c-input  v-model="model.recpan.ackgrp.rec.sndref" maxlength="40"  placeholder="请输入Send to SOP/CASmf reference"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+	<c-col :span="12">
+	    <span  v-text="model.recpan.spt.sta"   data-path=".recpan.spt.sta" > </span>
+	</c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRecpanButspt">
+            Pending Item
+        </c-button>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="Documents">
+            <c-input  v-model="model.recpan.smhstm"  placeholder="请输入Documents"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRecpanInc">
+            Show &Incoming
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRecpanButord">
+            Order
+        </c-button>
+       </c-col>
+                  
+	<c-col :span="12">
+	    <span  v-text="model.recpan.ord.sta"   data-path=".recpan.ord.sta" > </span>
+	</c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onImgmod1Image">
+            imgyge
+        </c-button>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary"  @click="onRecpanIncben">
+            Inc to Ben
+        </c-button>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="Infotext">
+            <c-input type="textarea" v-model="model.trn.inftxt" maxlength="65" show-word-limit placeholder="请输入Infotext" ></c-input>
+        </el-form-item>
+        </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Infoflag">
+            <c-select v-model="model.trn.infdsp" style="width:100%" placeholder="请选择Infoflag">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <c-button size="small" type="primary" icon="el-icon-search" @click="onInftxtButtxmsel">
+            ...
+        </c-button>
+       </c-col>
+                                   
+       <c-col :span="12">
+        <el-form-item label="User ID">
+            <c-input  v-model="model.recpan.usr.extkey" maxlength="8"  placeholder="请输入User ID"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <el-form-item label="">
+            <c-input  v-model="model.recpan.usrget.sdamod.seainf"  placeholder="请输入"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="Signatures">
+            <c-input  v-model="model.recpan.trsstm"  placeholder="请输入Signatures"></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/Trnrel/Event"
+
+export default {
+    inject: ['root'],
+    props:["model","codes"],
+    mixins: [commonProcess],
+    data(){
+        return {
+
+        }
+    },
+    methods:{...Event},
+    created:function(){
+
+    }
+}
+</script>
+<style>
+
+</style>

src/views/Business/Trnrel/Trnpack.vue

+<template>
+  <div class="eibs-tab">
+                                                                
+       <c-col :span="12">
+        <el-form-item label="ACKs for transaction">
+            <c-input  v-model="model.recpan.ackstm"  placeholder="请输入ACKs for transaction"></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/Trnrel/Event"
+
+export default {
+    inject: ['root'],
+    props:["model","codes"],
+    mixins: [commonProcess],
+    data(){
+        return {
+
+        }
+    },
+    methods:{...Event},
+    created:function(){
+
+    }
+}
+</script>
+<style>
+
+</style>

src/views/Business/Trnrel/Trnpevt.vue

+<template>
+  <div class="eibs-tab">
+                                                                                 
+       <c-col :span="12">
+        <el-form-item label="stream of history of transactions">
+            <c-input  v-model="model.recpan.evthisstm"  placeholder="请输入stream of history of transactions"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="stream of events">
+            <c-input  v-model="model.recpan.evtstm"  placeholder="请输入stream of events"></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/Trnrel/Event"
+
+export default {
+    inject: ['root'],
+    props:["model","codes"],
+    mixins: [commonProcess],
+    data(){
+        return {
+
+        }
+    },
+    methods:{...Event},
+    created:function(){
+
+    }
+}
+</script>
+<style>
+
+</style>

src/views/Business/Trnrel/Trnptro.vue

+<template>
+  <div class="eibs-tab">
+                                                                                 
+       <c-col :span="12">
+        <el-form-item label="TROs for transaction for display">
+            <c-input  v-model="model.recpan.trostm"  placeholder="请输入TROs for transaction for display"></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/Trnrel/Event"
+
+export default {
+    inject: ['root'],
+    props:["model","codes"],
+    mixins: [commonProcess],
+    data(){
+        return {
+
+        }
+    },
+    methods:{...Event},
+    created:function(){
+
+    }
+}
+</script>
+<style>
+
+</style>

src/views/Business/Trnrel/Trnpwfm.vue

+<template>
+  <div class="eibs-tab">
+                                               
+       <c-col :span="12">
+        <el-form-item label="Table Used to Store Associated Object">
+            <c-select v-model="model.wfmmod.wfs.objtyp" style="width:100%" placeholder="请选择Table Used to Store Associated Object">
+              </c-select>
+        </el-form-item>
+       </c-col>
+                  
+       <c-col :span="12">
+        <el-form-item label="Object">
+            <c-input  v-model="model.wfmmod.wfs.objinr" maxlength="8"  placeholder="请输入Object"></c-input>
+        </el-form-item>
+       </c-col>             
+                                   
+       <c-col :span="12">
+        <el-form-item label="External Readable Object Identification">
+            <c-input  v-model="model.wfmmod.wfs.objnam" maxlength="40"  placeholder="请输入External Readable Object Identification"></c-input>
+        </el-form-item>
+       </c-col>             
+                  
+       <c-col :span="12">
+        <el-form-item label="WFEs for transaction for display">
+            <c-input  v-model="model.recpan.wfestm"  placeholder="请输入WFEs for transaction for display"></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/Trnrel/Event"
+
+export default {
+    inject: ['root'],
+    props:["model","codes"],
+    mixins: [commonProcess],
+    data(){
+        return {
+
+        }
+    },
+    methods:{...Event},
+    created:function(){
+
+    }
+}
+</script>
+<style>
+
+</style>

src/views/Business/Trnrel/Xmldoc.vue

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

src/views/Business/Trnrel/index.vue

+<template>
+  <div class="eContainer">
+    <el-form
+      :model="model"
+      :rules="rules"
+      ref="modelForm"
+      tokenKey="modelForm"
+      :validate-on-rule-change="false"
+      label-width="150px"
+      size="small"
+    >
+      <!-- <el-tabs ref="elment" type="card" @tab-click="tabClick">
+                <el-tab-pane label="复核夹查询"> -->
+      <!-- <c-content> -->
+        <m-inftrnps :model="model" :codes="codes" ref="inftrnps" />
+      <!-- </c-content> -->
+      <!-- </el-tab-pane>
+            </el-tabs> -->
+    </el-form>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api";
+import CodeTable from "~/config/CodeTable";
+import Trnrel from "~/model/Trnrel";
+import commonProcess from "~/mixin/commonProcess";
+import Pattern from "~/model/Trnrel/Pattern";
+import Default from "~/model/Trnrel/Default";
+import Check from "~/model/Trnrel/Check";
+import Inftrnps from "./Inftrnps";
+import Trnp0 from "./Trnp0";
+import Trnpwfm from "./Trnpwfm";
+import Trnpevt from "./Trnpevt";
+import Trnpack from "./Trnpack";
+import Trnptro from "./Trnptro";
+import Prtgle from "./Prtgle";
+import Prtpan from "./Prtpan";
+import Prtswtp from "./Prtswtp";
+import Xmldoc from "./Xmldoc";
+import Prtswtrp from "./Prtswtrp";
+import Prtp from "./Prtp";
+import Utils from "~/utils/index";
+
+// import * as poinMessage from '@/util/poin-common/messageManage.js'
+import {
+  TabPane,
+  Col,
+  Table,
+  Form,
+  FormItem,
+  Upload,
+  TableColumn,
+  Card,
+  Input,
+  Button,
+  Dialog,
+  Select,
+  Tabs,
+  Option,
+  DatePicker,
+  Row,
+} from "element-ui";
+import Event from "~/model/Trnrel/Event";
+
+export default {
+  name: "Trnrel",
+  components: {
+    "m-inftrnps": Inftrnps,
+  },
+  mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
+  // computed: {},
+  provide() {
+    return {
+      root: this,
+    };
+  },
+  data() {
+    return {
+      trnName: "trnrel",
+      model: new Trnrel().data,
+      checkRules: Check,
+      defaultRules: Default,
+      pattern: Pattern,
+      rules: null,
+      codes: {
+        dflg: CodeTable.dflg,
+        bchtyp: CodeTable.bchtyp,
+        usrsort: CodeTable.usrsort,
+      },
+      // reload:false,
+    };
+  },
+  created() {
+    const that = this;
+      that.init(that.model).then((res) => {
+        //TODO 处理数据逻辑
+
+        that.model = Utils.copyValueFromVO(that.model, res.data);
+        //  that.$refs.inftrnps.stmData.columns=res.data.trncorco_trnstm.rows
+        this.$refs.inftrnps.handleSearch();
+      });
+  },
+  methods: {
+
+  },
+  computed: {
+    reload: function(){
+      return this.$store.state.Status.loading.freshReview;
+    }
+  },
+  watch:{
+    reload: function(val, oldVal){
+      if(val){
+        const that = this;
+        that.init(that.model).then((res) => {
+          //TODO 处理数据逻辑
+
+          that.model = Utils.copyValueFromVO(that.model, res.data);
+          //  that.$refs.inftrnps.stmData.columns=res.data.trncorco_trnstm.rows
+          this.$refs.inftrnps.handleSearch();
+          //刷新页面后重置刷新状态为不刷新
+          this.$store.commit("setLoadingFreshReview", false)
+        });
+
+      
+      }
+    },
+  },
+};
+</script>
+<style>
+</style>

src/views/TaskList/index.vue

@@ -12,7 +12,7 @@
           />
         </span>
         <c-content :height="180">
-          <!-- <t-sptsel /> -->
+          <t-sptsel />
         </c-content>
       </el-tab-pane>
 
@@ -26,13 +26,13 @@
           />
         </span>
         <c-content :height="180">
-          <!-- <t-trnrel /> -->
+          <t-trnrel />
         </c-content>
       </el-tab-pane>
 
       <el-tab-pane label="已完成列表" name="trnfnd">
         <c-content :height="180">
-          <!-- <t-trnfnd /> -->
+          <t-trnfnd />
         </c-content>
       </el-tab-pane>
       <el-tab-pane label="待申报列表" name="bopsel">
@@ -47,7 +47,7 @@
             :max="99"
           />
         </span>
-        <!-- <t-sptbrk /> -->
+        <t-sptbrk />
       </el-tab-pane>
       <el-tab-pane label="到期提示" name="diasel">
         <span slot="label">
@@ -59,7 +59,7 @@
           />
         </span>
         <c-content :height="180">
-          <!-- <t-diasel /> -->
+          <t-diasel />
         </c-content>
       </el-tab-pane>
     </c-tabs>
@@ -67,12 +67,12 @@
 </template>
 
 <script>
-// import Sptsel from "~/views/Business/Sptsel";
-// import Sptbrk from "~/views/Business/Sptsel/Sptbrk";
-// import Trnrel from "~/views/Business/Trnrel";
-// import Trnfnd from "~/views/Business/Trnrel/Trnfnd";
-// import Diasel from "~/views/Business/Diasel";
-// import Bopsel from "~/views/Business/Bopsel";
+import Sptsel from "~/views/Business/Sptsel";
+import Sptbrk from "~/views/Business/Sptsel/Sptbrk";
+import Trnrel from "~/views/Business/Trnrel";
+import Trnfnd from "~/views/Business/Trnrel/Trnfnd";
+import Diasel from "~/views/Business/Diasel";
+import Bopsel from "~/views/Business/Bopsel";
 
 export default {
   data() {
@@ -96,12 +96,12 @@ export default {
     },
   },
   components: {
-    // "t-sptsel": Sptsel,
-    // "t-sptbrk": Sptbrk,
-    // "t-trnrel": Trnrel,
-    // "t-trnfnd": Trnfnd,
-    // "t-diasel": Diasel,
-    // "t-bopsel": Bopsel,
+    "t-sptsel": Sptsel,
+    "t-sptbrk": Sptbrk,
+    "t-trnrel": Trnrel,
+    "t-trnfnd": Trnfnd,
+    "t-diasel": Diasel,
+    "t-bopsel": Bopsel,
   },
 };
 </script>