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

42 lines
1.2 KiB
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>