<template>
	<div>
		<el-table :data="props.list" style="width: 100%">
			<el-table-column prop="areaName" label="区县" />
			<el-table-column prop="day" :label="props.month" width="120" />
			<el-table-column label="新建商品房成交套数">
				<el-table-column prop="saleCount" show-overflow-tooltip label="套数" width="90" />
				<el-table-column prop="saleResCount" show-overflow-tooltip label="其中：住宅" width="110" />
			</el-table-column>
			<el-table-column label="新建商品房成交面积">
				<el-table-column prop="saleArea" show-overflow-tooltip label="（㎡）" width="90" />
				<el-table-column prop="saleResArea" show-overflow-tooltip label="其中：住宅" width="110" />
			</el-table-column>
			<el-table-column label="新建商品房成交金额">
				<el-table-column prop="saleAmount" show-overflow-tooltip label="（万元）" width="90" />
				<el-table-column prop="saleResAmount" show-overflow-tooltip label="其中：住宅" width="110" />
			</el-table-column>
			<el-table-column label="二手房成交套数">
				<el-table-column prop="secondCount" show-overflow-tooltip label="套数" width="90" />
				<el-table-column prop="secondResCount" show-overflow-tooltip label="其中：住宅" width="110" />
			</el-table-column>
			<el-table-column label="二手房成交面积">
				<el-table-column prop="secondArea" show-overflow-tooltip label="（㎡）" width="90" />
				<el-table-column prop="secondResArea" show-overflow-tooltip label="其中：住宅" width="110" />
			</el-table-column>
			<el-table-column label="二手房成交金额">
				<el-table-column prop="secondAmount" show-overflow-tooltip label="（万元）" width="90" />
				<el-table-column prop="secondResAmount" show-overflow-tooltip label="其中：住宅" width="110" />
			</el-table-column>
		</el-table>
	</div>
</template>

<script setup lang="ts">
	import { defineProps } from 'vue';
	const props = defineProps({
		list: {
			type: Array,
			default: [],
		},
		month: {
			type: String,
			default: '',
		}
	});
</script>

<style scoped lang="scss">
</style>