<template>
  <div style="padding: 20px;">
    <a-descriptions bordered>
      <a-descriptions-item label="图斑编号">{{case_no}}</a-descriptions-item>
      <a-descriptions-item label="图斑描述">{{case_description}}</a-descriptions-item>
      <a-descriptions-item label="区县">{{countyname}}</a-descriptions-item>
      <a-descriptions-item label="乡镇">{{streetname}}</a-descriptions-item>
      <a-descriptions-item label="社区">{{communityname}}</a-descriptions-item>
      <a-descriptions-item label="地址">{{address}}</a-descriptions-item>
      <a-descriptions-item label="经度">{{lng}}</a-descriptions-item>
      <a-descriptions-item label="纬度">{{lat}}</a-descriptions-item>
      <a-descriptions-item label="总面积">{{area}}</a-descriptions-item>
      <a-descriptions-item label="农用地面积">{{nongyongdi_area}}</a-descriptions-item>
      <a-descriptions-item label="耕地面积">{{gengdi_area}}</a-descriptions-item>
      <a-descriptions-item label="永农面积">{{yongjiujibennongtian_area}}</a-descriptions-item>
      <a-descriptions-item label="重点区域面积">{{zhongdianquyu_area}}</a-descriptions-item>
      <a-descriptions-item label="生态保护红线面积">{{shengtaibaohuhongxian_area}}</a-descriptions-item>
      <a-descriptions-item label="国土空间规划面积">{{guotukongjianguihua_area}}</a-descriptions-item>
      <a-descriptions-item label="无人机编号">{{drone_no}}</a-descriptions-item>
    </a-descriptions>
  </div>
</template>

<script setup lang="ts">
import {defineProps} from "vue"
const props = defineProps(['info'])
const { id, case_no, case_description, countyid, 
    countyname, streetid, streetname,communityid, communityname, address, drone_no, lng, lat,
    area, nongyongdi_area, gengdi_area, yongjiujibennongtian_area, zhongdianquyu_area, shengtaibaohuhongxian_area,
    guotukongjianguihua_area } = props.info
</script>

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