优化页面样式

This commit is contained in:
BianLzhaoMin 2024-06-19 15:54:10 +08:00
parent e6936235e2
commit a874c9a4a5
2 changed files with 44 additions and 3 deletions

View File

@ -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>

View File

@ -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>