托盘装箱明细-新增明细弹窗

assets/css/goods/rePackageList.scss

@@ -71,6 +71,10 @@
             }
         }
     }
+    .btn {
+        font-size: 24rpx;
+        color: #0079fe;
+    }
 }
 @keyframes spin {
     0% {

pages/goods/rePackageList.vue

@@ -23,7 +23,7 @@
             <template v-if="total > 0">
                 <view class="uni-tr row verCenter" v-for="(item, index) in rePackageList" :key="index">
                     <text class="row verCenter rowCenter color">{{ item.tray_name }}</text>
-                    <text class="row verCenter rowCenter" :class="{ color: item.scan_status_cn == '全部已经扫描' }">{{ item.have_load_box_num }}</text>
+                    <text class="row verCenter rowCenter" :class="{ color: item.scan_status_cn == '全部已经扫描' }" @click="viewDetail(item)">{{ item.have_load_box_num }}</text>
                     <text class="row verCenter rowCenter" :class="{ color: item.scan_status_cn != '全部已经扫描' }">{{ item.scan_status_cn }}</text>
                     <text class="row verCenter rowCenter">{{ item.audit_status_cn || '' }}</text>
                 </view>
@@ -32,6 +32,26 @@
                 <view class="uni-tr row verCenter"><text class="row verCenter rowCenter" style="flex:0 0 100%">暂无数据</text></view>
             </template>
         </view>
+        <!-- 详情 -->
+        <uni-popup ref="popup" background-color="#fff">
+            <view class="popup-content" style="padding: 20rpx;">
+                <view class="column rowCenter verCenter" style="font-size: 24rpx;color: #404547;">
+                    <view style="margin-bottom: 8rpx;">{{ item.tray_name }}</view>
+                    <view>合计货物箱数：{{ item.have_load_box_num }}</view>
+                </view>
+                <view class="table-container header-row" style="margin-top: 20rpx;margin-bottom: 30rpx;">
+                    <view class="table-row header-row">
+                        <view class="table-cell">入仓号</view>
+                        <view class="table-cell">打印单位</view>
+                    </view>
+                    <view class="table-row" v-for="(item, index) in list" :key="index">
+                        <view class="table-cell">{{ item.erp_order_sn }}</view>
+                        <view class="table-cell">{{ item.print_type_cn }}</view>
+                    </view>
+                </view>
+                <view class="row rowCenter verCenter btn" @click="close()">确定</view>
+            </view>
+        </uni-popup>
     </view>
 </template>
 
@@ -51,7 +71,9 @@ export default {
             is_loading: false,
             loading: false,
             rePackageList: [],
-            refreshTransition: false
+            refreshTransition: false,
+            list: [],
+            item: {}
         };
     },
     computed: {
@@ -87,6 +109,12 @@ export default {
             day = day > 9 ? day : '0' + day;
             return `${year}-${month}-${day}`;
         },
+        open() {
+            this.$refs.popup.open();
+        },
+        close() {
+            this.$refs.popup.close();
+        },
         bindDateChange(e) {
             this.today = e.detail.value;
             this.total = 0;
@@ -106,6 +134,23 @@ export default {
             this.rePackageList = [];
             this.getData();
         },
+        /**
+         * 查看详情
+         */
+        viewDetail(item) {
+            this.item = item;
+            this.request(API.getTrayHaveScanErpOrderSn, 'POST', { page: 1, limit: 1000, wstyty_id: item.wstyty_id, is_scan: 1 }, true).then(res => {
+                if (res.err_code === 0) {
+                    this.list = res.data;
+                    this.open();
+                } else {
+                    uni.showToast({
+                        title: res.err_msg,
+                        icon: 'error'
+                    });
+                }
+            });
+        },
         getData() {
             this.request(API.rePackageList, 'POST', { page: this.page, limit: this.limit, today: this.today }, this.loading).then(res => {
                 if (res.err_code === 0) {
@@ -131,4 +176,34 @@ export default {
 
 <style scoped lang="scss">
 @import '../../assets/css/goods/rePackageList.scss';
+.table-container {
+    width: 500rpx;
+    max-height: 300rpx;
+    overflow-y: auto;
+    border-top: 1px solid #cad9e0;
+    border-left: 1px solid #cad9e0;
+    border-right: 1px solid #cad9e0;
+}
+.table-row {
+    display: flex;
+    border-bottom: 1px solid #cad9e0;
+}
+
+.table-cell {
+    flex: 1;
+    padding: 8px;
+    text-align: center;
+    border-right: 1px solid #ccc;
+    font-size: 24rpx;
+    color: #404547;
+    background-color: transparent;
+}
+
+.table-row.header-row {
+    background-color: #f0f0f0 !important;
+}
+
+.table-cell:last-child {
+    border-right: none;
+}
 </style>

util/api.js

@@ -118,6 +118,10 @@ const API = {
      */
     rePackageList: API_BASE + '/supplywechatwms/rePackageList',
     /**
+     * 装箱复核时序蒲详情
+     */
+    getTrayHaveScanErpOrderSn: API_BASE + '/supplywechatwms/getTrayHaveScanErpOrderSn',
+    /**
      * 作废条码
      */
     delErpOrderSnCodeManage: API_BASE + '/supplywechatwms/delErpOrderSnCodeManage',