<template> <c-page title="出口信用证单据查询"> <div class="eContainer"> <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" class="infbedTab"> <el-tab-pane label="出口信用证单据查询" name="infsea"> <c-content> <m-infsea :model="model" :codes="codes"/> </c-content> </el-tab-pane> </c-tabs> </el-form> </div> </c-page> </template> <script> import Api from "~/service/Api" import CodeTable from "~/config/CodeTable" import Infbed from "~/model/Infbed" import commonProcess from "~/mixin/commonProcess" import Check from "~/model/Infbed/Check" import Default from "~/model/Infbed/Default" import Pattern from "~/model/Infbed/Pattern" import Infsea from "./Infsea" export default { name: 'Infbed', components:{ "m-infsea" : Infsea, }, provide() { return { root: this } }, mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 data(){ return { tabVal: "infsea", trnName: "infbed", model: new Infbed().data, checkRules: Check, defaultRules: Default, pattern: Pattern, rules: null, codes: {...CodeTable }, // showflg: true, } }, methods:{ tabClick(){ } }, created:async function(){ console.log("进入infbed交易"); let rtnmsg = await this.init({}) if(rtnmsg.respCode == SUCCESS) { //TODO 处理数据逻辑 this.updateModel(rtnmsg.data) } else { this.$notify.error({title: '错误',message: '服务请求失败!'}); } } } </script> <style> .infbedTab .el-tabs__content { /* padding: 10px 0 10px 0; */ } .infbedTab .infrow { padding: 0 10px 0 10px; } .infTopBtn { position: absolute; top: 0; z-index: 5; width: 100%; height: 30px; padding: 10px 0 10px 30px; background-color: #f7faff; } .eContainer { /* padding: 0px 15px 3px; */ } </style>