2025-03-11 17:57:17 +08:00

126 lines
3.4 KiB
Vue
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view>
<view>
<navVar :mysNavConfig="navConfig" @onLeftClick="onLeftClick"></navVar>
</view>
<view>
<!-- <uni-card v-for="(item, index) in InvoiceList" :key="index" :title="'单号: '+item.RECEIVEREQUESTNAME" :extra="item.ORDERDATE">
<view class="demo-uni-row" :title="item.RECEIVEREQUESTNAME" type="line">
<view class="col-span">
<text class="demo-uni-col light">单号:</text>
<text class="demo-uni-col dark">{{item.RECEIVEREQUESTNAME}}</text>
</view>
<view class="col-span">
<text class="demo-uni-col light">料号:</text>
<text class="demo-uni-col dark">{{item.MATERIALSPECNAME}}</text>
</view>
</view>
<view class="demo-uni-row">
<view class="col-span">
<text class="demo-uni-col light">阶段:</text>
<text class="demo-uni-col dark">{{item.PHASE}}</text>
</view>
<view>
<text class="demo-uni-col light">品名:</text>
<text class="demo-uni-col dark">{{item.SPECNAME}}</text>
</view>
</view>
<view class="demo-uni-row">
<view class="col-span">
<text class="demo-uni-col light">数量:</text>
<text class="demo-uni-col dark">{{item.REQUESTQUANTITY}}</text>
</view>
<view class="col-span">
<text class="demo-uni-col light">时间:</text>
<text class="demo-uni-col dark">{{item.ORDERDATE}}</text>
</view>
</view>
</uni-card> -->
<uni-collapse v-for="(item, index) in InvoiceList" :key="index">
<uni-collapse-item :title="'时间:'+ item.ORDERDATE+'      '+'单号: '+item.RECEIVEREQUESTNAME">
<view class="content-info">
<view>
<text class="content-text">料号:{{item.MATERIALSPECNAME}}</text>
<text class="content-text">阶段:{{item.MATERIALSPECNAME}}</text>
<text class="content-text">品名:{{item.DESC_CN}}</text>
<text class="content-text">规格:{{item.SPECNAME}}</text>
<text class="content-text">数量:{{item.REQUESTQUANTITY}}</text>
</view>
</view>
</uni-collapse-item>
</uni-collapse>
</view>
</view>
</template>
<script>
import navVar from "@/components/navBar/navBar.vue"
export default {
components: {
navVar
},
data() {
return {
InvoiceList: [],
navConfig: {
navBarHeight: "500rpx",
navPadding: false,
isHome: false,
navPadding: true,
navFixed: true,
bgImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))',
isCustomFn: true,
navTitle: {
text: "领料单3日内列表",
color: "rgb(96, 98, 102)",
fontSize: "14px", // px upx rpx
fontWeight: "normal", // blod
},
leftText: {
text: "返回",
color: "rgb(96, 98, 102)",
fontSize: "14px", // px upx rpx
fontWeight: "", // blod
},
leftIconPath: '../../static/img/back.png'
},
};
},
mounted() {
this.getMessage()
},
methods: {
onLeftClick() {
uni.switchTab({
url: "/pages/account/index"
})
},
getMessage() {
let userid = uni.getStorageSync('userid')
this.$MyRequest('/websocketMessage/getReceiveMessage', {
userId: userid
}).then(res => {
console.log(res)
this.InvoiceList = res.data.resultObj
}).catch(err => {
this.$showMessage(res)
})
},
}
};
</script>
<style lang="scss" scoped>
.demo-uni-row {
display: flex;
}
.col-span {
width: 310rpx;
}
.dark {
padding-left: 15rpx;
}
.content-text {
padding-right: 10rpx;
}
</style>