<template>
  <div class="govern-analysis">
    <div @click="$emit('select', item.name)" class="item" v-for="item in datas" :key="item.name">
      <img src="@/assets/images/icon1.png"/>
      <p>{{item.name}}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'GovernAnalysis',
  data() {
    return {
      datas: [
        {name: '物业服务满意度得分较低项目'},
        {name: '物业服务企业整体满意度倒数企业'},
        {name: '南码头街道业委会运作情况'},
        {name: '南码头街道12345诉求数量全市排名'},
        {name: '南码头街道综合管理诉求二级指标占比'},
      ],

    }
  },
}
</script>

<style lang="stylus" scoped>
.govern-analysis
  width 100%
  height 100%
  display flex
  flex-wrap wrap
  .item
    display flex
    width 50%
    cursor pointer
    &:hover
      color $color-blue
    img
      width 1.2rem
      height @width
      margin .3rem .5rem 0 0
</style>
