wangfukang
3 years ago
1 changed files with 283 additions and 0 deletions
@ -0,0 +1,283 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<view class="tui-order-item boxbg"> |
|||
<view class="shop-box" v-for="(item,index3) in list" :key="index3"> |
|||
<uni-card :title="item.productName?item.productName:'暂无'" |
|||
:sub-title="item.createTime?item.createTime:'暂无'" > |
|||
<view class="uni-body" style="text-align: center;">采购价：{{item.realPrice?item.realPrice:'暂无'}} 总数量：{{item.productCount?item.productCount:'暂无'}} 总价：{{item.shouldPay?item.shouldPay:'暂无'}}</view> |
|||
<view style="margin: 5px 0;height: 1px;background: #eee;"></view> |
|||
<view style="display: flex;border-bottom: 1px solid #eee;height: 50rpx;line-height: 50rpx;"> |
|||
<view style="width: 70%;text-align: center;border-right: 1px solid #eee;">商品规格</view> |
|||
<view style="width: 29%;text-align: center;">数量</view> |
|||
</view> |
|||
<view v-for="(data,index2) in item.customerBuyProductDetailLogVos" :key="index2" style='height: 50rpx;line-height: 50rpx;'> |
|||
<view style="width: 70%;text-align: center;border-right: 1px solid #eee;float: left;height: 50rpx;overflow: hidden;"> |
|||
{{data.attributeList | sliceMsg}} |
|||
</view> |
|||
<view style="width: 29%;text-align: center;float: left;"> |
|||
{{data.productCount}} |
|||
</view> |
|||
</view> |
|||
</uni-card> |
|||
</view> |
|||
</view> |
|||
<u-loadmore :status="status" /> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
list:[], |
|||
status: 'loadmore', |
|||
pages: 1, |
|||
pageNum: 1, |
|||
userId:'', |
|||
type:'' |
|||
} |
|||
}, |
|||
filters: { |
|||
sliceMsg(val) { |
|||
var name = '' |
|||
if (typeof(val) == 'string') { |
|||
let newObj = JSON.parse(val) |
|||
for (let as in newObj) { |
|||
name += newObj[as] + '/' |
|||
} |
|||
} |
|||
return name; |
|||
} |
|||
}, |
|||
onLoad(option) { |
|||
this.userId = option.id |
|||
this.type = option.type |
|||
this.getList() |
|||
}, |
|||
onReachBottom() { |
|||
if (this.pages >= this.pageNum) return; |
|||
this.status = 'loading'; |
|||
this.pages = ++this.pages; |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
getList(id) { |
|||
this.status = 'loading'; |
|||
this.tui.request("/app/sale/getCustomerBuyProductLog", "post", { |
|||
userId: this.userId, |
|||
pageSize: 10, |
|||
pageNum: this.pageNum |
|||
}, false, false).then((res) => { |
|||
this.status = 'nomore'; |
|||
if (res.code == 200) { |
|||
// this.list = res.result.records |
|||
if (this.pages == 1) { |
|||
this.list = res.result.records |
|||
} else { |
|||
this.list = [...this.list, ...res.result.records] |
|||
|
|||
} |
|||
this.pageNum = res.result.pages |
|||
} else { |
|||
this.tui.toast(res.message) |
|||
} |
|||
}).catch((res) => {}) |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.uni-card__header-box{ |
|||
text-align: center !important; |
|||
} |
|||
.uni-card__header-content-title{ |
|||
font-weight: bold; |
|||
} |
|||
.container { |
|||
padding-bottom: 118rpx; |
|||
|
|||
.boxbg { |
|||
padding-top: 10rpx; |
|||
background-color: #fff; |
|||
margin: 30upx; |
|||
border-radius: 10upx; |
|||
box-shadow: 0px 1px 10px 2px #e2e2e2; |
|||
} |
|||
|
|||
.tui-order-item { |
|||
.u-collapse-content { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
line-height: 30px; |
|||
} |
|||
|
|||
|
|||
.tui-goods-info { |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
background: #fff; |
|||
line-height: 26px; |
|||
border-top: 10px solid #eee; |
|||
|
|||
.tui-price-flex { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.tui-size32 { |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.tui-size-24 { |
|||
font-size: 24rpx; |
|||
} |
|||
|
|||
.tui-price-large { |
|||
font-size: 32rpx; |
|||
.lineText { |
|||
text-decoration: line-through; |
|||
font-size: 12px; |
|||
color: #888; |
|||
} |
|||
} |
|||
|
|||
.tui-flex-shrink { |
|||
flex-shrink: 0; |
|||
} |
|||
|
|||
.tui-goods-price { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: flex-end; |
|||
justify-content: flex-end; |
|||
font-size: 24rpx; |
|||
} |
|||
|
|||
.tui-primary-color { |
|||
color: #EB0909; |
|||
} |
|||
|
|||
.tui-pbtm20 { |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
|
|||
.tui-tabbar { |
|||
width: 100%; |
|||
height: 98rpx; |
|||
background: #fff; |
|||
position: fixed; |
|||
left: 0; |
|||
bottom: 0; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
font-size: 26rpx; |
|||
box-shadow: 0 0 1px rgba(0, 0, 0, .3); |
|||
padding-bottom: env(safe-area-inset-bottom); |
|||
z-index: 996; |
|||
} |
|||
|
|||
.tui-btn-mr { |
|||
width:130rpx; |
|||
height: 60rpx; |
|||
background: #088FEB; |
|||
color: #fff; |
|||
border-radius: 10px; |
|||
line-height: 60rpx; |
|||
text-align: center; |
|||
margin-right: 30rpx; |
|||
} |
|||
.shop-box { |
|||
width: 95%; |
|||
margin: 0 auto; |
|||
position: relative; |
|||
} |
|||
.shop-name { |
|||
width: 100%; |
|||
height: 200rpx; |
|||
line-height: 80rpx; |
|||
border-top: 1px solid #eee; |
|||
border-bottom: 1px solid #eee; |
|||
font-size: 28rpx; |
|||
font-weight: bold; |
|||
display: flex; |
|||
.uni-icons { |
|||
color: #088FEB !important; |
|||
} |
|||
} |
|||
|
|||
.shop-productName { |
|||
flex: 1; |
|||
display: flex; |
|||
flex-direction: column; |
|||
padding-left: 20rpx; |
|||
} |
|||
|
|||
.shop-productName view { |
|||
height: 55rpx; |
|||
} |
|||
|
|||
.shop-collapse { |
|||
display: flex; |
|||
height: 80rpx; |
|||
font-size: 26rpx; |
|||
line-height: 80rpx; |
|||
} |
|||
|
|||
.shop-collapse text { |
|||
flex: 1; |
|||
text-align: center; |
|||
padding-right: 40rpx; |
|||
border-right: 1px solid #eee; |
|||
} |
|||
.content-list { |
|||
width: 95%; |
|||
margin: 0 auto; |
|||
display: flex; |
|||
height: 80rpx; |
|||
border-bottom: 1px solid #eee; |
|||
} |
|||
|
|||
.content-list:last-child { |
|||
border-bottom: none; |
|||
height: auto; |
|||
} |
|||
|
|||
.list-name { |
|||
width: 200rpx; |
|||
text-align: left; |
|||
line-height: 40px; |
|||
height: 80rpx; |
|||
padding-left: 20rpx; |
|||
} |
|||
|
|||
.list-val { |
|||
width: 560rpx; |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
} |
|||
|
|||
.list-val input { |
|||
width: 400rpx; |
|||
height: 60rpx; |
|||
display: inline-block; |
|||
line-height: 60rpx; |
|||
float: left; |
|||
margin-top: 10rpx; |
|||
padding-left: 20rpx; |
|||
border-bottom: 1px solid #088FEB; |
|||
} |
|||
textarea { |
|||
margin: 20rpx; |
|||
border: 1px solid #eee; |
|||
height: 150rpx; |
|||
width: 500rpx; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue