<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" > <el-tab-pane label="概要" name="canp"> <m-canp :model="model" :codes="codes" /> </el-tab-pane> <el-tab-pane label="费用/账务" name="setpan"> <c-content> <m-setpan :codes="codes" :model="model" /> </c-content> </el-tab-pane> <el-tab-pane label="报文/面函" name="docpan"> <c-content> <m-docpan :codes="codes" :model="model" /> </c-content> </el-tab-pane> </c-tabs> </el-form> <c-function-btn :handleCheck="handleCheck" :handleStash="handleStash" :handleSubmit="handleSubmit" @handleSureWarning="handleSureWarning" ref="commonBtn" ></c-function-btn> </c-page> </div> </template> <script> import Api from "~/service/Api"; import CodeTable from "~/config/CodeTable"; import Fttpcn from "../model"; import event from "../event"; import operationFunc from "~/mixin/operationFunc"; import commonDepend from "~/mixin/commonDepend"; import buildFn from "../event/buildCommons.js"; import Check from "../model/check.js"; import Canp from "./Canp"; import Setpan from "~/components/business/setmod/views"; import Docpan from "~/components/business/docpan/views"; export default { name: "Fttpcn", components: { "m-canp": Canp, "m-setpan": Setpan, "m-docpan": Docpan, }, provide() { return { root: this, }; }, mixins: [operationFunc, commonDepend, event, buildFn], data() { return { tabVal: "canp", trnName: "fttpcn", trnType: "", model: new Fttpcn().data, rules: Check, codes: { ...CodeTable }, }; }, methods: { myTabClick(tab) { this.tabClick(tab); /** * do it yourself **/ }, }, created: async function () { console.log("进入fttpcn交易"); let rtnmsg = {}; // await this.init({}) if (rtnmsg.respCode == SUCCESS) { this.updateModel(rtnmsg.data); //TODO 处理数据逻辑 } else { this.$notify.error({ title: "错误", message: "服务请求失败!" }); } }, }; </script> <style> </style>