web-base-h5/pages/makerspaceView/energySiloDetail.vue

109 lines
2.1 KiB
Vue

<template>
<view class="content">
<view class="thecontent" v-for='(item,index) in dataList' :key="index">
<view class="line_box">
<view class='line1'>{{$t('N_I_124')}}</view>
<view class='line2'>{{item.memberCode}}</view>
</view>
<view class="line_box">
<view class='line1'>{{$t('CK_KS_14')}}</view>
<view class='line3'>{{item.memberName}}</view>
</view>
<view class="line_box">
<view class='line1'>{{$t('ENU_NOTICE_GRADE_1')}}</view>
<view class='line2'>{{item.gradeName}}</view>
</view>
<view class="line_box">
<view class='line1'>{{$t('ENU_NOTICE_GRADE_2')}}</view>
<view class='line2'>{{item.awardsName}}</view>
</view>
<view class="line_box">
<view class='line1'>{{$t('CK_KS_17')}}</view>
<view class='line2'>{{item.giftBuyNum}}</view>
</view>
<view class="line_box">
<view class='line1'>{{$t('CK_KS_18')}}</view>
<view class='line2'>{{item.buyDate}}</view>
</view>
</view>
</view>
</template>
<script>
import * as ene from '@/config/market.js'
export default {
data() {
return {
dataList: [],
pkId: ""
}
},
onLoad(query) {
this.pkId = query.pkId
// console.log('??🌈', query)
this.getDataList();
},
methods: {
getDataList() {
ene.getSiloDetail({
pkId: this.pkId
}).then(res => {
this.dataList = res.rows
})
}
}
}
</script>
<style lang="scss" scoped>
.content {
background-color: #F2F2F2;
padding-top: 8rpx;
padding-bottom: 20rpx;
.thecontent {
background-color: #FFFFFF;
// margin-top: 25rpx;
margin-bottom: 21rpx;
padding: 10rpx 23rpx 30rpx 23rpx;
.line_box {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 25rpx;
.line1 {
font-size: 26rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #999999;
}
.line2 {
font-size: 26rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
}
.line3 {
font-size: 26rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: rgba(251, 48, 36, 1);
}
}
}
}
</style>