index.vue

<template>
    <div class="eContainer">
        <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="left" size="small"
            :validate-on-rule-change="false">
            <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick" class="infusrTab">

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

                <el-tab-pane label="用户概况" name="usrp0">
                    <m-usrp0 :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="用户基础信息" name="genpan">
                    <m-genpan :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="用户权限信息" name="ubrp">
                    <m-ubrp :model="model" :codes="codes" />
                </el-tab-pane>

                <el-tab-pane label="用户客户关系" name="usrp3">
                    <m-usrp3 :model="model" :codes="codes" />
                </el-tab-pane>

            </c-tabs>
        </el-form>
    </div>
</template>
<script>
    import Api from "~/service/Api"
    import CodeTable from "~/config/CodeTable"
    import Infusr from "~/model/Infusr"
    import commonProcess from "~/mixin/commonProcess"
    import Check from "~/model/Infusr/Check"
    import Default from "~/model/Infusr/Default"
    import Pattern from "~/model/Infusr/Pattern"
    import Infsea from "./Infsea"
    import Usrp0 from "./Usrp0"
    import Genpan from "./Genpan"
    import Ubrp from "./Ubrp"
    import Usrp3 from "./Usrp3"


    export default {
        name: 'Infusr',
        components: {
            "m-infsea": Infsea,
            "m-usrp0": Usrp0,
            "m-genpan": Genpan,
            "m-ubrp": Ubrp,
            "m-usrp3": Usrp3,
        },
        provide() {
            return {
                root: this
            }
        },
        mixins: [commonProcess],    // 里面包含了Default、Check等的公共处理
        data() {
            return {
                tabVal: "infsea",
                trnName: "infusr",
                model: new Infusr().data,
                checkRules: Check,
                defaultRules: Default,
                pattern: Pattern,
                rules: null,
                codes: { ...CodeTable },
                showflg: true,
            }
        },
        methods: {
            tabClick() {
            }
        },
        created: async function () {
            console.log("进入infusr交易");
            let rtnmsg = await this.init({})
            if (rtnmsg.respCode == SUCCESS) {
                //TODO 处理数据逻辑

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

    .infusrTab .infrow {
        padding: 0 10px 0 10px;
    }
</style>