<template>
  <div class="">
    <el-radio-group  v-model="scyclx" @change="scyclxChange">
      <el-radio-button label="0">预测</el-radio-button>
      <el-radio-button label="1">实测</el-radio-button>
    </el-radio-group>
    <el-table
            :data="tableData"
            style="width: 100%;margin-bottom: 20px;"
            row-key="bsm"
            border
            default-expand-all
            :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
      <el-table-column
              prop="mc"
              label="地址(单元名称)">
      </el-table-column>
      <el-table-column
              prop="bdcdyh"
              label="不动产单元号">
      </el-table-column>
      <el-table-column
              prop="ch"
              label="层号"
              :formatter="chFilter">
      </el-table-column>
      <el-table-column
              prop="hh"
              label="户号"
              :formatter="hhFilter">
      </el-table-column>
        <el-table-column
                prop="fwyt"
                label="房屋用途">
        </el-table-column>
        <el-table-column
                prop="fwjg"
                label="房屋结构">
        </el-table-column>
      <el-table-column
              prop="jzmj"
              label="建筑面积(㎡)">
      </el-table-column>
        <el-table-column
                prop="tnjzmj"
                label="套内建筑面积(㎡)">
        </el-table-column>
        <el-table-column
                prop="ftjzmj"
                label="分摊建筑面积(㎡)">
        </el-table-column>
        <el-table-column
                prop="dxbfjzmj"
                label="地下部分建筑面积(㎡)">
        </el-table-column>
        <el-table-column
                prop="qtjzmj"
                label="其它建筑面积(㎡)">
        </el-table-column>
    </el-table>
  </div>
</template>

<script>
import {getDetailInfo} from "./../../../../api/lpb"
export default {
  name:"",
  components:{},
  props:{},
  data(){
    return {
      tableData: [],
      scyclx:'0',
    }
  },
  created(){},
  mounted(){
    this.getData();
  },
  methods:{

    scyclxChange(){
      this.getData();
    },

    chFilter(row, column){
      if(row.ch === 0){
        return ''
      }else {
        return row.ch;
      }
    },

    hhFilter(row, column){
      if(row.hh === 0){
        return ''
      }else {
        return row.hh;
      }
    },

    getData(){
      let zrzbsm = this.$store.state.zrzbsm;
      let scyclx = this.scyclx;
      getDetailInfo(zrzbsm,scyclx).then((res)=>{
        if(res.code===200){
          console.log(res.result)
          this.tableData = res.result;
        }
      })
    },

    load(tree, treeNode, resolve) {
      setTimeout(() => {
        resolve([
          {
            id: 31,
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            id: 32,
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }
        ])
      }, 1000)
    }


  },
  computed: {},
  watch: {},
}
</script>
<style scoped  lang="less">
</style>