<template> <div class="eContainer"> <c-page title="海运费参数维护"> <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"> <!--hyfinf PD000001 机构用户配置 --> <el-tab-pane label="机构用户配置" name="hyfinfp"> <m-hyfinfp :model="model" :codes="codes" /> </el-tab-pane> </c-tabs> </el-form> <!-- 底部按钮 --> <c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash" ref="commonBtn" @handleSureWarning="handleSureWarning"> </c-function-btn> </c-page> </div> </template> <script> import Api from "~/service/Api"; import CodeTable from "~/config/CodeTable"; import Hyfcfg from "../model"; import event from "../event"; import commonProcess from "~/mixin/commonProcess"; import operationFunc from "~/mixin/operationFunc"; import commonDepend from "~/mixin/commonDepend"; import Check from "../model/check"; import Default from "../model/default"; import buildFn from "../event/buildCommons.js"; import Hyfinfp from "./Hyfinfp"; export default { name: "Hyfcfg", components: { "m-hyfinfp": Hyfinfp }, provide() { return { root: this }; }, mixins: [ commonProcess, Check, Default, operationFunc, event, commonDepend, buildFn ], // 里面包含了Default、Check等的公共处理 data() { return { tabVal: "hyfinfp", trnName: "hyfcfg", trnType: "", model: new Hyfcfg().data, rules: null, codes: {} }; }, methods: { myTabClick(tab) { this.tabClick(tab); /** * do it yourself **/ } }, created: async function() { console.log("进入hyfcfg交易"); let params = { transName: this.trnName, cpdgrp: { rec: { inr: this.$route.query.inr } } }; //this.init(params); } }; </script> <style> </style>