@logwire/logwire-wms-pda-ui 3.1.1 → 3.1.2

package/src/components/page/receive/putaway/lpnBatchAction/index.vue

@@ -17,7 +17,9 @@
         :key="k"
         :index="k"
         :item="i"
+        show-reload-loc
         @del="lpnDel(i,k)"
+        @reloadLoc="reloadLoc(i)"
       />
 
     </div>
@@ -59,9 +61,19 @@
           id="bottom-btn-box"
           :class="[
             'lw-global-row',
-            showAnimation ? 'lw-global-animation-rotate' : ''
+            showAnimation ? 'lw-global-animation-rotate' : '',
+            'lw-global-flex-between'
           ]"
         >
+          <lw-button
+            block
+            plain
+            type="last"
+            style="margin-right: 5px"
+            @click="locReloadAll"
+          >
+            {{ $lwLanguage.get('','库位全部重新分配') }}
+          </lw-button>
           <lw-button
             block
             @click="confirmAction"
@@ -81,6 +93,8 @@
 import lpnBatchItem from "../components/lpnBatchItem.vue";
 import {
   wmsMobileQueryPutawayTaskByWholeLpn,
+  wmsMobileSecondAllocatePutawayByWholeLpnBatch,
+  wmsMobileSecondAllocatePutawayByWholeLpn,
   wmsMobileSubmitPutawayByWholeLpnBatch
 } from "../../../../../api/receive/putaway";
 
@@ -201,6 +215,24 @@ export default {
       })
 
     },
+
+    // 重新分配库位
+    async reloadLoc(item){
+      await wmsMobileSecondAllocatePutawayByWholeLpn({
+        fromLpn: item.lpn
+      })
+
+      this.init()
+    },
+
+    // 库位全部重新分配
+    async locReloadAll(){
+      await wmsMobileSecondAllocatePutawayByWholeLpnBatch({
+        lpnList: this.lpnDataList.map(item=>item.lpn)
+      })
+
+      this.init()
+    }
   },
   deactivated() {
     this.bottomBtnBoxDom.removeEventListener("webkitAnimationEnd", this.bottomBtnAnimation)

package/src/components/page/receive/putaway/skuAction/index.vue

@@ -12,7 +12,7 @@
 
     <div class="lw-global-page-box">
 
-      <div class="lw-global-tab-box">
+      <lw-tab-box>
 
         <van-tabs
           type="card"
@@ -131,6 +131,8 @@
               <sku-putaway-info
                 style="margin: 10px 0"
                 :item="skuListData[skuIndex]"
+                show-reload
+                @reload="locReload"
               />
 
               <!-- 输入框 -->
@@ -302,7 +304,7 @@
 
         </van-tabs>
 
-      </div>
+      </lw-tab-box>
 
     </div>
 
@@ -439,6 +441,7 @@ import {
   wmsMobileSubmitPutawayBySku,
   wmsMobileQueryPutawaySkuSn,
   wmsMobileSubmitPutawayBySkuSn,
+  wmsMobileSecondAllocatePutawayBySku,
 } from "../../../../../api/receive/putaway";
 import SnsList from '../../../inbound/components/SnsList.vue'
 import {scanUtils} from '../../../inbound/util/InboundUtils'
@@ -739,6 +742,7 @@ export default {
         this.$lwToast.success(
           this.$lwLanguage.get('wms_project.pda.receive.skuAction.abnSuccess','异常上报成功')
         )
+        this.$refs.abnormal.printLabel()
         this.getData()
       })
     },
@@ -930,6 +934,18 @@ export default {
         this.getData()
       })
     },
+
+    // 库位二次分配
+    async locReload(){
+      const item = this.skuListData[this.skuIndex]
+      await wmsMobileSecondAllocatePutawayBySku({
+        taskId: item.task.taskId,
+        groupKey: item.groupKey,
+        skuCode: item.sku.code
+      })
+
+      this.getData()
+    }
   }
 }
 </script>

package/src/components/page/receive/receipt/action/index.vue

@@ -13,7 +13,7 @@
 
 
     <div class="lw-global-page-box">
-      <div class="lw-global-tab-box">
+      <lw-tab-box>
         <van-tabs
           type="card"
           animated
@@ -122,6 +122,14 @@
 
             </div>
 
+            <div class="lw-global-model-box" style="padding-bottom: 5px">
+              <div class="lw-global-title" style="margin-bottom: 5px">
+                {{ $lwLanguage.get('','回单照片') }}
+              </div>
+              <lw-img-upload v-model="i.lwImages"/>
+
+            </div>
+
             <div
               class="lw-global-model-box"
               v-for="(item,key) in i.lines"
