添加统计日志

jiangping

2023-10-26 519b464e4ed3d07bd5aa23a4067e5869058de2e5

 minipro_standard/pages_inspect/pages/OutOperation/OutOperation.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,828 @@
<template>
   <page-meta :page-style="ban ?'overflow: hidden;': ''"/>
   <view>
      <InOutInfo :info="info" />
      <uni-collapse @change="change" @close="close" @open="open">
         <uni-collapse-item :open="item1.wtransferDetailList.length" v-if="type==7"
            v-for="(item1, index) in warehouseList" :key="index">
            <view class="p30 cY" style="border-bottom: 4rpx solid #f7f7f7;" slot="title">
               <image src="../../../static/chuku_ic_cangku@2x.png" class="img36 mr10" mode=""></image>
               <view>{{ item1.warehouseName }}</view>
            </view>
            <view class="p30">
               <div class="page_dck">
                  <div class="page_dck_title">
                     <div class="page_dck_title_x"></div>
                     <span>待出库物料</span>
                  </div>
               </div>
               <div class="page_content" v-for="(item, index) in item1.wtransferDetailList" :key="index"
                  :name="index">
                  <div class="page_content_title">
                     <div class="page_content_title_top">
                        <span>{{ item.materialName + ' | ' + item.materialCode }}</span>
                        <span>待出<span>{{ item.outPlannum }}</span> {{ item.unitName }}</span>
                     </div>
                     <div class="page_content_title_bottom">
                        <span class="green" v-if="item.qualityType === 0">合格<text class="c6" decode>{{ split}}</text></span>
                        <span class="warning" v-else-if="item.qualityType === 1">不良<text class="c6" decode>{{ split}}</text></span>
                        <span class="error" v-else-if="item.qualityType === 2">报废<text class="c6" decode>{{ split}}</text></span>
                        <span v-else>-<text class="c6" decode>{{ split}}</text></span>
                        <span>{{item.procedureName || '-'}}<text class="c6" decode>{{ split}}</text></span>
                        <span>{{item.batch ? item.batch : '-'}}</span>
                     </div>
                  </div>
                  <div class="page_content_list" v-for="(childer, idxs) in item.wstockExtListVOList" :key="idxs">
                     <div class="page_content_list_item">
                        <div class="page_content_list_item_label">出库货位：</div>
                        <div class="page_content_list_item_nr">{{ childer.locationName }}</div>
                     </div>
                     <div class="page_content_list_items">
                        <div class="page_content_list_item_label">数量：</div>
                        <div class="page_content_list_item_nr">{{ childer.num }}{{ childer.unitName }}</div>
                     </div>
                     <div class="page_content_list_item">
                        <div class="page_content_list_item_label">批次号：</div>
                        <div class="page_content_list_item_nr">{{ childer.batch ? childer.batch : '-' }}</div>
                     </div>
                  </div>
               </div>
            </view>
         </uni-collapse-item>
         <uni-collapse-item v-if="type==8">
            <view class="p30 cY" style="border-bottom: 4rpx solid #f7f7f7;" slot="title">
               <image src="../../../static/chuku_ic_cangku@2x.png" class="img36 mr10" mode=""></image>
               <view>{{ info.warehouseName }}</view>
            </view>
            <view class="p30">
               <div class="page_dck">
                  <div class="page_dck_title">
                     <div class="page_dck_title_x"></div>
                     <span>待出库物料</span>
                  </div>
               </div>
               <div class="page_content" v-for="(item, index) in woutboundDetailsWait" :key="index" :name="index">
                  <div class="page_content_title">
                     <div class="page_content_title_top">
                        <span>{{ item.materialName + ' | ' + item.materialCode }}</span>
                        <span>待出 <span>{{ item.num }}</span> {{ item.unitName }}</span>
                     </div>
                     <div class="page_content_title_bottom">
                        <span class="green" v-if="item.qualityType === 0">合格<text class="c6" decode>{{ split}}</text></span>
                        <span class="warning" v-else-if="item.qualityType === 1">不良<text class="c6" decode>{{ split}}</text></span>
                        <span class="error" v-else-if="item.qualityType === 2">报废<text class="c6" decode>{{ split}}</text></span>
                        <span v-else>-<text class="c6" decode>{{ split}}</text></span>
                        <span>{{item.procedureName ? item.procedureName : '-'}}<text class="c6" decode>{{ split}}</text></span>
                        <span>{{item.batch ? item.batch : '-'}}</span>
                     </div>
                  </div>
                  <div class="page_content_list" v-for="(items, ind) in item.wstockExtListVOList" :key="ind">
                     <div class="page_content_list_item">
                        <div class="page_content_list_item_label">批次号：</div>
                        <div class="page_content_list_item_nr">{{ items.batch ? items.batch : '-' }}</div>
                     </div>
                     <div class="page_content_list_items">
                        <div class="page_content_list_item_label">数量：</div>
                        <div class="page_content_list_item_nr">{{ items.num }}{{ items.umodel.name }}</div>
                     </div>
                     <div class="page_content_list_item" v-if="items.lmodel">
                        <div class="page_content_list_item_label">出库货位：</div>
                        <div class="page_content_list_item_nr">{{ items.lmodel.unionName }}</div>
                     </div>
                  </div>
               </div>
            </view>
         </uni-collapse-item>
      </uni-collapse>

      <div class="page_h"></div>
      <div class="page_yxwl">
         <div class="page_yxwl_title">
            <div class="left">
               <div class="page_yxwl_title_x"></div>
               <span>已选择物料</span>
            </div>

            <div class="right" v-if="isZKD" @click="openxz">
               <image src="../../../static/gongdan_ic_shoudong@2x.png" class="img36" mode=""></image>
               <span>手动出库</span>
            </div>
         </div>
         <div class="page_yxwl_list" v-if="outboundList.length > 0">
            <div class="page_yxwl_list_item" v-for="(item, index) in outboundList" :key="index">
               <div class="page_yxwl_list_item_top">
                  <div class="page_yxwl_list_item_top_left">{{ item.materialName }} | {{ item.materialCode }}
                  </div>

               </div>
               <div class="page_yxwl_list_item_sx">
                  <span class="green" v-if="item.qualityType == 0">合格<text class="c6" decode>{{ split}}</text></span>
                  <span class="yellow" v-else-if="item.qualityType == 1">不良<text class="c6" decode>{{ split}}</text></span>
                  <span class="red" v-else-if="item.qualityType == 2">报废<text class="c6" decode>{{ split}}</text></span>
                  <span v-else>-<text class="c6" decode>{{ split}}</text></span>
                  <span>{{ item.procedureName ? item.procedureName : '-' }}<text class="c6" decode>{{ split}}</text></span>
                  <span>{{ item.batch ? item.batch : '-' }}</span>
               </div>
               <div class="page_yxwl_list_item_num">
                  <div class="item">
                     <div class="label">出库货位：</div>
                     <div class="nr">
                        <span>{{ item.locationName }}</span>
                     </div>
                  </div>
                  <div class="item f24">
                     <div class="label">数量：</div>
                     <div class="nr">
                        <!-- @input="changeNum(item)" -->
                        <input type="number" v-model="item.num" placeholder="请输入">
                        <span>{{ item.unitName }}</span>
                     </div>
                  </div>
                  <div class="dele" @click="dele(index)">
                     <!-- <img src="@/assets/icon/chuku_ic_delete@2x.png" alt="" /> -->
                     <image src="../../../static/chuku_ic_delete@2x.png" class="img48" mode=""></image>
                  </div>
               </div>
            </div>
         </div>
         <div class="page_yxwl_kong" v-else>暂无数据</div>
      </div>
      <div class="page_zw"></div>
      <!--    æäº¤æŒ‰é’®    -->
      <div class="page_footer">
         <div class="page_footer_ck" @click="submit">
            <span>确认出库</span>
         </div>
      </div>
      <SelectTraMultipleMaterial ref="selectTraMultipleMaterial" @close="ban = false" @selectes="selectMaterail" />
   </view>
</template>

<script>
   import InOutInfo from '@/components/InOutInfo.vue'
   import SelectTraMultipleMaterial from '@/components/SelectTraMultipleMaterial.vue'
   import {
      QRCodeType
   } from '@/common/config.js'
   import {
      outScanAppliances,
      wTransferForInOut,
      wTransferForInOutUpload,
      wOutBoundForInOut,
      wOutBoundForUpload,
      transferToOutNew
   } from '@/util/api/ExWarehouse'
   import {
      getDB
   } from '@/util/api/agencyAPI'
   export default {
      components: {
         InOutInfo,
         SelectTraMultipleMaterial
      },
      data() {
			
         return {
            ban: false,
            type: '',
            id: '',
            dbid: '',
            isZKD: false,
            show: false,
            info: {

            },
            split: '&nbsp;/&nbsp;',
            mainOrder: '',
            warehouseId: '',
            ids: [],
            warehouseList: [{

            }],
            woutboundDetailsWait: [],
            outboundList: []
         };
      },
      onLoad(option) {
         this.type = option.type
         this.id = option.id
         this.isZKD = this.type == QRCodeType.ZKD
         this.dbid = option.dbid
         if (option.dbid) {
            this.getDBs(option.dbid)
         } else {
            this.getInfo()
         }
      },
      methods: {
         // åˆ¤æ–­æ˜¯å¦å®Œæˆ
         getDBs(dbid) {
            getDB(dbid)
               .then(res => {
                  let {
                     data
                  } = res
                  if (data.status == 1) {
                     // å·²å®Œæˆ
                  } else {
                     this.getInfo()
                  }
               })
               .catch(err => {})
         },
         getInfo() {
            let infoAction
            let data = {
               id: this.id
            }
            if (this.type == QRCodeType.CKD) {
               infoAction = wOutBoundForInOut
               data.wOutboundType = '0'
            } else if (this.type == QRCodeType.ZKD) {
               infoAction = wTransferForInOut
               data.wTransferType = '0'
            }
            infoAction(data).then(res => {
               this.mainOrder = res.data.id
               if (this.isZKD) {
                  this.info = res.data.wtransfer
                  this.warehouseList = res.data.wtransferWarehouseList
                  this.warehouseId = this.warehouseList[0].warehouseId
               } else {
                  this.info = res.data.woutbound
                  this.woutboundDetailsWait = res.data.woutboundDetailsWait
                  this.warehouseId = this.woutboundDetailsWait[0].warehouseId
               }
            }).catch(err => {
               uni.$u.toast(err)
               uni.navigateBack()
            })
         },
         change() {},
         close() {},
         open() {},
         openxz() {
            this.ban = true
            this.$refs.selectTraMultipleMaterial.open({
               transferId: this.id,
               warehouseId: this.warehouseId
            })
         },
         selectMaterail(v) {
            this.ban = false
            let tempList = this.warehouseList[0].wtransferDetailList
            let materials = JSON.parse(JSON.stringify(v.materials))
            tempList.forEach(item => {
               let isOutList = false
               this.outboundList.forEach(selected => {
                  if (selected.newId == item.id) {
                     isOutList = true
                     return
                  }
               })
               if (!isOutList) {
                  item.wstockExtListVOList.forEach(hw => {
                     materials.forEach((materail, index) => {
                        if (hw.materialId == materail.materialId &&
                              hw.procedureId == materail.procedureId &&
                              hw.qualityType == materail.qualityType &&
                              hw.locationId == materail.locationId &&
                              hw.batch == materail.batch
                           ) {
                              this.addToOutList(materail, item)
                              materials.splice(index, 1)
                              return
                        }
                     })
                  })
						
							
                     // if (item.batch) {
                     //    // ç²¾ç¡®åŒ¹é…
                     //    if (materail.materialId == item.materialId &&
                     //          materail.procedureId == item.procedureId &&
                     //          materail.qualityType == item.qualityType &&
                     //          materail.batch == item.batch
                     //       ) {
                     //          this.addToOutList(materail, item)
                     //          materials.splice(index, 1)
                     //          return
                     //    }
                     // } else {
                     //    if (materail.materialId == item.materialId &&
                     //          materail.procedureId == item.procedureId &&
                     //          materail.qualityType == item.qualityType
                     //       ) {
                     //       this.addToOutList(materail, item)
                     //       materials.splice(index, 1)
                     //       return
                     //    }
                     // }
						
               } 
            })
         },
         addToOutList(materail, item) {
            let isExist = false
            this.outboundList.forEach(selected => {
               if (selected.newId == materail.id) {
                  isExist = true
                  return
               }
            })
            if (isExist) {
               uni.$u.toast('该物料已存在')
            } else {
               let obj = JSON.parse(JSON.stringify(materail))
               obj.newId = item.id
               this.outboundList.push(obj)
               console.log(this.outboundList);
            }
         },
         dele(index) {
            this.outboundList.splice(index, 1)
         },
         submit() {
            if (this.type == QRCodeType.ZKD) {
               if (this.outboundList.length > 0) {
                  let result = this.outboundList.reduce((a, b) => {
                     if (a[b.newId]) {
                        a[b.newId].push(b);
                     } else {
                        a[b.newId] = [b];
                     }
                     return a;
                  }, {});
                  let tempList = this.warehouseList[0].wtransferDetailList
                  for (let i = 0; i < tempList.length; i++) {
                     let item = tempList[i]
                     for (let a in result) {
                        if (item.id == a) {
                           let total = 0
                           for (let b = 0; b < result[a].length; b++) {
                              total = Number(total) + Number(result[a][b].num)
                           }
                           if (!total || total <= 0) {
                              uni.$u.toast('出库物料数量必须大于0')
                              return
                           }
                           console.log(total, item.outPlannum);
                           if (total > item.outPlannum) {
                              uni.$u.toast('出库数量不能大于待出库数量')
                              return
                           }
                        }
                     }
                  }
                  let submitTransferOutDetailDTOList = []
                  this.outboundList.forEach(item => {
                     tempList.forEach(child => {
                        if (item.newId == child.id) {
                           submitTransferOutDetailDTOList.push({
                              outNum: item.num,
                              wstockId: item.id,
                              wtransferDetailId: child.id
                           })
                        }
                     })
                  })
                  transferToOutNew({
                     submitTransferOutDetailDTOList,
                     wtransferId: this.id
                  }).then(res => {
                     if (res.code === 200) {
                        this.$store.dispatch('getUpcomingNum')
                        uni.$u.toast('操作成功')
                        uni.$emit('success')
                        uni.redirectTo({
                           url: `/pages_adjust/pages/warehousingDetails/warehousingDetails?id=${this.id}&dbid=${this.dbid}`
                        })
                        // setTimeout(() => {
                        //   router.replace({ name: 'wTransferDetail', query: { id: info.value.wtransfer.id, dbid: route.query.dbid } })
                        // }, 2000)
                     }
                  })
               } else {
                  uni.$u.toast('请选择出库物料')
               }
            } else if (this.type === QRCodeType.CKD) {
               wOutBoundForUpload({
                  id: this.id,
                  wOutboundType: 0
               }).then(res => {
                  if (res.code === 200) {
                     this.$store.dispatch('getUpcomingNum')
                     uni.$u.toast('操作成功')
                     uni.$emit('success')
                     uni.redirectTo({
                        url: `/pages_adjust/pages/outboundDetails/outboundDetails?id=${this.id}`
                     })
                     // setTimeout(() => {
                     //   // router.go(-1)
                     //   router.replace({ name: 'wOutboundDetail', query: { id: info.value.wtransfer.id } })
                     // }, 2000)
                  }
               })
            }
         }
      }
   }
