xinelu-applet-ui/pagesB/Behaviorpoints/Behaviorpoints.vue
2024-03-13 09:15:38 +08:00

176 lines
4.2 KiB
Vue

<template>
<view class="app">
<view class="background">
<view class="content">
<view class="title" v-if="region==2">
{{title}}
</view>
<image mode="" :src="require('../images/jifen.png')" v-if='region==2'></image>
<image src="@/static/pagesB/Behave.png" mode="" v-if='region!=2' :style="region!=2?'height:350rpx':''">
</image>
<view class="name" v-if='region!=2'>我的积分
</view>
<view class="number" :style="region!=2?'top:35%':''">{{score?score:0}}
</view>
<view class="flex" :style="region==2?'bottom:5%':''">
<view class="item" @tap='gointegral'>
积分商城
</view>
<view class="item" @tap="goexchange">
兑换记录
</view>
</view>
<view class="flex" v-if="region==2" :style="region==2?'bottom:-10%':''">
<view class="item" @tap="gowxSport">
微信运动
</view>
<view class="item" @tap='gobehavior'>
健康行为
</view>
</view>
</view>
<view class="bottomitem">
<view class="PointsRecord">
积分记录
</view>
<view class="" v-if="list&&list.length>0">
<view class="item" v-for="item in list">
<view class="Establishingarchives">
{{item.actName}}
</view>
<view class="integral" v-if="item.score>0">
{{'+'+item.score}}
</view>
<view class="integral integraltwo" v-else>
{{item.score}}
</view>
<view class="timeone">
{{item.scoreDate}}
</view>
</view>
</view>
<u-empty v-else mode="list" icon-size='220' text='暂无积分记录'></u-empty>
</view>
</view>
</view>
</template>
<script>
import {
scorelist,
scoretotal
} from '@/api/pagesB/Behaviorpoints/index.js'
import {
detail,
} from '@/api/pages/homepage/homepage.js'
// import {
// mapActions
// } from "vuex";
export default {
data() {
return {
noticebarlist: [
'给自己开一个健康储蓄账户',
],
query: {
identity: uni.getStorageSync('userinfo').cardNo,
pageNum: 1,
pageSize: 10,
},
region: uni.getStorageSync('region'),
list: null,
total: 0,
score: 0,
title: '',
orgNo: '',
};
},
onLoad() {
this.info();
this.scoretotalinfo();
},
onReady() { //更改导航栏文字
if (uni.getStorageSync('region') == 2) {
detail(this.query.identity).then(res => {
let name = res.data.countyName.split('区')[0].split('县')
this.title = '东营健康银行' + name + '分行'
this.orgNo = res.data.orgNo
uni.setNavigationBarTitle({
title: '东营健康银行' + name + '分行'
});
})
} else {
uni.setNavigationBarTitle({
title: '积分兑换'
});
}
},
methods: {
scoretotalinfo() {
scoretotal(this.query.identity).then(res => {
this.score = res.data
})
},
info() {
scorelist(this.query).then(res => {
this.list = res.rows
this.total = res.total
})
},
gowxSport() {
uni.navigateTo({
url: "/pagesC/wxSport/wxSport"
})
},
goexchange() {
uni.navigateTo({
url: `/pagesB/exchangerecords/exchangerecords`
})
},
gobehavior() {
uni.navigateTo({
url: `/pagesB/behavior/behavior?orgNo=${this.orgNo}`
})
},
//积分页面
// ...mapActions(["integralopenPopup"]),
gointegral() {
// const value = uni.getStorageSync('openid');
// const value2 = uni.getStorageSync('patientId');
// if (value && value2) {
// setTimeout(e => {
// uni.navigateTo({
// url: `/pagesB/healthybeans/healthybeans?integral=${this.appPersonallist.integral}`
// })
// }, 0)
// } else {
uni.navigateTo({
url: '/pagesB/PointsMall/PointsMall'
})
// this.gologin();
// }
},
},
onReachBottom() { //下滑加载
if (this.list.length >= this.total) {} else {
this.query.pageNum++
scorelist(this.query).then(res => {
if (res.rows) {
res.rows.forEach(e => {
this.list.push(e)
})
}
})
}
},
onPullDownRefresh() { //下拉刷新
this.query.pageNum = 1;
this.info();
setTimeout(function() {
uni.stopPullDownRefresh();
}, 1000);
},
}
</script>
<style lang="scss">
@import './Behaviorpoints.scss'
</style>