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

package/src/components/page/outbound/handover/components/pageBox.vue

@@ -0,0 +1,524 @@
+<!--
+  交接主页框架
+  @author: 张文
+  @date: 2022-07-14
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="title"/>
+
+    <div class="lw-global-page-box">
+
+      <!-- 线路信息 -->
+      <line-info
+        style="margin-bottom: 10px"
+        :item="lineData"
+        show-tag
+        all-click
+        @click="lineClick"
+      />
+
+      <slot></slot>
+    </div>
+
+    <lw-bottom-bar v-if="showBottomBar">
+
+      <lw-button
+        type="last"
+        plain
+        @click="repeatScan"
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.lltkcraz','重新扫描') }}</lw-button>
+
+      <lw-button @click="confirmHandover">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bzzaehlc','确认交接') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 部分拦截弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.kzjmdjes','订单拦截 - 部分')"
+      v-model="blockPopup.partShow"
+      :allow-off="false"
+    >
+      <div class="lw-global-row-start">
+
+        <div class="lw-global-value-bold">{{ blockPopup.data.customerCode }}</div>
+        <div class="lw-global-title">{{ blockPopup.data.customerName }}</div>
+
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
+        :value="blockPopup.data.boxNo"
+        val-bold
+        val-red
+      />
+
+      <lw-sku-info-module
+        v-for="(i,k) in blockPopup.data.blockList"
+        :key="k"
+        v-bind="i"
+        is-row
+      />
+
+      <div class="lw-global-value-bold-red lw-global-row-end block-content">{{ $lwLanguage.get(
+        '',
+        '此箱部分商品被拦截，请交由捆包人员执行拦截处理'
+      ) }}</div>
+
+      <div class="block-tag">
+        <lw-tag
+          round
+          size="large"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.empkmcdh','部分拦截') }}</lw-tag>
+      </div>
+
+      <template #button>
+
+        <lw-button @click="partBlockConfirm">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.nlggdedo','放入拦截通道') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 全部拦截弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bapprnov','订单拦截 - 全部')"
+      v-model="blockPopup.allShow"
+      :allow-off="false"
+    >
+      <div class="lw-global-row-start">
+
+        <div class="lw-global-value-bold">{{ blockPopup.data.customerCode }}</div>
+        <div class="lw-global-title">{{ blockPopup.data.customerName }}</div>
+
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
+        :value="blockPopup.data.boxNo"
+        val-bold
+        val-red
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.raprdmvd','容器号')"
+        v-model="blockPopup.container.value"
+        :get-focus.sync="blockPopup.container.focus"
+        :placeholder="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.hmupfdpy','拦截的商品放入的容器')"
+        rule-prefix="handover/component/pageBox"
+        rule-key="container"
+        @confirm="blockContainerConfirm"
+      />
+
+      <div class="lw-global-value-bold-red lw-global-row-end block-content">{{ $lwLanguage.get(
+        '',
+        '此箱已全部被拦截，请直接执行拦截处理'
+      ) }}</div>
+
+      <div class="block-tag">
+        <lw-tag
+          round
+          size="large"
+          type="danger"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.buemgrva','全部拦截') }}</lw-tag>
+      </div>
+
+      <template #button>
+
+        <lw-button @click="allBlockConfirm">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.wccxvjcc','确认拦截') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 确认交接弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bzzaehlc','确认交接')"
+      v-model="handoverPopup.show"
+      @closed="handoverPopup.locCode.value=''"
+    >
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.lqxmwlon','交接箱数')"
+        :value="boxList.length"
+        val-red
+        val-bold
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.scjvjkzn','集货库位')"
+        v-model="handoverPopup.locCode.value"
+        :get-focus.sync="handoverPopup.locCode.focus"
+        :show-bottom-border="false"
+        rule-prefix="handover/component/pageBox"
+        rule-key="location"
+        @confirm="handoverLocCodeConfirm"
+      />
+
+      <template #button>
+
+        <lw-button @click="handoverSubmit">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bzzaehlc','确认交接') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 整箱自提弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zcitonhq','整箱自提')"
+      v-model="aloneGoPopup.all"
+      :allow-off="false"
+    >
+      <div class="lw-global-row-start">
+
+        <div class="lw-global-value-bold">{{ aloneGoPopup.data.customerCode }}</div>
+        <div class="lw-global-title">{{ aloneGoPopup.data.customerName }}</div>
+
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
+        :value="aloneGoPopup.data.boxNo"
+        val-bold
+        val-red
+      />
+
+      <div class="lw-global-value-bold-red lw-global-row-end block-content">
+        {{
+          $lwLanguage.get(
+            '',
+            '整箱所有商品已修改为自提，请在自提处交接'
+          )
+        }}
+      </div>
+
+      <div class="block-tag">
+        <lw-tag
+          round
+          size="large"
+          type="danger"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zcitonhq','整箱自提') }}</lw-tag>
+      </div>
+
+      <template #button>
+
+        <lw-button @click="aloneGoPopup.all=false">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.axdfbdde','确认整箱自提') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 部分自提弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zcitonhq','整箱自提')"
+      v-model="aloneGoPopup.part"
+      :allow-off="false"
+    >
+      <div class="lw-global-row-start">
+
+        <div class="lw-global-value-bold">{{ aloneGoPopup.data.customerCode }}</div>
+        <div class="lw-global-title">{{ aloneGoPopup.data.customerName }}</div>
+
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
+        :value="aloneGoPopup.data.boxNo"
+        val-bold
+        val-red
+      />
+
+      <div class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.xuruioub','下列商品已为自提') }}
+      </div>
+
+      <lw-sku-info-module
+        v-for="(i,k) in aloneGoPopup.data.blockList"
+        :key="k"
+        v-bind="i"
+        is-row
+      />
+
+      <div class="block-tag">
+        <lw-tag
+          round
+          size="large"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.qiwwsnfl','部分自提') }}</lw-tag>
+      </div>
+
+      <template #button>
+
+        <lw-button
+          plain
+          type="last"
+          @click="aloneGoPopup.all=false"
+        >
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.squhtted','整箱转为自提') }}
+        </lw-button>
+
+        <lw-button @click="aloneGoPopup.all=false">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.fnakrxoi','按当前运输方式交接') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 查看线路交接箱信息弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bszdvxjt','捆包箱信息')"
+      v-model="boxDataPopup.show"
+      height="90%"
+      background="#f0f0f0"
+      @closed="boxDataPopup.showCom=false"
+    >
+
+      <div v-if="boxDataPopup.showCom" class="lw-global-tab-box">
+        <van-tabs
+          type="card"
+          animated
+          v-model="boxDataPopup.tabActive"
+        >
+
+          <!-- 未交接 -->
+          <van-tab
+            name="wait"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cwkawrkw','未交接')"
+          >
+            <box-num-list
+              :query="lineData"
+            />
+          </van-tab>
+
+          <!-- 已交接 -->
+          <van-tab
+            name="wait"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.genjbakj','已交接')"
+          >
+            <box-num-list
+              type="200"
+              :query="lineData"
+            />
+          </van-tab>
+        </van-tabs>
+      </div>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import lineInfo from './lineInfo.vue'
+import boxNumList from './boxNumList.vue'
+import {
+  projectWmsOutboundBlockWholeBox
+} from "../../../../../api/outbound/handover/pageBox";
+
+export default {
+  name: "pageBox",
+  components:{
+    lineInfo,
+    boxNumList,
+  },
+  props:{
+    // 标题
+    title: {
+      type: String,
+      required: true
+    },
+
+    // 线路数据
+    lineData:{
+      type: Object,
+      default: () => {}
+    },
+
+    // 箱数据
+    boxList:{
+      type: Array,
+      default: () => []
+    },
+
+    // 当前类型
+    isLpn: Boolean,
+
+    // 是否显示底部按钮
+    showBottomBar: Boolean
+  },
+  data() {
+    return {
+      // 拦截信息
+      blockPopup:{
+        // 全部拦截弹框
+        allShow: false,
+        // 容器号
+        container:{
+          value: '',
+          focus: false
+        },
+
+        // 部分拦截弹框
+        partShow: false,
+
+        // 拦截数据
+        data: {}
+      },
+
+      // 确认交接弹框
+      handoverPopup:{
+        show: false,
+        locCode: {
+          value: '',
+          focus: false
+        }
+      },
+
+      // 自提弹框 TODO 接口没有返回自提状态
+      aloneGoPopup:{
+        all: false,
+        part: false,
+        data: {}
+      },
+
+      // 查看线路交接箱信息弹框
+      boxDataPopup:{
+        show: false,
+        showCom: false,
+        tabActive:'wait',
+      }
+    }
+  },
+  methods: {
+    // 重新扫描
+    repeatScan() {
+      if (!this.boxList.length) {
+        this.$emit('repeatScan')
+        return
+      }
+
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bkiwagrr','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zbsbbsjg','当前交接数据将会被全部清空')
+      }).then(() => {
+        this.$emit('repeatScan')
+      }).catch(() => {})
+    },
+
+    // 处理拦截
+    blockType(res){
+      this.blockPopup.data = res
+
+      // 1 - 部分拦截, 2 - 全部拦截
+      if(res.blockStatus === 1){
+        this.blockPopup.partShow = true
+      }else {
+        this.blockPopup.allShow = true
+        this.blockPopup.container.focus = true
+      }
+    },
+
+    // 部分拦截确认
+    partBlockConfirm(){
+      this.blockPopup.partShow = false
+    },
+
+    // 全部拦截容器号确认
+    blockContainerConfirm(){
+      if (this.blockContainerCheck()) this.allBlockConfirm()
+    },
+    // 全部拦截 - 容器号检查
+    blockContainerCheck(){
+      if (this.blockPopup.container.value) return true
+
+      this.blockPopup.container.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.laztiutg','容器号不能为空')
+      )
+      return false
+    },
+    // 全部拦截 - 确认拦截
+    allBlockConfirm(){
+      if (!this.blockContainerCheck()) return
+
+      projectWmsOutboundBlockWholeBox({
+        boxId: this.blockPopup.data.boxId
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.ticlwztm','拦截处理成功')
+        )
+        this.blockPopup.allShow = false
+      })
+    },
+
+
+    // 确认交接 - 按钮点击
+    confirmHandover(){
+      if (!this.boxList.length){
+        this.$lwShowErrorMsg(
+          this.isLpn ?
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.yqftgcqd','请扫描或输入需要交接的托盘') :
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.dxhqhjdd','请扫描或输入需要交接的箱')
+        )
+        this.$emit('inputFocus')
+        return
+      }
+
+      this.handoverPopup.show = true
+      this.handoverPopup.locCode.focus = true
+    },
+    // 确认交接 - 集货库位确认
+    handoverLocCodeConfirm(){
+      if (this.handoverLocCodeCheck()) this.handoverSubmit()
+    },
+    // 确认交接 - 集货库位校验
+    handoverLocCodeCheck(){
+      if (this.handoverPopup.locCode.value) return true
+
+      this.handoverPopup.locCode.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.ncsfdtgs','集货库位不能为空')
+      )
+      return false
+    },
+    // 确认交接 - 提交
+    handoverSubmit(){
+      if (!this.handoverLocCodeCheck()) return
+
+      this.$emit('handoverSubmit', this.handoverPopup.locCode.value)
+    },
+
+    // 线路被点击
+    lineClick(){
+      this.boxDataPopup.showCom = true
+      this.boxDataPopup.show = true
+    },
+  },
+
+
+
+}
+</script>
+
+<style scoped lang="less">
+.block-content{
+  letter-spacing: 1px;
+  font-size: 16px;
+  text-align: center;
+}
+
+.block-tag{
+  text-align: center;
+  margin-top: 10px;
+}
+</style>

