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.
104 lines
3.0 KiB
104 lines
3.0 KiB
<template>
|
|
<view class="mall_my_order_list_cn">
|
|
<view class="cn_content">
|
|
<ty-list-list :status="load_status">
|
|
<view class="item margin-20 radius-20 padding-lr-30 padding-bottom-20 bg-ff"
|
|
v-for="(item,index) in list" :key="index">
|
|
<view class="line-height-90 flex align-center justify-between">
|
|
<view>
|
|
<text class="tyIcon-dingdanhaochaxun text-28 text-33"></text>
|
|
<text class="text-22 text-33">{{item.order_number}}</text>
|
|
</view>
|
|
<text class="text-24 text-main">{{item.status_text}}</text>
|
|
</view>
|
|
|
|
<view class="padding-bottom-30" style="border-bottom: 1rpx dashed #ededed;">
|
|
<view class="product_item flex align-center" :class="index1 > 0 ? 'margin-top-50' : ''"
|
|
v-for="(item1,index1) in item.mallOrderProduct" :key="index1"
|
|
@click="go('/pages/mall/my/orderDetail?id='+item.id)">
|
|
<image class="jc-image-180 radius-10" :src="item1.product_cover_img" mode="aspectFill">
|
|
</image>
|
|
<view class="margin-left-30 flex-one">
|
|
<view class="line-height-35 text-24 text-cut-one">{{item1.product_name}}</view>
|
|
<view class="margin-top-20 line-30 height-60 inline-block text-cut-two text-22 text-80">
|
|
{{item1.product_sku_name}}
|
|
</view>
|
|
<view class="margin-top-25 flex align-center justify-between">
|
|
<text class="text-price text-30 text-bold">{{item1.product_price}}</text>
|
|
<view class="text-24 text-4d">x{{item1.number}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="">
|
|
<view class="line-height-90 flex align-center justify-between">
|
|
<view class="text-26 text-main">
|
|
<!-- <text v-if="item.status == 1 && item.cancel_second_text">剩余支付时间：{{item.cancel_second_text}}</text> -->
|
|
</view>
|
|
<view class="text-24 text-4d">
|
|
共{{item.total_number}}件商品 合计：
|
|
<text class="text-price text-30">{{item.pay_money}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="">
|
|
<jc-mall-myOrderBtn :status="item.status" :order-id="item.id" :index="index"
|
|
:pay-money="item.pay_money"
|
|
:is-evaluate-add="item.is_evaluate_add" :type="type" @del="del" @h5AliPay="h5AliPay"></jc-mall-myOrderBtn>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</ty-list-list>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import common from '@/components/hzjc/utils/common.js';
|
|
import request from '@/components/hzjc/utils/request.js';
|
|
|
|
export default {
|
|
props: {
|
|
list: {
|
|
type: Array,
|
|
default: []
|
|
},
|
|
load_status: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
type: 1, //打开方式 1--从订单列表进入 2--从订单详情进入
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
/*
|
|
* 订单删除
|
|
* @date 2022-04-29
|
|
*/
|
|
del(e) {
|
|
let list = this.list
|
|
list.splice(e.index, 1)
|
|
|
|
this.$emit("update:list", list)
|
|
},
|
|
|
|
/**
|
|
* 订单H5支付宝支付
|
|
*/
|
|
h5AliPay(e){
|
|
this.$emit("h5AliPay", e)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|