From 5acf31086a046c375307c68448942a3f4550f019 Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期五, 30 五月 2025 13:53:19 +0800
Subject: [PATCH] 盘点报告盘点
---
pages/wareHouse/inventory/index.vue | 611 +++++++++++++++++++++++++------------
pages.json | 9
pages/wareHouse/inventory/orderList.vue | 300 ++++++++++++++++++
3 files changed, 714 insertions(+), 206 deletions(-)
diff --git a/pages.json b/pages.json
index 018608d..7d93564 100644
--- a/pages.json
+++ b/pages.json
@@ -718,6 +718,15 @@
"navigationBarBackgroundColor": "#0052d9"
}
},
+ // 鐩樼偣鎶ュ憡鍙�
+ {
+ "path": "pages/wareHouse/inventory/orderList",
+ "style": {
+ "navigationStyle": "custom",
+ "navigationBarTextStyle": "white",
+ "navigationBarBackgroundColor": "#3281FF"
+ }
+ },
// 鏃ユ姤鐩稿叧
{
"path": "pages/daily/common/work-order-list",
diff --git a/pages/wareHouse/inventory/index.vue b/pages/wareHouse/inventory/index.vue
index dedccde..dbc6256 100644
--- a/pages/wareHouse/inventory/index.vue
+++ b/pages/wareHouse/inventory/index.vue
@@ -1,156 +1,312 @@
<template>
<view class="page">
- <view class="inventory-list-bg"/>
- <u-navbar title="鐩樼偣鍒楄〃" :background="background" :border-bottom="false" :title-bold="true" title-color="#000" back-icon-color="#000"/>
- <view class="inventory-list-search">
- <u-search v-model="query.inyNo" shape="square" bg-color="rgba(250,252,255,0.36)" :show-action="false" placeholder="鐩樼偣缂栧彿" @clear="search" @custom="search" @search="search">
- </u-search>
- </view>
- <view class="wrap">
- <scroll-view class="inventory-list-scroll-list" scroll-y="true" @scrolltolower="loadMore">
- <u-cell-group class="inventory-list-scroll-list-group" :border="false">
- <view class="content" v-for="(item, index) in list" :key="index" :index="index"
- @click="goDetail(item)">
- <view class="content-header">
- <view class="content-header-left">
- <view class="content-header-icon"></view>
- <view class="content-header-title">鐩樼偣缂栧彿锛歿{ item.inyNo }}</view>
- </view>
- <view class="content-header-right">
- {{item.inyStatus=='finished'?'宸插畬鎴�':'鑽夌'}}
- </view>
- </view>
- <view class="content-body">
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-1">
- </view>
- <view class="_label-name">鐩樼偣鎻忚堪锛�</view>
- </view>
- <view class="_content">
- {{ item.inyDesc||'鏃�' }}
- </view>
- </view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-2">
- </view>
- <view class="_label-name">鍒� 寤� 浜猴細</view>
- </view>
- <view class="_content">
- {{ item.createUser }}
- </view>
- </view>
- <view class="row-list">
- <view class="_label">
- <view class="_label-icon-3">
- </view>
- <view class="_label-name">鍒涘缓鏃堕棿锛�</view>
- </view>
- <view class="_content">
- {{ item.createTime }}
- </view>
- </view>
- </view>
+ <view class="packing-registration-bg" />
+ <u-navbar title="鐩樼偣鎶ュ憡鐩樼偣" :background="background" :border-bottom="false" :title-bold="true" title-color="#000"
+ back-icon-color="#000" />
+ <view class="packing-registration-param">
+ <view class="packing-registration-param-view">
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">鐩樼偣鎶ュ憡鍙�</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <text class="item-one item-two"
+ @click="seachPersonnelNo()">{{registerInfo.value1=='' ? "鐐瑰嚮閫夋嫨":registerInfo.value1}}</text>
+ <u-icon name="arrow-right" color="#687792" size="28" @click="seachPersonnelNo()"
+ v-show="registerInfo.value1 ==''"></u-icon>
+ </view>
</view>
- </u-cell-group>
- <view class="loadmore" @click="loadMore">
- <u-loadmore :status="loadStatus"></u-loadmore>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">浠撳簱</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <text class="item-one item-two">{{registerInfo.value2}}</text>
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">闆朵欢鍙�</text>
+ </view>
+ <view class="packing-registration-param-item-right">
+ <view class="item-one item-two" @click="openPN()">
+ <text>{{registerInfo.value2=='' ? "鐐瑰嚮杈撳叆":registerInfo.value2}}</text>
+ </view>
+ <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value2==''"></u-icon>
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">鎵规鍙�</text>
+ </view>
+ <view class="packing-registration-param-item-right" @click="openBatch()">
+ <text class="item-one item-two">{{registerInfo.value3=='' ? "鐐瑰嚮杈撳叆":registerInfo.value3}}</text>
+ <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value3==''"></u-icon>
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">搴撲綅鍙�</text>
+ </view>
+ <view class="packing-registration-param-item-right" @click="openLocation()">
+ <view class="item-one item-two">
+ <text>{{registerInfo.value4 == '' ? "鐐瑰嚮杈撳叆":registerInfo.value4}}</text>
+ </view>
+ <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value4==''"></u-icon>
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">鐩樼偣鏁伴噺</text>
+ </view>
+ <view class="packing-registration-param-item-right" @click="openPhysicalInventory()">
+ <view class="item-one item-two">
+ <text>{{registerInfo.value5 == '' ? "鐐瑰嚮杈撳叆":registerInfo.value5}}</text>
+ </view>
+ <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value4==''"></u-icon>
+ </view>
+ </view>
+ <view class="packing-registration-param-item param-extra">
+ <view class="packing-registration-param-item-left">
+ <text class="item-one">鐩樼偣璁板綍锛�</text>
+ </view>
+ </view>
</view>
- </scroll-view>
+ </view>
+ <view class="wrap">
+ <scroll-view class="packing-registration-scroll-list" scroll-y="true">
+ <u-cell-group class="packing-registration-scroll-list-group" :border="false">
+ <!-- <div class="tip" style="text-align: center;" v-if="hasScanSnList.length==0">-璇锋壂鐮�-</div> -->
+ <view class="content" v-for="(x, index) in hasScanSnList" :key="index" :index="index">
+ <view class="row-list">
+ <view class="row-list-left">
+ <view class="num-icon" style="color: #fff;">{{index+1}}</view>
+ <view style="margin-left: 30rpx;">{{x}}</view>
+ </view>
+ </view>
+ </view>
+ </u-cell-group>
+ </scroll-view>
+ <view class="registration-form-footer">
+ <u-button class="btn" type="primary" @click="goSubmit">鎻愪氦</u-button>
+ </view>
+ <scan></scan>
+ <!-- 闆朵欢鍙� -->
+ <modalBg ref="openPN" :confirm="confirmPN">
+ <u-field v-model="registerInfo.value2" label="闆朵欢鍙凤細" placeholder="璇疯緭鍏�" :border-bottom="false">
+ </u-field>
+ </modalBg>
+ <!-- 鎵规鍙� -->
+ <modalBg ref="openBatch" :confirm="confirmBatch">
+ <u-field v-model="registerInfo.value3" label="鎵规鍙凤細" placeholder="璇疯緭鍏�" :border-bottom="false">
+ </u-field>
+ </modalBg>
+ <!-- 搴撲綅鍙� -->
+ <modalBg ref="openLocation" :confirm="confirmLocation">
+ <u-field v-model="registerInfo.value4" label="搴撲綅鍙凤細" placeholder="璇疯緭鍏�" :border-bottom="false">
+ </u-field>
+ </modalBg>
+ <!-- 鐩樼偣鏁伴噺 -->
+ <modalBg ref="openPhysicalInventory" :confirm="confirmPhysicalInventory">
+ <u-field v-model="registerInfo.value5" label="鐩樼偣鏁伴噺锛�" placeholder="璇疯緭鍏�" :border-bottom="false">
+ </u-field>
+ </modalBg>
+ </view>
</view>
- </view>
</template>
<script>
- import content_bg from '@/static/custom/inventory/locNoBg.png'
+ import modalBg from '@/components/modal/modal-bg.vue'
+ import scan from "@/components/scan/scan.vue";
+ import content_bg from '@/static/custom/packing/backBg.png'
export default {
+ components: {
+ scan,
+ modalBg
+ },
data() {
return {
- background:{
+ background: {
backgroundImage: `url(${content_bg})`,
backgroundAttachment: 'fixed',
backgroundSize: '100% auto',
backgroundRepeat: 'no-repeat',
},
- keywords: '',
- query: {
- current: 1,
- size: 20,
- criteria:JSON.stringify({
- orderBy:{
- column:'createTime',
- direction:'desc'
- }
- })
+ labelStyle: {
+ fontSize: '32rpx',
+ whiteSpace: 'nowrap'
},
- list: [],
- count: 0,
- loadStatus: 'loading'
+ registerInfo: {
+ value1: '',
+ value2: '',
+ value3: '',
+ value4: '',
+ value5: ''
+ },
+ hasScanSnList: [],
+ delContent: null,
+ staffList: [],
};
},
- onLoad() {
- this.loadList();
- },
+ onLoad(option) {},
onShow() {
+ let that = this
+
+ uni.$off('scan') // 姣忔杩涙潵鍏� 绉婚櫎鍏ㄥ眬鑷畾涔変簨浠剁洃鍚櫒
+ uni.$on('scan', function(data) {
+ console.log('onscan');
+ //鎵爜鎴愬姛鍚庣殑鍥炶皟锛屼綘鍙互鍐欒嚜宸辩殑閫昏緫浠ｇ爜鍦ㄨ繖閲�
+ console.log('鎵爜缁撴灉锛�', data.code);
+ that.scanHandle(data.code)
+ that.$forceUpdate();
+
+ })
},
- filters: {
- inyStatus(val) {
- let inyStatus = {
- finished: '宸插畬鎴�',
- draft: '鑽夌',
- }
- return inyStatus[val]
- }
+ onNavigationBarButtonTap() {
+ this.goScan()
},
+ onReady() {},
methods: {
- loadMore() {
- if(this.loadStatus == "nomore"){
- return
- }
- this.loadStatus = "loading";
- setTimeout(() => {
- this.query.current += 1;
- this.loadList();
- }, 100);
+ //闆朵欢鍙�
+ openPN() {
+ this.$refs.openPN.open();
},
- loadList() {
- this.$u.api.inventory.getMain(this.query).then(res => {
- this.list = this.list.concat(res.data.records);
- //this.total = res.data.total;
- this.query.current = res.data.current;
- this.query.size = res.data.size;
- this.loadStatus = "loadmore";
- if (!res.data.records || res.data.records.length < this.query.size) {
- this.loadStatus = "nomore";
+ // 寮规淇濆瓨
+ confirmPN() {
+ console.log('淇濆瓨', this.registerInfo.value2);
+ // 璇锋眰鎺ュ彛锛屾牴鎹伐鍗曞彿鏌ヨ鍏朵粬淇℃伅骞惰祴鍊�
+ },
+ //鎵规鍙�
+ openBatch() {
+ this.$refs.openBatch.openBatch();
+ },
+ // 寮规淇濆瓨
+ confirmBatch() {
+ console.log('淇濆瓨', this.registerInfo.value3);
+ // 璇锋眰鎺ュ彛锛屾牴鎹伐鍗曞彿鏌ヨ鍏朵粬淇℃伅骞惰祴鍊�
+ },
+ //搴撲綅鍙�
+ openLocation() {
+ this.$refs.openLocation.open();
+ },
+ // 寮规淇濆瓨
+ confirmLocation() {
+ console.log('淇濆瓨', this.registerInfo.value4);
+ // 璇锋眰鎺ュ彛锛屾牴鎹伐鍗曞彿鏌ヨ鍏朵粬淇℃伅骞惰祴鍊�
+ },
+ //鐩樼偣鏁伴噺
+ openPhysicalInventory() {
+ this.$refs.openPhysicalInventory.open();
+ },
+ // 寮规淇濆瓨
+ confirmPhysicalInventory() {
+ console.log('淇濆瓨', this.registerInfo.value5);
+ // 璇锋眰鎺ュ彛锛屾牴鎹伐鍗曞彿鏌ヨ鍏朵粬淇℃伅骞惰祴鍊�
+ },
+
+ setNo(val) {
+ console.log('11111', val)
+ this.registerInfo = val
+ },
+ //鐩樼偣鎶ュ憡鍙�
+ seachPersonnelNo() {
+ console.log('11111')
+ uni.navigateTo({
+ url: '/pages/wareHouse/inventory/orderList'
+ })
+ },
+ goScan() {
+ uni.scanCode({
+ scanType: ['qrCode'],
+ success: res => {
+ try {
+ console.log('鎵爜缁撴灉锛�', res);
+ this.scanHandle(res.result)
+ } catch (e) {}
}
});
},
- search(value) {
- this.list = [];
- this.query.current = 1;
- this.loadList();
- },
- goDetail(item) {
- if(item.inyStatus === 'finished'){
- uni.showToast({
- title: "鐩樼偣宸插畬鎴愩��",
- icon: "none"
- });
- return
+ scanHandle(scanresult) {
+ scanresult = scanresult.replace(/[\r\n]/g, "")
+ if (scanresult.indexOf('{') > -1) {
+ //浜岀淮鐮�
+ const result = JSON.parse(scanresult)
+ //澧炲姞SN鏍￠獙
+ if (result.sn_no && result.sn_no != null && result.sn_no != '') {
+ if (this.hasScanSnList.length > 0) {
+ let hasScanSnIndex = this.hasScanSnList.indexOf(result.sn_no)
+ if (hasScanSnIndex < 0) {
+ this.hasScanSnList.push(result.sn_no)
+ } else {
+ this.$u.toast('璇峰嬁閲嶅鎵弿')
+ }
+ } else {
+ this.hasScanSnList.push(result.sn_no)
+ }
+ }
+
+ } else {
+ //澧炲姞SN鏍￠獙
+ if (this.hasScanSnList.length > 0) {
+ let hasScanSnIndex = this.hasScanSnList.indexOf(scanresult)
+ if (hasScanSnIndex < 0) {
+ this.hasScanSnList.push(scanresult)
+ } else {
+ this.$u.toast('璇峰嬁閲嶅鎵弿')
+ }
+ } else {
+ this.hasScanSnList.push(scanresult)
+ }
}
- uni.navigateTo({
- url: `/pages/wareHouse/inventory/detail?id=${item.id}&no=${item.inyNo}`
- })
- }
+ },
+ goSubmit() {
+ // if (this.registerInfo.shiftId == null || this.registerInfo.shiftId == '') {
+ // this.$u.toast('璇烽�夋嫨鐝')
+ // return
+ // }
+ // if (this.registerInfo.value3 == null || this.registerInfo.value3 == '') {
+ // this.$u.toast('璇烽�夋嫨鏃ユ湡')
+ // return
+ // }
+ // if (this.registerInfo.locNo == null || this.registerInfo.locNo == '') {
+ // this.$u.toast('璇烽�夋嫨鍖呰搴撲綅')
+ // return
+ // }
+ // if (this.hasScanSnList.length == 0) {
+ // this.$u.toast('鏃犲緟鎻愪氦鐨凷N鍙锋槑缁�')
+ // return
+ // }
+ // let registrList = []
+ // this.staffList = []
+ // this.staffNameList.forEach((item) => {
+ // this.staffList.push({
+ // staffId: item.id
+ // })
+ // })
+ // this.hasScanSnList.forEach((item) => {
+ // registrList.push({
+ // shiftId: this.registerInfo.shiftId,
+ // value3: this.registerInfo.value3,
+ // locNo: this.registerInfo.locNo,
+ // partBatchNo: item,
+ // staffList: this.staffList
+ // })
+ // })
+ // this.$u.api.pigxPacking.addPackageRegister(registrList).then(res => {
+ // let resData = res.data
+ // this.hasScanSnList = []
+ // this.$u.toast('鎻愪氦鎴愬姛')
+ // }).catch((e) => {
+ // })
+
+ },
}
};
</script>
-<style scoped lang="scss">
- .inventory-list-bg{
+<style lang="scss" scoped>
+ .packing-registration-bg {
background-color: #F6F9FF;
- background-image: url('~@/static/custom/inventory/locNoBg.png');
- // background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
+ background-image: url('~@/static/custom/packing/backBg.png');
padding: 0 20rpx;
background-attachment: fixed;
background-size: 100% auto;
@@ -161,112 +317,155 @@
width: 100%;
z-index: -1;
}
-
- .inventory-list-search{
- padding: 40rpx 30rpx 20rpx 30rpx;
+
+ .packing-registration-param {
+ padding: 40rpx 30rpx 10rpx 30rpx;
+
+ .packing-registration-param-title {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ margin-bottom: 30rpx;
+
+ .title-label {
+ margin-left: 14rpx;
+ font-size: 34rpx;
+ font-weight: bold;
+ color: #283E65;
+ }
+ }
+
+ .packing-registration-param-view {
+ height: 615rpx;
+ background-color: #fff;
+ border-radius: 10rpx;
+ padding: 0rpx 23rpx;
+ margin-bottom: 30rpx;
+
+ .packing-registration-param-item {
+ height: 90rpx;
+ border: 1px solid #ADC8E4;
+ line-height: 90rpx;
+ display: flex;
+ justify-content: space-between;
+ border: none;
+
+ .packing-registration-param-item-left {
+ .item-one {
+ font-size: 30rpx;
+ color: #666666;
+ }
+ }
+
+ .packing-registration-param-item-right {
+ display: flex;
+ justify-content: space-between;
+
+ .item-one {
+ font-size: 30rpx;
+ color: #333333;
+ margin-right: 6rpx;
+ }
+
+ .item-two {
+ font-size: 30rpx;
+ color: #A6B4CC;
+ margin-right: 6rpx;
+ }
+
+ .item-three {
+ font-size: 30rpx;
+ color: #214DED;
+ margin-right: 6rpx;
+ }
+ }
+ }
+
+ .param-extra {
+ border-bottom: 1px solid #EDEDED;
+ }
+ }
}
- .wrap .inventory-list-scroll-list{
- height:calc(100vh - var(--window-top) - var(--window-bottom) - 242rpx);
- width:100%;
+
+ .wrap .packing-registration-scroll-list {
+ height: calc(100vh - var(--window-top) - var(--window-bottom) - 930rpx);
+ width: 100%;
}
- .inventory-list-scroll-list-group{
+
+ .packing-registration-scroll-list-group {
::v-deep .u-cell-item-box {
- background-color:rgba(250,252,255,0.36) !important;
- padding:0rpx 30rpx ;
- }
+ background-color: rgba(250, 252, 255, 0.36) !important;
+ padding: 0rpx 30rpx;
+ }
+
.content {
+ background-image: url('~@/static/custom/packing/row_bg.png');
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 89rpx;
+ width: 691rpx;
font-size: 12px;
background-color: #FFFFFF;
box-sizing: border-box;
border-radius: 10rpx;
- margin: 0rpx 0rpx 16rpx;
- height: 298rpx;
- padding: 10rpx 20rpx;
+ margin: 0rpx 0rpx 20rpx;
+ padding: 0rpx 50rpx 0rpx 32rpx;
box-shadow: none;
- .content-header{
- height: 90rpx;
+
+ .row-list {
+ height: 100%;
display: flex;
- align-items:center;
justify-content: space-between;
- .content-header-left{
+ align-items: center;
+ padding-top: 0rpx !important;
+
+ .row-list-left {
display: flex;
- align-items:center;
- .content-header-icon{
- background-image: url('~@/static/custom/inventory/icon_5.png');
+ color: #333333;
+
+ .num-icon {
+ background-image: url('~@/static/custom/packing/num-bg.png');
background-size: 100% auto;
background-repeat: no-repeat;
- height:28rpx;
- width:28rpx;
- }
- .content-header-title{
- margin-left: 11rpx;
- font-size: 28rpx;
- font-weight: bold;
- color: #333333;
+ height: 38rpx;
+ width: 38rpx;
+ text-align: center;
+ line-height: 38rpx;
}
}
- .content-header-right{
- text-align: right;
- font-weight: bold;
- color: #FB5B25;
- }
- }
- .content-body{
- height:184rpx;
- background: #F5F9FF;
- border-radius: 10rpx;
- padding: 0rpx 23rpx;
- .row-list {
- height: 60rpx;
+
+ .row-list-right {
display: flex;
- flex-direction: row;
- padding: 0px;
- align-items: center;
- }
- .row-list ._label {
- display: flex;
- flex: 0.6;
- color: #909399;
- align-items: center;
- ._label-icon-1{
- background-image: url('~@/static/custom/inventory/label-icon-1.png');
+ color: #428BF7;
+
+ .del-icon {
+ background-image: url('~@/static/custom/packing/icon_dele.png');
background-size: 100% auto;
background-repeat: no-repeat;
- height:26rpx;
- width:26rpx;
+ height: 30rpx;
+ width: 28rpx;
}
- ._label-icon-2{
- background-image: url('~@/static/custom/inventory/icon3.png');
- background-size: 100% auto;
- background-repeat: no-repeat;
- height:26rpx;
- width:26rpx;
- }
- ._label-icon-3{
- background-image: url('~@/static/custom/inventory/icon4.png');
- background-size: 100% auto;
- background-repeat: no-repeat;
- height:26rpx;
- width:26rpx;
- }
- ._label-name{
- margin-left: 11rpx;
- font-size: 26rpx;
- font-weight: 500;
- color: #909399;
-
- }
- }
-
- .row-list ._content {
- flex: 1.5;
- color: #666666;
- font-size: 24rpx;
- }
- .row-list .s1 {
- color:#D35651;
}
}
}
}
-</style>
+
+ .registration-form-footer {
+ display: flex;
+ margin-top: 10rpx;
+ margin-bottom: 10rpx;
+ margin-left: 20rpx;
+ margin-right: 20rpx;
+ padding-bottom: 14rpx;
+
+ .btn {
+ flex: 1;
+ margin: 10rpx;
+ background: #214DED;
+ box-shadow: 0rpx 6rpx 8rpx 0rpx rgba(4, 49, 212, 0.3);
+ font-weight: bold;
+ color: #FEFEFE;
+ font-family: PingFang SC;
+ }
+ }
+</style>
\ No newline at end of file
diff --git a/pages/wareHouse/inventory/orderList.vue b/pages/wareHouse/inventory/orderList.vue
new file mode 100644
index 0000000..d1b9d28
--- /dev/null
+++ b/pages/wareHouse/inventory/orderList.vue
@@ -0,0 +1,300 @@
+<template>
+ <view class="page">
+ <view class="finishProductIn-locno-bg" />
+ <u-navbar
+ title="鐩樼偣鎶ュ憡鍙�"
+ :background="background"
+ :border-bottom="false"
+ :title-bold="true"
+ title-color="#000"
+ back-icon-color="#000"
+ />
+ <view class="finishProductIn-locno-search">
+ <u-search
+ v-model="keywords"
+ shape="square"
+ bg-color="rgba(250,252,255,0.36)"
+ :show-action="false"
+ placeholder="璇疯緭鍏ョ洏鐐规姤鍛婂彿"
+ @clear="search"
+ @custom="search"
+ @search="search"
+ >
+ </u-search>
+ </view>
+ <view class="wrap">
+ <scroll-view
+ class="finishProductIn-locno-scroll-list"
+ scroll-y="true"
+ @scrolltolower="loadMore"
+ >
+ <u-cell-group
+ class="finishProductIn-locno-scroll-list-group"
+ :border="false"
+ >
+ <view
+ class="content"
+ v-for="(item, index) in list"
+ :key="item.locNo"
+ :index="index"
+ @click="selectNo(item.index)"
+ >
+ <view class="content-header">
+ <view class="content-header-title">{{ item.index }}</view>
+ </view>
+ <view class="content-body">
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-1"> </view>
+ <view class="_label-name">鐩樼偣鎶ュ憡鍙凤細</view>
+ </view>
+ <view class="_content">
+ {{ item.value0 }}
+ </view>
+ </view>
+ <view class="row-list">
+ <view class="_label">
+ <view class="_label-icon-2"> </view>
+ <view class="_label-name">浠撳簱锛�</view>
+ </view>
+ <view class="_content">
+ {{ item.value1 }}
+ </view>
+ </view>
+ </view>
+ </view>
+ </u-cell-group>
+ <view class="loadmore" @click="loadMore">
+ <u-loadmore :status="loadStatus"></u-loadmore>
+ </view>
+ </scroll-view>
+ </view>
+ </view>
+</template>
+<script>
+import content_bg from "@/static/custom/finishProductIn/locNoBg.png";
+export default {
+ data() {
+ return {
+ background: {
+ backgroundImage: `url(${content_bg})`,
+ backgroundAttachment: "fixed",
+ backgroundSize: "100% auto",
+ backgroundRepeat: "no-repeat",
+ },
+ keywords: "",
+ alllist: [],
+ originList: [],
+ query: {
+ current: 1,
+ size: 10,
+ },
+ list: [
+ {
+ index: 1,
+ value0: "123456789",
+ value1: "123456789",
+ },
+ ],
+ count: 0,
+ loadStatus: "loading",
+ };
+ },
+ onLoad() {
+ this.$u.api.finishProductIn.fetchList().then((res) => {
+ this.alllist = res.data;
+ this.originList = res.data;
+ this.loadList();
+ });
+ },
+ methods: {
+ loadMore() {
+ if (this.loadStatus == "nomore" || this.loadStatus == "loading") {
+ return;
+ }
+ this.loadStatus = "loading";
+ setTimeout(() => {
+ this.query.current += 1;
+ this.loadList();
+ }, 100);
+ },
+ loadList() {
+ const data = this.originList.slice(
+ (this.query.current - 1) * this.query.size,
+ this.query.current * this.query.size
+ );
+ this.list = this.list.concat(data);
+ this.loadStatus = "loadmore";
+ if (!data || data.length < this.query.size) {
+ this.loadStatus = "nomore";
+ }
+ },
+ search(value) {
+ this.list = [];
+ this.query.current = 1;
+ if (value) {
+ this.originList = this.alllist.filter((item) =>
+ item.locNo.includes(value)
+ );
+ } else {
+ this.originList = this.alllist;
+ }
+ this.loadList();
+ },
+ selectNo(no) {
+ this.refreshLastPage(no);
+ },
+
+ //鍒锋柊涓婁竴涓〉闈�
+ refreshLastPage(no) {
+ // 鍛婄煡 A.vue 鏇存柊鏁版嵁
+ // 鑾峰彇椤甸潰鏍�
+ let pages = getCurrentPages();
+
+ // 鑾峰彇涓婁竴椤垫爤
+ let prevPage = pages[pages.length - 2];
+
+ // 瑙﹀彂涓婁竴椤� upData 鍑芥暟(骞舵惡甯﹀弬鏁�)
+ prevPage.$vm.setNo({
+ value1: 1896,
+ value2: "閾滄潌",
+ });
+
+ // 杩斿洖涓婁竴椤�
+ uni.navigateBack({
+ delta: 1,
+ });
+ },
+ },
+};
+</script>
+<style lang="scss">
+.finishProductIn-locno-bg {
+ background-color: #f6f9ff;
+ background-image: url("~@/static/custom/finishProductIn/locNoBg.png");
+ // background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
+ padding: 0 20rpx;
+ background-attachment: fixed;
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ z-index: -1;
+}
+
+.finishProductIn-locno-search {
+ padding: 40rpx 30rpx 20rpx 30rpx;
+}
+
+.wrap .finishProductIn-locno-scroll-list {
+ height: calc(100vh - var(--window-top) - var(--window-bottom) - 242rpx);
+ width: 100%;
+}
+
+.finishProductIn-locno-scroll-list-group {
+ ::v-deep .u-cell-item-box {
+ background-color: rgba(250, 252, 255, 0.36) !important;
+ padding: 0rpx 30rpx;
+ }
+
+ .content {
+ font-size: 12px;
+ background-color: #ffffff;
+ box-sizing: border-box;
+ border-radius: 10rpx;
+ margin: 0rpx 0rpx 16rpx;
+ padding: 20rpx 8rpx;
+ box-shadow: none;
+ display: flex;
+ align-items: center;
+
+ .content-header {
+ width: 40rpx;
+ height: 90rpx;
+ display: flex;
+ align-items: center;
+
+ .content-header-icon {
+ background-image: url("~@/static/custom/moveWareHouse/header_icon.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 28rpx;
+ width: 28rpx;
+ }
+
+ .content-header-title {
+ margin-left: 11rpx;
+ font-size: 26rpx;
+ font-weight: bold;
+ color: #3d52f5;
+ }
+ }
+
+ .content-body {
+ flex: 1;
+ background: #f5f9ff;
+ border-radius: 10rpx;
+ padding: 0rpx 23rpx;
+
+ .row-list {
+ height: 60rpx;
+ display: flex;
+ flex-direction: row;
+ padding: 0px;
+ align-items: center;
+ }
+
+ .row-list ._label {
+ display: flex;
+ flex: 0.8;
+ color: #909399;
+ align-items: center;
+
+ ._label-icon-1 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-1.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
+
+ ._label-icon-2 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-2.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
+
+ ._label-icon-3 {
+ background-image: url("~@/static/custom/moveWareHouse/label-icon-3.png");
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ height: 26rpx;
+ width: 26rpx;
+ }
+
+ ._label-name {
+ margin-left: 11rpx;
+ font-size: 26rpx;
+ font-weight: 500;
+ color: #666666;
+ }
+ }
+
+ .row-list ._content {
+ flex: 1.5;
+ text-align: right;
+ color: #909399;
+ font-size: 24rpx;
+ }
+
+ .row-list .s1 {
+ color: #d35651;
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3