1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
| <template>
| <div class="warp" :style="{backgroundImage:`url(${onlineurl}/appimg/image/dataStatistics/dataStatisticsbanner.jpg)`}">
| <!-- 内容区域 -->
| <div class="conter">
| 这一年,<br/>
| 你总共拉了<span class="font">{{fontObj.times}}</span>次货,<br/>
| 总吨数 <span class="font"> {{fontObj.weights}}吨</span>，<br/>
| 超过了同行<span class="font">{{fontObj.percentage}}</span> 的人。<br/>
| </div>
|
| </div>
| </template>
|
| <script>
| import { onlineurl } from '@/api/request.js'
| // import bg from '@/static/image/无人值守/数据统计/数据统计.jpg'
| export default {
| data() {
| return {
| onlineurl,
| fontObj:{
| percentage: "",
| times: '',
| weights: ''
| }
| }
| },
| onShow(){
| this.$reqGet('getStatistics',{userId:uni.getStorageSync('userId')}).then(res=>{
| if(res.data){
| this.fontObj = res.data;
| }
|
| })
| }
|
| }
|
| </script>
|
| <style scoped lang="scss">
| .warp{
| width: 100%;
| height:calc(100vh - 45px);
| overflow-y: auto;
| margin: 0 auto;
| background-position: center;
| background-size: 115% 115%;
| position: relative;
| .conter{
| width: 320rpx;
| height: 200rpx;
| position: absolute;
| line-height: 50rpx;
| top: 38%;
| left: 20%;
| font-size: 26rpx;
| }
| .font{
| color: #E27000;
| font-size: 30rpx;
| font-weight: bold;
| }
| }
|
|
| </style>
|
|
