391 lines
8.8 KiB
Vue
391 lines
8.8 KiB
Vue
<template>
|
||
<view class="hole-page">
|
||
<view class="nav-bar"></view>
|
||
<view class="upper-card">
|
||
<view class="card-tit">
|
||
<span>当前积分</span>
|
||
<view>
|
||
<view @click="showHelp">积分说明</view>
|
||
<image src="../../static/alert.png" mode=""></image>
|
||
</view>
|
||
</view>
|
||
<view class="score">{{ score }}</view>
|
||
<view class="sub-tit">今日积分</view>
|
||
<view class="sub-cont">
|
||
<h4>
|
||
<span>学习项目</span>
|
||
<span>0分</span>
|
||
</h4>
|
||
<h4>
|
||
<span>考试</span>
|
||
<span>0分</span>
|
||
</h4>
|
||
<h4>
|
||
<span>自测练习</span>
|
||
<span>0分</span>
|
||
</h4>
|
||
</view>
|
||
</view>
|
||
<view class="to-mall">
|
||
<view class="mall-lef">
|
||
<image src="../../static/mallSelected.png" mode=""></image>
|
||
<span style="padding-left: 10rpx;">前往积分商城兑换商品</span>
|
||
</view>
|
||
<view class="mall-rig" @click="toggleMall">立即兑换</view>
|
||
</view>
|
||
<view class="lower-switch">
|
||
<view
|
||
class="recieve"
|
||
:class="[{ active: switchCount == 0 }]"
|
||
@click="midSwitch(0)"
|
||
>
|
||
奖惩记录
|
||
</view>
|
||
<view
|
||
class="exchange"
|
||
:class="[{ active: switchCount == 1 }]"
|
||
@click="midSwitch(1)"
|
||
>
|
||
兑换记录
|
||
</view>
|
||
</view>
|
||
<view
|
||
class="fetch-record"
|
||
v-show="switchCount == 0"
|
||
>
|
||
|
||
</view>
|
||
<view
|
||
class="exchange-record"
|
||
v-show="switchCount == 1"
|
||
>
|
||
<view
|
||
class="single-record"
|
||
v-for="(gift, index) in exchangeRecord"
|
||
:key="index"
|
||
>
|
||
<view class="gift-upper">
|
||
<h3>{{ gift.shopName }}*{{ gift.shopSum }}</h3>
|
||
<span>-{{ gift.changePoint }}</span>
|
||
</view>
|
||
<view class="gift-lower">
|
||
{{ gift.shopTime }}
|
||
</view>
|
||
<!-- <view>{{ gift.shopName }}</view>
|
||
<view>{{ gift.shopSum }}</view>
|
||
<view>-{{ gift.changePoint }}</view>
|
||
<view>{{ gift.shopTime }}</view> -->
|
||
</view>
|
||
</view>
|
||
<view
|
||
class="exchange-record"
|
||
v-show="switchCount == 0"
|
||
>
|
||
<view
|
||
class="single-record"
|
||
v-for="(gift, index) in awardPunishRecord"
|
||
:key="index"
|
||
>
|
||
<view class="gift-upper">
|
||
<h3 style="font-size: 16px;">{{ gift.pointResource }}</h3>
|
||
<span>{{ gift.changePoint }}</span>
|
||
</view>
|
||
<view class="gift-lower">
|
||
{{ gift.shopTime }}
|
||
</view>
|
||
<!-- <view>{{ gift.shopName }}</view>
|
||
<view>{{ gift.shopSum }}</view>
|
||
<view>-{{ gift.changePoint }}</view>
|
||
<view>{{ gift.shopTime }}</view> -->
|
||
</view>
|
||
</view>
|
||
<uni-popup ref="popup" type="center" :mask-click="false">
|
||
<view
|
||
style="
|
||
width: 75%;
|
||
height: 100%;
|
||
margin: 2% auto;
|
||
background-color: #fff;
|
||
box-sizing: border-box;
|
||
padding: 20rpx 40rpx;
|
||
font-size: 14px;
|
||
line-height: 30px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-around;
|
||
"
|
||
>
|
||
根据现场施工人员实名制花名册，统一录入至“安全管控平台”，并设施每人初始安全积分，初始积分为60分。
|
||
<br>
|
||
施工人员可以通过参加安全质量培训，安全知识自学，举报违章操作，及时发现安全隐患，完成隐患排查及整改，发现他人违章，个人违章自查自改，安全竞赛取得成效或名次等方式获取相应的安全积分。
|
||
<br>
|
||
当施工人员被举报违章，发生不符合安全文明施工的行为，安全问题整改通知单整改不及时，不参加站班会及各类安全会议等情况将扣除相应积分。
|
||
<br>
|
||
个人积分设置两个档位，一是当个人积分下降至40分时，系统会发出预警，提醒作业人员尽快完成积分的补充；二是当个人积分下降至30分时，后台及个人手机端将会“亮红灯”，禁止相关施工人员进入现场作业。“亮红灯”后，施工人员只有参加项目部组织的安全考试合格后，积分恢复至30分以上方可重新进场作业。
|
||
<!-- <button
|
||
style="width: 100%; background-color: #04367a; color: #fff;"
|
||
@click="closeHelp"
|
||
>
|
||
关闭说明
|
||
</button> -->
|
||
<view
|
||
style="
|
||
width: 100%;
|
||
margin-top: 5vh;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
box-sizing: border-box;
|
||
padding: 10rpx 0;
|
||
font-size: 14px;
|
||
background-color: #219ef8;
|
||
color: #fff;
|
||
border-radius: 15rpx;
|
||
"
|
||
@click="closeHelp"
|
||
>
|
||
关闭说明
|
||
</view>
|
||
</view>
|
||
</uni-popup>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { publicPath } from '../../public'
|
||
export default {
|
||
data() {
|
||
return {
|
||
score: uni.getStorageSync('point'),
|
||
switchCount: 0,
|
||
exchangeRecord: [],
|
||
awardPunishRecord: []
|
||
}
|
||
},
|
||
methods: {
|
||
midSwitch (count) {
|
||
this.switchCount = count
|
||
},
|
||
toggleMall () {
|
||
uni.navigateTo({
|
||
url: '/pages/pointsMall/pointsMall'
|
||
})
|
||
},
|
||
showHelp () {
|
||
this.$refs.popup.open()
|
||
},
|
||
closeHelp () {
|
||
this.$refs.popup.close()
|
||
}
|
||
},
|
||
onShow() {
|
||
let that = this
|
||
that.exchangeRecord = []
|
||
// 获取奖品兑换记录
|
||
uni.request({
|
||
url: publicPath + '/backstage/appshoping/getchangehistory',
|
||
method: 'POST',
|
||
header: {
|
||
'content-type':'application/x-www-form-urlencoded; charset=UTF-8'
|
||
},
|
||
data: {
|
||
userId: uni.getStorageSync('id'),
|
||
shopId: '0'
|
||
},
|
||
success: (res) => {
|
||
console.log(res);
|
||
if (res.data.length != 0) {
|
||
that.exchangeRecord = res.data
|
||
}
|
||
}
|
||
})
|
||
// 获取奖惩记录
|
||
uni.request({
|
||
url: publicPath + '/backstage/appshoping/getchangehistory',
|
||
method: 'POST',
|
||
header: {
|
||
'content-type':'application/x-www-form-urlencoded; charset=UTF-8'
|
||
},
|
||
data: {
|
||
userId: uni.getStorageSync('id'),
|
||
shopId: ''
|
||
},
|
||
success: (res) => {
|
||
console.log(res);
|
||
if (res.data.length != 0) {
|
||
that.awardPunishRecord = res.data
|
||
}
|
||
}
|
||
})
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.hole-page{
|
||
width: 100%;
|
||
height: 100vh;
|
||
background-color: #f7fbfe;
|
||
.nav-bar{
|
||
width: 100%;
|
||
height: var(--status-bar-height);
|
||
padding-top: var(--status-bar-height);
|
||
}
|
||
.upper-card{
|
||
width: 95%;
|
||
margin: 20rpx auto;
|
||
border-radius: 25rpx;
|
||
/* background-image: url('/static/pointsBgd.png');
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 100%; */
|
||
background: linear-gradient(90deg, #036acf, #1b8aec, #3fa7fe);
|
||
box-sizing: border-box;
|
||
padding: 25rpx;
|
||
color: #fff;
|
||
.card-tit{
|
||
width: 100%;
|
||
height: 40rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
font-size: 14px;
|
||
view{
|
||
width: 25%;
|
||
height: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-around;
|
||
image{
|
||
width: 20%;
|
||
height: 80%;
|
||
}
|
||
view{
|
||
flex: 1;
|
||
font-weight: bold;
|
||
}
|
||
}
|
||
}
|
||
.score{
|
||
width: 100%;
|
||
font-size: 40px;
|
||
font-weight: bold;
|
||
margin: 15rpx auto;
|
||
}
|
||
.sub-tit{
|
||
font-size: 14px;
|
||
margin: 15rpx auto;
|
||
}
|
||
.sub-cont{
|
||
width: 100%;
|
||
display: flex;
|
||
h4{
|
||
margin-right: 6vw;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 14px;
|
||
font-weight: normal;
|
||
border-radius: 15rpx;
|
||
span:first-child{
|
||
padding-right: 10rpx;
|
||
}
|
||
}
|
||
h4:last-child{
|
||
margin-right: 0;
|
||
}
|
||
}
|
||
}
|
||
.to-mall{
|
||
width: 95%;
|
||
margin: 20rpx auto;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
font-size: 14px;
|
||
box-sizing: border-box;
|
||
padding: 0 10rpx;
|
||
.mall-lef{
|
||
width: 50%;
|
||
height: 40rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
image{
|
||
width: 10%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
.mall-rig{
|
||
color: #219ef8;
|
||
}
|
||
}
|
||
.lower-switch{
|
||
width: 95%;
|
||
margin: 20rpx auto;
|
||
margin-bottom: 0;
|
||
display: flex;
|
||
align-items: center;
|
||
background-color: #fff;
|
||
box-sizing: border-box;
|
||
padding: 20rpx;
|
||
border-radius: 20rpx;
|
||
view{
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
box-sizing: border-box;
|
||
padding: 15rpx;
|
||
font-size: 16px;
|
||
margin-right: 15rpx;
|
||
}
|
||
.active{
|
||
color: #219ef8;
|
||
border-bottom: 2px solid #219ef8;
|
||
}
|
||
}
|
||
.fetch-record, .exchange-record{
|
||
width: 95%;
|
||
box-sizing: border-box;
|
||
border-radius: 15rpx;
|
||
padding: 10rpx;
|
||
margin: 0 auto;
|
||
background-color: #fff;
|
||
}
|
||
.fetch-record{
|
||
// background-color: #0053FD;
|
||
}
|
||
.exchange-record{
|
||
display: flex;
|
||
flex-direction: column;
|
||
.single-record{
|
||
width: 100%;
|
||
margin: 20rpx auto;
|
||
box-sizing: border-box;
|
||
padding: 20rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
border-bottom: 1px solid #dbdbdb;
|
||
.gift-upper{
|
||
width: 100%;
|
||
margin-bottom: 10rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
h3{
|
||
font-size: 20px;
|
||
}
|
||
span{
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
color: red;
|
||
}
|
||
}
|
||
.gift-lower{
|
||
width: 100%;
|
||
font-size: 14px;
|
||
color: #7f7f7f;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|