| | |
| | | <template> |
| | | <view> |
| | | <u-sticky> |
| | | <view style="background-color: #ffffff;"> |
| | | <uni-search-bar @confirm="search" v-model="searchValue"></uni-search-bar> |
| | | <view style="background-color: #ffffff"> |
| | | <uni-search-bar |
| | | @confirm="search" |
| | | v-model="searchValue" |
| | | ></uni-search-bar> |
| | | </view> |
| | | </u-sticky> |
| | | <uni-list :border="true"> |
| | | <uni-list-item direction="column" clickable @click="groupClick(item.order_no)" link :to="page+item.order_no" |
| | | v-for="item in allReceivingOrders" :key="item.order_no"> |
| | | <uni-list-item |
| | | direction="column" |
| | | clickable |
| | | @click="groupClick(item.order_no)" |
| | | link |
| | | :to="page + item.order_no" |
| | | v-for="item in allReceivingOrders" |
| | | :key="item.order_no" |
| | | > |
| | | <template v-slot:body> |
| | | <uni-group margin-top="20"> |
| | | <view |
| | | style="line-height: 17px;color: #596671;font-size: 14px;text-align: center;display: flex;justify-content: space-between;"> |
| | | style=" |
| | | line-height: 17px; |
| | | color: #596671; |
| | | font-size: 14px; |
| | | text-align: center; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | " |
| | | > |
| | | å
¥åºåå· {{item.order_no}} |
| | | </view> |
| | | <view |
| | | style="margin-top: 10rpx;line-height: 17px;color: #596671;font-size: 14px;text-align: center;display: flex;justify-content: space-between;"> |
| | | style=" |
| | | margin-top: 10rpx; |
| | | line-height: 17px; |
| | | color: #596671; |
| | | font-size: 14px; |
| | | text-align: center; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | " |
| | | > |
| | | ä¾åºååç§° {{item.supplier_name}} |
| | | </view> |
| | | <view |
| | | style="margin-top: 10rpx;line-height: 17px;color: #596671;font-size: 14px;text-align: center;display: flex;justify-content: space-between;"> |
| | | style=" |
| | | margin-top: 10rpx; |
| | | line-height: 17px; |
| | | color: #596671; |
| | | font-size: 14px; |
| | | text-align: center; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | " |
| | | > |
| | | åå»ºæ¥æ {{item.createDate}} |
| | | </view> |
| | | <view style="margin-top: 10rpx;display: flex;align-items: center; "> |
| | | <view style="margin-top: 10rpx; display: flex; align-items: center"> |
| | | <view |
| | | style="text-align: center;line-height: 40rpx;border-radius: 8rpx; width: 238rpx;height: 40rpx;font-size: 22rpx;background-color:rgba(22,127,247,0.18);color: #1F63FF;"> |
| | | style=" |
| | | text-align: center; |
| | | line-height: 40rpx; |
| | | border-radius: 8rpx; |
| | | width: 238rpx; |
| | | height: 40rpx; |
| | | font-size: 22rpx; |
| | | background-color: rgba(22, 127, 247, 0.18); |
| | | color: #1f63ff; |
| | | " |
| | | > |
| | | 订åç¶æ {{item.odrderStatus}} |
| | | </view> |
| | | <view |
| | | style="text-align: center;line-height: 40rpx;border-radius: 8rpx; width: 158rpx;height: 40rpx;font-size: 22rpx;color: #F56C6C;"> |
| | | style=" |
| | | text-align: center; |
| | | line-height: 40rpx; |
| | | border-radius: 8rpx; |
| | | width: 158rpx; |
| | | height: 40rpx; |
| | | font-size: 22rpx; |
| | | color: #f56c6c; |
| | | " |
| | | > |
| | | æ»é {{item.SumQty}} |
| | | </view> |
| | | <view |
| | | style="text-align: center;line-height: 40rpx;border-radius: 8rpx; width: 158rpx;height: 40rpx;font-size: 22rpx;color: #F56C6C;"> |
| | | style=" |
| | | text-align: center; |
| | | line-height: 40rpx; |
| | | border-radius: 8rpx; |
| | | width: 158rpx; |
| | | height: 40rpx; |
| | | font-size: 22rpx; |
| | | color: #f56c6c; |
| | | " |
| | | > |
| | | å·²å
¥ {{item.OverQty}} |
| | | </view> |
| | | </view> |
| | | </uni-group> |
| | | </template> |
| | | </uni-list-item> |
| | | |
| | | </uni-list> |
| | | <uni-load-more :status="status" v-if="loadVisible"></uni-load-more> |
| | | |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | InboundOrderStatus |
| | | } from '../../common/config.js' |
| | | import { InboundOrderStatus } from "../../common/config.js"; |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | pageNo: 1, |
| | | scrollTop: 0, |
| | | warehouseId: "", |
| | | isLoaded: false |
| | | } |
| | | isLoaded: false, |
| | | }; |
| | | }, |
| | | onLoad(res) { |
| | | this.warehouseId = res.warehouseId; |
| | |
| | | this.getData(); |
| | | }, |
| | | onReachBottom() { |
| | | if (this.status === 'more') { |
| | | if (this.status === "more") { |
| | | this.pageNo += 1; |
| | | this.getData(); |
| | | this.isLoaded = true; |
| | | } |
| | | }, |
| | | onShow() { |
| | | this.isLoaded = uni.getStorageSync('isLoaded'); |
| | | this.isLoaded = uni.getStorageSync("isLoaded"); |
| | | if (this.isLoaded) { |
| | | uni.removeStorageSync('isLoaded'); |
| | | uni.removeStorageSync("isLoaded"); |
| | | this.pageNo = 1; |
| | | this.allReceivingOrders = []; |
| | | // ä»å
¶ä»é¡µé¢è¿åæ¶å·æ° |
| | |
| | | this.pageNo = 1; |
| | | this.getData(); |
| | | }, |
| | | groupClick() { |
| | | |
| | | }, |
| | | groupClick() {}, |
| | | getData() { |
| | | var postData = { |
| | | MainData: { |
| | | warehouseId: this.warehouseId, |
| | | orderNo: this.searchValue, |
| | | pageNo: this.pageNo |
| | | pageNo: this.pageNo, |
| | | }, |
| | | } |
| | | }; |
| | | |
| | | // 妿æ¯ç¬¬ä¸é¡µææç´¢ï¼æ¸
ç©ºæ°æ® |
| | | if (this.pageNo === 1 || this.searchValue !== '') { |
| | | if (this.pageNo === 1 || this.searchValue !== "") { |
| | | this.allReceivingOrders = []; |
| | | this.status = "more"; |
| | | } |
| | | |
| | | this.$u.post('/api/CabinOrder/GetCabinOrders', postData).then((res) => { |
| | | this.$u |
| | | .post("/api/CabinOrder/GetCabinOrders", postData) |
| | | .then((res) => { |
| | | if (res.status) { |
| | | if (res.data && res.data.length > 0) { |
| | | const newData = res.data.map(i => ({ |
| | | const newData = res.data.map((i) => ({ |
| | | ...i, |
| | | InboundOrderStatus: i.odrderStatus.label, |
| | | SumQty: i.details.map(item => item.order_qty).reduce((prev, next) => prev + next, 0), |
| | | OverQty: i.details.map(item => item.order_Inqty).reduce((prev, next) => prev + next, 0) |
| | | SumQty: i.details |
| | | .map((item) => item.order_qty) |
| | | .reduce((prev, next) => prev + next, 0), |
| | | OverQty: i.details |
| | | .map((item) => item.order_Inqty) |
| | | .reduce((prev, next) => prev + next, 0), |
| | | })); |
| | | |
| | | // å
³é®ä¿®æ¹ï¼è¿½å æ°æ®è䏿¯æ¿æ¢ |
| | | this.allReceivingOrders = [...this.allReceivingOrders, ...newData]; |
| | | this.allReceivingOrders = [ |
| | | ...this.allReceivingOrders, |
| | | ...newData, |
| | | ]; |
| | | |
| | | // 妿è¿åçæ°æ®å°äº5æ¡ï¼è¯´ææ²¡ææ´å¤æ°æ®äº |
| | | if (res.data.length < 5) { |
| | | this.status = 'noMore'; |
| | | this.status = "noMore"; |
| | | } else { |
| | | this.status = 'more'; |
| | | this.status = "more"; |
| | | } |
| | | |
| | | // æ§å¶å è½½æç¤ºæ¾ç¤º |
| | | this.loadVisible = this.allReceivingOrders.length > 0; |
| | | |
| | | } else { |
| | | // æ²¡ææ°æ® |
| | | this.status = 'noMore'; |
| | | this.status = "noMore"; |
| | | this.loadVisible = this.allReceivingOrders.length > 0; |
| | | |
| | | // 妿æ¯ç¬¬ä¸é¡µä¸æ²¡ææ°æ®ï¼æ¾ç¤ºç©ºç¶æ |
| | |
| | | } |
| | | } |
| | | } |
| | | }).catch(err => { |
| | | console.error('请æ±å¤±è´¥:', err); |
| | | this.status = 'noMore'; |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | .catch((err) => { |
| | | console.error("请æ±å¤±è´¥:", err); |
| | | this.status = "noMore"; |
| | | }); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | @import '@/common/uni-ui.scss'; |
| | | @import "@/common/uni-ui.scss"; |
| | | |
| | | page { |
| | | display: flex; |