parent
df5fa91d17
commit
8dfda58152
@ -0,0 +1,106 @@ |
||||
<template> |
||||
<view class="m-content"> |
||||
<uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar left-icon="left" left-text="" |
||||
title="数据统计" @clickLeft="back" /> |
||||
<view class="v-tabs row"> |
||||
<text class="item" :class="item.type==activeTab?'active':''" v-for="(item,index) in tabsList" |
||||
@click="getTab(item.type)">{{item.name}}</text> |
||||
</view> |
||||
<view class="list-box"> |
||||
<view class="v-table"> |
||||
<uni-row class="th"> |
||||
<uni-col :span="12" class="td">日期</uni-col> |
||||
<uni-col :span="12" class="td">{{activeTab==1?'预约人数':'检票人数'}}</uni-col> |
||||
</uni-row> |
||||
<uni-row class="tr" v-for="(item,index) in tableData" :key="index"> |
||||
<uni-col :span="12" class="td">{{item.generated_date}}</uni-col> |
||||
<uni-col :span="12" class="td">{{item.total_data}}</uni-col> |
||||
</uni-row> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
activeTab: 1, |
||||
tabsList: [{ |
||||
name: "未来七天", |
||||
type: 1 |
||||
}, { |
||||
name: "过去七天", |
||||
type: 2 |
||||
}], |
||||
tableData: [] |
||||
} |
||||
}, |
||||
onShow() { |
||||
this.initPages() |
||||
}, |
||||
methods: { |
||||
initPages() { |
||||
let reqData = { |
||||
dateType: this.activeTab, |
||||
}; |
||||
this.$Request.get(this.$config.selectScjCount, reqData).then(res => { |
||||
this.tableData = res.data.list |
||||
}).catch(err => { |
||||
console.log(err, '错误信息') |
||||
}) |
||||
}, |
||||
getTab(val) { |
||||
this.activeTab = val |
||||
this.initPages() |
||||
}, |
||||
back() { |
||||
uni.navigateBack({ |
||||
delta: 1 |
||||
}); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
.v-tabs { |
||||
display: flex; |
||||
padding: 20upx 32upx; |
||||
} |
||||
|
||||
.v-tabs .item { |
||||
border-radius: 10rpx; |
||||
padding: 8rpx 20rpx; |
||||
margin-right: 20rpx; |
||||
display: inline-block; |
||||
color: #aaa; |
||||
} |
||||
|
||||
.v-tabs .item.active { |
||||
background-color: rgba(0, 122, 255, 1); |
||||
color: #fff; |
||||
} |
||||
|
||||
.list-box { |
||||
padding: 10rpx 32rpx; |
||||
} |
||||
|
||||
.v-table { |
||||
background-color: rgba(255, 255, 255, .2); |
||||
} |
||||
|
||||
.v-table .td { |
||||
text-align: center; |
||||
padding: 20rpx !important; |
||||
|
||||
} |
||||
|
||||
.v-table .th .td { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.v-table .tr:nth-child(2n) { |
||||
background-color: rgba(0, 122, 255, .1); |
||||
} |
||||
</style> |
||||
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
Loading…
Reference in new issue