@logwire/logwire-wms-pda-ui 1.1.15

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

@@ -0,0 +1,11 @@
+/*
+* 收货回单 - 收货页
+* @author: 张文
+* @date  2022-05-09
+* */
+
+import lwReceiveReceiptActionPage from "./index.vue";
+
+lwReceiveReceiptActionPage.install = Vue => Vue.component(lwReceiveReceiptActionPage.name, lwReceiveReceiptActionPage)
+
+export default lwReceiveReceiptActionPage

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

@@ -0,0 +1,260 @@
+<!--
+  收货回单 - 收货页
+  @author: 张文
+  @date: 2022-05-09
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.receive.receipt.title','收货回单')"/>
+
+
+    <div class="lw-global-page-box">
+      <div class="lw-global-tab-box">
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+
+          <van-tab
+            v-for="(i,k) in receiptData"
+            :key="k"
+            :name="k"
+            :title="i.orderNo"
+          >
+            <div class="lw-global-model-box">
+
+              <!-- 到货通知单 -->
+              <div class="lw-global-row-start">
+                <span class="lw-global-title lw-receive-receipt-title">
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.asnNo','到货通知单') }}
+                </span>
+                <span class="lw-global-value-bold">{{ i.asnNo }}</span>
+              </div>
+
+              <!-- ERP单号 -->
+              <div class="lw-global-row">
+                <span class="lw-global-title lw-receive-receipt-title">
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.erp','ERP单号') }}
+                </span>
+                <span class="lw-global-value-bold">{{ i.extNo }}</span>
+              </div>
+
+              <!-- 入库计划单号 -->
+              <div class="lw-global-row">
+                <span class="lw-global-title lw-receive-receipt-title">
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.planNo','入库计划单号') }}
+                </span>
+                <span class="lw-global-value-bold">{{ i.planNo }}</span>
+              </div>
+
+              <!-- 采购单编号 -->
+              <div class="lw-global-row">
+                <span class="lw-global-title lw-receive-receipt-title">
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.purchaseNo','采购单编号') }}
+                </span>
+                <span class="lw-global-value-bold">{{ i.purchaseNo }}</span>
+              </div>
+
+              <!-- 供应商 -->
+              <div class="lw-global-row">
+                <span class="lw-global-title lw-receive-receipt-title">
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.supplier','供应商') }}
+                </span>
+                <span class="lw-global-value-bold">
+                  {{ i.supplierCode }} - {{ i.supplierName }}
+                </span>
+              </div>
+
+              <!-- 到货日期 -->
+              <div class="lw-global-row">
+                <span class="lw-global-title lw-receive-receipt-title">
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.arrivalTime','到货日期') }}
+                </span>
+                <span class="lw-global-value-bold">
+                  {{ $lwDate.format(i.arrivalTime, 'yyyy-MM-dd hh:mm') }}
+                </span>
+              </div>
+
+              <!-- 到货数量 -->
+              <div class="lw-global-row">
+                <span class="lw-global-title lw-receive-receipt-title">
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.arrivalQty','到货数量') }}
+                </span>
+                <span class="lw-global-value-bold">
+                  {{ i.arrivalQty }}
+                </span>
+              </div>
+
+              <!-- 预约信息 -->
+              <div class="lw-global-row">
+                <span class="lw-global-title lw-receive-receipt-title">
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.carrier','预约信息') }}
+                </span>
+                <span class="lw-global-value-bold">
+                  {{ i.carrierPlateNum }} - {{ i.carrierCarType }}
+                </span>
+              </div>
+
+              <!-- 收货时间 -->
+              <div class="lw-global-row">
+                <span class="lw-global-title lw-receive-receipt-title">
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.receiveTime','收货时间') }}
+                </span>
+                <span class="lw-global-value-bold">
+                  {{ $lwDate.format(i.receiveTime, 'yyyy-MM-dd hh:mm') }}
+                </span>
+              </div>
+
+              <!-- 总行数 -->
+              <div class="lw-global-row" style="padding-bottom: 0;border-bottom: 0">
+                <span class="lw-global-title lw-receive-receipt-title">
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.lineCount','总行数') }}
+                </span>
+                <span class="lw-global-value-bold">
+                  {{ i.lineCount }}
+                </span>
+              </div>
+
+            </div>
+
+            <div
+              class="lw-global-model-box"
+              v-for="(item,key) in i.lines"
+              :key="key"
+            >
+              <div class="lw-global-flex-between" style="align-items: flex-start">
+                <div style="flex: 1">
+                  <div class="lw-global-value-bold">{{ item.sku.code }}</div>
+                  <div class="lw-global-title">{{ item.sku.name }}</div>
+                </div>
+
+                <lw-tag
+                  style="flex-shrink: 0"
+                  round
+                  plain
+                >{{ item.sku.skuUrgencyLabel }}</lw-tag>
+
+              </div>
+
+              <div class="lw-global-flex-between" style="margin-top: 5px">
+
+                <div>
+                  <span class="lw-global-title">
+                    {{ $lwLanguage.get('wms_project.pda.receive.receipt.receiveQty','收货量') }}
+                  </span>
+                  <span class="lw-global-value-bold">{{ item.receiveQty }}</span>
+                </div>
+
+                <div>
+                  <span class="lw-global-title">
+                    {{ $lwLanguage.get('wms_project.pda.receive.receipt.abnQty','异常量') }}
+                  </span>
+                  <span
+                    class="lw-global-value-bold"
+                    style="color: #D50000"
+                  >{{ item.abnormalQty }}</span>
+                </div>
+
+              </div>
+
+            </div>
+          </van-tab>
+        </van-tabs>
+      </div>
+
+
+    </div>
+
+    <lw-bottom-bar>
+      <lw-button @click="confirmReceive">
+        {{ $lwLanguage.get('wms_project.pda.receive.receipt.confirmReceipt', '确认收货回单') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+import {
+  wmsMobileQueryReturnReceiptOrder,
+  wmsMobileReturnReceiptOrder
+} from "../../../../../api/receive/receipt";
+
+export default {
+  name: "lwReceiveReceiptActionPage",
+  data() {
+    return {
+      // tab激活项
+      tabActive:'',
+
+      // 回单数据
+      receiptData:[]
+    }
+  },
+  mounted() {
+    const {lwOrder, lwDate} = this.$route.query
+
+    wmsMobileQueryReturnReceiptOrder({
+      no: lwOrder,
+      time: lwDate
+    }).then(res=>{
+
+      this.receiptData = res
+
+      if(this.receiptData.length){
+        this.tabActive = 0
+        return
+      }
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.receive.receipt.notData','当前订单没有查询到任何数据')
+      )
+      history.go(-1)
+
+    }).catch(()=>history.go(-1))
+
+  },
+  methods: {
+    // 确认收货回单
+    confirmReceive() {
+      wmsMobileReturnReceiptOrder({
+        id: this.receiptData[this.tabActive].id
+      }).then(()=>{
+
+        // 删除当前提交的数据
+        this.receiptData.splice(this.tabActive, 1)
+
+
+        if (this.receiptData.length){
+
+          this.tabActive = 0
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.receive.receipt.changeSuccess','操作成功')
+          )
+          return
+
+        }
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.receive.receipt.allOver','当前订单已全部回单')
+        )
+        history.go(-1)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+
+.lw-receive-receipt-title{
+  display: inline-block;
+  width: 85px;
+  text-align: right;
+}
+
+</style>

package/src/components/page/receive/receipt/index/index.js

@@ -0,0 +1,11 @@
+/*
+* 到货回单 - 起始页
+* @author: 张文
+* @date  2022-05-09
+* */
+
+import lwReceiveReceiptPage from "./index.vue";
+
+lwReceiveReceiptPage.install = Vue => Vue.component(lwReceiveReceiptPage.name, lwReceiveReceiptPage)
+
+export default lwReceiveReceiptPage

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

@@ -0,0 +1,123 @@
+<!--
+  到货回单 - 起始页
+  @author: 张文
+  @date: 2022-05-09
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.receive.receipt.title','收货回单')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box">
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.receive.receipt.order','订单号')"
+          v-model="order.value"
+          :get-focus.sync="order.focus"
+          input-align="right"
+          required
+        />
+
+        <lw-cell-popup-date
+          :title="$lwLanguage.get('wms_project.pda.receive.receipt.date','到货日期')"
+          v-model="date"
+        />
+
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        v-if="showWaitReceiptBtn"
+        type="last"
+        plain
+        @click="waitOrder"
+      >
+        {{ $lwLanguage.get('wms_project.pda.receive.receipt.waitOrder','预收货回单') }}
+      </lw-button>
+
+      <lw-button
+        v-if="showReceiptBtn"
+        @click="receiveOrder"
+      >
+        {{ $lwLanguage.get('wms_project.pda.receive.receipt.waitOrder','收货回单') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwReceiveReceiptPage",
+  props:{
+    // 显示预收货回单按钮
+    showWaitReceiptBtn:{
+      type: Boolean,
+      default: true
+    },
+
+    // 显示收货回单按钮
+    showReceiptBtn:{
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      // 订单号
+      order:{
+        value:'',
+        focus: true
+      },
+
+      // 到货日期
+      date: ''
+    }
+  },
+  methods: {
+    // 订单号校验
+    orderCheck(){
+
+      if (this.order.value) return true
+
+
+      this.order.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.receive.receipt.orderNull','订单号不能为空')
+      )
+
+      return false
+    },
+
+    // 预收货回单
+    waitOrder(){
+      if (!this.orderCheck()) return
+
+      console.warn('预收货回单按钮点击')
+    },
+
+    // 收货回单按钮
+    receiveOrder(){
+      if (!this.orderCheck()) return
+
+      this.$router.push({
+        path:'/receive/receipt/lwReceiptConfirm',
+        query:{
+          lwOrder: this.order.value,
+          lwDate: this.date
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,5 @@
+import lwBottomBar from './index.vue'
+
+lwBottomBar.install = Vue => Vue.component(lwBottomBar.name, lwBottomBar)
+
+export default lwBottomBar

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

@@ -0,0 +1,72 @@
+<!--
+  @name: 底部固定栏
+  @description: -
+  @author 张文
+  @date: 2022-01-19
+-->
+<template>
+  <div>
+    <div
+      class="lw-bottom-bar-copy"
+      :style="{
+        height:height+'px'
+      }"
+    ><!-- 占位用 --></div>
+
+    <div
+      class="lw-global-flex-around lw-bottom-bar-copy lw-bottom-bar"
+      :style="{
+        height:height+'px'
+      }"
+    >
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwBottomBar",
+  props: {
+    // 高度
+    height:{
+      type: Number,
+      default: 50
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+@import "../../../assets/css/var.less";
+
+.lw-bottom-bar-copy{
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 12px;
+}
+
+.lw-bottom-bar{
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
+  background: @bottomBarBackgroundColor;
+
+  >.lw-button{
+    display: block;
+    flex-grow: 1;
+
+    &+.lw-button{
+      margin-left: 10px;
+    }
+  }
+}
+
+</style>

package/src/components/ui/BottomBar//345/272/225/351/203/250/345/233/272/345/256/232/346/240/217.md

@@ -0,0 +1 @@
+# 底部固定栏[查看文档](https://www.yuque.com/docs/share/356a5f14-c7d6-4f31-b200-22761fcac410)

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

@@ -0,0 +1,11 @@
+/*
+* 底部按钮栏隐藏多余按钮
+* @author: 张文
+* @date  2022-06-25
+* */
+
+import lwBottomBarBtnHidden from "./index.vue";
+
+lwBottomBarBtnHidden.install = Vue => Vue.component(lwBottomBarBtnHidden.name, lwBottomBarBtnHidden)
+
+export default lwBottomBarBtnHidden

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

@@ -0,0 +1,91 @@
+<!--
+  底部按钮栏隐藏多余按钮
+  @author: 张文
+  @date: 2022-06-25
+-->
+<template>
+  <lw-bottom-bar v-if="btnList.length">
+
+    <van-popover
+      v-if="btnList.length > 2"
+      v-model="showPopover"
+      trigger="click"
+      placement="top-start"
+      :offset="[0,12]"
+    >
+
+      <div class="lw-bottom-bar-btn-hidden-popover">
+        <div
+          class="lw-global-row lw-global-value"
+          v-for="(i,k) in btnList.slice(2)"
+          :key="k"
+          @click="itemClick(i.click)"
+        >{{ i.text }}</div>
+      </div>
+
+      <template #reference>
+        <lw-button
+          style="margin-right: 10px"
+          type="normal"
+          plain
+        >
+          <van-icon name="wap-nav" />
+        </lw-button>
+      </template>
+
+    </van-popover>
+
+    <lw-button
+      v-if="btnList[1]"
+      type="last"
+      plain
+      @click="btnList[1].click"
+    >{{ btnList[1].text }}</lw-button>
+
+    <lw-button
+      @click="btnList[0].click"
+    >{{ btnList[0].text }}</lw-button>
+
+  </lw-bottom-bar>
+</template>
+
+<script>
+
+export default {
+  name: "lwBottomBarBtnHidden",
+  props:{
+    btnList:{
+      type: Array,
+      default:()=>[]
+    }
+  },
+  data() {
+    return {
+      showPopover:false
+    }
+  },
+  methods: {
+    itemClick(fn){
+      this.showPopover = false
+      if (fn && typeof fn === 'function') {
+        fn()
+        return
+      }
+
+      console.warn('底部按钮隐藏多余按钮点击调用方法错误，传入点击事件不是可调用的函数', fn)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.lw-bottom-bar-btn-hidden-popover{
+  padding: 0 10px;
+  min-width: 80px;
+
+  >.lw-global-row:last-child{
+    border-bottom: none;
+  }
+}
+
+</style>

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

@@ -0,0 +1,5 @@
+import lwButton from "./index.vue";
+
+lwButton.install = Vue => Vue.component(lwButton.name, lwButton)
+
+export default lwButton