Infsea.vue

<template>
    <c-content class="eibs-tab" :height="200">

        <c-infsearch-group :needToggle="false" @handleSearch="handleSearch" @handleReset="handleReset">
            <template slot="keepShow">
                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :offset="1">
                                <el-form-item label="User-ID" prop="cod">
                                    <c-input v-model="model.cod" maxlength="8" placeholder="请输入User-ID"></c-input>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="19" :offset="1">
                                <el-form-item label="Name" prop="seanam">
                                    <c-input v-model="model.seanam" maxlength="40" placeholder="请输入User Name"></c-input>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                </c-row>
            </template>
        </c-infsearch-group>

        <c-row class="infrow" style="margin-top:20px;">
            <c-col>
                <c-button size="small" type="primary">导Excel</c-button>
                <c-button size="small" type="primary">Display</c-button>
                <c-button size="small" type="primary">Use</c-button>
            </c-col>
        </c-row>

        <el-row class="infrow" style="margin-top:20px;">
            <c-istream-table :list="stmData.data" :columns="stmData.columns">
                <el-table-column prop="op" label="OP" width="100">
                    <template slot-scope="scope">
                        <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
                    </template>
                </el-table-column>
            </c-istream-table>
        </el-row>

    </c-content>
</template>
<script>
    import Api from "~/service/Api"
    import commonProcess from "~/mixin/commonProcess";
    import CodeTable from "~/config/CodeTable"
    import Event from "~/model/Infusr/Event"

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [commonProcess],
        data() {
            return {
                stmData: {
                    columns: [
                        "1 1 \"UserID\" 0 ",
                        "2 2 \"Name\" 0",
                        "3 3 \"Profile\" 0",
                        "4 4 \"Entity\" 0",
                        "5 5 \"UserGroup\" 0",
                        "6 6 \"Phone\" 0",
                    ],
                    data: [

                    ]
                },

            }
        },
        methods: {
            ...Event,
            handleSearch(callback) {
                setTimeout(() => {
                    this.$notify.info({ title: '提示', message: '模拟post请求控制按钮状态' });
                    // 执行子组件回调函数控制按钮状态
                    callback()
                }, 1000)
            },
            handleReset() {

            }
        },
        created: function () {

        }
    }
</script>
<style>

</style>