@logwire/logwire-wms-pda-ui 1.1.17 → 1.2.0

package/src/components/page/outbound/pick/components/dataLookAndChange/index.vue

@@ -6,107 +6,30 @@
 <template>
   <div>
 
-    <lw-nav-bar :title="$lwLanguage.get('','执行拣选')"/>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.gmmvhnxt','执行拣选')"/>
 
     <!-- 页主体 -->
     <div class="lw-global-page-box">
 
       <!-- 头部数据看板 -->
-      <div
-        class="lw-global-model-box"
-        style="border-radius: 10px 10px 0 0"
-      >
-        <div class="lw-global-flex-start">
-
-          <img
-            :src="require('./../../../../../../assets/img/taskOrder.png')"
-            alt=""
-            style="width: 50px;"
-          >
-
-          <div style="margin-left: 10px">
-            <div class="lw-global-value-bold" style="font-size: 16px">{{ pickData.pickNo }}</div>
-
-            <!-- 捆包类型 -->
-            <lw-tag
-              v-if="pickData.pickPackTypeLabel"
-              style="margin-left: 0"
-              plain
-              round
-            >{{ pickData.pickPackTypeLabel }}</lw-tag>
-            <!-- 拣选方式 -->
-            <lw-tag
-              v-if="pickData.pickMethodLabel"
-              type="warning"
-              plain
-              round
-            >{{ pickMethod }}</lw-tag>
-          </div>
-
-        </div>
-      </div>
-      <lw-data-look-bg type="not">
-
-        <!-- 计划量 -->
-        <div>
-          <div>{{ pickData.totalQty || 0 }}</div>
-          <div class="lw-data-look-bg-title">
-            {{ $lwLanguage.get('','计划量') }}
-          </div>
-        </div>
-
-        <!-- 已拣量 -->
-        <div>
-          <div>{{ pickData.pickQty || 0 }}</div>
-          <div class="lw-data-look-bg-title">
-            {{ $lwLanguage.get('','已拣量') }}
-          </div>
-        </div>
-
-        <!-- 待拣量 -->
-        <div>
-          <div>{{ pickData.waitPickQty || 0 }}</div>
-          <div class="lw-data-look-bg-title">
-            {{ $lwLanguage.get('','待拣量') }}
-          </div>
-        </div>
-
-        <!-- 异常量 -->
-        <div class="lw-data-last-item">
-          <div>{{ pickData.abnormalQty || 0 }}</div>
-          <div class="lw-data-look-bg-title">
-            {{ $lwLanguage.get('','异常量') }}
-          </div>
-        </div>
-
-      </lw-data-look-bg>
-      <div
-        class="lw-global-model-box"
-        style="border-radius: 0 0 10px 10px;margin-bottom: 10px"
+      <task-info
+        :item="pickData"
       >
-        <!--进度条-->
-        <van-progress
-          style="margin: 5px 0"
-          stroke-width="8"
-          :percentage="percentage"
-          color="linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%)"
-        />
-
         <div style="margin-top: 15px">
           <lw-tag
             v-if="pickData.allocationOrder"
             type="danger"
             round
             plain
-          >{{ $lwLanguage.get('','调拨出库') }}</lw-tag>
+          >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.tflazism','调拨出库') }}</lw-tag>
           <lw-tag
             v-if="pickData.multiInOne"
             round
             plain
-          >{{ $lwLanguage.get('','多件一票') }}</lw-tag>
+          >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.jzgvyidm','多件一票') }}</lw-tag>
         </div>
         <slot name="look-bottom"></slot>
-      </div>
+      </task-info>
 
       <!-- 业务自定义 -->
       <slot></slot>
@@ -120,24 +43,24 @@
     >
       <div style="text-align: center;">
         <div class="lw-global-value-bold">A00001</div>
-        <div class="lw-global-title">{{ $lwLanguage.get('','已打印出库票') }}</div>
+        <div class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.czojjcua','已打印出库票') }}</div>
       </div>
 
       <div style="text-align: center;">
         <div class="lw-global-value-bold">2</div>
