<template>
    <el-dialog  :title="dialogTitleText" class="pl-upload-temp-dialog" :visible.sync="dialogVisible"
                append-to-body :close-on-press-escape="false" :width="formatObj.dialogWidth + formatObj.dialogWidthUnit"
                :height="formatObj.dialogHeight + formatObj.dialogHeightUnit" :top="formatObj.topSpace + formatObj.topSpaceUnit"
                :close-on-click-modal="false" v-if="dialogVisible" :class="skinParamObj.skinType === 'dark' ? 'listview-dark' : ''">
        <table-form-render is-sign-form :tableview-id="formatObj.eventSetData['tableViewId']"
                           v-bind="paramObj" form-operate="view" :skinParamObj="skinParamObj">
        </table-form-render>
        <div slot="footer" class="dialog-footer">
            <el-button @click="dialogVisible = false" size="small" icon="el-icon-error">关 闭</el-button>
        </div>
    </el-dialog>
</template>

<script>
    import TableFormRender from "../../../../../formRender/tableFormRender";
    import ColumnEventParentRender from "./columnEventParentRender";
    export default {
        name: "table-view-render",
        extends: ColumnEventParentRender,
        components: {TableFormRender},
        data(){
            return {
                dialogVisible:false,
                skinParamObj: {
                    skinType: this.FORM_GLOBAL.getListSkin('skinType') || "",
                    background: this.FORM_GLOBAL.getListSkin('background') || "",
                },
            }
        },
        methods:{
            runEvent(){
                this.dialogVisible = true;
            }
        }
    }
</script>

<style scoped>

</style>