<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="tabClick"> <el-tab-pane :label="$t('commonModels.业务信息')" name="ovwp"> <c-content> <m-ovwp :model="model" :codes="codes" /> </c-content> </el-tab-pane> <el-tab-pane :label="$t('commonModels.表外记账')" name="engp"> <c-content> <m-engp :model="model" :codes="codes" /> </c-content> </el-tab-pane> <el-tab-pane :label="$t('commonModels.费用/账务')" name="setpan"> <c-content> <m-setmod :model="model" :codes="codes"/> </c-content> </el-tab-pane> <el-tab-pane :label="$t('commonModels.报文/面函')" name="docpan"> <c-content> <m-docpan :model="model" :codes="codes" /> </c-content> </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 CodeTable from "~/config/CodeTable"; import operationFunc from "~/mixin/operationFunc"; import commonDepend from "~/mixin/commonDepend"; import event from "../event"; import Default from "../model/default"; import Gitpcr from "../model"; import Check from "../model/check"; import Ovwp from "./Ovwp"; import Engp from "~/components/business/engp/views"; import Setmod from "~/components/business/setmod/views"; import Docpan from "~/components/business/docpan/views"; import buildFn from '../event/buildCommons.js'; export default { name: "Gitpcr", components: { "m-ovwp": Ovwp, "m-engp": Engp, "m-setmod": Setmod, "m-docpan": Docpan, }, provide() { return { root: this, activeNames: ["ovwp"] }; }, mixins: [Check,operationFunc,commonDepend,event,Default, buildFn], // 里面包含了Default、Check等的公共处理 data() { return { tabVal: "ovwp", trnName: "gitpcr", model: new Gitpcr().data, codes: { ...CodeTable }, }; }, mounted() { console.log("进入gitpcr交易"); let params = { transName: this.trnName, gidgrp: { rec: { inr: this.$route.query.inr || '' } } }; this.init(params).then(res => { }); } }; </script> <style> </style>