#

whycq

2024-04-10 e3b84d48cef3e024e4a17b4df35f47cf3e63e820

 pages/phyz/stationManage/stationDetl.vue

@@ -11,18 +11,50 @@
         <view>站点状态：{{station.locSts$}}</view>
         <view class="mt-flex">
            <view class="station-barcode" style="flex: 1">货架码：<text>{{station.barcode ? station.barcode : '--'}}</text></view>
            <view v-if="station.barcode"><button size="mini" type="warn" @click="unbind()">解除绑定</button></view>
            <view v-if="station.barcode && station.locSts == 'F'"><button size="mini" type="warn" @click="unbind()">解除绑定</button></view>
         </view>
      </view>
      
      
      <!-- 工作档 -->
      <view class="wrkMast">
         <view >工作号</view>
         <view>工作类型</view>
         <view>源库位</view>
      <view class="wrkMast" v-if="wrkMast">
         <view class="wrkMast-wrkNo">
            <view style="flex:3">工作号: {{wrkMast.wrkNo}}</view>
            <view style="flex:2;text-align: right;">{{wrkMast.ioTitle}}</view>
         </view>
         <view>工作类型: {{wrkMast.ioType$}}</view>
         <view>源库位: {{wrkMast.sourceLocNo}}</view>
      </view>
      
      <!-- 明细 -->
      <view class="wrkDetls" v-if="wrkDetls.length > 0">
         <view style="font-weight: bold;">工作明细</view>
         <view class="wrkDetl" v-for="wrkDetl in wrkDetls">
            <view>商品名称:{{wrkDetl.maktx}}</view>
            <view>商品编码:{{wrkDetl.matnr}}</view>
            <view>销售订单号:{{wrkDetl.threeCode ? wrkDetl.threeCode : ' --'}}</view>
            <view>自由项:{{wrkDetl.deadTime ? wrkDetl.deadTime : ' --'}}</view>
            <view>数量:{{wrkDetl.anfme}}</view>
         </view>
      </view>
		
		
      <!-- 组托明细 -->
      <view class="waitPakins" v-if="waitPakins.length > 0">
         <view style="font-weight: bold;">组托明细</view>
         <view class="waitPakin" v-for="waitPakin in waitPakins">
            <view>商品名称:{{waitPakin.maktx}}</view>
            <view>商品编码:{{waitPakin.matnr}}</view>
            <view>订单编号:{{waitPakin.orderNo}}</view>
            <view>销售订单号:{{waitPakin.threeCode ? waitPakin.threeCode : ' --'}}</view>
            <view>自由项:{{waitPakin.deadTime ? waitPakin.deadTime : ' --'}}</view>
            <view>状态:{{waitPakin.ioStatus$}}</view>
            <view>入库数量:{{waitPakin.anfme}}</view>
				
         </view>
      </view>
		
      <view style="height: 140rpx;"></view>
      
      <!-- 弹窗 -->
      <view>
@@ -37,6 +69,42 @@
               <view class="btn">
                  <view class="btn-left" @click="emptyPakinClose">取消</view>
                  <view class="btn-right" @click="emptyPakinConfirm()">入库</view>
               </view>
            </view>
         </uni-popup>
      </view>
		
      <!-- 弹窗 -->
      <view>
         <uni-popup ref="doContainerMoveOut" type="dialog">
            <view class="popup">
               <!-- 标题 -->
               <view class="title">请输入空货架码</view>
               <view class="popup-item">
                  <view class="popup-item-left">货架码:</view>
                  <view class="popup-item-right"><input type="text" v-model="barcode"></view>
               </view>
               <view class="btn">
                  <view class="btn-left" @click="containerMoveOutClose">取消</view>
                  <view class="btn-right" @click="containerMoveOut()">入库</view>
               </view>
            </view>
         </uni-popup>
      </view>
		
      <!-- 弹窗 -->
      <view>
         <uni-popup ref="doPickIn" type="dialog">
            <view class="popup">
               <!-- 标题 -->
               <view class="title">请输入空货架码</view>
               <view class="popup-item">
                  <view class="popup-item-left">货架码:</view>
                  <view class="popup-item-right"><input type="text" v-model="barcode"></view>
               </view>
               <view class="btn">
                  <view class="btn-left" @click="pickInClose">取消</view>
                  <view class="btn-right" @click="pickIn()">入库</view>
               </view>
            </view>
         </uni-popup>
