<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" > <el-tab-pane label="业务信息" name="ovwp"> <c-content> <m-ovwp :model="model" :codes="codes" /> </c-content> </el-tab-pane> <!-- <el-tab-pane label="统一授信" name="limitbody"> <c-content> <m-limitbody :model="model" :codes="codes" /> </c-content> </el-tab-pane> --> <!-- <el-tab-pane label="备查/附言" name="addbcb"> <c-content> <m-addbcb :model="model" :codes="codes" /> </c-content> </el-tab-pane> --> <el-tab-pane label="报文/面函" name="docpan"> <c-content> <m-docpan :model="model" :codes="codes" /> </c-content> </el-tab-pane> <el-tab-pane label="附件信息" name="doctre"> <c-content> <m-doctre :model="model" :codes="codes" /> </c-content> </el-tab-pane> <el-tab-pane label="附言" name="coninfp"> <m-coninfp :model="model" :codes="codes" /> </el-tab-pane> <!--PD000000 --> <el-tab-pane label="费用及账务" name="setpan"> <c-content> <m-setpan :model="model" :codes="codes" /> </c-content> </el-tab-pane> </c-tabs> </el-form> <c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash"> </c-function-btn> <c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty" > </c-grid-ety-prompt-dialog> <c-grid-ety-prompt-dialog ref="doxpDialog" :isPty="false" :promptData="promptData" @select-ety="selectMsg" > </c-grid-ety-prompt-dialog> </c-page> </div> </template> <script> import Api from "~/service/Api" import Utils from "~/utils/index"; import CodeTable from "~/config/CodeTable" import Gitfre from "~/model/Gitfre" import commonProcess from "~/mixin/commonProcess"; import commonFuncs from "~/mixin/commonFuncs"; import Check from "~/model/Gitfre/Check" import Default from "~/model/Gitfre/Default" import Pattern from "~/model/Gitfre/Pattern" import Ovwp from "./Ovwp" import Setpan from "~/views/Public/Setpan" import Coninfp from "~/views/Public/Coninfp"; import Docpan from "~/views/Public/Docpan"; import Doctre from "~/views/Public/Doctre"; export default { name: "Gitfre", components:{ "m-ovwp" : Ovwp, "m-setpan" : Setpan, "m-coninfp" : Coninfp, "m-docpan" : Docpan, "m-doctre" : Doctre, }, provide() { return { root: this, } }, mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理 data(){ return { tabVal: "ovwp", trnName: "gitfre", trnType: "", model: new Gitfre().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("进入gitfre交易"); let rtnmsg = await this.init({}) if(rtnmsg.respCode == SUCCESS) { this.updateModel(rtnmsg.data) //TODO 处理数据逻辑 if (this.isInDisplay) { this.restoreDisplay(); } } else { this.$notify.error({title: '错误',message: '服务请求失败!'}); } } } </script> <style> </style>