@@ -166,7 +174,7 @@
             </div>
           </van-tab>
         </van-tabs>
-      </div>
+      </lw-tab-box>
 
 
     </div>
@@ -216,6 +224,9 @@ export default {
 
       if (this.receiptData.length) {
         this.tabActive = 0
+        this.receiptData.forEach(item=>{
+          item.lwImages= item.images ? item.images.split('|') : []
+        })
         return
       }
 
@@ -247,15 +258,19 @@ export default {
     },
     // 确认收货回单
     confirmReceive() {
+      const data = this.receiptData[this.tabActive]
       wmsMobileReturnReceiptOrder({
-        id: this.receiptData[this.tabActive].id
+        id: data.id,
+        images: data.lwImages.join('|')
       }).then(() => {
         this.onConfirmAfter()
       })
     },
     confirmAdvanceReceive() {
+      const data = this.receiptData[this.tabActive]
       wmsMobileReturnAdvanceReceiptOrder({
-        id: this.receiptData[this.tabActive].id
+        id: data.id,
+        images: data.lwImages.join('|')
       }).then(() => {
         this.onConfirmAfter()
       })

package/src/components/ui/CarPlate/index.vue

@@ -12,6 +12,7 @@
       :is-edit="isEdit"
       :is-link="isEdit"
       :required="required"
+      :border="border"
       @click="openPopup"
     >
 
@@ -212,12 +213,20 @@ export default {
       type: Boolean,
       default: false
     },
+    // 是否显示下划线
+    border:{
+      type: Boolean,
+      default: true
+    },
 
     // 是否隐藏手动输入选项
     hiddenHandInput:{
       type: Boolean,
       default: false
-    }
+    },
+
+    // 点击确认后的回调函数支持异步，返回false时将不关闭弹框
+    confirmFn: Function
   },
   computed: {
     // 触发input事件的计算值
@@ -396,7 +405,7 @@ export default {
     },
 
     // 确认
-    confirm(){
+    async confirm(){
       let num = this.carPlateList.join('')
       if (this.carType === 'old' && num.length !== 7){
         this.$lwShowErrorMsg(
@@ -415,6 +424,9 @@ export default {
       if (this.carType === 'handInput') num = this.handInput.value
 
       this.num = num
+      if (this.confirmFn && typeof this.confirmFn === 'function'){
+        if(!await this.confirmFn(num)) return
+      }
       this.showPopup = false
     },
 

package/src/components/ui/ErrorMsg/index.js

@@ -39,24 +39,21 @@ const show = (obj) => {
     data.message = obj
   }
 
-  if (errorMsgNew){
-    errorMsgNew.message = data.message
-
-    if (typeof obj === 'object'){
-      errorMsgNew.background = data.background
-      errorMsgNew.color = data.color
-    }
+  errorMsgNew = window.lwWindowGlobalData.get('errorMsgDom')
 
+  if (errorMsgNew){
+    errorMsgNew.showDom(data)
     return
   }
 
   lwErrorMsgDom(data)
+  window.lwWindowGlobalData.set('errorMsgDom', errorMsgNew)
 }
 
 // 关闭错误提示弹框
 const close = () => {
-  errorMsgNew.close()
-  errorMsgNew = null
+  const dom = window.lwWindowGlobalData.get('errorMsgDom')
+  dom ? dom.close() : console.log('调用关闭错误弹框失败，没有可以关闭的弹框', dom)
 }
 
 

package/src/components/ui/ErrorMsg/index.vue

@@ -13,16 +13,17 @@
 
     <div
       :style="{
-        background:background,
-        color:color
+        background,
+        color
       }"
       class="lw-error-msg-body"
     >
       <div class="lw-error-msg-content">{{ message }}</div>
     </div>
 
-    <div class="lw-global-flex-center lw-error-msg-close" @click="offError">
-      <img src="../../../assets/img/off.png" alt="">
+    <div class="lw-global-flex-center lw-error-msg-close" @click="close">
+<!--      <img src="../../../assets/img/off.png" alt="">-->
+      <div class="lw-global-flex-center close">×</div>
     </div>
 
   </div>
@@ -61,12 +62,13 @@ export default {
     },5)
   },
   methods: {
-    // 通过点击关闭按钮关闭弹窗
-    offError(){
-      this.$lwCloseErrorMsg()
+    // 显示
+    showDom({message, background, color}){
+      this.message = message
+      this.background = background
+      this.color = color
     },
 
-
     // 关闭弹框
     close(){
       this.height=0
@@ -75,6 +77,7 @@ export default {
         // 让原输入框获取焦点
         this.getInput('focus')
         this.show=false
+        window.lwWindowGlobalData.set('errorMsgDom', null)
       })
       this.$emit('close')
     },
@@ -130,8 +133,13 @@ export default {
   left: 50%;
   transform: translateX(-50%);
 
-  >img{
-    width: 40px;
+  .close{
+    width: 26px;
+    height: 26px;
+    border: solid 2px #ffffff;
+    border-radius: 50%;
+    color: #ffffff;
+    font-size: 26px;
   }
 }
 

package/src/components/ui/ImgUpload/index.vue

@@ -56,7 +56,6 @@ export default {
         })
       })
     })
