index.vue

<template>
    <div class="eContainer">
        <el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" label-width="170px" size="small" :validate-on-rule-change="false">
            <c-tabs :value="tabVal" ref="elment" type="border-card" @tab-click="tabClick">
                <el-tab-pane :value="tabVal" label="待办任务查询" name="menu">
                    <m-menu :model="model" :codes="codes" ref="Menu"/>
                </el-tab-pane>
            </c-tabs>
        </el-form>
    </div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Sptsel from "~/Model/Sptsel"
import CommonProcess from "~/mixin/CommonProcess.js"
import Pattern from "~/Model/Sptsel/Pattern"
import Utils from "~/utils/index"
import Default from "~/model/Sptsel/Default";
import Check from "~/model/Sptsel/Check";
import Menu from "./Menu"
import Event from "~/model/Sptsel/Event"

export default {
    components:{
        "m-menu" : Menu,
    },
    provide() {
        return {
            root: this
        }
    },
    mixins: [CommonProcess],    // 里面包含了Default、Check等的公共处理
    computed: {

    },
    data(){
        return {
            tabVal: "menu",
            trnName:"sptsel",
            model:new Sptsel().data,           
            checkRules: Check,
            defaultRules: Default,
            pattern: Pattern,
            rules:null,
            codes:{
               flt:CodeTable.flt,
               dflg:CodeTable.dflg
            },
        }
    },
    methods:{...Event},
    mounted:async function(){
        console.log("进入sptsel交易");
        const that = this;
        that.init(that.model).then(res => {
            //TODO 处理数据逻辑
             that.model = Utils.copyValueFromVO(that.model, res.data)
            //  that.$refs.Menu.stmData.columns = res.data.sptstm.rows;
        })
    }
}
</script>
<style>
</style>