87 lines
1.6 KiB
Vue
87 lines
1.6 KiB
Vue
|
<template>
|
||
|
|
<div class="AppGirdIntegral">
|
||
|
|
<AiTopFixed>
|
||
|
|
|
||
|
|
</AiTopFixed>
|
||
|
|
<div class="list-data" v-if="list.length">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<AiEmpty v-else></AiEmpty>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { mapState } from 'vuex'
|
||
|
|
export default {
|
||
|
|
appName: '网格员积分',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
current: 1,
|
||
|
|
list: [],
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
computed: {
|
||
|
|
...mapState(['user']),
|
||
|
|
},
|
||
|
|
|
||
|
|
created() {
|
||
|
|
this.$dict.load("workTaskType").then(() => {
|
||
|
|
this.getList()
|
||
|
|
})
|
||
|
|
uni.$on('getList', () => {
|
||
|
|
this.current = 1
|
||
|
|
this.getList()
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
onShow() {
|
||
|
|
document.title = '网格员积分'
|
||
|
|
this.current = 1
|
||
|
|
this.getList()
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
getList() {
|
||
|
|
this.$http.post("/app/appworktaskinfo/list", null, {
|
||
|
|
params: {
|
||
|
|
...this.map(this.index),
|
||
|
|
size: 10,
|
||
|
|
current: this.current
|
||
|
|
}
|
||
|
|
}).then(res => {
|
||
|
|
if (res && res.data) {
|
||
|
|
if (this.current > 1 && this.current > res.data.pages) {
|
||
|
|
this.status = "已经到底啦"
|
||
|
|
}
|
||
|
|
this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
onReachBottom() {
|
||
|
|
this.current = this.current + 1;
|
||
|
|
this.getList()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.AppGirdIntegral {
|
||
|
|
min-height: 100%;
|
||
|
|
background-color: #F5F5F5;
|
||
|
|
padding-bottom: 32px;
|
||
|
|
|
||
|
|
::v-deep .content {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list-data {
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 32px 32px 0 32px;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|