<template> <div class="eContainer"> <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" size="small" :validate-on-rule-change="false"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> <!--PD000006 --> <el-tab-pane label="Selection" name="infsea"> <m-infsea :model="model" :codes="codes"/> </el-tab-pane> <!--PD000013 --> <el-tab-pane label="Transactions" name="trnpan"> <m-trnpan :model="model" :codes="codes"/> </el-tab-pane> <!--PD000019 --> <el-tab-pane label="CBS Info" name="cbsinfp"> <m-cbsinfp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000028 --> <el-tab-pane label="CBE Info" name="cbeinfp"> <m-cbeinfp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000111 --> <el-tab-pane label="FEP/FCP Info" name="fepinfp"> <m-fepinfp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000162 --> <el-tab-pane label="SEP Info" name="sepinfp"> <m-sepinfp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000001 --> <el-tab-pane label="Details of Temporary Settlement" name="sepp0"> <m-sepp0 :model="model" :codes="codes"/> </el-tab-pane> <!--PD000177 --> <el-tab-pane label="GLE Bookings" name="gleinfp"> <m-gleinfp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000119 --> <el-tab-pane label="SMH Info" name="smhinfp"> <m-smhinfp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000130 --> <el-tab-pane label="SPT/DIA Info" name="peninfp"> <m-peninfp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000147 --> <el-tab-pane label="Engagement" name="liainfp"> <m-liainfp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000005 --> <el-tab-pane label="Print" name="prtpan"> <m-prtpan :model="model" :codes="codes"/> </el-tab-pane> <!--PD000185 --> <el-tab-pane label="Order" name="ordpan"> <m-ordpan :model="model" :codes="codes"/> </el-tab-pane> <!--PD000029 --> <el-tab-pane label="Order" name="ordp0"> <m-ordp0 :model="model" :codes="codes"/> </el-tab-pane> <!--PD000001 --> <el-tab-pane label="DTA Fields" name="dtetag"> <m-dtetag :model="model" :codes="codes"/> </el-tab-pane> <!--PD000065 --> <el-tab-pane label="Settlement Instructions" name="setinsp"> <m-setinsp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000001 --> <el-tab-pane label="Fee Conditions" name="fecp"> <m-fecp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000204 --> <el-tab-pane label="CIPS" name="cips"> <m-cips :model="model" :codes="codes"/> </el-tab-pane> <!--PD000449 --> <el-tab-pane label="CIPS2.0" name="cips2"> <m-cips2 :model="model" :codes="codes"/> </el-tab-pane> <!--PD000450 --> <el-tab-pane label="CIPS2.0" name="cips3"> <m-cips3 :model="model" :codes="codes"/> </el-tab-pane> </c-tabs> </el-form> </div> </template> <script> import Api from "~/service/Api" import CodeTable from "~/config/CodeTable" import Infccd from "~/model/Infccd" import commonProcess from "~/mixin/commonProcess" import Check from "~/model/Infccd/Check" import Default from "~/model/Infccd/Default" import Pattern from "~/model/Infccd/Pattern" import Infsea from "./Infsea" import Trnpan from "./Trnpan" import Cbsinfp from "./Cbsinfp" import Cbeinfp from "./Cbeinfp" import Fepinfp from "./Fepinfp" import Sepinfp from "./Sepinfp" import Sepp0 from "./Sepp0" import Gleinfp from "./Gleinfp" import Smhinfp from "./Smhinfp" import Peninfp from "./Peninfp" import Liainfp from "./Liainfp" import Prtpan from "./Prtpan" import Ordpan from "./Ordpan" import Ordp0 from "./Ordp0" import Dtetag from "./Dtetag" import Setinsp from "./Setinsp" import Fecp from "./Fecp" import Cips from "./Cips" import Cips2 from "./Cips2" import Cips3 from "./Cips3" export default { components:{ "m-infsea" : Infsea, "m-trnpan" : Trnpan, "m-cbsinfp" : Cbsinfp, "m-cbeinfp" : Cbeinfp, "m-fepinfp" : Fepinfp, "m-sepinfp" : Sepinfp, "m-sepp0" : Sepp0, "m-gleinfp" : Gleinfp, "m-smhinfp" : Smhinfp, "m-peninfp" : Peninfp, "m-liainfp" : Liainfp, "m-prtpan" : Prtpan, "m-ordpan" : Ordpan, "m-ordp0" : Ordp0, "m-dtetag" : Dtetag, "m-setinsp" : Setinsp, "m-fecp" : Fecp, "m-cips" : Cips, "m-cips2" : Cips2, "m-cips3" : Cips3, }, provide() { return { root: this } }, mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 data(){ return { tabVal: "", trnName: "infccd", model: new Infccd().data, checkRules: Check, defaultRules: Default, pattern: Pattern, rules: null, codes: {...CodeTable }, } }, methods:{ tabClick(){ } }, created:async function(){ console.log("进入infccd交易"); let rtnmsg = await this.init({}) if(rtnmsg.respCode == SUCCESS) { //TODO 处理数据逻辑 } else { this.$notify.error({title: '错误',message: '服务请求失败!'}); } } } </script> <style> </style>