From e23c7ace60d28e4c2a6b9e7245a85462becfffc6 Mon Sep 17 00:00:00 2001 From: yyb <995253665@qq.com> Date: 星期一, 09 六月 2025 17:15:04 +0800 Subject: [PATCH] 取消报工联调 --- pages/product/cancelReport/index.vue | 303 +++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 284 insertions(+), 19 deletions(-) diff --git a/pages/product/cancelReport/index.vue b/pages/product/cancelReport/index.vue index 7a4e429..a55c853 100644 --- a/pages/product/cancelReport/index.vue +++ b/pages/product/cancelReport/index.vue @@ -2,46 +2,199 @@ <!-- 鍙栨秷鎶ュ伐 --> <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-icon-1"> </view> + <view class="_label-name">璁㈠崟鍙凤細</view> + </view> + <view class="_content"> + {{ item.moNo }} + </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.partNo }} + </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.partName }} + </view> + </view> + <view class="row-list"> + <view class="_label"> + <view class="_label-icon-1"> </view> + <view class="_label-name">鎵归噺澶у皬锛�</view> + </view> + <view class="_content"> + {{ item.qtyRequired }} + </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.startDate }} + </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.endDate }} + </view> + </view> + </view> + </view> + </u-cell-group> + </scroll-view> + </view> + <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: {} + list: [ + { + moNo: 1, + partNo: 1, + partName: 1, + qtyRequired: 1, + startDate: 1, + endDate: 1, + }, + ], + rules: {}, }; + }, + onReady() { + }, + onShow() { + let that = this; + uni.$off("scan"); // 姣忔杩涙潵鍏� 绉婚櫎鍏ㄥ眬鑷畾涔変簨浠剁洃鍚櫒 + uni.$on("scan", function (data) { + console.log("onscan"); + //鎵爜鎴愬姛鍚庣殑鍥炶皟锛屼綘鍙互鍐欒嚜宸辩殑閫昏緫浠g爜鍦ㄨ繖閲� + console.log("椤甸潰鎵爜缁撴灉锛�", data.code); + if ((list.moNO = null)) { + uni.showToast({ + icon: 'none', + title: '璇峰厛閫夋嫨璁㈠崟鍙凤紒', + duration: 2 * 1000 + }) + return + } + if ((list.moNO = null)) { + uni.showToast({ + icon: 'none', + title: '鎵弿鐨勪簩缁寸爜涓庤璁㈠崟涓嶄竴鑷�', + duration: 2 * 1000 + }) + return + } + if (data.code) { + let codeInfo = JSON.parse(data.code); + if (codeInfo.WorkNo) { + // 鎵弿鎶ュ伐鍗曚簩缁寸爜 + that.saveForm(codeInfo); + } + } + }); }, methods: { 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.form.value1 = WorkNo; + this.form.value2 = ProcessName; + this.form.value3 = ORDER_NO; + }, + }, +}; </script> <style lang="scss" scoped> @@ -77,4 +230,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