优化页面样式
This commit is contained in:
parent
e6936235e2
commit
a874c9a4a5
|
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<div>
|
||||
<Form />
|
||||
<Form :formLabel="formLabel" />
|
||||
<Tools />
|
||||
<Table />
|
||||
<Table :columnList="columnList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -16,6 +16,26 @@ export default {
|
|||
Table,
|
||||
Tools,
|
||||
},
|
||||
props: {
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => null,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
formLabel: [],
|
||||
columnList: [],
|
||||
}
|
||||
},
|
||||
|
||||
created() {
|
||||
if (this.config) {
|
||||
const { formLabel, columnList } = this.formLabel
|
||||
this.formLabel = formLabel
|
||||
this.columnList = columnList
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<TableCom />
|
||||
<TableCom :config="config" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -10,6 +10,27 @@ 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>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue