<template>
|
<view class="">
|
<u-empty mode="data"
|
icon="http://cdn.uviewui.com/uview/empty/data.png"
|
text="暂无数据"
|
textSize="30"
|
iconSize="1000"
|
v-if="scoreDetailList.length===0"></u-empty>
|
<view class="main"
|
v-if="scoreDetailList.length!==0">
|
<view class="information-block"
|
v-for="item in scoreDetailList"
|
:key="item.id">
|
<view class="detail-block">
|
<view class="line detail-reason">
|
{{item.notes}}
|
</view>
|
<view class="line detail-time">
|
{{item.createTime}}
|
</view>
|
<view class="line detail-value"
|
:style="item.styleDisplay">
|
{{item.plusAndReduce}}
|
</view>
|
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
scoreDetailList: [],
|
}
|
},
|
onLoad() {
|
this.getScoreDetail()
|
},
|
methods: {
|
getScoreDetail() {
|
uni.showLoading({
|
title: '加载中’'
|
})
|
this.$reqGet('scoreDetail').then(res => {
|
uni.hideLoading()
|
this.scoreDetailList = res.data.records
|
})
|
}
|
}
|
}
|
</script>
|
|
<style scoped
|
lang="scss">
|
.main {
|
width: 98%;
|
margin: vww(8) auto;
|
display: flex;
|
align-items: center;
|
flex-direction: column;
|
|
.information-block {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
|
.detail-block {
|
width: 690rpx;
|
height: 180rpx;
|
background: #ffffff;
|
box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
|
border-radius: 20rpx;
|
display: flex;
|
flex-direction: column;
|
justify-content: flex-end;
|
margin-top: vww(14);
|
position: relative;
|
|
.line {
|
margin: vww(8);
|
}
|
|
|
.detail-reason {
|
font-size: 20px;
|
margin-left: vww(18)
|
}
|
|
.detail-time {
|
color: #ababab;
|
position: absolute;
|
top: vww(8);
|
}
|
|
.detail-value {
|
position: absolute;
|
top: vww(30);
|
right: vww(21);
|
font-weight: bold;
|
font-size: vww(20);
|
}
|
}
|
}
|
}
|
</style>
|
