devicesmgt/sgzb-ui/src/views/demo.vue

<template>
    <div class="app-container">
        <TableCom :config="config" />
    </div>
</template>

<script>
import TableCom from '@/components/TableCom/index'
export default {
    components: {
        TableCom,
    },
    data() {
        return {
            config: {
                formLabel: [
                    { f_label: '测试1', f_model: 'demo', f_type: 'ipt' },
                    { f_label: '测试1', f_model: 'demo', f_type: 'ipt' },
                    { f_label: '测试1', f_model: 'demo', f_type: 'ipt' },
                    {
                        f_label: '测试1',
                        f_model: 'demo',
                        f_type: 'sel',
                        f_selList: [{ label: '测试', value: '999' }],
                    },
                    { f_label: '测试1', f_model: 'demo', f_type: 'ipt' },
                    { f_label: '测试1', f_model: 'demo', f_type: 'date' },
                    { f_label: '测试1', f_model: 'demo', f_type: 'ipt' },
                ],
                columnList: [],
            },
        }
    },
}
</script>

<style>
.demo {
    box-shadow: 0 0 2px;
    background-color: skyblue;
}
</style>