xnzt/xnzt-h5/pages/index/needList/purchaseList.vue

145 lines
3.0 KiB
Vue
Raw Normal View History

2024-11-11 10:27:27 +08:00
<template>
<view class="container">
<view class="list">
<view class="item u-flex u-row-between u-col-top" v-for="(item,index) in list" :key="index" @click="gotoDetail(item.id)">
<view class="l">
<view class="title u-l-1">{{item.goodsName}}</view>
<view class="name">{{item.typeName}}</view>
</view>
<view class="r">
求购数量{{item.quantity}}{{item.measureUnit}}
</view>
</view>
</view>
</view>
</template>
<script>
import { listPurchaseDemandLish } from "@/api/lef/demandPublish.js";
export default {
data() {
return {
list: [],
page: 1,
pageSize: 10,
total: 0,
nolist: false,
type: 0
}
},
onLoad() {
this.loadData()
},
methods: {
gotoDetail(id){
uni.navigateTo({
url:`/pages/index/needList/needDetails?id=${id}&type=${this.type}`
})
},
loadData(callback) {
listPurchaseDemandLish({
page: this.page,
pageSize: this.pageSize
}).then((res) => {
if (res.code == 200) {
if(this.page == 1){
this.list = [];
}
this.list = this.list.concat(res.rows)
if(res.rows.length < this.pageSize){
// this.showNoData = true;
}
} else {
uni.showToast({
title: res.msg,
icon: "none",
duration: 1500
});
}
}).finally(() => {
callback && callback();
});
},
// listSales() {
// this.salLoadMorestatus = "loading";
// listSalesDemandLish(this.SalQueryParams).then((response) => {
// this.saleList = response.rows;
// this.salTotal = response.total;
// if (this.SalQueryParams.pageSize >= this.salTotal) {
// this.salLoadMorestatus = "noMore";
// } else {
// this.salLoadMorestatus = "more";
// }
// this.getMaxDemtab();
// this.loading = false;
// });
// },
},
onPullDownRefresh(){
this.page=1;
this.loadData(()=>uni.stopPullDownRefresh());
},
onReachBottom(){
this.page=this.page+1;
this.loadData();
},
}
</script>
<style lang="scss" scoped>
$color: #4892FD;
.container {
padding: 10rpx 30rpx 100rpx;
background: #fff;
.list {
width:100%;
.item {
border-bottom: 2rpx solid #eee;
padding: 25rpx 0;
&:last-child {
border-bottom: 0;
}
.l {
flex: 1;
width: 1rpx;
margin-right: 20rpx;
.title {
font-size: 32rpx;
font-weight: bold;
color: #333333;
line-height: 50rpx;
height: 50rpx;
}
.name {
margin-top: 20rpx;
font-size: 26rpx;
font-weight: 500;
color: #777777;
line-height: 40rpx;
height: 40rpx;
}
}
.r {
font-size: 26rpx;
font-weight: 500;
color: #0D0D0D;
line-height: 80rpx;
height: 80rpx;
}
}
}
}
</style>