<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 class="num">x {{ cart.cartNum }}</view>
          </view>
          <view class="attr line1" v-if="cart.productInfo.attrInfo">{{ cart.productInfo.attrInfo.sku }}</view>
					<view class="money"><text class="sm-word">￥</text>{{ cart.productInfo.price }}<text class="sm-word">+{{ 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{
					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;
					}
					.sm-word{
						font-size: 24rpx;
					}
					.evaluate{
						font-size: 26rpx;
						line-height: 46rpx;
						text-align: center;
					}
				}
			}
		}
	}
</style>
