You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
2.5 KiB
100 lines
2.5 KiB
3 years ago
|
<template>
|
||
|
|
<view class="orderGoods">
|
||
|
|
<!-- <view class="total">共{{ cartInfo.length }}件商品</view> -->
|
||
|
|
<view class="goodWrapper">
|
||
|
|
<view class="item acea-row-nowrap" v-for="cart in cartInfo" :key="cart.id">
|
||
|
|
<view class="pictrue">
|
||
|
|
<image :src="cart.productInfo.image" class="image" />
|
||
|
|
</view>
|
||
|
|
<view class="text">
|
||
|
|
<view class="acea-row row-between-wrapper">
|
||
|
|
<view class="name line1">{{ cart.productInfo.storeName }}</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
<view class="acea-row-nowrap row-middle">
|
||
|
|
<view class="attr" v-if="cart.productInfo.attrInfo">{{ cart.productInfo.attrInfo.sku }}</view>
|
||
|
|
<view class="num">x {{ cart.cartNum }}</view>
|
||
|
|
</view>
|
||
|
|
<view class="money"><text class="sm-word">￥</text>{{ cart.productInfo.price }}<text class="sm-word" v-if="cart.productInfo.giveIntegral > 0">+{{ cart.productInfo.giveIntegral }}积分</text></view>
|
||
|
|
<!-- <view class="money font-color-red" v-if="isIntegral">{{ cart.costPrice }}积分</view>
|
||
|
|
<view class="money" v-else><text class="sm-word">￥</text>{{ cart.truePrice }}</view> -->
|
||
|
|
<view class="evaluate" v-if="evaluate == 3 && cart.isReply == 0" @click="routerGo(cart)">评价</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'OrderGoods',
|
||
|
|
props: {
|
||
|
|
evaluate: Number,
|
||
|
|
cartInfo: {
|
||
|
|
type: Array,
|
||
|
|
default: () => [],
|
||
|
|
},
|
||
|
|
isIntegral: Boolean,
|
||
|
|
},
|
||
|
|
data: function() {
|
||
|
|
return {}
|
||
|
|
},
|
||
|
|
mounted: function() {},
|
||
|
|
methods: {
|
||
|
|
routerGo(cart) {
|
||
|
|
this.$yrouter.push({
|
||
|
|
path: '/pagesB/pages/shop/GoodsEvaluate/index',
|
||
|
|
query: { id: cart.unique },
|
||
|
|
})
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="less" scoped>
|
||
|
|
.orderGoods{
|
||
|
|
border-radius: 10rpx;
|
||
|
|
margin: 20rpx 0;
|
||
|
|
.goodWrapper{
|
||
|
|
.item{
|
||
|
|
height: auto;
|
||
|
|
padding: 30rpx 0;
|
||
|
|
.pictrue{
|
||
|
|
width: 170rpx;
|
||
|
|
height: 170rpx;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
}
|
||
|
|
.attr{
|
||
|
|
width: auto;
|
||
|
|
margin-right: 12rpx;
|
||
|
|
color: #999;
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 34rpx;
|
||
|
|
}
|
||
|
|
.text{
|
||
|
|
width: auto;
|
||
|
|
margin-left: 30rpx;
|
||
|
|
.name{
|
||
|
|
width: 420rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #222;
|
||
|
|
line-height: 40rpx;
|
||
|
|
}
|
||
|
|
.money{
|
||
|
|
font-size: 38rpx;
|
||
|
|
color: #E5270F;
|
||
|
|
font-weight: 500;
|
||
|
|
margin-top: 38rpx;
|
||
|
|
}
|
||
|
|
.sm-word{
|
||
|
|
font-size: 24rpx;
|
||
|
|
}
|
||
|
|
.evaluate{
|
||
|
|
font-size: 26rpx;
|
||
|
|
line-height: 46rpx;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|