<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"> <!--PD000001 --> <el-tab-pane label="业务信息" name="ovwp"> <c-content> <m-ovwp :model="model" :codes="codes" /> </c-content> </el-tab-pane> <!--PD000001 --> <el-tab-pane label="保证金" name="ccvpan"> <c-content> <m-ccvpan :model="model" :codes="codes" /> </c-content> </el-tab-pane> <!--PD000001 --> <el-tab-pane label="统一授信" name="limitbody"> <c-content> <m-limitbody :model="model" :codes="codes" /> </c-content> </el-tab-pane> <!--PD000027 --> <el-tab-pane label="费用/账务" name="engp,setpan,glepan"> <c-content> <div class="eibs-tab"> <el-collapse v-model="activeNames"> <el-collapse-item title="表外记账" name="engp"> <!-- 表外记账 --> <m-engp :model="model" :codes="codes" /> </el-collapse-item> <el-collapse-item title="结算" name="setpan"> <!-- 结算 --> <m-setpan :model="model" :codes="codes" /> </el-collapse-item> <el-collapse-item title="会计分录" name="glepan"> <!-- 会计分录 --> <m-glepan :model="model" :codes="codes" /> </el-collapse-item> </el-collapse> </div> </c-content> </el-tab-pane> <!--PD000510 --> <el-tab-pane label="备查/附言" name="addbcb"> <c-content> <div class="eibs-tab"> <m-addbcb :model="model" :codes="codes" /> </div> </c-content> </el-tab-pane> <!--PD000002 --> <el-tab-pane label="申报信息" name="cnyp"> <c-content> <m-cnyp :model="model" :codes="codes" /> </c-content> </el-tab-pane> <!--PD000529 --> <el-tab-pane label="报文/面函" name="docpan"> <c-content> <m-docpan :model="model" :codes="codes" /> </c-content> </el-tab-pane> <!--PD000546 --> <el-tab-pane label="附件信息" name="doctre"> <c-content> <m-doctre :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" @:select-ety="selectEty" > </c-grid-ety-prompt-dialog> </c-page> </div> </template> <script> import Api from "~/service/Api"; import Utils from "~/utils"; import CodeTable from "~/config/CodeTable"; import Gitopn from "~/model/Gitopn"; import commonProcess from "~/mixin/commonProcess"; import commonFuncs from "~/mixin/commonFuncs"; import Check from "~/model/Gitopn/Check"; import Default from "~/model/Gitopn/Default"; import Pattern from "~/model/Gitopn/Pattern"; import Opnp from "./Opnp"; import Ovwp from "./Ovwp"; import Ptyp from "./Ptyp"; import Detp from "./Detp"; import Gidtxtp from "./Gidtxtp"; import Cnyp from "./Cnyp"; import Addbcb from "./Addbcb"; import Voup from "./Voup"; import Cfap from "./Cfap"; import Preperp from "./Preperp"; import Ovwpc from "./Ovwpc"; import Ptypc from "./Ptypc"; import Detpc from "./Detpc"; import Gidtxtpc from "./Gidtxtpc"; import Preperpc from "./Preperpc"; import Confp from "./Confp"; import Conp from "./Conp"; import Conp1 from "./Conp1"; import Aacp from "./Aacp"; import Dclpp from "./Dclpp"; import Engp from "~/views/Public/Engp"; import Ccvpan from "~/views/Public/Ccvpan"; import Setpan from "~/components/business/setmod/views"; import Glepan from "~/views/Public/Glepan"; import Coninfp from "~/views/Public/Coninfp"; import Docpan from "~/views/Public/Docpan"; import Doctre from "~/views/Public/Doctre"; import Limitbody from "~/views/Public/Limitbody"; export default { name: "Gitopn", components: { "m-opnp": Opnp, "m-ovwp": Ovwp, "m-ptyp": Ptyp, "m-detp": Detp, "m-gidtxtp": Gidtxtp, "m-cnyp": Cnyp, "m-addbcb": Addbcb, "m-voup": Voup, "m-cfap": Cfap, "m-preperp": Preperp, "m-ovwpc": Ovwpc, "m-ptypc": Ptypc, "m-detpc": Detpc, "m-gidtxtpc": Gidtxtpc, "m-preperpc": Preperpc, "m-confp": Confp, "m-conp": Conp, "m-conp1": Conp1, "m-dclpp": Dclpp, "m-engp": Engp, "m-ccvpan": Ccvpan, "m-setpan": Setpan, "m-glepan": Glepan, "m-coninfp": Coninfp, "m-docpan": Docpan, "m-doctre": Doctre, "m-limitbody": Limitbody, "m-aacp": Aacp, }, provide() { return { root: this, activeNames: ["ovwp"], }; }, mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理 data() { return { tabVal: "ovwp", trnName: "gitopn", model: new Gitopn().data, checkRules: Check, defaultRules: Default, pattern: Pattern, rules: null, codes: { ...CodeTable, }, activeNames: ["engp"], }; }, methods: { myTabClick(tab) { this.tabClick(tab); let name = tab.name; let rulePath; if (name === "conp") { rulePath = "cfagit.recp.conp"; } if (name === "voup") { rulePath = "cnybop.voup"; } if (name === "setpan") { rulePath = "setmod.setpan"; } if (name === "cfap") { rulePath = "cfagit.cfap"; } if (name === "dclpp") { rulePath = "Ebbp.dclpp"; } if (name === "gidtxtp"){ rulePath = "gitp.gidtxtp" } if (name === "ptypc"){ rulePath = "gitp.ptypc" } if(name === "detp"){ rulePath = "gitp.detp" } if (name === "engp") { rulePath = "liaall.engp" } if (name === "ccvpan") { rulePath = "liaall.liaccv.ccvpan" } if (!!rulePath) { this.executeRule(rulePath).then((res) => { if (res.respCode == SUCCESS) { this.updateModel(res.data); } }); } }, }, created: async function () { console.log("进入gitopn交易"); 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>