<template>
	<view>
		<u-alert description="点击可跳转至出库单" type="primary"></u-alert>
		<view class="ulList" v-if="list.length > 0">
			<ul>
				<li v-for="(item,index) in list" @tap="returnPrice(item)" :key="index">
					<uni-card :title="item.userName == null ?'暂无':item.userName" :sub-title="item.createTime == null ?'暂无':item.createTime" :extra="'订单金额:￥'+(item.totalAmount == null ?'暂无':item.totalAmount)"
						thumbnail="/static/images/dingdan/dd1.png">
						<view class="uni-body"><text class="cardText">销售员：</text> {{item.createByName == null ?'暂无':item.createByName}}</view>
						<view class="uni-body"> <text class="cardText"> 销售总额：</text> <text class="priceText">
								{{item.totalAmount == null ?'暂无':item.totalAmount}} </text> <text decode class="cardText">
								{{'&nbsp;&nbsp;&nbsp;&nbsp; 欠款： '}} </text> <text class="priceText">{{item.noEarn == null ?'暂无':item.noEarn}}
							</text></view>
						<view class="uni-body"> <text class="cardText">
							订单状态：</text>{{item.status == 0 ?'待抢单' :item.status == 1 ?'待取货' :item.status == 3 ?'待送达' :item.status == 4 ?'已完成' :item.status == 5 ?'下游客户待退货' :item.status == 00 ?'退货待抢单' :item.status == 01 ?'退货待取货' :item.status == 03 ?'退货待送达' :item.status == 04 ?'待确认退货' :item.status == 6 ?'待配货' :'挂单'}}
						</view>
						<!-- <view class="return-price" @tap.stop="returnPrice(item)">回款</view> -->
					</uni-card>
				</li>
			</ul>
		</view>
		<u-empty v-else mode="order" margin-top="200"></u-empty>
	</view>
</template>
<script>
	import color from "../../uni_modules/uview-ui/libs/config/color";

	export default {
		name: "downarrears",
		computed: {
			color() {
				return color
			}
		},
		data() {
			return {
				userId: '',
				nickname: '',
				list: []
			}
		},
		onLoad(options) {
			this.userId = options.userId
			this.nickname = options.nickname
			
		},
		onShow(){
			this.getList()
		},
		methods: {
			getList() {
				this.tui.request("/app/sale/customSale", "post", {
					userId: this.userId
				}, false, true).then((res) => {
					if (res.code == 200) {
						this.list = res.result
					} else {
						this.tui.toast(res.message)
					}

				})
			},
			returnPrice(item){
				uni.navigateTo({
					url: '/package1/index/orderDetail?id='+ item.id
				})
			}
		}
	}
</script>
<style scoped lang="scss">
	.ulList {
		ul {
			li {
				font-size: 12px;
	
				.floatRight {
					float: right;
					padding: 14rpx;
					color: $u-primary;
					font-size: 26upx;
				}
	
				.cardText {
					font-size: 12px;
				}
	
				.priceText {
					color: $u-primary;
					font-size: 14px;
				}
			}
		}
	}
	.return-price{
		position: absolute;
		bottom: 30rpx;
		right: 30rpx;
		background: #5fd9ee;
		color: #fff;
		width: 80rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		border-radius: 10px;
	}
</style>