bug

jiangping

2023-11-07 64b432916af9c9218ab3f3eca614e26c542142ae

 minipro_standard/pages_adjust/pages/warehousingDetails/warehousingDetails.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,482 @@
<template>
   <view class="content2">
      <view class="order-message">
         <view class="content_list_item_top">
            <view class="content_list_item_top_left">
               <!--          <text>转库单号：</text>-->
               <text>{{ data.code }}</text>
            </view>
            <view class="content_list_item_top_right">
               <text class="created" v-if="data.status === 0">待出库</text>
               <text class="warning" v-else-if="data.status === 1">已出库</text>
               <text class="green" v-else-if="data.status == 2">已入库</text>
               <text class="info" v-else-if="data.status === 3">已取消</text>
            </view>
         </view>
         <!-- item主题信息部分 -->
         <view class="content_list_item_content">
            <view style="margin-top: 0 " class="content_list_item_content_item">
               <view class="content_list_item_content_item_label">单据类型：</view>
               <view class="content_list_item_content_item_nr">
                  {{ tyepToStr(data.type) }}
               </view>
            </view>
            <view class="content_list_item_content_item">
               <view class="content_list_item_content_item_label">转出组织：</view>
               <view class="content_list_item_content_item_nr">
                  {{ data.outDepartName }}
               </view>
            </view>
            <view class="content_list_item_content_item">
               <view class="content_list_item_content_item_label">转入组织：</view>
               <view class="content_list_item_content_item_nr">
                  {{ data.inDepartName }}
               </view>
            </view>
            <view class="content_list_item_content_item">
               <view class="content_list_item_content_item_label">转出仓库：</view>
               <view class="content_list_item_content_item_nr">
                  {{ data.outWarehouseName }}
               </view>
            </view>
            <view class="content_list_item_content_item">
               <view class="content_list_item_content_item_label">转出仓管员：</view>
               <view class="content_list_item_content_item_nr">
                  {{ data.outUserName }}
               </view>
            </view>
            <view class="content_list_item_content_item">
               <view class="content_list_item_content_item_label">转入仓库：</view>
               <view class="content_list_item_content_item_nr">
                  {{ data.inWarehouseName }}
               </view>
            </view>
            <view class="content_list_item_content_item">
               <view class="content_list_item_content_item_label">转入仓管员：</view>
               <view class="content_list_item_content_item_nr">
                  {{ data.inUserName }}
               </view>
            </view>
            <view class="content_list_item_content_item">
               <view class="content_list_item_content_item_label">计划转出日期：</view>
               <view class="content_list_item_content_item_nr">
                  {{ data.outPlandate }}
               </view>
            </view>
            <view class="content_list_item_content_item">
               <view class="content_list_item_content_item_label">计划转入日期：</view>
               <view class="content_list_item_content_item_nr">
                  {{ data.inPlandate }}
               </view>
            </view>
         </view>
         <!-- è½¬åº“物料 -->
         <view class="material-title">
            <view class="title">
               <text class="title-prefix"></text>
               <text>转库物料</text>
            </view>
         </view>
         <view class="material-content">
            <view class="item-style" v-for="(item, index) in data.wtransferDetailList" :key="index">
               <view class="item-title-style">
                  <text style="font-weight: 500;">{{ item.materialName + ' | ' + item.materialCode}}</text>
               </view>
               <view class="item-content-style">
                  <view class="content_list_item_content_item">
                     <view class="content_list_item_content_item_label">批次号：</view>
                     <view class="content_list_item_content_item_nr">
                        {{ item.batch ? item.batch : '-' }}
                     </view>
                  </view>
                  <view class="content_list_item_content_item">
                     <view class="content_list_item_content_item_label">工序：</view>
                     <view class="content_list_item_content_item_nr">
                        {{ item.procedureName || '-' }}
                     </view>
                  </view>
                  <view class="content_list_item_content_item">
                     <view class="content_list_item_content_item_label">质量：</view>
                     <view class="content_list_item_content_item_nr">
                        <text v-if="item.qualityType==0" class="green">合格</text>
                        <text v-else-if="item.qualityType==1" class="yellow">不良</text>
                        <text v-else-if="item.qualityType==2" class="red">报废</text>
                        <text v-else>-</text>
                     </view>
                  </view>
                  <view class="content_list_item_content_item">
                     <view class="content_list_item_content_item_label">计划转库数量：</view>
                     <view class="content_list_item_content_item_nr">
                        {{ item.outPlannum + item.unitName }}
                     </view>
                  </view>
                  <view class="content_list_item_content_item">
                     <view class="content_list_item_content_item_label">实际转出数量：</view>
                     <view class="content_list_item_content_item_nr">
                        {{ item.outActnum + item.unitName }}
                     </view>
                  </view>
                  <view class="content_list_item_content_item">
                     <view class="content_list_item_content_item_label">实际转入数量：</view>
                     <view class="content_list_item_content_item_nr">
                        {{ item.inActnum + item.unitName }}
                     </view>
                  </view>
               </view>
            </view>
         </view>
      </view>
      <view v-if="(data.status === 0 || data.status === 1) && show" style="background:#F7F7F7; height:94rpx"></view>
      <view v-if="(data.status === 0 || data.status === 1) && show" class="bottom-button">
         <button class="button" @click="submit">{{ data.status === 0 ? '去出库' : '去入库' }}</button>
      </view>
   </view>
</template>

<script>
   import {
      wTransferExtDetail
   } from '@/util/api/materialStorage'
   export default {
      data() {
         return {
            id: null,
            types: [{
                  name: '全部',
                  id: '',
                  isActive: true
               },
               {
                  name: '采购订单',
                  id: '0',
                  isActive: false
               },
               {
                  name: '生产工单',
                  id: '1',
                  isActive: false
               },
               {
                  name: '销售订单',
                  id: '2',
                  isActive: false
               },
               {
                  name: '转库单',
                  id: '3',
                  isActive: false
               },
               {
                  name: '盘点单',
                  id: '4',
                  isActive: false
               },
            ],
            data: {
               code: "",
               status: 0,
               outDepartName: "",
               inDepartName: "",
               outWarehouseName: "",
               inWarehouseName: "",
               outPlandate: "",
               inPlandate: "",
               wtransferDetailList: []
            },
            orderType: [{
                  name: '车间领料',
                  id: 1
               },
               {
                  name: '计划领料',
                  id: 2
               },
               {
                  name: '机台备料',
                  id: 3
               },
               {
                  name: '完工入库',
                  id: 4
               },
               {
                  name: '车间转库',
                  id: 5
               },
               {
                  name: '外协领料转库',
                  id: 6
               },
               {
                  name: '外协完工转库',
                  id: 7
               },
               {
                  name: '成品入库',
                  id: 8
               },
               {
                  name: '成品转库',
                  id: 9
               },
               {
                  name: '让步放行入库',
                  id: 10
               },
               {
                  name: '让步放行转库',
                  id: 11
               },
               {
                  name: '客返返修领料',
                  id: 12
               },
               {
                  name: '客返返修入库',
                  id: 13
               },
               {
                  name: '跨组织转库',
                  id: 14
               },
               {
                  name: '工序报废',
                  id: 15
               },
               {
                  name: '客退返修领料',
                  id: 16
               },
               {
                  name: '客退返修入库',
                  id: 17
               }
            ],
            show: false
         };
      },
      onLoad(option) {
         this.id = option.id
         wTransferExtDetail(option.id)
            .then(res => {
               this.data = res.data
               if (res.data.inUserId == this.$store.state.userInfo.id) {
                  this.show = true
               }
            })
      },
      methods: {
         // è·³è½¬å‡ºåº“入库
         submit() {
            if (this.data.status === 0) { // å‡ºåº“
               console.log('出库')
               // router.push({ name: 'issueOperation', query: { id: route.query.id, type: 7 } })
               uni.navigateTo({
                  url: `/pages/OutOperation/OutOperation?id=${this.id}&type=7`
               });
            } else if (this.data.status === 1) { // å…¥åº“
               if (this.data.type === 3) { // å¤‡æ–™ç¡®è®¤
                  console.log('备料确认')
                  // router.push({ name: 'orderStock', query: { id: route.query.id, status: data.value.status, next: 1 } })
                  return
               }
               console.log('入库')
               uni.navigateTo({
                  url: `/pages/InOperation/InOperation?id=${this.id}&type=7`
               });
               // router.push({ name: 'warehousing', query: { id: route.query.id, type: 7 } })
            }
         },
         tyepToStr(type) {
            for (const item of this.orderType) {
               if (item.id == type) {
                  return item.name
               }
            }
            return '-'
         }
      }
   }
</script>

<style lang="scss" scoped>
   .content2 {
      background: white;

      .order-message {
         padding-top: 30rpx;
         // padding: 30rpx;
         display: flex;
         flex-direction: column;

         // border-bottom: 1rpx solid #ececec;
         .content_list_item_top {
            padding: 0 30rpx;
            display: flex;
            align-items: center;
            justify-content: space-between;

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

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

            .content_list_item_top_right {
               font-size: 26rpx;
               font-weight: 400;

               .created {
                  color: $nav-stateColor1 !important;
               }

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

               .green {
                  color: $nav-stateColor6 !important;
               }

               .info {
                  color: $nav-stateColor3 !important;
               }
            }
         }

         .material-title {
            // background-color: #f7f7f7;
            margin-top: 10rpx;
         }

         .content_list_item_content {
            margin: 0 30rpx;
            padding: 24rpx 30rpx;
            background: #f7f7f7;
            border-radius: 16rpx;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-top: 32rpx;

            .content_list_item_content_item {
               width: 100%;
               display: flex;
               margin-top: 24rpx;

               // &:nth-child(1) {
               //   margin-top: 0 !important;
               // }
               // &:nth-child(2) {
               //   margin-top: 0 !important;
               // }
               .content_list_item_content_item_label {
                  font-size: 24rpx;
                  font-weight: 400;
                  color: #666666;
                  flex-shrink: 0;
               }

               .content_list_item_content_item_nr {
                  font-size: 24rpx;
                  font-weight: 400;
                  color: #222222;
                  margin-right: 10rpx;
               }
            }
         }
      }

      .title {
         height: 32rpx;
         margin-left: 30rpx;
         padding-top: 40rpx;
         padding-bottom: 24rpx;
         font-size: 30rpx;

         .title-prefix {
            display: inline-block;
            background-color: #4275FC;
            height: 30rpx;
            width: 8rpx;
            border-radius: 1rpx;
            margin-right: 12rpx;
         }
      }

      .material-content {
         .item-style {
            width: initial;
            border-bottom: 1rpx solid #ECECEC;
            padding-bottom: 30rpx;

            &:last-child {
               border: none;
            }

            .item-title-style {
               padding: 0 30rpx;
               margin-top: 30rpx;
               margin-bottom: 12rpx;
               font-size: 30rpx;
            }

            .item-content-style {
               margin: 0 30rpx;
               background-color: #f7f7f7;
               border-radius: 16rpx;
               display: flex;
               flex-wrap: wrap;
               justify-content: space-between;
               padding: 1rpx 1rpx 30rpx 1rpx;

               .content_list_item_content_item {
                  width: 100%;
                  display: flex;
                  margin-top: 24rpx;
                  margin-left: 24rpx;

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

                  .content_list_item_content_item_nr {
                     font-size: 24rpx;
                     font-weight: 400;
                     color: #222222;
                     margin-right: 10rpx;
                  }
               }
            }
         }
      }

      .bottom-button {
         padding: 1rpx;
         background-color: #f7f7f7;
         position: fixed;
         width: 100%;
         bottom: 0;
         height: 188rpx;

         .button {
            margin: 32rpx 32rpx 68rpx 32rpx;
            height: 88rpx;
            font-size: 30rpx;
            width: calc(100% - 64rpx);
            border: none;
            border-radius: 8rpx;
            background-color: $nav-color;
            color: #fff;
         }
      }
   }
</style>