You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
162 lines
6.2 KiB
162 lines
6.2 KiB
<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>
|
|
|