2024-04-26 17:13:29 +08:00

130 lines
2.8 KiB
Vue

<template>
<view class="projectList">
<headers class="fixedheader" :themeType="true" :showBack="true">
<view class="headerName">
材料入场管理
</view>
</headers>
<view>
<view class="ukashList">
<view class="ukashList-what">
<span style="font-size: 14px;font-weight: 700;">0000</span>
<span class="ukashList-look">查看明细</span>
</view>
<view class="ukashList-time">型号: 2222s</view>
<view class="ukashList-time">规格: 2222s</view>
<view class="ukashList-time">单位: 2222s</view>
<view class="ukashList-time">数量: 2222s</view>
</view>
</view>
</view>
</template>
<script>
import headers from '../../../components/headers/headers.vue'
export default {
data() {
return {
search:'',
pageNo: 1,
pageSize: 10,
isLoadMore:false,
dataList:[],
id:''
}
},
onShow() {
this.queryList()
},
onLoad(vai) {
console.log(vai.itemS);
this.id = vai.itemS
},
onReachBottom() {
console.log(99999);
if (!this.isLoadMore) {
this.isLoadMore = true
this.pageNo + 1
this.queryList()
}
},
onPullDownRefresh() {
console.log(222);
this.pageNo = 1
this.dataList = []
this.queryList()
},
methods: {
queryList() {
let data = {
id:this.id
}
let _this = this
this.sendRequest({
url: 'xmgl/xzMaterial/queryById',
method: 'post',
data: data,
success: res => {
console.log(res);
// this.dataList =res.result.records
// if (res.result.records.length < this.pageSize) {
// //判断接口返回数据量小于请求数据量,则表示此为最后一页
// this.isLoadMore = true
// this.loadStatus = 'nomore'
// } else {
// this.isLoadMore = false
// // that.loadStatus='more'
// }
// uni.stopPullDownRefresh()
// // console.log(res.result)
}
})
},
}
}
</script>
<style lang="scss" scoped>
.projectList{
min-height: 100%;
background: #f4f5fd;
.uni-input {
border-radius: 10px;
margin: 10px 10px;
background-color: #e6e7ef;
height: 35px;
line-height: 30px;
padding: 0 20px;
font-size: 14px;
}
.ukashList{
height: 163px;
background-color: #fff;
margin: 10px 10px;
border-radius: 15px;
.ukashList-what{
display: flex;
justify-content: space-between;
margin: 0 15px;
padding-top: 10px;
.ukashList-look{
background-color: #5081f7;
border-radius: 10px;
padding: 0 4px;
font-size: 12px;
text-align: center;
color: #fff;
}
}
.ukashList-time{
margin-top: 15px;
margin-left: 15px;
font-size: 12px;
color: #b9bbc9;
}
}
}
</style>