@@ -72,8 +140,9 @@
      <view class="buttom">
         <button size="mini" type="primary" @click="emptyPakin()" v-if="btnType == 'emptyPakin'">空板入库</button>
         <button size="mini" type="primary" @click="emptyOut()" v-if="btnType == 'emptyPakin'">呼叫空板</button>
         <button size="mini" type="primary" @click="containerMoveOut()" v-if="btnType == 'out'">确认出库</button>
         <button size="mini" type="primary" @click="pickIn()" v-if="btnType == 'pick'">已拣料回库</button>
         <button size="mini" type="primary" @click="doContainerMoveOut()" v-if="btnType == 'out' && station.locSts == 'F'">确认出库</button>
         <button size="mini" type="primary" @click="doPickIn()" v-if="btnType == 'pick' && station.locSts == 'F'">已拣料回库</button>
         <button size="mini" type="primary" @click="startPakin()" v-if="btnType == 'start' && station.locSts == 'F'">启动入库</button>
      </view>
   </view>
</template>
@@ -92,7 +161,10 @@
            containerType: '',
            selects: [],
            option: '',
            isOpen: false
            isOpen: false,
            wrkMast:  '',
            wrkDetls: [],
            waitPakins: []
         }
      },
      onShow() {
@@ -103,7 +175,6 @@
         const eventChannel = this.getOpenerEventChannel();
         // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
         eventChannel.on('item', function(data) {
            console.log(data);
            _this.station = data.item
            _this.reloadStation()
         })
@@ -122,7 +193,6 @@
               success(res) {
                  res = res.data
                  if (res.code === 200) {
							
                     if (res.data.records[0].locSts == 'O') {
                        _this.btnType = 'emptyPakin' 
                     } else if (res.data.records[0].locSts == 'F') {
@@ -144,8 +214,8 @@
                        _this.reload.loadingText = '更新状态'
                        _this.getContainerType()
                     },500)
							
                     _this.getWrkMast()
                     _this.getWrkMast(res.data.records[0].barcode)
                     uni.showToast({ title: '更新成功！', icon: "none", position: 'top' })
                  } else if (res.code == 403) {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                     setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
@@ -264,8 +334,12 @@
                  res = res.data
                  if (res.code === 200) {
                     _this.selects = res.data
                  } else if (res.code == 403) {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                     setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
                  } else {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                  }
                  console.log(res);
               }
            })
         },
