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

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

@@ -1,124 +1,132 @@
-<!--
-  到货回单 - 起始页
-  @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
-          rule-key="order"
-        />
-
-        <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>
+<!--
+  到货回单 - 起始页
+  @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
+          rule-key="order"
+        />
+
+        <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.qazwsxed','收货回单') }}
+      </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
+
+      this.$router.push({
+        path:'/receive/receipt/lwReceiptConfirm',
+        query:{
+          lwOrder: this.order.value,
+          lwDate: this.date,
+          lwType: "advanceReceive"
+        }
+      })
+    },
+
+    // 收货回单按钮
+    receiveOrder(){
+      if (!this.orderCheck()) return
+
+      this.$router.push({
+        path:'/receive/receipt/lwReceiptConfirm',
+        query:{
+          lwOrder: this.order.value,
+          lwDate: this.date,
+          lwType: "receive"
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -1,72 +1,98 @@
-<!--
-  @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>
+<!--
+  @name: 底部固定栏
+  @description: -
+  @author 张文
+  @date: 2022-01-19
+-->
+<template>
+  <div>
+    <div
+      class="lw-bottom-bar-copy"
+      :style="{
+        height: heightClone
+      }"
+    ><!-- 占位用 --></div>
+
+    <div
+      id="lwGlobalBottomBar"
+      :class="[
+        slotBtn ? 'lw-global-flex-around':'',
+        'lw-bottom-bar-copy',
+        'lw-bottom-bar'
+      ]"
+      :style="{
+        height: heightVal
+      }"
+    >
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwBottomBar",
+  props: {
+    // 高度
+    height:{
+      type: [Number, String],
+      default: 50
+    },
+    // 插槽内容是否为按钮
+    slotBtn:{
+      type: Boolean,
+      default: true
+    }
+  },
+  computed:{
+    heightVal(){
+      if (typeof this.height === 'number'){
+        return this.height + 'px'
+      }
+
+      return this.height
+
+    },
+  },
+  data() {
+    return {
+      heightClone:'0px'
+    }
+  },
+  mounted() {
+    // 获取显示高度
+    this.heightClone = document.getElementById('lwGlobalBottomBar').offsetHeight + 'px'
+  },
+  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/BottomBarBtnHidden/index.vue

@@ -1,91 +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>
+<!--
+  底部按钮栏隐藏多余按钮
+  @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.error('底部按钮隐藏多余按钮点击调用方法错误，传入点击事件不是可调用的函数', 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/BottomBarBtnHidden//345/272/225/351/203/250/346/214/211/351/222/256/346/240/217/351/232/220/350/227/217/345/244/232/344/275/231/346/214/211/351/222/256.md

@@ -0,0 +1 @@
+# 底部固定栏隐藏多余按钮[查看文档](https://www.yuque.com/docs/share/6162734a-c117-4ea5-bc43-e4038249af9b)