-        <div class="lw-global-title">最小销售数</div>
+        <div class="lw-global-title">{{$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.xuaisfpz', '最小销售数')}}</div>
       </div>
 
       <div style="text-align: center;">
         <div class="lw-global-value-bold-red">4</div>
-        <div class="lw-global-title">{{ $lwLanguage.get('','商品数') }}</div>
+        <div class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.rzgcodrm','商品数') }}</div>
       </div>
 
       <lw-button
         style="flex-shrink: 0"
         mini
         round
-      >{{ $lwLanguage.get('','补打票') }}</lw-button>
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.jladlkga','补打票') }}</lw-button>
 
     </div>
 
@@ -147,23 +70,23 @@
       <lw-button
         type="last"
         @click="lackBtn"
-      >{{ $lwLanguage.get('','拣选缺货') }}</lw-button>
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.odduxuax','拣选缺货') }}</lw-button>
 
       <lw-button
         type="normal"
         plain
         @click="abnBtn"
-      >{{ $lwLanguage.get('','异常') }}</lw-button>
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.wrhgkhxs','异常') }}</lw-button>
 
       <lw-button
         @click="confirmBtn"
-      >{{ $lwLanguage.get('','确认拣选') }}</lw-button>
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.ubkjkecw','确认拣选') }}</lw-button>
 
     </lw-bottom-bar>
 
-    <!-- 多零件选择 -->
+    <!-- 多商品选择 -->
     <lw-popup
-      :title="$lwLanguage.get('','选择商品')"
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.kvpwvbms','选择商品')"
       v-model="skuSelectPopup.show"
     >
 
@@ -190,7 +113,7 @@
 
     <!-- 拣选缺货 -->
     <lw-popup
-      :title="$lwLanguage.get('','拣选缺货')"
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.odduxuax','拣选缺货')"
       v-model="lackPopup.show"
     >
 
@@ -218,7 +141,7 @@
         <div class="lw-global-flex-between lw-global-row">
 
           <lw-title-value-cell
-            :title="$lwLanguage.get('','拣选库位')"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.jphugkrl','拣选库位')"
             :value="lackPopup.skuInfo.fromLocationCode"
             val-bold
             :is-row="false"
@@ -226,7 +149,7 @@
 
           <div>
             <span class="lw-global-title">
-              {{ $lwLanguage.get('','最小销售量') }}
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.ahlgyadg','最小销售量') }}
             </span>
             <span class="lw-global-value-bold-red">
               {{ lackPopup.skuInfo.uomQty }}
@@ -237,7 +160,7 @@
 
         <lw-title-value-cell
           class="lw-global-row"
-          :title="$lwLanguage.get('','待拣量')"
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.nbwstigk','待拣量')"
           :value="lackPopup.skuInfo.qty || 0"
           val-bold
           :is-row="false"
@@ -247,7 +170,7 @@
 
 
       <lw-input
-        :title="$lwLanguage.get('','缺货量')"
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.mcywreph','缺货量')"
         v-model="lackPopup.lackQty"
         :get-focus.sync="lackPopup.lackQtyFocus"
         type="digit"
@@ -256,14 +179,14 @@
 
       <template #button>
         <lw-button @click="lackConfirm"
-        >{{ $lwLanguage.get('','确认') }}</lw-button>
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.pwuturyd','确认') }}</lw-button>
       </template>
 
     </lw-popup>
 
     <!-- 异常 -->
     <lw-popup
-      :title="$lwLanguage.get('','异常')"
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.wrhgkhxs','异常')"
       v-model="abnPopup.show"
       @closed="abnPopup.comShow = false"
     >
@@ -273,30 +196,30 @@
         ref="abnormal"
         v-bind="abnPopup.skuInfo"
         :location="abnPopup.skuInfo.fromLocationCode"
-        :type="$lwLanguage.get('','在库')"
-        :ab-type="$lwLanguage.get('','拣选')"
+        :type="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.jguajwtw','在库')"
+        :ab-type="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.sveqfqie','拣选')"
       />
 
       <template #button>
         <lw-button @click="abnConfirm"
-        >{{ $lwLanguage.get('','确认') }}</lw-button>
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.pwuturyd','确认') }}</lw-button>
       </template>
 
     </lw-popup>
 
     <!-- 去播种 -->
     <lw-popup
-      :title="$lwLanguage.get('','拣选完成 - 提总')"
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.wkhikwpx','拣选完成 - 提总')"
       v-model="sowShow"
-      :off-btn-fn="backPage"
+      @closed="backPage"
     >
 
       <div class="lw-global-row lw-data-loot-adn-change-success">
-        {{ $lwLanguage.get('','当前任务已拣选完成，请移动到播种墙进行播种分拣') }}
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.tiqcxxpm','当前任务已拣选完成，请移动到播种墙进行播种分拣') }}
       </div>
 
       <lw-title-value-cell
-        :title="$lwLanguage.get('','拣选容器号')"
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.adpgbpey','拣选容器号')"
         :value="pickContainer"
         val-red
         val-bold
@@ -304,7 +227,7 @@
       />
 
       <lw-title-value-cell
-        :title="$lwLanguage.get('','播种墙')"
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.nonxcofj','播种墙')"
         :value="pickData.sowCode"
         val-bold
         :val-size="16"
@@ -314,17 +237,17 @@
 
     <!-- 集合 -->
     <lw-popup
-      :title="$lwLanguage.get('','拣选完成')"
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.ocnaieum','拣选完成')"
       v-model="summaryShow"
-      :off-btn-fn="backPage"
+      @closed="backPage"
     >
 
       <div class="lw-global-row lw-data-loot-adn-change-success">
-        {{ $lwLanguage.get('','当前任务已拣选完成，请移动到集合口进行分区拣选集合') }}
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.iotrhdno','当前任务已拣选完成，请移动到集合口进行分区拣选集合') }}
       </div>
 
       <lw-title-value-cell
-        :title="$lwLanguage.get('','拣选容器号')"
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.adpgbpey','拣选容器号')"
         :value="pickContainer"
         val-red
         val-bold
@@ -333,14 +256,14 @@
 
       <div class="lw-global-flex-between">
         <lw-title-value-cell
-          :title="$lwLanguage.get('','集合口')"
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.nicfndjc','集合口')"
           :value="pickData.summaryCode"
           val-bold
           :val-size="16"
         />
 
         <lw-title-value-cell
-          :title="$lwLanguage.get('','集合位')"
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.rnlhotsx','集合位')"
           :value="pickData.summaryLineCode"
           val-bold
           :val-size="16"
@@ -351,26 +274,26 @@
 
     <!-- 独立件 - 集货 -->
     <lw-popup
-      :title="$lwLanguage.get('','拣选完成')"
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.ocnaieum','拣选完成')"
       v-model="aloneShow"
-      :off-btn-fn="backPage"
+      @closed="backPage"
     >
 
       <div class="lw-global-row lw-data-loot-adn-change-success">
-        {{ $lwLanguage.get('','当前任务已拣选完成，请移动到集货位进行集货') }}
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.yxomdpgj','当前任务已拣选完成，请移动到集货位进行集货') }}
       </div>
 
     </lw-popup>
 
     <!-- 非独立件 -->
     <lw-popup
-      :title="$lwLanguage.get('','拣选完成')"
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.ocnaieum','拣选完成')"
       v-model="notAloneShow"
-      :off-btn-fn="backPage"
+      @closed="backPage"
     >
 
       <div class="lw-global-row lw-data-loot-adn-change-success">
-        {{ $lwLanguage.get('','当前任务已拣选完成，请移动到捆包区:') }}
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.usntgvja','当前任务已拣选完成，请移动到捆包区:') }}
         <span
           class="lw-global-value-bold-red"
           style="font-size: 16px"
@@ -380,17 +303,13 @@
       <!-- 独立捆包件不显示 -->
       <lw-title-value-cell
         v-if="pickData.pickMethod !== 'ALONE_PACK'"
-        :title="$lwLanguage.get('','拣选容器号')"
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.adpgbpey','拣选容器号')"
         :value="pickContainer"
         val-red
         val-bold
         :val-size="16"
       />
 
-      <div style="text-align: center;margin-top: 10px">
-        <lw-tag size="large">{{ pickData.pickPackTypeLabel }}</lw-tag>
-      </div>
-
     </lw-popup>
 
 
@@ -398,9 +317,13 @@
 </template>
 
 <script>
+import taskInfo from "../taskInfo.vue";
 
 export default {
   name: "index",
+  components:{
+    taskInfo
+  },
   props:{
 
     // 当前拣选类型： box-按箱、lpn-按托盘、alone-独立件、notAlone-非独立件
@@ -462,10 +385,10 @@ export default {
     // 拣选方式
     pickMethod(){
       if (this.pickData.pickUom === 'CASE'){
-        return this.$lwLanguage.get('','按箱拣选')
+        return this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.gjxccjvg','按箱拣选')
       }
       if (this.pickData.pickUom === 'LPN'){
-        return this.$lwLanguage.get('','整托盘拣选')
+        return this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.htxwnpou','整托盘拣选')
       }
 
       return this.pickData.pickMethodLabel
@@ -473,9 +396,9 @@ export default {
   },
   data() {
     return {
-      // 选择零件的弹框
+      // 选择商品的弹框
       skuSelectPopup:{
-        // 调用选择零件的父类型：缺货-lack，异常-abn
+        // 调用选择商品的父类型：缺货-lack，异常-abn
         type:'',
         show: false,
         list:[]
@@ -521,7 +444,7 @@ export default {
     lackAbnSuccess(res){
       if (res.generateStatus){
         this.$lwToast.success(
-          this.$lwLanguage.get('','上报缺货成功')
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.eknxrtel','上报缺货成功')
         )
       }
 
@@ -553,7 +476,7 @@ export default {
     },
 
 
-    // 缺货拣选或者异常上报时候是否存在多零件
+    // 缺货拣选或者异常上报时候是否存在多商品
     checkSkuMore(type){
 
       let data
@@ -597,13 +520,13 @@ export default {
         }
       }
     },
-    // 显示需要选择零件的弹框
+    // 显示需要选择商品的弹框
     showSkuSelect(list, type){
       this.skuSelectPopup.list = list
       this.skuSelectPopup.type = type
       this.skuSelectPopup.show = true
     },
-    // 选中零件
+    // 选中商品
     skuSelectClick(item){
       if (this.skuSelectPopup.type === 'abn'){
         this.showAbnPopup(item)
@@ -634,7 +557,7 @@ export default {
       if (!qty){
         this.lackPopup.lackQtyFocus = true
         this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','缺货量不能为空，且应当是大于0的整数')
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.vgtttoca','缺货量不能为空，且应当是大于0的整数')
         )
         this.lackPopup.lackQty = ''
         return
@@ -646,7 +569,7 @@ export default {
       if (Number(sku.qty || 0) < qty){
         this.lackPopup.lackQtyFocus = true
         this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','缺货量不能大于待拣量')
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.lqqjxrxd','缺货量不能大于待拣量')
         )
         this.lackPopup.lackQty = ''
         return