<template><div><el-table :data="tableData"border:header-cell-style="{ backgroundColor: table_header.backgroundColor, color: table_header.color }":size="table_header.size"><el-table-column type="index" label="序号" width="55"></el-table-column><el-table-column prop="date" label="日期"/><el-table-column prop="name" label="名称"/><el-table-column prop="address" label="地址"/></el-table></div></template><script lang='ts'>import{ defineComponent, reactive, toRefs}from'vue'import{ table_style }from"@/utils/commonData"exportdefaultdefineComponent({props:{},components:{},setup(props){const state =reactive({table_header: table_style,tableData:[{date:'2016-05-03',name:'Tom',address:'No. 189, Grove St, Los Angeles',},{date:'2016-05-02',name:'Tom',address:'No. 189, Grove St, Los Angeles',},{date:'2016-05-04',name:'Tom',address:'No. 189, Grove St, Los Angeles',},{date:'2016-05-01',name:'Tom',address:'No. 189, Grove St, Los Angeles',},]})return{...toRefs(state),}},})</script>