<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"> <!--PD000045 --> <el-tab-pane label="davp" name="davp"> <m-davp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000296 --> <el-tab-pane label="Discr./Instr" name="dscinsp"> <m-dscinsp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000027 --> <el-tab-pane label="Engagement" name="engp"> <m-engp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000000 --> <el-tab-pane label="Settlement" name="setpan"> <m-setpan :model="model" :codes="codes"/> </el-tab-pane> <!--PD000001 --> <el-tab-pane label="GLE Booking" name="glepan"> <m-glepan :model="model" :codes="codes"/> </el-tab-pane> <!--PD000000 --> <el-tab-pane label="Completion" name="coninfp"> <m-coninfp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000529 --> <el-tab-pane label="Message" name="docpan"> <m-docpan :model="model" :codes="codes"/> </el-tab-pane> <!--PD000546 --> <el-tab-pane label="Attachments" name="doctre"> <m-doctre :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 Lttdav from "~/model/Lttdav" import commonProcess from "~/mixin/commonProcess" import Check from "~/model/Lttdav/Check" import Default from "~/model/Lttdav/Default" import Pattern from "~/model/Lttdav/Pattern" import Davp from "./Davp" import Dscinsp from "./Dscinsp" import Engp from "./Engp" import Setpan from "./Setpan" import Glepan from "./Glepan" import Coninfp from "./Coninfp" import Docpan from "./Docpan" import Doctre from "./Doctre" export default { components:{ "m-davp" : Davp, "m-dscinsp" : Dscinsp, "m-engp" : Engp, "m-setpan" : Setpan, "m-glepan" : Glepan, "m-coninfp" : Coninfp, "m-docpan" : Docpan, "m-doctre" : Doctre, }, provide() { return { root: this } }, mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 data(){ return { tabVal: "", trnName: "lttdav", model: new Lttdav().data, checkRules: Check, defaultRules: Default, pattern: Pattern, rules: null, codes: { }, } }, methods:{ tabClick(){ } }, created:async function(){ console.log("进入lttdav交易"); let rtnmsg = await this.init({}) if(rtnmsg.respCode == SUCCESS) { //TODO 处理数据逻辑 } else { this.$notify.error({title: '错误',message: '服务请求失败!'}); } } } </script> <style> </style>