<template>
  <avue-form :option="option" v-model="form">
    <template slot="mapForm">
      <residential-map :latitude="form.latitude" :longitude="form.longitude" :name="form.name"></residential-map>
      </template>
  </avue-form>
</template>

<script>
  import residentialMap from "./residentialMap.vue";
  export default {
    components:{
      residentialMap
    },
    name:'residential-detail',
    props:{
      form:{
        type: Object
      }
    },
    data(){
      return {
         form:{},
         option:{
            tip: false,
            emptyBtn:false,
            submitBtn:false,
            disabled:true,
            group:[
              {
                icon:'el-icon-info',
                label: '基础信息',
                prop: 'group',
                column: [{
                  label: '小区名称',
                  prop: 'name',
                  span: 12,
                },
                {
                  label: "详细地址",
                  prop: "address",
                  span: 12,
                },{
                  label: "楼栋总数",
                  prop: "buildingCount",
                  span: 4
                },{
                  label: "单元总数",
                  prop: "unitCount",
                  span: 4
                },{
                  label: "楼层总数",
                  prop: "floorCount",
                  span: 4
                },{
                  label: "房间总数",
                  prop: "roomCount",
                  span: 4
                },{
                  label: "用户总数",
                  prop: "userCount",
                  span: 4
                }
                ]
              },{
                icon:'el-icon-s-flag',
                label: '物业信息',
                prop: 'group',
                column: [{
                  label: '物业名称',
                  prop: 'estateName',
                  span: 12
                }, {
                  label: '物业电话',
                  prop: 'estatePhone',
                  span: 12
                }]
              },{
                icon:'el-icon-place',
                label: '地理位置',
                prop: 'group',
                column: [{
                  label: '经度',
                  prop: 'longitude',
                  span: 12,
                },
                {
                  label: "纬度",
                  prop: "latitude",
                  span: 12,
                }
                // ,{
                //   prop: "map",
                //   formslot: true,
                //   span: 24,
                //   align: "center"
                // }
                ]
              },
            ]
         }
      }
    },
  }
</script>

<style>
</style>
