<template> <div class="eContainer"> <c-page title="外汇账户内购汇(查询)"> <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small" :validate-on-rule-change="false" > <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick" > <!--bopbut PD000000 --> <el-tab-pane label="接口数据" name="selection"> <c-content> <m-selection :model="model" :codes="codes"/> </c-content> </el-tab-pane> <!--dbjp PD000001 外汇账户内购汇-基础信息 --> <el-tab-pane label="外汇账户内购汇-基础信息" name="basp"> <c-content> <m-basp :model="model" :codes="codes"/> </c-content> </el-tab-pane> <!--dbjp PD000002 外汇账户内购汇-管理信息 --> <el-tab-pane label=" 外汇账户内购汇-管理信息" name="vrfp"> <c-content> <m-vrfp :model="model" :codes="codes"/> </c-content> </el-tab-pane> </c-tabs> </el-form> <c-function-btn :handleSubmit="handleSubmit.bind(this,'bopbut.sav')" :handleCheck="handleCheck.bind(this,'bopbut.chk')" :handleStash="handleStash" > </c-function-btn> </c-page> </div> </template> <script> import Api from "~/service/Api" import CodeTable from "~/config/CodeTable" import Dbwinf from "~/model/Dbwinf" import commonProcess from "~/mixin/commonProcess" import commonFuncs from "~/mixin/commonFuncs" import Check from "~/model/Dbwinf/Check" import Default from "~/model/Dbwinf/Default" import Pattern from "~/model/Dbwinf/Pattern" import Selection from "./Selection" import Basp from "./Basp" import Vrfp from "./Vrfp" export default { name: "Dbwinf", components:{ "m-selection" : Selection, "m-basp" : Basp, "m-vrfp" : Vrfp, }, provide() { return { root: this } }, mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理 data(){ return { tabVal: "selection", trnName: "dbwinf", trnType: "", model: new Dbwinf().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("进入dbwinf交易"); let rtnmsg = await this.init({}) if(rtnmsg.respCode == SUCCESS) { this.updateModel(rtnmsg.data) //TODO 处理数据逻辑 } else { this.$notify.error({title: '错误',message: '服务请求失败!'}); } } } </script> <style> </style>