<template>
  <m-card title="体征指标">
    <m-sub :addition="{ value: 1674, unit: '个小区' }"> 住宅房屋 </m-sub>
    <Brief :list="summary" />
    <m-sub :addition="{ value: 351, unit: '幢' }"> 非居建筑 </m-sub>
    <m-sub> 服务主体 </m-sub>
    <Brief :list="list" />
    <p />
  </m-card>
</template>

<script lang="ts">
export default {
  name: 'A015',
  title: '体征指标',
  row: 1,
}
</script>
<script lang="ts" setup>
import icon4 from '@/assets/images/icon4.png'
import icon5 from '@/assets/images/icon5.png'
import icon1 from '@/assets/images/icon1.png'
import icon6 from '@/assets/images/icon6.png'
import icon7 from '@/assets/images/icon7.png'
import icon8 from '@/assets/images/icon8.png'
import icon9 from '@/assets/images/icon9.png'
import Brief from '@/components/brief.vue'
import { ref } from 'vue'

const summary = [
  { icon: icon4, name: '商品房', value: 904 },
  { icon: icon5, name: '公房', value: 400 },
  { icon: icon1, name: '私房/农房', value: 130 },
  { icon: icon6, name: '商住混合', value: 82 },
  { icon: icon7, name: '军产', value: 12 },
  { icon: icon8, name: '保障房', value: 46 },
]
const list = ref([
  { icon: icon9, name: '业委会', value: 47520 },
  { icon: icon9, name: '居委会', value: 3960 },
  { icon: icon9, name: '物业汽油桶', value: 45 },
])
</script>

<style lang="stylus" scoped>
@import  '../../components/MyComponent/main.styl'
</style>
