forked from angelo/web-retail-h5
109 lines
2.1 KiB
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>
|