|
|
@ -13,19 +13,28 @@ |
|
|
<!-- 今日进馆人数 --> |
|
|
<!-- 今日进馆人数 --> |
|
|
<div class="insval"> |
|
|
<div class="insval"> |
|
|
<img src="../../assets/wh/td_ins.png" /> |
|
|
<img src="../../assets/wh/td_ins.png" /> |
|
|
<span id="insv" class="insv">234,098</span> |
|
|
<span id="insv" class="insv"> |
|
|
|
|
|
{{ todayNum }} |
|
|
|
|
|
<!-- 234,098 --> |
|
|
|
|
|
</span> |
|
|
<span class="inst">今日进馆人数</span> |
|
|
<span class="inst">今日进馆人数</span> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 本月进馆人数 --> |
|
|
<!-- 本月进馆人数 --> |
|
|
<div class="insval"> |
|
|
<div class="insval"> |
|
|
<img src="../../assets/wh/tm_ins.png" /> |
|
|
<img src="../../assets/wh/tm_ins.png" /> |
|
|
<span id="insv2" class="insv">234,098</span> |
|
|
<span id="insv2" class="insv"> |
|
|
|
|
|
<!-- 234,098 --> |
|
|
|
|
|
{{ monthNum }} |
|
|
|
|
|
</span> |
|
|
<span class="inst">本月进馆人数</span> |
|
|
<span class="inst">本月进馆人数</span> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 本年进馆人数 --> |
|
|
<!-- 本年进馆人数 --> |
|
|
<div class="insval"> |
|
|
<div class="insval"> |
|
|
<img src="../../assets/wh/tyear_ins.png" /> |
|
|
<img src="../../assets/wh/tyear_ins.png" /> |
|
|
<span id="insv3" class="insv">234,098</span> |
|
|
<span id="insv3" class="insv"> |
|
|
|
|
|
<!-- 234,098 --> |
|
|
|
|
|
{{ yearNum }} |
|
|
|
|
|
</span> |
|
|
<span class="inst">本年进馆人数</span> |
|
|
<span class="inst">本年进馆人数</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -80,7 +89,11 @@ import * as homeApi from '@/api/home' |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return {}; |
|
|
return { |
|
|
|
|
|
todayNum: 0, |
|
|
|
|
|
monthNum: 0, |
|
|
|
|
|
yearNum: 0 |
|
|
|
|
|
}; |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
let cc = window.document.getElementById("app"); |
|
|
let cc = window.document.getElementById("app"); |
|
|
@ -94,9 +107,9 @@ export default { |
|
|
this.cultrue_bar1(); |
|
|
this.cultrue_bar1(); |
|
|
this.cultrue_bar2(); |
|
|
this.cultrue_bar2(); |
|
|
this.cultrue_bar3(); |
|
|
this.cultrue_bar3(); |
|
|
this.addNumber(0, 234098, 'insv') |
|
|
this.addNumber(0, this.todayNum, 'insv') |
|
|
this.addNumber(0, 234098, 'insv2') |
|
|
this.addNumber(0, this.monthNum, 'insv2') |
|
|
this.addNumber(0, 234098, 'insv3') |
|
|
this.addNumber(0, this.yearNum, 'insv3') |
|
|
this.addNumber(0, 890098, 'cmdval1') |
|
|
this.addNumber(0, 890098, 'cmdval1') |
|
|
this.addNumber(0, 890098, 'cmdval2') |
|
|
this.addNumber(0, 890098, 'cmdval2') |
|
|
this.addNumber(0, 234098, 'cmdval3') |
|
|
this.addNumber(0, 234098, 'cmdval3') |
|
|
@ -724,8 +737,14 @@ export default { |
|
|
console.log(that); |
|
|
console.log(that); |
|
|
homeApi.allTsgInfoDatas().then(res => { |
|
|
homeApi.allTsgInfoDatas().then(res => { |
|
|
// get allTimeData |
|
|
// get allTimeData |
|
|
const tmpdata = res.data |
|
|
const tmpdata = res.data.data |
|
|
console.log(tmpdata); |
|
|
console.log(tmpdata); |
|
|
|
|
|
console.log(typeof(tmpdata.today.incount)); |
|
|
|
|
|
this.todayNum = this.toLocaleString(tmpdata.today.incount) |
|
|
|
|
|
this.monthNum = this.toLocaleString(tmpdata.month.incount) |
|
|
|
|
|
this.yearNum = this.toLocaleString(tmpdata.year.incount) |
|
|
|
|
|
console.log(this.todayNum, this.monthNum, this.yearNum); |
|
|
|
|
|
|
|
|
// this.day_num = tmpdata.day.noRepeatInNum |
|
|
// this.day_num = tmpdata.day.noRepeatInNum |
|
|
// this.week_num_num = tmpdata.week.noRepeatInNum |
|
|
// this.week_num_num = tmpdata.week.noRepeatInNum |
|
|
// this.mon_num = tmpdata.month.noRepeatInNum |
|
|
// this.mon_num = tmpdata.month.noRepeatInNum |
|
|
@ -739,6 +758,22 @@ export default { |
|
|
// }); |
|
|
// }); |
|
|
|
|
|
|
|
|
}); |
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
toLocaleString(num) { |
|
|
|
|
|
const arr = num.toString().split('').reverse() |
|
|
|
|
|
// 遍历数组 |
|
|
|
|
|
for (let i = 0; i < arr.length; i++) { |
|
|
|
|
|
// 如果索引被3整除,并且索引不为0 |
|
|
|
|
|
if (i % 3 === 0 && i !== 0) { |
|
|
|
|
|
// 在当前字符前面加一个逗号 |
|
|
|
|
|
arr[i] = arr[i] + ',' |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
// 遍历完后,先反转数组,再将数组转换为字符串 |
|
|
|
|
|
// 注意:用join方法时,里面必须加双引号,不然默认会用逗号分割 |
|
|
|
|
|
const str = arr.reverse().join('') |
|
|
|
|
|
// 返回这个字符串 |
|
|
|
|
|
return str |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
|