-
   },
   methods: {
     // 文件上传选择完成
@@ -88,9 +87,12 @@ export default {
           uploadContentType: res.uploadContentType
         })
 
-        this.fileListChange.push(`${file.file.name}=${res.objectName || img.data.objectName}`)
+        const name = `${file.file.name}=${res.objectName || img.data.objectName}`
+        this.fileListChange.push(name)
         file.status = 'none';
 
+        this.$emit('uploadSuccess', name, this.fileListChange)
+
       }catch (err){
 
         console.error('图片上传异常：', err)
@@ -103,13 +105,17 @@ export default {
     // 删除文件
     deleteFn(file){
       const name = file.objectName || file.file.name
-      const index = file.file?0:1
+      const index = file.file ? 0 : 1
+      let fileName = ''
       this.fileListChange.forEach((i,k)=>{
         const item=i.split('=')[index]
         if (item===name){
           this.fileListChange.splice(k,1)
+          fileName = i
         }
       })
+
+      this.$emit('del', fileName, this.fileListChange)
     }
   },
 }

package/src/components/ui/NotData/index.vue

@@ -75,6 +75,7 @@ export default {
 
   .lw-none-data-content{
     margin-bottom: 10px;
+    text-align: center;
   }
 }
 

package/src/components/ui/NoticeBar/index.js

@@ -65,26 +65,30 @@ const show = (obj) => {
   data.background = data.background || background
   data.color = data.color || color
 
+
+  noticeNew = window.lwWindowGlobalData.get('noticeBarDom')
+
   if (noticeNew){
-    noticeNew.message = data.message
+    /*noticeNew.message = data.message
 
     if (isObj){
       noticeNew.background = data.background
       noticeNew.color = data.color
       noticeNew.type = data.type
       noticeNew.showTime = data.showTime
-    }
-
+    }*/
+    noticeNew.showDom(data)
     return
   }
 
   lwNoticeBarDom(data)
+  window.lwWindowGlobalData.set('noticeBarDom', noticeNew)
 }
 
 // 关闭错误提示弹框
 const close = () => {
-  noticeNew.close()
-  noticeNew = null
+  const dom = window.lwWindowGlobalData.get('noticeBarDom')
+  dom ? dom.close() : console.log('调用关闭顶部消息栏失败，没有可以关闭的消息', dom)
 }
 
 

package/src/components/ui/NoticeBar/index.vue

@@ -9,13 +9,13 @@
     v-if="show"
     ref="notBox"
     class="lw-global-flex-between not-box"
-    :style="{background,color}"
+    :style="{background,color,height}"
   >
     <div style="flex: 1">{{message}}</div>
 
     <div
       class="close-btn"
-      @click="closeClick"
+      @click="close"
     >×</div>
   </div>
 </template>
@@ -24,6 +24,7 @@
 
 /* 注意此组件不能使用 this.$XXX 的方法，因为没有注册组件是通过指令调用的 */
 
