<template>
    <div>
        <!--搜索-->
        <DynamicForm :config="config"
                     config-key="search"
                     inline
                     v-model="queryData">
            <slot>
                <el-button type="primary" @click="query(1)">搜索</el-button>
                <el-button type="primary" @click="handleAddAndUpt">新增</el-button>
            </slot>
        </DynamicForm>
        <!--表格-->
        <DynamicTable :config="config"
                      :default-method="defaultMethod"
                      :default-num="defaultNum"
                      v-loading="tableData.listLoading"
                      :table-data="tableData.datas">
        </DynamicTable>
        <!--分页-->
        <div style="margin-top: 30px;position: relative;">
            <Page :currentPage="queryData.page"
                  :rows="queryData.rows"
                  :total="tableData.total"
                  @handleCurrentChangeSub="query"
                  style="position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);"/>
        </div>
        <!--操作-->
        <el-dialog :title="dialogData.title"
                   :visible.sync="dialogData.dialogVisible"
                   @close="closeDialog"
                   :close-on-click-modal="false">
            <DynamicForm :config="config"
                         ref="test"
                         v-loading="dialogData.formLoading"
                         v-model="formData"
                         :default-logic="defaultLogic">
            </DynamicForm>
        </el-dialog>
    </div>

</template>

<script>
    import baseLogic from '../mixins/baseLogic'

    export default {
        mixins: [baseLogic],
        data() {
            return {}
        },
        props: {

        },
        methods: {

        },
        watch: {

        },
        computed: {

        }
    }
</script>

<style scoped>

</style>
