<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"> <!--cfabut PD000002 接口数据 --> <el-tab-pane label="接口数据" name="sel"> <content> <m-sel :model="model" :codes="codes" /> </content> </el-tab-pane> <!--eadp PD000001 外债海外代付-签约信息 --> <el-tab-pane :label="$t('eadp.PD000001')" name="conp"> <content> <m-conp :model="model" :codes="codes" /> </content> </el-tab-pane> <!--外债海外代付-变动信息 --> <!-- <el-tab-pane label="外债海外代付-变动信息" name="dclpp"> <content> <m-dclpp :model="model" :codes="codes" /> </content> </el-tab-pane> --> </c-tabs> </el-form> <c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash"></c-function-btn> </div> </template> <script> import Api from "~/service/Api" import CodeTable from "~/config/CodeTable" import Eadadd from "~/model/Eadadd" import commonProcess from "~/mixin/commonProcess" import commonFuncs from "~/mixin/commonFuncs"; import Check from "~/model/Eadadd/Check" import Default from "~/model/Eadadd/Default" import Pattern from "~/model/Eadadd/Pattern" import Sel from "./Sel" import Conp from "./Conp" import Dclpp from "./Dclpp" export default { name: "Eadadd", components: { "m-sel": Sel, "m-conp": Conp, "m-dclpp": Dclpp, }, provide() { return { root: this } }, mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理 data() { return { tabVal: "sel", trnName: "eadadd", trnType: "", model: new Eadadd().data, checkRules: Check, defaultRules: Default, pattern: Pattern, rules: null, codes: { ...CodeTable, }, } }, methods: { myTabClick(tab) { this.tabClick(tab) /** * do it yourself **/ } }, created: async function () { console.log("进入eadadd交易"); let rtnmsg = await this.init({}) if (rtnmsg.respCode == SUCCESS) { this.updateModel(rtnmsg.data) //TODO 处理数据逻辑 } else { this.$notify.error({ title: '错误', message: '服务请求失败!' }); } } } </script> <style> </style>