+
 export default {
   name: "lwNoticeBar",
   /*props:{
@@ -43,30 +44,51 @@ export default {
       showTime: '',
       // 定时器
       timeOut:'',
+      // 高度
+      height: ''
     }
   },
   watch:{
     show(n){
       if (n){
-        this.timeOut && clearTimeout(this.timeOut)
-        const showTime = this.showTime === 0 ? 0 : this.showTime ? this.showTime : 2
-        let time = Number(showTime)
-        time = isNaN(time) ? 2 : time
-        time !== 0 ? this.timeOut = setTimeout(()=>this.closeClick(),time * 1000) : ''
+        this.renderDom()
       }
     }
   },
   methods: {
+    // 显示
+    showDom({message, background, color, showTime}){
+      this.message = message
+      this.background = background
+      this.color = color
+      this.showTime = showTime
+      this.renderDom()
+    },
+
+    // 渲染dom
+    renderDom(){
+      this.timeOut && clearTimeout(this.timeOut)
+      const showTimeNum = this.showTime === 0 ? 0 : this.showTime ? this.showTime : 2
+      let time = Number(showTimeNum)
+      time = isNaN(time) ? 2 : time
+      time !== 0 ? this.timeOut = setTimeout(()=>this.close(),time * 1000) : ''
+      this.height = 'auto'
 
-    // 手动关闭
-    closeClick(){
-      this.$lwCloseNoticeBar()
+      this.$nextTick(()=>{
+        this.dom = document.getElementsByClassName('not-box')[0]
+        this.height = this.dom.offsetHeight + 'px'
+      })
     },
 
     // 关闭弹框
     close(){
-      this.show = false
-      this.timeOut && clearTimeout(this.timeOut)
+      this.height = 0
+
+      this.dom.addEventListener('transitionend', ()=>{
+        this.show = false
+        this.timeOut && clearTimeout(this.timeOut)
+        window.lwWindowGlobalData.set('noticeBarDom',null)
+      })
     },
 
   }

package/src/components/ui/TabBox/index.js

@@ -0,0 +1,11 @@
+/*
+* tab组件容器
+* @author: 张文
+* @date: 2023-01-04
+* */
+
+import lwTabBox from "./index.vue";
+
+lwTabBox.install = Vue => Vue.component(lwTabBox.name, lwTabBox)
+
+export default lwTabBox

package/src/components/ui/TabBox/index.vue

@@ -0,0 +1,99 @@
+<!--
+  tab组件容器
+  @author: 张文
+  @date: 2023-01-04
+-->
+<template>
+  <div ref="tabBox">
+
+
+    <!-- 滚动时的占位 -->
+    <div
+      v-if="showCopy"
+      :style="{
+        height: this.height + 10 + 'px',
+        width:'100%'
+      }"
+    ></div>
+    <!-- 放置tabs -->
+    <div class="lw-global-tab-box">
+      <slot></slot>
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwTabBox",
+  props:{
+    // 是否固定
+    fixed:{
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      tabDom:'',
+      height: 0,
+      top: 0,
+      showCopy: false
+    }
+  },
+  mounted() {
+    if (!this.fixed) return
+    this.tabDom = this.$refs.tabBox.getElementsByClassName('van-tabs__wrap')[0]
+    this.height = this.tabDom.clientHeight
+    this.top = this.$refs.tabBox.offsetTop
+
+    window.addEventListener('scroll',this.scrollFn)
+
+    this.tabDom.addEventListener('click',this.clickFn)
+  },
+  methods: {
+
+    scrollFn(){
+      this.height = this.tabDom.clientHeight
+      this.top = this.$refs.tabBox.offsetTop
+      if (window.scrollY >= this.top){
+        this.showCopy = true
+        this.tabDom.style.position = 'fixed'
+        this.tabDom.style.top = 0
+        this.tabDom.style.left = 0
+        this.tabDom.style.zIndex = 10
+        this.tabDom.style.width = '100%'
+        this.tabDom.style.boxShadow = '0 1px 8px 1px rgba(0, 0, 0, 0.3)'
+      }else {
+        this.tabDom.style.position = 'initial'
+        this.tabDom.style.boxShadow = 'none'
+        this.tabDom.style.zIndex = 1
+        this.showCopy = false
+      }
+    },
+
+    clickFn(){
+      this.tabDom.style.position === 'fixed' && this.$refs.tabBox.scrollIntoView({
+        behavior: "smooth",
+        block:'start',
+      })
+    }
+
+  },
+  destroyed() {
+    window.removeEventListener('scroll', this.scrollFn)
+    window.removeEventListener('click', this.clickFn)
+  }
+}
+</script>
+
+<style scoped lang="less">
+.lw-tab-box-fixed{
+  position: relative;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+
+</style>

package/src/components/ui/index.js

@@ -58,6 +58,8 @@ import lwBottomBarBtnHidden from "./BottomBarBtnHidden";
 import lwPagination from "./Pagination";
 // 行加多选弹框组件
 import lwCellPopupCheckbox from "./CellPopupCheckbox";
+// tab组件容器
+import lwTabBox from "./TabBox";
 
 
 
@@ -89,4 +91,5 @@ export const ui = [
   lwPagination,
   lwCellPopupSelect,
   lwCellPopupCheckbox,
+  lwTabBox,
 ]