@@ -278,7 +352,7 @@
            this.containerType = option
         },
         // 查询工作档
         getWrkMast() {
         getWrkMast(barcode) {
            let _this = this
            uni.request({
               url: `${_this.baseUrl}/agv/wrkMast/list/auth`,
@@ -291,13 +365,184 @@
               method: 'GET',
               success(res) {
                  res = res.data
                  if (res.code === 200) {
                     for (let item of res.data.records) {
								
                  if (res.code === 200 && res.data.records.length > 0) {
                     let mast = null
                     for (let wrkMast of res.data.records) {
                        if (wrkMast.ioType == 1) {
                           wrkMast['ioTitle'] = '入库'
                        } else if (wrkMast.ioType == 10) {
                           wrkMast['ioTitle'] = '空板入库'
                        } else if (wrkMast.ioType == 53) {
                           wrkMast['ioTitle'] = '拣料回库'
                        } else if (wrkMast.ioType == 101) {
                           wrkMast['ioTitle'] = '全板出库'
                           _this.btnType = 'out'
                        } else if (wrkMast.ioType == 103) {
                           wrkMast['ioTitle'] = '拣料出库'
                           _this.btnType = 'pick'
                        } else if (wrkMast.ioType == 110) {
                           wrkMast['ioTitle'] = '空板出库'
                        }
                        if (wrkMast.barcode == barcode) {
                           mast = wrkMast
                        }
                     }
							
                     _this.wrkMast = mast
                     _this.getWrkDetl(mast.wrkNo)
                  } else if (res.code === 200 && res.data.records.length == 0) {
                     _this.wrkMast = null
                     _this.wrkDetls = []
                     if (_this.station.barcode != '') {
                        _this.getWaitPakin(_this.station.barcode)
                     }
                  } else if (res.code == 403) {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                     setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
                  } else {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                  }
               }
            })
         },
         // 获取工作明细
         getWrkDetl(wrkNo) {
            let _this = this
            uni.request({
               url: `${_this.baseUrl}/agv/wrkDetl/list/auth`,
               header: {'token': uni.getStorageSync('token')},
               data: {
                  curr: 1,
                  limit: 1000,
                  wrk_no: wrkNo
               },
               method: 'GET',
               success(res) {
                  res = res.data
                  if (res.code === 200) {
                     _this.wrkDetls = res.data.records
                  } else if (res.code == 403) {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                     setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
                  } else {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                  }
               }
            })
         },
         // 获取组托档
         getWaitPakin(barcode) {
            let _this = this
            uni.request({
               url: `${_this.baseUrl}/agv/waitPakin/list/auth`,
               header: {'token': uni.getStorageSync('token')},
               data: {
                  curr: 1,
                  limit: 1000,
                  supp_code: barcode
               },
               method: 'GET',
               success(res) {
                  res = res.data
                  if (res.code === 200) {
                     _this.waitPakins = res.data.records
                     _this.btnType = 'start'
                  } else if (res.code == 403) {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                     setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
                  } else {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                  }
               }
            })
         },
         // 全板出库 确认出库
         doContainerMoveOut() {
            this.$refs.doContainerMoveOut.open()
         },
         containerMoveOutClose() {
            this.$refs.doContainerMoveOut.close()
         },
         containerMoveOut() {
            let _this = this
            let devNo = {devNo:[this.station.devNo],barcode: _this.barcode}
            uni.request({
               url: `${_this.baseUrl}/agv/basDevp/visualized/container/moveOut`,
               data: JSON.stringify(devNo),
               method: 'POST',
               success(res) {
                  res = res.data
                  if (res.code === 200) {
                     _this.$refs.doContainerMoveOut.close()
                     setTimeout(()=> {
                        _this.barcode = ''
                        _this.reloadStation()
                     },1000)
                     uni.showToast({ title: '确认完成', icon: "success", position: 'top' }) 
                  } else if (res.code == 403) {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                     setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
                  } else {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                  }
               }
            })
         },
         // 拣料出库 确认后回库
         doPickIn() {
            this.$refs.doPickIn.open()
         },
         pickInClose() {
            this.$refs.doPickIn.close()
         },
         pickIn() {
            let _this = this
            uni.request({
               url: `${_this.baseUrl}/agv/basDevp/visualized/container/pickIn`,
               data: {devNo: _this.station.devNo,barcode: _this.barcode},
               method: 'POST',
               success(res) {
                  res = res.data 
                  if (res.code === 200) {
                     _this.$refs.doPickIn.close()
                     _this.barcode = ''
                     _this.reloadStation()
                  } else if (res.code == 403) {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                     setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
                  } else {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                  }
               }
            })
         },
         // 启动入库
         startPakin(type) {
            let that = this
            let params = []
            let param = { devNo: this.station.devNo, containerCode: this.station.barcode, }
            params.push(param)
            uni.request({
               url: that.baseUrl + '/agvMobile/pakin/empty/auth',
               data: {pad: params},
               method: 'POST',
               header: {'token': uni.getStorageSync('token')},
               success(result) {
                  var res = result.data
                  if (res.code === 200) {
                     setTimeout(()=> {
                        _this.barcode = ''
                        _this.reloadStation()
                     },1000)
                     uni.showToast({ title: '启动入库', icon: "success", position: 'top' })
                  } else if (res.code == 403) {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                     setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
                  } else {
                     uni.showToast({ title: res.msg, icon: "error", position: 'top' })
                  }
               }
            });
         },
      }
   }
@@ -305,14 +550,15 @@

<style>
   @import url('../../../static/css/common/order.css');
	
   .station {
      font-size: 18px;
      padding: 24rpx;
   }
   .station-title {
      font-size: 32px;
      font-weight: bold;
      padding: 24rpx 0;
   }
   .station {
      font-size: 18px;
      padding: 24rpx;
   }
   .station-barcode {
      font-size: 24px;
@@ -330,12 +576,48 @@
   
   
   .wrkMast {
		
      background-color: #0083ff;
      color: #fff;
      margin-top: 10rpx;
      font-size: 18px;
      padding: 24rpx;
   }
   .wrkMast-wrkNo {
      font-size: 32px;
      font-weight: bold;
      padding: 24rpx 0;
      display: flex;
   }
   
   .wrkDetls {
      background-color: #2299ff;
      color: #fff;
      margin-top: 10rpx;
      font-size: 18px;
      padding: 24rpx;
   }
   .wrkDetl {
      padding: 16rpx 0;
      border-bottom: 1px solid #FFF;
   }
   .wrkDetl:last-child {
      border-bottom: none;
   }
   
	
	
   .waitPakins {
      background-color: #c494ed;
      color: #fff;
      margin-top: 10rpx;
      font-size: 18px;
      padding: 24rpx;
   }
   .waitPakin {
      padding: 16rpx 0;
      border-bottom: 1px solid #FFF;
   }
   .waitPakin:last-child {
      border-bottom: none;
   }
   
   
   .popup {