<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>