</script>

<style lang="scss">
   .page_dck {
      .page_dck_title {
         display: flex;
         align-items: center;

         .page_dck_title_x {
            width: 8rpx;
            height: 30rpx;
            background: #4275FC;
            border-radius: 2rpx;
            margin-right: 16rpx;
         }

         span {
            font-size: 32rpx;
            font-weight: 500;
            color: #222222;
         }
      }
   }

   .page_content {
      margin-top: 36rpx;

      .page_content_title {
         display: flex;
         flex-direction: column;
         margin-bottom: 10rpx;

         .page_content_title_top {
            display: flex;
            align-items: center;
            justify-content: space-between;

            span {
               &:nth-child(1) {
                  font-size: 30rpx;
                  font-weight: 500;
                  color: #222222;
               }

               &:nth-child(2) {
                  flex-shrink: 0;
                  font-size: 24rpx;
                  font-weight: 400;
                  color: #333333;

                  span {
                     font-size: 24rpx;
                     color: $nav-color;
                  }
               }
            }
         }

         .page_content_title_bottom {
            .green {
               color: $nav-stateColor7 !important;

               .black {
                  color: black !important;
               }
            }

            .warning {
               color: $nav-stateColor5 !important;

               .black {
                  color: black !important;
               }
            }

            .error {
               color: $nav-stateColor4 !important;

               .black {
                  color: black !important;
               }
            }

            span {
               font-size: 24rpx;
               font-weight: 400;
               color: #666666;
            }
         }
      }

      .lineBorder {
         border: none !important;
         padding-bottom: 0 !important;
         margin-bottom: 24rpx;
      }

      .page_content_list {
         width: 100%;
         display: flex;
         align-items: center;
         flex-wrap: wrap;

         &:first-child {
            margin: 0;
         }

         &:last-child {
            border: none;
         }

         .page_content_list_nums {
            width: 30%;
            display: flex;

            .page_content_list_num_label {
               font-size: 26rpx;
               font-weight: 400;
               color: #666666;
            }

            .page_content_list_num_nr {
               font-size: 26rpx;
               font-weight: 400;
               color: #222222;
            }
         }

         .page_content_list_num {
            width: 70%;
            display: flex;

            .page_content_list_num_label {
               font-size: 26rpx;
               font-weight: 400;
               color: #666666;
            }

            .page_content_list_num_nr {
               font-size: 26rpx;
               font-weight: 400;
               color: #222222;
            }
         }

         .page_content_list_items {
            width: 30%;
            display: flex;
            margin-top: 24rpx;

            .page_content_list_item_label {
               font-size: 26rpx;
               font-weight: 400;
               color: #666666;
               flex-shrink: 0;
            }

            .page_content_list_item_nr {
               font-size: 26rpx;
               font-weight: 400;
               color: #222222;
            }
         }

         .page_content_list_item {
            width: 70%;
            display: flex;

            .page_content_list_item_label {
               font-size: 26rpx;
               font-weight: 400;
               color: #666666;
               flex-shrink: 0;
            }

            .page_content_list_item_nr {
               font-size: 26rpx;
               font-weight: 400;
               color: #222222;
            }
         }
      }
   }

   .page_h {
      height: 20rpx;
   }

   .page_yxwl {
      padding: 30rpx;
      background: #ffffff;

      .page_yxwl_title {
         display: flex;
         align-items: center;
         justify-content: space-between;

         .page_yxwl_title_x {
            width: 8rpx;
            height: 30rpx;
            background: #4275FC;
            border-radius: 2rpx;
            margin-right: 16rpx;
         }

         span {
            font-size: 32rpx;
            font-weight: 500;
            color: #222222;
         }

         .left {
            display: flex;
            align-items: center;

            .page_yxwl_title_x {
               width: 8rpx;
               height: 30rpx;
               background: #4275FC;
               border-radius: 2rpx;
               margin-right: 16rpx;
            }

            span {
               font-size: 32rpx;
               font-weight: 500;
               color: #222222;
            }
         }

         .right {
            display: flex;
            align-items: center;

            img {
               width: 28rpx;
               height: 28rpx;
               margin-right: 14rpx;
            }

            span {
               font-size: 26rpx;
               font-weight: 400;
               color: #222222;
            }
         }
      }

      .page_yxwl_list {
         display: flex;
         flex-direction: column;
         padding-bottom: 30rpx;
         border-bottom: 1rpx solid #ececec;

         &:last-child {
            margin-bottom: 0;
            border: none;
         }

         .page_yxwl_list_item {
            margin-top: 28rpx;

            .page_yxwl_list_item_top {
               display: flex;
               align-items: center;
               justify-content: space-between;

               .page_yxwl_list_item_top_left {
                  font-size: 30rpx;
                  font-weight: 500;
                  color: #222222;
               }
            }

            .page_yxwl_list_item_sx {
               display: flex;
               align-items: center;
               margin-top: 15rpx;
               font-size: 24rpx;
            }

            .page_yxwl_list_item_num {
               display: flex;
               position: relative;
               margin-top: 36rpx;

               &:first-child {
                  margin-top: 0;
               }

               .dele {
                  position: absolute;
                  right: -30rpx;
                  width: 48rpx;
                  height: 48rpx;

                  img {
                     width: 100%;
                     height: 100%;
                  }
               }

               .item {
                  width: 50%;
                  display: flex;
                  align-items: center;

                  .label {
                     flex-shrink: 0;
                     font-size: 26rpx;
                     font-weight: 400;
                     color: #666666;
                     flex-shrink: 0;
                  }

                  .nr {
                     flex: 1;
                     display: flex;
                     align-items: center;

                     input {
                        width: 130rpx;
                        height: 40rpx;
                        border-radius: 8rpx;
                        border: 1rpx solid #E5E5E5;
                        margin-right: 10rpx;
                     }

                     span {
                        font-size: 26rpx;
                        font-weight: 400;
                        color: #222222;
                     }
                  }
               }
            }
         }
      }

      .page_yxwl_kong {
         padding: 50rpx 0;
         font-size: 25rpx;
         display: flex;
         align-items: center;
         justify-content: center;
      }
   }

   .page_zw {
      height: 160rpx;
   }

   .page_footer {
      width: calc(100% - 60rpx);
      background: #F7F7F7;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: fixed;
      bottom: 0;
      left: 30rpx;
      padding-bottom: 68rpx;
      z-index: 9999;

      .page_footer_qr {
         flex: 1;
         height: 88rpx;
         background: #fff;
         box-shadow: 0 0 12rpx 0 rgba(0, 0, 0, 0.08);
         border-radius: 8rpx;
         font-size: 32rpx;
         font-weight: 500;
         color: $nav-color;
         display: flex;
         align-items: center;
         justify-content: center;

         img {
            width: 30rpx;
            height: 30rpx;
            margin-right: 12rpx;
         }
      }

      .page_footer_ck {
         flex: 1;
         height: 88rpx;
         background: $nav-color;
         box-shadow: 0 0 12rpx 0 rgba(0, 0, 0, 0.08);
         border-radius: 8rpx;
         font-size: 32rpx;
         font-weight: 500;
         color: #FFFFFF;
         display: flex;
         align-items: center;
         justify-content: center;
      }
   }
</style>