From b8a2d6da97b148e661997a97fa46d75bdea961e5 Mon Sep 17 00:00:00 2001 From: yyb <995253665@qq.com> Date: 星期三, 11 六月 2025 17:14:29 +0800 Subject: [PATCH] 移库功能点逻辑编写 --- pages/product/cancelReport/index.vue | 351 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 332 insertions(+), 19 deletions(-) diff --git a/pages/product/cancelReport/index.vue b/pages/product/cancelReport/index.vue index ea33bb9..c6d17d5 100644 --- a/pages/product/cancelReport/index.vue +++ b/pages/product/cancelReport/index.vue @@ -2,46 +2,247 @@ <!-- 鍙栨秷鎶ュ伐 --> <view class="page"> <view class="packing-registration-bg" /> - <u-navbar title="鏍哥褰曞叆" :background="background" :border-bottom="false" :title-bold="true" title-color="#000" - back-icon-color="#000" /> - <u-form :model="form" ref="uForm" :label-width="280" :rules="rules" :error-type="['toast']" class="uForm"> - <u-form-item label="璁㈠崟鍙�" :border-bottom="false" prop="value3"> - <u-input v-model="form.value3" type="select" placeholder="鐐瑰嚮閫夋嫨" @click="openList" /> + <u-navbar + title="鍙栨秷鎶ュ伐" + :background="background" + :border-bottom="false" + :title-bold="true" + title-color="#000" + back-icon-color="#000" + /> + <u-form + :model="form" + ref="uForm" + :label-width="280" + :rules="rules" + :error-type="['toast']" + class="uForm" + > + <u-form-item label="璁㈠崟鍙�" :border-bottom="false" prop="moNo"> + <u-input + v-model="form.moNo" + type="select" + placeholder="鐐瑰嚮閫夋嫨" + @click="openList" + /> </u-form-item> - <u-form-item label="鍙栨秷鎶ュ伐璁板綍锛�" :border-bottom="false" prop="value12"></u-form-item> + <u-form-item + label="鍙栨秷鎶ュ伐璁板綍锛�" + :border-bottom="false" + prop="value12" + ></u-form-item> </u-form> + <view class="wrap"> + <scroll-view class="finishProductIn-locno-scroll-list" scroll-y="true"> + <u-cell-group + class="finishProductIn-locno-scroll-list-group" + :border="false" + > + <view + class="content" + v-for="(item, index) in list" + :key="item.moNo" + :index="index" + > + <view class="content-header"> + <view class="content-header-title">{{ index + 1 }}</view> + </view> + <view class="content-body"> + <view class="row-list"> + <view class="_label"> + <view class="_label-name">鎵瑰彿锛�</view> + </view> + <view class="_content"> + {{ item.moNo }} + </view> + </view> + <view class="row-list"> + <view class="_label"> + <view class="_label-name">闆朵欢鍙凤細</view> + </view> + <view class="_content"> + {{ item.partNo }} + </view> + </view> + <view class="row-list"> + <view class="_label"> + <view class="_label-name">闆朵欢鎻忚堪锛�</view> + </view> + <view class="_content"> + {{ item.partName }} + </view> + </view> + <view class="row-list"> + <view class="_label"> + <view class="_label-name">鍙栨秷鎺ユ敹鏁伴噺锛�</view> + </view> + <view class="_content"> + {{ item.qtyRequired }} + </view> + </view> + </view> + </view> + </u-cell-group> + </scroll-view> + </view> + <u-modal + v-model="showModal" + title="" + :show-cancel-button="true" + :show-confirm-button="true" + @confirm="confirm" + @cancel="cancel" + > + <view class="popup-content"> + <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">{{ detailedList.value1 }}</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"> + <text class="item-one item-two">{{ detailedList.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"> + <text class="item-one item-two">{{ detailedList.value3 }}</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"> + <u-input + class="item-one item-two" + v-model="detailedList.value4" + /> + </view> + </view> + </view> + </view> + </view> + </u-modal> + <scan></scan> </view> </template> <script> -import content_bg from '@/static/custom/packing/backBg.png' +import content_bg from "@/static/custom/packing/backBg.png"; +import scan from "@/components/scan/scan.vue"; + export default { + components: { + scan, + }, data() { return { background: { backgroundImage: `url(${content_bg})`, - backgroundAttachment: 'fixed', - backgroundSize: '100% auto', - backgroundRepeat: 'no-repeat', + backgroundAttachment: "fixed", + backgroundSize: "100% auto", + backgroundRepeat: "no-repeat", }, form: { - value3: '' + moNo: "", }, - rules: {} + detailedList: { + value1: "", + value2: "", + value3: "", + value4: "", + }, + list: [ + { + moNo: 1, + partNo: 1, + partName: 1, + qtyRequired: 1, + startDate: 1, + endDate: 1, + }, + ], + rules: {}, + showModal: false, }; }, + onReady() {}, + onShow() { + let that = this; + uni.$off("scan"); // 姣忔杩涙潵鍏� 绉婚櫎鍏ㄥ眬鑷畾涔変簨浠剁洃鍚櫒 + if ((form.moNO = null)) { + uni.showToast({ + icon: "none", + title: "璇峰厛閫夋嫨璁㈠崟鍙凤紒", + duration: 2 * 1000, + }); + return; + } + if ((form.moNO = null)) { + uni.showToast({ + icon: "none", + title: "鎵弿鐨勪簩缁寸爜涓庤璁㈠崟涓嶄竴鑷�", + duration: 2 * 1000, + }); + return; + } + uni.$on("scan", function (data) { + console.log("onscan"); + //鎵爜鎴愬姛鍚庣殑鍥炶皟锛屼綘鍙互鍐欒嚜宸辩殑閫昏緫浠g爜鍦ㄨ繖閲� + console.log("椤甸潰鎵爜缁撴灉锛�", data.code); + if (data.code) { + let codeInfo = JSON.parse(data.code); + if (codeInfo.WorkNo) { + (this.detailedList = {}), + // 鎵弿鎶ュ伐鍗曚簩缁寸爜 + that.saveForm(codeInfo); + } + } + }); + }, methods: { + // 鐐瑰嚮纭鍚庤幏鍙栧彇娑堟姤宸ヨ褰� + confirm() { + // 澶勭悊纭閫昏緫 + this.showModal = false; + this.$u.api.workReporting._({}).then((res) => { + console.log("res", res); + this.list = res.data.records; + }); + }, + cancel() { + this.showModal = false; // 鍏抽棴寮圭獥 + }, openList() { uni.navigateTo({ - url: '/pages/product/report/orderList' - }) + url: "/pages/product/report/orderList", + }); }, setNo(val) { - this.form.value3 = val - } - - } -} + this.form.moNo = val.moNo; + }, + // 鍥炴樉鎵爜鐨勪俊鎭�-鎶ュ伐鍗� + saveForm(val) { + let { WorkNo, ProcessName, ORDER_NO } = val; + this.detailedList.value1 = WorkNo; + this.detailedList.value2 = ProcessName; + this.detailedList.value3 = ORDER_NO; + this.showModal = true; + }, + }, +}; </script> <style lang="scss" scoped> @@ -77,4 +278,116 @@ .u-form-item { padding: 0; } +.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; + + white-space: normal; + + .content-header { + width: 40rpx; + height: 90rpx; + display: flex; + align-items: center; + overflow-wrap: break-word; + + .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 { + width: 40rpx; + // margin-left: 11rpx; + font-size: 26rpx; + color: #333333; + } + } + + .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> \ No newline at end of file -- Gitblit v1.9.3