<template>
  <el-table :data="tableData" style="width: 455px; height: 220px">
    <el-table-column label="项目状态" prop="propertyName" width="120" show-overflow-tooltip>
      <template #default="{ row }">
        <span @click="emit('click-call-back', row)" class="pointer">{{ row.propertyName }}</span>
      </template>
    </el-table-column>
    <el-table-column label="项目统计">
      <el-table-column prop="count" label="数量"> </el-table-column>
      <el-table-column prop="countProportion" label="占比"> </el-table-column>
    </el-table-column>
    <el-table-column label="资金统计(万元)">
      <el-table-column prop="classifyInvest" label="金额"> </el-table-column>
      <el-table-column prop="classifyInvestProportion" label="占比"> </el-table-column>
    </el-table-column>
  </el-table>
</template>

<script setup name="content_left">
const { tableData } = defineProps(['tableData']);
const emit = defineEmits(['click-call-back']);

onMounted(() => {});
</script>

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