248 lines
6.7 KiB
Vue
248 lines
6.7 KiB
Vue
<template>
|
|
<view class="app">
|
|
<view class="background">
|
|
<view class="content">
|
|
<view class="title">
|
|
{{title}}
|
|
</view>
|
|
<span v-if='region==2'>
|
|
<image :src="baseurl+ '/profile/weChatPicture/putongka.png'" v-if='score>=0&&score<800' />
|
|
<image :src="baseurl+ '/profile/weChatPicture/yinka.png'" v-if='score>=800&&score<1600' />
|
|
<image :src="baseurl+ '/profile/weChatPicture/jinka.png'" v-if='score>=1600&&score<2400' />
|
|
<image :src="baseurl+ '/profile/weChatPicture/bojinka.png'" v-if='score>=2400&&score<3000' />
|
|
<image :src="baseurl+ '/profile/weChatPicture/zuanshika.png'" v-if='score>=3000' />
|
|
</span>
|
|
<image :src="require('@/pagesC/images/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%;':''">
|
|
<span
|
|
:style="score>=0&&score<800?'color:#fff':score>=800&&score<1600?'color:#D3BC96':score>=1600&&score<2400?'color:#AD7600':score>=2400&&score<3000?'color:#FAEEDB':score>=3000?'color:#4864ED':''">
|
|
{{score?score:0}}
|
|
</span>
|
|
</view>
|
|
<view class="paiming" v-if="hkname=='河口'&&scoreranking" @click='lookranking'>
|
|
<span
|
|
:style="score>=0&&score<800?'color:#fff':score>=800&&score<1600?'color:#D3BC96':score>=1600&&score<2400?'color:#AD7600':score>=2400&&score<3000?'color:#FAEEDB':score>=3000?'color:#4864ED':''">
|
|
积分榜排名：第{{scoreranking}}名
|
|
</span>
|
|
</view>
|
|
<view class="flex" v-if="region!=2">
|
|
<view class="item" @tap='gointegral'>
|
|
积分商城
|
|
</view>
|
|
<view class="item" @tap="goapplicationRecord">
|
|
申请记录
|
|
</view>
|
|
<view class="item" @tap="goexchange">
|
|
兑换记录
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="content" style="height: 200rpx;" v-if="region==2">
|
|
<view class="flex" style="top:10%">
|
|
<view class="item" @tap='gointegral'>
|
|
积分商城
|
|
</view>
|
|
<view class="item" @tap="goapplicationRecord">
|
|
申请记录
|
|
</view>
|
|
<view class="item" @tap="goexchange">
|
|
兑换记录
|
|
</view>
|
|
</view>
|
|
<view class="flex" style="top:50%">
|
|
<view class="item" @tap="gowxSport">
|
|
微信运动
|
|
</view>
|
|
<view class="item" @tap='gobehavior'>
|
|
健康行为
|
|
</view>
|
|
<view class="item" @tap='goFiveCardPackage'>
|
|
五卡套餐
|
|
</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>
|
|
<u-popup v-model="lookrankingshow" mode="center" border-radius="14">
|
|
<view style="padding: 60rpx 60rpx 0;text-align: center;">
|
|
{{patientName}}在{{orgName}}
|
|
</view>
|
|
<view style="padding: 0 60rpx 0;text-align: center;">
|
|
健康积分排名榜
|
|
</view>
|
|
<view style="padding:10rpx 60rpx 60rpx;text-align: center;font-size: 36rpx;">
|
|
第{{scoreranking}}名
|
|
</view>
|
|
</u-popup>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import {
|
|
scorelist,
|
|
scoretotal,
|
|
scoreorder
|
|
} from '@/api/pagesB/Behaviorpoints/index.js'
|
|
import {
|
|
detail,
|
|
} from '@/api/pages/homepage/homepage.js'
|
|
import baseurl from '@/api/baseurl.js'
|
|
// import {
|
|
// mapActions
|
|
// } from "vuex";
|
|
export default {
|
|
data() {
|
|
return {
|
|
baseurl: '',
|
|
query: {
|
|
identity: uni.getStorageSync('userinfo').cardNo,
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
},
|
|
region: uni.getStorageSync('region'),
|
|
list: [],
|
|
total: 0,
|
|
score: 0,
|
|
orgNo: '',
|
|
title: '',
|
|
hkname: '',
|
|
orgName: "",
|
|
patientName: "",
|
|
scoreranking: undefined,
|
|
lookrankingshow: false,
|
|
};
|
|
},
|
|
onShow() {
|
|
this.list = []
|
|
this.query.pageNum = 1
|
|
this.info();
|
|
this.scoretotalinfo();
|
|
},
|
|
onLoad() {
|
|
this.baseurl = baseurl
|
|
},
|
|
onReady() { //更改导航栏文字
|
|
if (uni.getStorageSync('region') == 2) {
|
|
detail(this.query.identity).then(res => {
|
|
this.orgName = res.data.orgName
|
|
this.hkname = res.data.countyName.split('区')[0].split('县')[0]
|
|
this.orgNo = res.data.orgNo
|
|
this.title = this.hkname + '健康信用中心'
|
|
this.patientName = uni.getStorageSync('userinfo').patientName
|
|
uni.setNavigationBarTitle({
|
|
title: this.hkname + '健康信用中心'
|
|
});
|
|
if (this.hkname == '河口') {
|
|
scoreorder(this.query.identity).then(resp => {
|
|
this.scoreranking = resp.data
|
|
})
|
|
}
|
|
})
|
|
} else {
|
|
uni.setNavigationBarTitle({
|
|
title: '积分兑换'
|
|
});
|
|
}
|
|
},
|
|
methods: {
|
|
lookranking() {
|
|
this.lookrankingshow = true
|
|
},
|
|
scoretotalinfo() {
|
|
scoretotal(this.query.identity).then(res => {
|
|
this.score = res.data
|
|
})
|
|
},
|
|
info() {
|
|
scorelist(this.query).then(res => {
|
|
this.list = [...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();
|
|
// }
|
|
},
|
|
goFiveCardPackage() {
|
|
uni.navigateTo({
|
|
url: "/pagesB/FiveCardPackage/FiveCardPackage"
|
|
})
|
|
},
|
|
goapplicationRecord() {
|
|
uni.navigateTo({
|
|
url: '/pagesB/applicationRecord/applicationRecord'
|
|
})
|
|
},
|
|
},
|
|
onReachBottom() { //下滑加载
|
|
if (this.list.length >= this.total) {} else {
|
|
this.query.pageNum++
|
|
this.info();
|
|
}
|
|
},
|
|
onPullDownRefresh() { //下拉刷新
|
|
this.query.pageNum = 1;
|
|
this.list = []
|
|
this.info();
|
|
setTimeout(function() {
|
|
uni.stopPullDownRefresh();
|
|
}, 1000);
|
|
},
|
|
}
|
|
</script>
|
|
<style lang="scss">
|
|
@import './Behaviorpoints.scss'
|
|
</style> |