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.
81 lines
2.2 KiB
81 lines
2.2 KiB
<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 style="overflow: hidden">
|
|
<div class="animation">
|
|
<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 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>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: "sqrfph",
|
|
props: {
|
|
currentLevelData: {
|
|
type: Object,
|
|
default: {},
|
|
},
|
|
date: {
|
|
type: String,
|
|
default: "",
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
org: this.$store.state.chooseArea.chooseName,
|
|
pmList: [],
|
|
};
|
|
},
|
|
watch: {
|
|
currentLevelData(val) {
|
|
if (val.orgId) {
|
|
this.getList(val);
|
|
}
|
|
},
|
|
date() {
|
|
this.getList(this.currentLevelData);
|
|
},
|
|
},
|
|
mounted() {
|
|
if (this.currentLevelData.orgId) {
|
|
this.getList(this.currentLevelData);
|
|
}
|
|
},
|
|
methods: {
|
|
getList(item) {
|
|
this.$http.get("/actual/base/streetOverview/residentHouseUpdateGroup?month=" + this.date + "&level=" + item.orgLevel + "&orgId=" + item.orgId).then(({ data: { data } }) => {
|
|
this.pmList = data;
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" src="@/assets/scss/dataBoard/overview/index.scss" scoped></style>
|
|
|