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.
 
 
 
 
 

107 lines
2.9 KiB

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