平板端快衣店
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.
 
 
 
 
 

151 lines
3.9 KiB

<template>
<view>
<view class="search">
<u-search placeholder="输入供应商/商品名称/货号查询" v-model="keyword" @search="searchList" bg-color="#fff"
:show-action="false" border-color="#afd9ee"></u-search>
</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.supplierName == null ?'暂无':item.supplierName)"
: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" v-if="type==0">
<text class="cardText">总成本:</text>
<text class="priceText">{{item.shouldPay == null ?'暂无':item.shouldPay}} </text>
<text decode class="cardText">{{'&nbsp;&nbsp;&nbsp;&nbsp; 欠款: '}} </text>
<text class="priceText">{{item.noPay == null ?'暂无':item.noPay}}</text>
</view>
<view class="uni-body">
<text class="cardText">订单状态:</text>{{item.inStorageStatus == 0 ?'未入库' :'已入库'}}
</view>
<view v-if="item.inStorageStatus== 0 && type==0" class="return-price" @tap.stop="returnPrice(item)">更新</view>
</uni-card>
</li>
</ul>
<u-loadmore :status="status" />
</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: "uparrears",
computed: {
color() {
return color
}
},
data() {
return {
keyword: '',
list: [],
inStorageStatus: '',
supplierName: '',
startDate: '',
endDate: '',
type: '',
page: 1,
// status: 'loadmore',
// page: 1,
// totalPages: 0,
}
},
// onReachBottom() {
// if (this.page >= this.totalPages) return;
// this.status = 'loading';
// this.page = ++this.page;
// this.getList();
// },
onShow(){
this.getList()
},
onLoad(option) {
this.inStorageStatus = option.inStorageStatus || ''
this.type = uni.getStorageSync('type')
},
methods: {
getList() {
this.tui.request("/app/purchase/list", "POST", {
inStorageStatus: this.inStorageStatus,
supplierName: this.supplierName,
startDate: this.startDate,
endDate: this.endDate
}, false, false).then((res) => {
if (res.code == 200) {
this.list = res.result
} else {
this.tui.toast(res.message)
}
})
},
//搜索
searchList() {
this.tui.request("/app/purchase/getPurchaseList", "POST", {
searchStr:this.keyword
}, false, false).then((res) => {
if (res.code == 200) {
this.list = res.result
} else {
this.tui.toast(res.message)
}
})
},
returnPrice(item) {
uni.navigateTo({
url: '/pages/index/waitStorageDetail?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;
}
.search {
padding: 20upx;
background-color: #fff;
width: 100%;
}
</style>