package/src/components/page/outbound/handover/components/storeInfo.vue

@@ -0,0 +1,128 @@
+<!--
+  商店信息
+  @author: 张文
+  @date: 2022-07-11
+-->
+<template>
+
+  <div
+    :class="[
+      'customer-box',
+      showStyle ? 'customer-item' : ''
+    ]"
+  >
+
+    <div style="margin-bottom: 5px">
+      <span class="lw-global-value-bold">{{ item.customerCode }}</span>
+      -
+      <span class="lw-global-title">{{ item.customerName }}</span>
+    </div>
+
+    <div class="lw-global-flex-between">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.mzuygknx','集货位')"
+        :value="item.shipLocationCodeStr"
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.txgjhyni','捆包箱数')"
+        :value="item.boxCount || item.customerBoxCount || 0"
+        :is-row="false"
+      />
+
+    </div>
+
+    <div class="lw-global-flex-between">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.hocpmwft','交接箱数')"
+        :value="item.handoverBoxCount || 0"
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        v-if="showRate"
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.biafrflk','拣选率')"
+        :value="(item.pickRate || 0) + '%'"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+    </div>
+
+    <div
+      v-if="showRate"
+      class="lw-global-flex-between"
+    >
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zjtlibbm','捆包率')"
+        :value="(item.packRate || 0) + '%'"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.jtpmiiux','交接率')"
+        :value="(item.handoverRate || 0) + '%'"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "storeInfo",
+  props:{
+    item: {
+      type: Object,
+      default: () => {}
+    },
+
+    // 是否显示预设样式
+    showStyle: {
+      type: Boolean,
+      default: true
+    },
+
+    // 是否显示拣选比例
+    showRate:{
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+.customer-item{
+  border-bottom: solid 1px #f0f0f0;
+  padding: 5px 0;
+}
+
+.customer-box{
+  .lw-global-flex-between{
+    align-items: flex-start;
+
+    >div{
+      width: 45%;
+      flex-shrink: 0;
+    }
+  }
+}
+</style>

package/src/components/page/outbound/handover/customer/index.js

@@ -0,0 +1,11 @@
+/*
+* 出库交接 - 按客户交接
+* @author: 张文
+* @date  2022-07-11
+* */
+
+import lwOutboundHandoverCustomerActionPage from "./index.vue";
+
+lwOutboundHandoverCustomerActionPage.install = Vue => Vue.component(lwOutboundHandoverCustomerActionPage.name, lwOutboundHandoverCustomerActionPage)
+
+export default lwOutboundHandoverCustomerActionPage

package/src/components/page/outbound/handover/customer/index.vue

@@ -0,0 +1,34 @@
+<!--
+  出库交接 - 按店交接
+  @author: 张文
+  @date: 2022-07-11
+-->
+<template>
+  <customer-and-line
+    handover-type="200"
+  />
+</template>
+
+<script>
+import customerAndLine from './../components/customerAndLine.vue'
+export default {
+  name: "lwOutboundHandoverCustomerActionPage",
+  components:{
+    customerAndLine,
+  },
+  data() {
+    return {
+
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/handover/index/index.js

@@ -0,0 +1,11 @@
+/*
+* 出库交接 - 起始页
+* @author: 张文
+* @date  2022-07-11
+* */
+
+import lwOutboundHandoverIndexPage from "./index.vue";
+
+lwOutboundHandoverIndexPage.install = Vue => Vue.component(lwOutboundHandoverIndexPage.name, lwOutboundHandoverIndexPage)
+
+export default lwOutboundHandoverIndexPage