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.
62 lines
1.8 KiB
62 lines
1.8 KiB
2 years ago
|
<template>
|
||
|
|
<div class="m-subbox m-rfsjtj">
|
||
|
|
<div class="m-rfsjtj-item">
|
||
|
|
<div class="m-rfsjtj-item-des">采集房屋数</div>
|
||
|
|
<div class="m-rfsjtj-item-jian">
|
||
|
|
<span>{{ numFormat(2317) }}</span>
|
||
|
|
间
|
||
|
|
</div>
|
||
|
|
<div class="m-rfsjtj-item-change">
|
||
|
|
<div class="m-rfsjtj-item-change-today">今日</div>
|
||
|
|
<div class="m-rfsjtj-item-change-new">新增<span>31</span></div>
|
||
|
|
<div class="m-rfsjtj-item-change-update">更新<span>217</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="m-rfsjtj-item">
|
||
|
|
<div class="m-rfsjtj-item-des">采集人口数</div>
|
||
|
|
<div class="m-rfsjtj-item-ren">
|
||
|
|
<span>{{ numFormat(6302) }}</span>
|
||
|
|
人
|
||
|
|
</div>
|
||
|
|
<div class="m-rfsjtj-item-change">
|
||
|
|
<div class="m-rfsjtj-item-change-today">今日</div>
|
||
|
|
<div class="m-rfsjtj-item-change-new">新增<span>24</span></div>
|
||
|
|
<div class="m-rfsjtj-item-change-update">更新<span>466</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "rfsjtj",
|
||
|
|
data() {},
|
||
|
|
methods: {
|
||
|
|
numFormat(num) {
|
||
|
|
num = num.toString().split("."); // 分隔小数点
|
||
|
|
var arr = num[0].split("").reverse(); // 转换成字符数组并且倒序排列
|
||
|
|
var res = [];
|
||
|
|
for (var i = 0, len = arr.length; i < len; i++) {
|
||
|
|
if (i % 3 === 0 && i !== 0) {
|
||
|
|
res.push(","); // 添加分隔符
|
||
|
|
}
|
||
|
|
res.push(arr[i]);
|
||
|
|
}
|
||
|
|
res.reverse(); // 再次倒序成为正确的顺序
|
||
|
|
if (num[1]) {
|
||
|
|
// 如果有小数的话添加小数部分
|
||
|
|
res = res.join("").concat("." + num[1]);
|
||
|
|
} else {
|
||
|
|
res = res.join("");
|
||
|
|
}
|
||
|
|
return res;
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style
|
||
|
|
lang="scss"
|
||
|
|
src="@/assets/scss/dataBoard/overview/index.scss"
|
||
|
|
scoped
|
||
|
|
></style>
|