城阳pc工作端前端代码
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.

83 lines
1.8 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 in pmList" :key="item.num">
<div :class="item.num < 4 ? `td tdbg${item.num}` : 'td'">
{{ item.num }}
</div>
<div class="td">{{ item.shequ }}</div>
<div class="td">{{ item.fwgxs }}</div>
<div class="td">{{ item.rkgxs }}</div>
<div class="td">{{ item.rfgxzs }}</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "sqrfph",
data() {
return {
value2: "2023-02",
pmList: [
{
num: "1",
shequ: "XX社区",
fwgxs: "350",
rkgxs: "1720",
rfgxzs: "2070",
},
{
num: "2",
shequ: "XX社区",
fwgxs: "350",
rkgxs: "1720",
rfgxzs: "2070",
},
{
num: "3",
shequ: "XX社区",
fwgxs: "350",
rkgxs: "1720",
rfgxzs: "2070",
},
{
num: "4",
shequ: "XX社区",
fwgxs: "350",
rkgxs: "1720",
rfgxzs: "2070",
},
{
num: "5",
shequ: "XX社区",
fwgxs: "350",
rkgxs: "1720",
rfgxzs: "2070",
},
{
num: "6",
shequ: "XX社区",
fwgxs: "350",
rkgxs: "1720",
rfgxzs: "2070",
},
],
};
},
};
</script>
<style
lang="scss"
src="@/assets/scss/dataBoard/overview/index.scss"
scoped
></style>