index.vue

<template>
<div class="eContainer">
    <c-page>
     

        <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">

                <el-tab-pane label="业务信息" name="ovwp">
                    <c-content>
                        <m-ovwp :model="model" :codes="codes" />
                    </c-content>
                </el-tab-pane>
                 <!--PD000027 -->
                 <el-tab-pane label="费用/账务" name="setmod">
                    <c-content>
                        <m-setmod :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="limitbody">
                    <c-content>
                    <m-limitbody :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-page>
</div>
</template>

<script>
import CodeTable from "~/config/CodeTable"
import Brtcan from "../model"
import event from '../event'
import operationFunc from "~/mixin/operationFunc";
import Check from "../model/check"
import Canp from "./Canp"
import Ovwp from "./Ovwp"
import Addbcb from "./Addbcb"
import Setmod from "~/components/business/setmod/views";
import Docpan from "~/components/business/docpan/views";
import Doctre from "~/components/business/doctre/views";
import Limitbody from "~/components/business/limitbody/views";

export default {
    name: 'Brtcan',
    components: {
        "m-canp": Canp,
        "m-setmod": Setmod,
        "m-docpan": Docpan,
        "m-doctre": Doctre,
        "m-limitbody": Limitbody,
        "m-addbcb": Addbcb,
        "m-ovwp": Ovwp,

    },
    provide() {
        return {
            root: this
        }
    },
    mixins: [event, operationFunc], // 里面包含了Default、Check等的公共处理
    data() {
        return {
            tabVal: "ovwp",
            trnName: "brtcan",
            model: new Brtcan().data,
            rules: Check,
            codes: {
                ...CodeTable,
            },
            activeNames: [""],
        }
    },

    mounted(){
        this.init()
    },

}
</script>

<style>

</style>