<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>
