<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"> <!--PD000037 --> <el-tab-pane label="Details" name="utlp"> <m-utlp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000059 --> <el-tab-pane label="Discrepancies" name="brtdcrd"> <m-brtdcrd :model="model" :codes="codes"/> </el-tab-pane> <!--PD000027 --> <el-tab-pane label="表外" name="engp"> <m-engp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000000 --> <el-tab-pane label="账务" name="setpan"> <m-setpan :model="model" :codes="codes"/> </el-tab-pane> <!--PD000000 --> <el-tab-pane label="附言" name="coninfp"> <m-coninfp :model="model" :codes="codes"/> </el-tab-pane> <!--PD000529 --> <el-tab-pane label="报文及面函" name="docpan"> <m-docpan :model="model" :codes="codes"/> </el-tab-pane> <!--PD000546 --> <el-tab-pane label="附件" name="doctre"> <m-doctre :model="model" :codes="codes"/> </el-tab-pane> <!--PD000001 --> <el-tab-pane label="授信额度" name="limitbody"> <m-limitbody :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 Brtdcr from "~/model/Brtdcr" import commonProcess from "~/mixin/commonProcess" import Check from "~/model/Brtdcr/Check" import Default from "~/model/Brtdcr/Default" import Pattern from "~/model/Brtdcr/Pattern" import Utlp from "./Utlp" import Brtdcrd from "./Brtdcrd" // import Engp from "./Engp" // import Setpan from "./Setpan" // import Coninfp from "./Coninfp" // import Docpan from "./Docpan" // import Doctre from "./Doctre" // import Limitbody from "./Limitbody" import Setpan from "~/views/Public/Setpan"; import Engp from "~/views/Public/Engp"; import Coninfp from "~/views/Public/Coninfp"; import Docpan from "~/views/Public/Docpan"; import Limitbody from "~/views/Public/Limitbody"; import Doctre from "~/views/Public/Doctre" export default { name: "Brtdcr", components:{ "m-utlp" : Utlp, "m-brtdcrd" : Brtdcrd, "m-engp" : Engp, "m-setpan" : Setpan, "m-coninfp" : Coninfp, "m-docpan" : Docpan, "m-doctre" : Doctre, "m-limitbody" : Limitbody, }, provide() { return { root: this } }, mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 data(){ return { tabVal: "utlp", trnName: "brtdcr", model: new Brtdcr().data, checkRules: Check, defaultRules: Default, pattern: Pattern, rules: null, codes: { }, } }, methods:{ myTabClick(tab){ this.tabClick(tab) /** * do it yourself **/ } }, created:async function(){ console.log("进入brtdcr交易"); let rtnmsg = await this.init({}) if(rtnmsg.respCode == SUCCESS) { this.updateModel(rtnmsg.data) //TODO 处理数据逻辑 } else { this.$notify.error({title: '错误',message: '服务请求失败!'}); } } } </script> <style> </style>