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.
71 lines
1.7 KiB
71 lines
1.7 KiB
2 years ago
|
<template>
|
||
|
|
<div class="m-subbox m-sqrfph">
|
||
|
|
<div class="table">
|
||
|
|
<div class="tr">
|
||
|
|
<div class="th">排名</div>
|
||
|
|
<div class="th">社区</div>
|
||
|
|
<div class="th">房屋更新数</div>
|
||
|
|
<div class="th">人口更新数</div>
|
||
|
|
<div class="th">人房更新总数</div>
|
||
|
|
</div>
|
||
|
|
<div class="tr" v-for="(item,index) in pmList" :key="index">
|
||
|
|
<div :class="index - 0 + 1 < 4 ? `td tdbg${index-0+1}` : 'td'">
|
||
|
|
{{ index - 0 + 1 }}
|
||
|
|
</div>
|
||
|
|
<div class="td">{{ item.orgName }}</div>
|
||
|
|
<div class="td">{{ item.houseNum }}</div>
|
||
|
|
<div class="td">{{ item.residentNum }}</div>
|
||
|
|
<div class="td">{{ item.sumNum }}</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "GridUpdateRanking",
|
||
|
|
props: {
|
||
|
|
date: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
org: this.$store.state.chooseArea.chooseName,
|
||
|
|
pmList: [],
|
||
|
|
};
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
"$store.state.chooseArea.chooseName"(val) {
|
||
|
|
if (val.orgId) {
|
||
|
|
this.getList()
|
||
|
|
}
|
||
|
|
},
|
||
|
|
date() {
|
||
|
|
this.getList()
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
if (this.org.orgId) {
|
||
|
|
this.getList()
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getList() {
|
||
|
|
this.$http.get('/actual/base/streetOverview/residentHouseUpdateGroup?level=' + this.$store.state.chooseArea.chooseName.level + '&orgId=' + this.$store.state.chooseArea.chooseName.orgId).then(({data: {data}}) => {
|
||
|
|
this.pmList = data
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" src="@/assets/scss/dataBoard/overview/index.scss" scoped/>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.m-sqrfph {
|
||
|
|
padding-top: 0 !important;
|
||
|
|
height: 160px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|