<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="myTabClick"> <!--fttfre PD000002 --> <el-tab-pane :label="$t('fttfre.PD000002')" name="fttfrel1"> <m-fttfrel1 :model="model" :codes="codes"/> </el-tab-pane> <!--fttfre PD000004 --> <el-tab-pane :label="$t('fttfre.PD000004')" name="fttfrel2"> <m-fttfrel2 :model="model" :codes="codes"/> </el-tab-pane> <!--fttfre PD000000 --> <el-tab-pane :label="$t('fttfre.PD000000')" name="fttfre"> <m-fttfre :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 Fttfre from "../model" import commonProcess from "~/mixin/commonProcess" import Check from "../model/Check" import Default from "../model/Default" import Pattern from "../model/Pattern" import Fttfrel1 from "./Fttfrel1" import Fttfrel2 from "./Fttfrel2" import Fttfre0 from "./Fttfre" export default { name: "Fttfre", components:{ "m-fttfrel1" : Fttfrel1, "m-fttfrel2" : Fttfrel2, "m-fttfre" : Fttfre0, }, provide() { return { root: this } }, mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 data(){ return { tabVal: "fttfrel1", trnName: "fttfre", trnType: "", model: new Fttfre().data, checkRules: Check, defaultRules: Default, pattern: Pattern, rules: null, codes: { }, } }, methods:{ myTabClick(tab){ this.tabClick(tab) /** * do it yourself **/ } }, created:async function(){ console.log("进入fttfre交易"); let rtnmsg = {}; // await this.init({}) if(rtnmsg.respCode == SUCCESS) { this.updateModel(rtnmsg.data) //TODO 处理数据逻辑 } else { this.$notify.error({title: '错误',message: '服务请求失败!'}); } } } </script> <style> </style>