<template>
  <div>
    <table class="table">
      <tr>
        <td rowspan="2"></td>
        <td rowspan="2" colspan="2">分类</td>
        <td colspan="3" style="border-bottom: 0px;text-align: left;padding-left: 20px">本市</td>
        <td colspan="4" style="border-bottom: 0px;text-align: left;padding-left: 20px">外地</td>
      </tr>
      <tr>
        <td style="border: 0px"></td>
        <td>本市城区</td>
        <td>本市其他</td>
        <td style="border: 0px"></td>
        <td>本省其他地区</td>
        <td>外省市</td>
        <td>境 外</td>
      </tr>
      <tr>
        <td rowspan="5"></td>
        <td>面积</td>
        <td style="width: 220px">销售</td>
        <td><el-input-number v-model="state.form.dealArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.countyArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherCountyArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.fieldArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherFieldArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherProvincesArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.abroadArea" :controls="false" style="width:120px" /></td>
      </tr>
      <tr>
        <td>套数</td>
        <td>销售</td>
        <td><el-input-number v-model="state.form.dealCount" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.countyCount" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherCountyCount" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.fieldCount" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherFieldCount" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherProvincesCount" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.abroadCount" :controls="false" style="width:120px" /></td>
      </tr>
      <tr>
        <td>房产价值</td>
        <td>销售</td>
        <td><el-input-number v-model="state.form.dealTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.countyTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherCountyTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.fieldTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherFieldTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherProvincesTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.abroadTotal" :controls="false" style="width:120px" /></td>
      </tr>
      <tr>
        <td rowspan="2">价格</td>
        <td>平均价格</td>
        <td><el-input-number v-model="state.form.dealPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.countyPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherCountyPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.fieldPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherFieldPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherProvincesPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.abroadPrice" :controls="false" style="width:120px" /></td>
      </tr>
      <tr>
        <td>平均价格与上年同期比（%）</td>
        <td><el-input-number v-model="state.form.dealProportion" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.countyProportion" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherCountyProportion" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.fieldProportion" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherFieldProportion" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherProvincesProportion" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.abroadProportion" :controls="false" style="width:120px" /></td>
      </tr>
      <tr>
        <td rowspan="3">去年同期</td>
        <td>面积</td>
        <td>销售</td>
        <td><el-input-number v-model="state.form.dealLastArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.countyLastArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherCountyLastArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.fieldLastArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherFieldLastArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherProvincesLastArea" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.abroadLastArea" :controls="false" style="width:120px" /></td>
      </tr>
      <tr>
        <td>房产价值</td>
        <td>销售</td>
        <td><el-input-number v-model="state.form.dealLastTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.countyLastTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherCountyLastTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.fieldLastTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherFieldLastTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherProvincesLastTotal" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.abroadLastTotal" :controls="false" style="width:120px" /></td>
      </tr>
      <tr>
        <td>均价</td>
        <td>销售</td>
        <td><el-input-number v-model="state.form.dealLastPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.countyLastPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherCountyLastPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.fieldLastPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherFieldLastPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.otherProvincesLastPrice" :controls="false" style="width:120px" /></td>
        <td><el-input-number v-model="state.form.abroadLastPrice" :controls="false" style="width:120px" /></td>
      </tr>
    </table>
  </div>
</template>

<script setup lang="ts">

import {
  reactive,
  defineProps,
  watch,
  defineExpose
} from "vue";

const setvalue = (e: any) => {
  state.form = e;
}

const getvalue = () => {
  return state.form
}

defineExpose({
  getvalue,
  setvalue
})

const props = defineProps({
  udata: {
    type: Object,
    default: {},
  },
});

const state = reactive({
  form: {
    dealArea: 0,
    countyArea: 0,
    otherCountyArea: 0,
    fieldArea: 0,
    otherFieldArea: 0,
    otherProvincesArea: 0,
    abroadArea: 0,
    dealCount: 0,
    countyCount: 0,
    otherCountyCount: 0,
    fieldCount: 0,
    otherFieldCount: 0,
    otherProvincesCount: 0,
    abroadCount: 0,
    dealTotal: 0,
    countyTotal: 0,
    otherCountyTotal: 0,
    fieldTotal: 0,
    otherFieldTotal: 0,
    otherProvincesTotal: 0,
    abroadTotal: 0,
    dealPrice: 0,
    countyPrice: 0,
    otherCountyPrice: 0,
    fieldPrice: 0,
    otherFieldPrice: 0,
    otherProvincesPrice: 0,
    abroadPrice: 0,
    dealProportion: 0,
    countyProportion: 0,
    otherCountyProportion: 0,
    fieldProportion: 0,
    otherFieldProportion: 0,
    otherProvincesProportion: 0,
    abroadProportion: 0,
    dealLastArea: 0,
    countyLastArea: 0,
    otherCountyLastArea: 0,
    fieldLastArea: 0,
    otherFieldLastArea: 0,
    otherProvincesLastArea: 0,
    abroadLastArea: 0,
    dealLastTotal: 0,
    countyLastTotal: 0,
    otherCountyLastTotal: 0,
    fieldLastTotal: 0,
    otherFieldLastTotal: 0,
    otherProvincesLastTotal: 0,
    abroadLastTotal: 0,
    dealLastPrice: 0,
    countyLastPrice: 0,
    otherCountyLastPrice: 0,
    fieldLastPrice: 0,
    otherFieldLastPrice: 0,
    otherProvincesLastPrice: 0,
    abroadLastPrice: 0,
  } as any
})



</script>

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