<template>
	<div>
		<el-table :data="props.list" style="width: 100%">
			<el-table-column align="center" prop="areaName" label="区县" />
			<el-table-column align="center" prop="areaCode" label="行政代码" width="105" />
			<el-table-column align="center" label="批准销售商品房">
				<el-table-column align="center" label="">
					<el-table-column align="center" prop="approveArea" show-overflow-tooltip width="105">
						<template #header>
							<div class="uname"><span>面积</span><span>（平方米）</span></div>
						</template>
					</el-table-column>
				</el-table-column>
				<el-table-column align="center" label="其中：住宅">
					<el-table-column align="center" prop="resApproveArea" show-overflow-tooltip width="105">
						<template #header>
							<div class="uname"><span>面积</span><span>（平方米）</span></div>
						</template>
					</el-table-column>
					<el-table-column align="center" label="" prop="resApproveCount" show-overflow-tooltip width="105">
						<template #header>
							<div class="uname"><span>套数</span><span>（套）</span></div>
						</template>
					</el-table-column>
				</el-table-column>
			</el-table-column>
			<el-table-column align="center" label="新建商品房（住宅）成交">
				<el-table-column align="center" label="90平方米及以下">
					<el-table-column align="center" prop="resSaleDownArea" show-overflow-tooltip width="105">
						<template #header>
							<div class="uname"><span>面积</span><span>（平方米）</span></div>
						</template>
					</el-table-column>
					<el-table-column align="center" label="" prop="resSaleDownCount" show-overflow-tooltip width="105">
						<template #header>
							<div class="uname"><span>套数</span><span>（套）</span></div>
						</template>
					</el-table-column>
				</el-table-column>
				<el-table-column align="center" label="90平方米以上">
					<el-table-column align="center" prop="resSaleUpArea" show-overflow-tooltip width="105">
						<template #header>
							<div class="uname"><span>面积</span><span>（平方米）</span></div>
						</template>
					</el-table-column>
					<el-table-column align="center" label="" prop="resSaleUpCount" show-overflow-tooltip width="105">
						<template #header>
							<div class="uname"><span>套数</span><span>（套）</span></div>
						</template>
					</el-table-column>
				</el-table-column>
			</el-table-column>
			<el-table-column align="center" label="商品房累计可售">
				<el-table-column align="center" label="">
					<el-table-column align="center" prop="inventoryTotalArea" show-overflow-tooltip width="105">
						<template #header>
							<div class="uname"><span>面积</span><span>（平方米）</span></div>
						</template>
					</el-table-column>
				</el-table-column>
				<el-table-column align="center" label="其中：住宅">
					<el-table-column align="center" prop="resInventoryTotalCount" show-overflow-tooltip width="105">
						<template #header>
							<div class="uname"><span>面积</span><span>（平方米）</span></div>
						</template>
					</el-table-column>
					<el-table-column align="center" label="" prop="resInventoryTotalArea" show-overflow-tooltip width="105">
						<template #header>
							<div class="uname"><span>套数</span><span>（套）</span></div>
						</template>
					</el-table-column>
				</el-table-column>
			</el-table-column>
			<el-table-column align="center" label="外地人(非潍坊人）购房面积（平方米）">
				<el-table-column align="center" label="新建商品房">
					<el-table-column align="center" label="" prop="outArea" width="105">
					</el-table-column>
					<el-table-column align="center" label="其中：住宅" prop="resOutArea" width="105">
					</el-table-column>
				</el-table-column>
				<el-table-column align="center" label="二手房">
					<el-table-column align="center" label="" prop="outSecondArea" width="105">
					</el-table-column>
					<el-table-column align="center" label="其中：住宅" prop="resOutSecondArea" width="105">
					</el-table-column>
				</el-table-column>
			</el-table-column>
			<el-table-column align="center" label="外地人购房占比（%）">
				<el-table-column align="center" label="新建商品房">
					<el-table-column align="center" label="" prop="outProportion" width="105">
					</el-table-column>
					<el-table-column align="center" label="其中：住宅" prop="resOutProportion" width="105">
					</el-table-column>
				</el-table-column>
				<el-table-column align="center" label="二手房">
					<el-table-column align="center" label="" prop="outSecondProportion" width="105">
					</el-table-column>
					<el-table-column align="center" label="其中：住宅" prop="resOutSecondProportion" width="105">
					</el-table-column>
				</el-table-column>
			</el-table-column>
		</el-table>
	</div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';
import { getmonth } from "/@/api/report/month";
const emit = defineEmits(["removeshow"]);

const remove = (row: any) => {
	emit("removeshow", row.id);
}

const props = defineProps({
	list: {
		type: Array,
		default: [],
	},
	month: {
		type: String,
		default: '',
	}
});
</script>

<style scoped lang="scss">
.redbg {
	background-color: #ffaba0;
}

::v-deep .el-scrollbar__bar {
	display: block !important;
}

.nones {
	text-align: center;
	width: 100%;
	height: 100%;
}

.uname {
	display: flex;
	flex-direction: column;
	align-items: center;
}
</style>