|
|
@@ -64,6 +64,16 @@
|
|
|
@select="adjustSelect" />
|
|
|
</van-tab>
|
|
|
<van-tab title="数据统计">
|
|
|
+ <van-cell title="报名总人数" :value="config.regNum + '人'"></van-cell>
|
|
|
+ <van-cell title="缴费总人数" :value="config.payNum + '人'"></van-cell>
|
|
|
+ <van-cell title="家长会当日缴费人数" :value="config.firstDayPayNum + '人'"></van-cell>
|
|
|
+ <van-cell :value="config.payScale + '%'">
|
|
|
+ <template #title>
|
|
|
+ <div style="display: flex;align-items: center;">家长会当日缴费人数占比
|
|
|
+ <van-icon name="question-o" @click="onTip" style="padding-left: .05rem;" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
<div style="width: 100%;overflow-x: auto;">
|
|
|
<div class="table" style="width: 145%;">
|
|
|
<van-row style="border: 1px solid #eaeaea">
|
|
|
@@ -133,6 +143,12 @@ export default {
|
|
|
changeStudent: null, // 修改的学生对象
|
|
|
orderByPerRegister: null, // 预报名时间排序状态
|
|
|
orderByPayTime: null, // 缴费时间排序状态
|
|
|
+ config: {
|
|
|
+ regNum: 0,
|
|
|
+ firstDayPayNum: 0,
|
|
|
+ payScale: 0,
|
|
|
+ payNum: 0
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
async mounted() {
|
|
|
@@ -231,7 +247,15 @@ export default {
|
|
|
})).then(res => {
|
|
|
let result = res.data
|
|
|
if(result.code == 200) {
|
|
|
- this.countList = result.data.rows
|
|
|
+ let tempDate = result.data
|
|
|
+ let scale = ((tempDate.firstDayPayNum / tempDate.payNum) * 100).toFixed(2)
|
|
|
+ this.config = {
|
|
|
+ regNum: tempDate.regNum,
|
|
|
+ firstDayPayNum: tempDate.firstDayPayNum,
|
|
|
+ payScale: scale,
|
|
|
+ payNum: tempDate.payNum
|
|
|
+ }
|
|
|
+ this.countList = tempDate.rows
|
|
|
}
|
|
|
})
|
|
|
setLoading(false)
|
|
|
@@ -243,6 +267,14 @@ export default {
|
|
|
this.getOrderStudentList(this.voicyPart)
|
|
|
this.getRegisterOrPreList(this.voicyPart)
|
|
|
},
|
|
|
+ onTip() {
|
|
|
+ this.$dialog.alert({
|
|
|
+ message: '家长会当日缴费人数 / 缴费总人数',
|
|
|
+ }).then(() => {
|
|
|
+ // on close
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
async onChangeSort(sort) {
|
|
|
if(sort == 1) {
|
|
|
this.orderByPayTime = null
|
