<template>
  <div class="m-subbox m-jdhx">
    <div class="m-jdhx-top">
      <div class="m-jdhx-card">
        <div class="m-jdhx-card-title">
          <div class="m-jdhx-card-title-icon">
            <img
              src="../../../../assets/images/shuju/overview/jumin-icon.png"
            />
          </div>
          <div class="m-jdhx-card-title-txt">主要居民类型</div>
        </div>
        <div class="m-jdhx-card-content">
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">老年人</div>
            <div class="m-jdhx-card-content-item-value">21%</div>
          </div>
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">租户</div>
            <div class="m-jdhx-card-content-item-value">17%</div>
          </div>
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">低保人员</div>
            <div class="m-jdhx-card-content-item-value">9%</div>
          </div>
        </div>
      </div>
      <div class="m-jdhx-card m-jdhx-f m-jdhx-h">
        <div class="m-jdhx-card-title">
          <div class="m-jdhx-card-title-icon">
            <img
              src="../../../../assets/images/shuju/overview/fangwu-icon.png"
            />
          </div>
          <div class="m-jdhx-card-title-txt">房屋性质/用途</div>
        </div>
        <div class="m-jdhx-card-content">
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">自助</div>
            <div class="m-jdhx-card-content-item-value">60%</div>
          </div>
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">出租</div>
            <div class="m-jdhx-card-content-item-value">18%</div>
          </div>
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">办公</div>
            <div class="m-jdhx-card-content-item-value">10%</div>
          </div>
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">仓储</div>
            <div class="m-jdhx-card-content-item-value">12%</div>
          </div>
        </div>
      </div>
    </div>
    <div class="m-jdhx-center">
      <div class="m-jdhx-center-line"></div>
      <div class="m-jdhx-center-content">
        <div class="m-jdhx-center-content-item">
          <div class="m-jdhx-center-content-item-jumin">
            <div class="m-jdhx-center-content-item-jumin-icon">
              <img
                src="../../../../assets/images/shuju/overview/renkou-icon.png"
              />
            </div>
            <div class="m-jdhx-center-content-item-jumin-txt">人口</div>
          </div>
          <div class="m-jdhx-center-content-item-fangwu">
            <div class="m-jdhx-center-content-item-fangwu-icon">
              <img
                src="../../../../assets/images/shuju/overview/fangwu2-icon.png"
              />
            </div>
            <div class="m-jdhx-center-content-item-fangwu-txt">房屋</div>
          </div>
        </div>
        <div style="margin-top: 79px" class="m-jdhx-center-content-item">
          <div class="m-jdhx-center-content-item-manyi">
            <div class="m-jdhx-center-content-item-manyi-icon">
              <img
                src="../../../../assets/images/shuju/overview/manyidu-icon.png"
              />
            </div>
            <div class="m-jdhx-center-content-item-manyi-txt">满意度</div>
          </div>
          <div class="m-jdhx-center-content-item-fengxian">
            <div class="m-jdhx-center-content-item-fengxian-icon">
              <img
                src="../../../../assets/images/shuju/overview/fengxianry-icon.png"
              />
            </div>
            <div class="m-jdhx-center-content-item-fengxian-txt">风险人员</div>
          </div>
        </div>
      </div>
      <div class="m-jdhx-center-line"></div>
    </div>
    <div class="m-jdhx-top">
      <div class="m-jdhx-card">
        <div class="m-jdhx-card-title">
          <div class="m-jdhx-card-title-icon">
            <img
              src="../../../../assets/images/shuju/overview/manyi-icon.png"
            />
          </div>
          <div class="m-jdhx-card-title-txt">主要不满意事项</div>
        </div>
        <div class="m-jdhx-card-content">
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">楼院卫生</div>
            <div class="m-jdhx-card-content-item-value">67%</div>
          </div>
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">医护人员态度</div>
            <div class="m-jdhx-card-content-item-value">13%</div>
          </div>
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">基础教育便利</div>
            <div class="m-jdhx-card-content-item-value">20%</div>
          </div>
        </div>
      </div>
      <div class="m-jdhx-card m-jdhx-f">
        <div class="m-jdhx-card-title">
          <div class="m-jdhx-card-title-icon">
            <img
              src="../../../../assets/images/shuju/overview/fengxian-icon.png"
            />
          </div>
          <div class="m-jdhx-card-title-txt">风险人员</div>
        </div>
        <div class="m-jdhx-card-content">
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">12345</div>
            <div class="m-jdhx-card-content-item-value">78</div>
          </div>
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">生意满意度</div>
            <div class="m-jdhx-card-content-item-value">96</div>
          </div>
          <div class="m-jdhx-card-content-item">
            <div class="m-jdhx-card-content-item-lable">社区满意度自查</div>
            <div class="m-jdhx-card-content-item-value">122</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "jdtphx",
  data() {},
};
</script>
<style
  lang="scss"
  src="@/assets/scss/dataBoard/overview/index.scss"
  scoped
></style>
