index.vue

<template>
    <div class="eContainer">
        <div style="padding:0 15px">
        <el-form :model="model" :rules="rules" ref="modelForm" label-width="110px" label-position="right" size="small"
            :validate-on-rule-change="false">
            <!-- <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick" class="infbddTab"> -->

                <!-- <el-tab-pane label="查询信息" name="infsea"> -->
                    <c-content> 
                    <m-infsea :model="model" :codes="codes" ref="infsea"/>
                    </c-content> 
                <!-- </el-tab-pane> -->

                <!-- <el-tab-pane label="内容" name="ovwp">
                    <m-ovwp :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="单据详情" name="docpre">
                    <m-docpre :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="附言" name="coninfp">
                    <m-coninfp :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="Transactions" name="trnpan">
                    <m-trnpan :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="CBS Info" name="cbsinfp">
                    <m-cbsinfp :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="CBE Info" name="cbeinfp">
                    <m-cbeinfp :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="FEP/FCP Info" name="fepinfp">
                    <m-fepinfp :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="SEP Info" name="sepinfp">
                    <m-sepinfp :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="分录信息" name="gleinfp">
                    <m-gleinfp :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="报文信息" name="smhinfp">
                    <m-smhinfp :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="经办信息" name="peninfp">
                    <m-peninfp :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="Engagement" name="liainfp">
                    <m-liainfp :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="Print" name="prtpan">
                    <m-prtpan :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="Order" name="ordpan">
                    <m-ordpan :model="model" :codes="codes" />
                </el-tab-pane> -->
   
        </el-form>
        </div>
    </div>
</template>
<script>
    import Api from "~/service/Api"
    import CodeTable from "~/config/CodeTable"
    import Infbdd from "~/model/Infbdd"
    import commonProcess from "~/mixin/commonProcess"
    import Check from "~/model/Infbdd/Check"
    import Default from "~/model/Infbdd/Default"
    import Pattern from "~/model/Infbdd/Pattern"
    import Infsea from "./Infsea"
    import Ovwp from "./Ovwp"
    import Docpre from "./Docpre"
    import Coninfp from "./Coninfp"
    import Trnpan from "./Trnpan"
    import Cbsinfp from "./Cbsinfp"
    import Cbeinfp from "./Cbeinfp"
    import Fepinfp from "./Fepinfp"
    import Sepinfp from "./Sepinfp"
    import Gleinfp from "./Gleinfp"
    import Smhinfp from "./Smhinfp"
    import Peninfp from "./Peninfp"
    import Liainfp from "./Liainfp"
    import Prtpan from "./Prtpan"
    import Ordpan from "./Ordpan"


    export default {
        name: 'Infbdd',
        components: {
            "m-infsea": Infsea,
            "m-ovwp": Ovwp,
            "m-docpre": Docpre,
            "m-coninfp": Coninfp,
            "m-trnpan": Trnpan,
            "m-cbsinfp": Cbsinfp,
            "m-cbeinfp": Cbeinfp,
            "m-fepinfp": Fepinfp,
            "m-sepinfp": Sepinfp,
            "m-gleinfp": Gleinfp,
            "m-smhinfp": Smhinfp,
            "m-peninfp": Peninfp,
            "m-liainfp": Liainfp,
            "m-prtpan": Prtpan,
            "m-ordpan": Ordpan,
        },
        provide() {
            return {
                root: this
            }
        },
        mixins: [commonProcess],    // 里面包含了Default、Check等的公共处理
        data() {
            return {
                tabVal: "infsea",
                trnName: "infbdd",
                model: new Infbdd().data,
                checkRules: Check,
                defaultRules: Default,
                pattern: Pattern,
                rules: null,
                codes: { ...CodeTable },
            }
        },
        methods: {
            tabClick() {
            }
        },
        created: async function () {
            console.log("进入infbdd交易");
            let rtnmsg = await this.init({})
            if (rtnmsg.respCode == SUCCESS) {
                //TODO 处理数据逻辑
                 this.updateModel(rtnmsg.data)
                  this.$refs.infsea.handleSearch();

            }
            else {
                this.$notify.error({ title: '错误', message: '服务请求失败！' });
            }
        }
    }
</script>
<style scoped>
    .infbddTab .el-tabs__content {
        padding: 10px 0 10px 0;
    }

    .infcpdTab .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: 3px 15px;
} */
</style>