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

package/src/components/ui/MenuItem//350/217/234/345/215/225/351/241/271.md

@@ -1 +1 @@
-# 菜单项 [查看文档](https://www.yuque.com/docs/share/9b057b4a-14b4-468a-a8d8-df8303283da2)
+# 菜单项 [查看文档](https://www.yuque.com/docs/share/9b057b4a-14b4-468a-a8d8-df8303283da2)

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

@@ -107,7 +107,7 @@ export default {
 
     // 提供给app的返回按钮
     appCallBack(){
-      let path = this.$route.path
+      let path = "#" + this.$route.path
 
       if(this.$lwAppBack.getExitRoute().includes(path)){
         return false
@@ -127,14 +127,14 @@ export default {
 
 .lw-nav-bar{
 
-  /deep/.van-nav-bar{
+  :deep(.van-nav-bar){
     background: @navBarBackgroundColor;
   }
 
-  /deep/.van-icon{
+  :deep(.van-icon){
     color: @baseColor;
   }
-  /deep/.van-nav-bar__title{
+  :deep(.van-nav-bar__title){
     font-weight: bold;
   }
 }

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

@@ -19,6 +19,7 @@
     <slot name="content">
       <div
         class="lw-none-data-content"
+        :style="{color:color}"
       >{{ content || $lwLanguage.get('wms_project.pda.component.notData.null', '空空如也') + '...' }}</div>
     </slot>
 
@@ -27,6 +28,7 @@
 </template>
 
 <script>
+import noDataImage from '../../../assets/img/lwNotData/noneData.png'
 
 export default {
   name: "lwNotData",
@@ -36,13 +38,18 @@ export default {
     // 图片路径
     src:{
       type:String,
-      default: require('../../../assets/img/lwNotData/noneData.png')
+      default: noDataImage,
     },
     // 是否需要进入动画
     animation:{
       type:Boolean,
       default: true
-    }
+    },
+    // 底部描述文字的颜色
+    color:{
+      type:String,
+      default: '#969799'
+    },
   },
   data() {
     return {}
@@ -68,7 +75,6 @@ export default {
 
   .lw-none-data-content{
     margin-bottom: 10px;
-    color: @baseColor;
   }
 }
 

package/src/components/ui/NotData//347/251/272/346/225/260/346/215/256/347/212/266/346/200/201.md

@@ -1 +1 @@
-# 空状态 [查看文档](https://www.yuque.com/docs/share/533bc22c-9321-4e3e-970b-817e086f478d)
+# 空状态 [查看文档](https://www.yuque.com/docs/share/533bc22c-9321-4e3e-970b-817e086f478d)

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

@@ -0,0 +1,88 @@
+import Vue from "vue";
+import lwNoticeBar from './index.vue'
+import {AppPower} from "../../../utils/AppPower";
+
+/*lwErrorMsg.install = Vue => Vue.component(lwErrorMsg.name, lwErrorMsg)
+
+export default lwErrorMsg*/
+
+
+// 手动挂载加载框
+const noticeBar = Vue.extend(lwNoticeBar)
+let noticeNew = null
+// 挂载加载框
+const lwNoticeBarDom = (obj) => {
+  noticeNew = new noticeBar({
+    el: document.createElement('div')
+  });
+
+  noticeNew.show = true
+  noticeNew.message = obj.message
+  noticeNew.background = obj.background
+  noticeNew.color = obj.color
+  noticeNew.showTime = obj.showTime
+  AppPower.shortVibrate(500)
+  document.body.appendChild(noticeNew.$el)
+}
+
+/**
+ * 打开错误提示弹框
+ * @param {Object|String} obj {
+ * message-提示信息，
+ * background-背景颜色，
+ * color-字体颜色,
+ * type-提示类型,
+ * showTime-显示时长（0不自动关闭）,
+ * }
+ */
+export const lwShowNoticeBar = (obj) => {
+  const isObj = typeof obj === 'object'
+  let data = {}
+
+  isObj ? data = obj : data.message = obj
+
+
+
+  let background,color
+  switch (data.type) {
+    case "warning":
+      background = '#fffbe8'
+      color = '#ed6a0c'
+      break;
+    case "error":
+      background = '#fef0f0'
+      color = '#f56c6c'
+      break;
+    case "success":
+      background = '#f0f9eb'
+      color = '#67c23a'
+      break;
+    default:
+      background = 'rgb(236, 249, 255)'
+      color = 'rgb(25, 137, 250)'
+  }
+
+  data.background = data.background || background
+  data.color = data.color || color
+
+  if (noticeNew){
+    noticeNew.message = data.message
+
+    if (isObj){
+      noticeNew.background = data.background
+      noticeNew.color = data.color
+      noticeNew.type = data.type
+      noticeNew.showTime = data.showTime
+    }
+
+    return
+  }
+
+  lwNoticeBarDom(data)
+}
+
+// 关闭错误提示弹框
+export const lwCloseNoticeBar = () => {
+  noticeNew.close()
+  noticeNew = null
+}

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

@@ -0,0 +1,98 @@
+<!--
+  @name: 通知栏
+  @description: -
+  @author 张文
+  @date: 2022-12-27
+-->
+<template>
+  <div
+    v-if="show"
+    ref="notBox"
+    class="lw-global-flex-between not-box"
+    :style="{background,color}"
+  >
+    <div style="flex: 1">{{message}}</div>
+
+    <div
+      class="close-btn"
+      @click="closeClick"
+    >×</div>
+  </div>
+</template>
+
+<script>
+import {lwCloseNoticeBar} from "./index";
+
+/* 注意此组件不能使用 this.$XXX 的方法，因为没有注册组件是通过指令调用的 */
+
+export default {
+  name: "lwNoticeBar",
+  /*props:{
+    message:[String,Number]
+  },*/
+  data() {
+    return {
+      // 是否显示
+      show:false,
+      // 提示信息
+      message:'',
+      // 背景颜色
+      background:'',
+      // 字体颜色
+      color:'',
+      // 显示时长
+      showTime: '',
+      // 定时器
+      timeOut:'',
+    }
+  },
+  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) : ''
+      }
+    }
+  },
+  methods: {
+
+    // 手动关闭
+    closeClick(){
+      lwCloseNoticeBar()
+    },
+
+    // 关闭弹框
+    close(){
+      this.show = false
+      this.timeOut && clearTimeout(this.timeOut)
+    },
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+@import "../../../assets/css/var.less";
+
+.not-box{
+  padding: 5px 10px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: calc(100% - 20px);
+  height: auto;
+  z-index: 2147483584;
+  transition: all .3s;
+}
+
+.close-btn{
+  font-size: 24px;
+  flex-shrink: 0;
+  margin-left: 5px;
+}
+
+</style>

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

@@ -113,8 +113,8 @@ export default {
   },
   methods: {
     // 页码发生改变
-    pageChange(){
-      this.$emit('change',this.pageNum)
+    pageChange(page){
+      this.$emit('change', page)
 
       if (this.scrollTop){
         const dom = document.querySelector(this.scrollElement)
@@ -137,7 +137,7 @@ export default {
 .lw-page-num-box{
   margin: 20px 0 10px;
 
-  /deep/.van-pagination__item{
+  :deep(.van-pagination__item){
     color: @baseColor;
     background: #fff;
     height: 30px;
@@ -145,6 +145,7 @@ export default {
     border-radius: 6px;
     border: solid 1px @baseColor;
     flex-basis: 0;
+    flex-grow: 0;
 
     &+.van-pagination__item{
       margin-left: 10px;
@@ -161,7 +162,7 @@ export default {
 
   }
 
-  /deep/.van-pagination__item--disabled{
+  :deep(.van-pagination__item--disabled){
     color: #646566;
     background-color: #e5e7eb;
     cursor: not-allowed;
@@ -169,13 +170,13 @@ export default {
     border-color: #ccc;
   }
 
-  /deep/.van-pagination__item--active{
+  :deep(.van-pagination__item--active){
     background-color: @baseColor;
     color: #fff;
     font-weight: bold;
   }
 
-  /deep/.van-pagination__page-desc{
+  :deep(.van-pagination__page-desc){
     height: 30px;
     border-bottom: solid 1px @baseColor;
     box-sizing: border-box;

package/src/components/ui/Pages//345/210/206/351/241/265/351/241/265/347/240/201.md

@@ -1 +1 @@
-# 分页 [查看文档](https://www.yuque.com/docs/share/1084a885-477c-4fce-ab4b-33e76516c07b)
+# 分页 [查看文档](https://www.yuque.com/docs/share/1084a885-477c-4fce-ab4b-33e76516c07b)

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

@@ -0,0 +1,11 @@
+/*
+* 分页组件
+* @author: 张文
+* @date  2022-07-18
+* */
+
+import lwPagination from "./index.vue";
+
+lwPagination.install = Vue => Vue.component(lwPagination.name, lwPagination)
+
+export default lwPagination

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

@@ -0,0 +1,274 @@
+<!--
+  分页组件
+  @author: 张文
+  @date: 2022-07-18
+-->
+<template>
+  <div v-if="pageTotal !== 0" class="lw-global-flex-between pagination-box">
+
+    <!-- 统计信息 -->
+    <div>
+      <span>{{ $lwLanguage.get('wms_project.pda.components.ui.Pagination.kzdeljrg','共') }}</span>
+      <span class="lw-global-value-bold">{{ pageTotal }}</span>
+      <span>{{ $lwLanguage.get('wms_project.pda.components.ui.Pagination.jckytjtx','条') }}</span>
+    </div>
+
+    <!-- 每页的数据条数 -->
+    <div
+      class="lw-global-click-style"
+      @click="changSizePopupShow=true"
+    >
+      <span style="margin-right: 5px">{{ size }} {{ $lwLanguage.get('wms_project.pda.components.ui.Pagination.ymqlzcsc','条/页') }}</span>
+      <van-icon name="arrow-down" />
+    </div>
+
+    <!-- 页码切换 -->
+    <div
+      class="lw-global-flex-between"
+      style="min-width: 40%"
+    >
+      <!-- 上一页 -->
+      <div
+        :class="[isMin ? 'no-click' : 'lw-global-click-style']"
+         @click="leftClick"
+      >
+        <slot name="prevBtn">
+          {{ prevText }}
+          <van-icon v-if="!prevText" name="arrow-left" />
+        </slot>
+      </div>
+
+      <!-- 页面指示 -->
+      <div
+        class="lw-global-click-style"
+        @click="pageNumPopupShow=true"
+      >
+        <span class="lw-global-value-bold-red">{{ num }}</span>
+        <span> / </span>
+        <span class="lw-global-value-bold">{{ allPageNum }}</span>
+      </div>
+
+      <!-- 下一页 -->
+      <div
+        :class="[isMax ? 'no-click' : 'lw-global-click-style']"
+        @click="rightClick"
+      >
+        <slot name="nextBtn">
+          {{ nextText }}
+          <van-icon v-if="!nextText" name="arrow" />
+        </slot>
+      </div>
+    </div>
+
+
+
+    <!-- 调整页码条数的弹框-->
+    <lw-popup-radio
+      :title="$lwLanguage.get('wms_project.pda.components.ui.Pagination.eezadkoh','调整数据条数')"
+      v-model="changSizePopupShow"
+      :columns="pageSizeList"
+      @confirm="confirmSize"
+    />
+
+    <!-- 调整页码的弹框-->
+    <lw-popup-radio
+      :title="$lwLanguage.get('wms_project.pda.components.ui.Pagination.qijgqhla','快速跳转')"
+      v-model="pageNumPopupShow"
+      :columns="pageNumList"
+      @confirm="confirmNum"
+    />
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwPagination",
+  props:{
+    // 当前页
+    value:{
+      type: Number,
+      default: 1
+    },
+
+    // 总条数
+    pageTotal: {
+      type: Number,
+      default: 0
+    },
+
+    // 每页大小
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+
+    // 每页显示条数
+    pageSizes:{
+      type: Array,
+      default: () => [10, 20, 30]
+    },
+
+    // 点击分页切换时，是否滚动到页面顶部，默认滚动到顶部
+    scrollTop:{
+      type:Boolean,
+      default:true
+    },
+    // 滚动到顶部的元素
+    scrollElement:{
+      type:String,
+      default:'#app'
+    },
+
+    // 上一页按钮文字
+    prevText: String,
+    // 下一页按钮文字
+    nextText: String
+  },
+  computed:{
+
+    // 当前页
+    num:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input', v)
+      }
+    },
+
+    // 总页码
+    allPageNum(){
+      return Math.ceil(this.pageTotal / this.size)
+    },
+
+    // 分页大小
+    size:{
+      get(){
+        return this.pageSize
+      },
+      set(v){
+        this.$emit('update:pageSize', v)
+      }
+    },
+
+    // 总页码列表
+    pageNumList(){
+      let list = []
+      for (let i = 1; i <= this.allPageNum; i++) {
+        list.push({
+          value: i,
+          label: i
+        })
+      }
+      return list
+    },
+
+    // 页面条数可选项列表
+    pageSizeList(){
+      return this.pageSizes.map(item=>{
+        return {
+          label: item + this.$lwLanguage.get('wms_project.pda.components.ui.Pagination.ymqlzcsc','条/页'),
+          value: item
+        }
+      })
+    },
+
+    // 是否是最大页码
+    isMax(){
+      return this.allPageNum <= this.num
+    },
+
+    // 是否是最小页码
+    isMin(){
+      return this.num === 1
+    }
+  },
+  data() {
+    return {
+      // 调整数据条数的弹框
+      changSizePopupShow: false,
+
+      // 调整页码的弹框
+      pageNumPopupShow: false
+    }
+  },
+  methods: {
+    // 页码、分页大小发生改变
+    pageChange(){
+      this.$nextTick(()=>{
+        this.$emit('change', {
+          pageSize: this.size,
+          pageNum: this.num
+        })
+      })
+
+      if (this.scrollTop){
+        const dom = document.querySelector(this.scrollElement)
+        dom && dom.scrollIntoView({
+          behavior: "smooth",
+          block:'start',
+        });
+      }
+
+    },
+
+    // 左边按钮点击
+    leftClick(){
+      if (this.isMin) return
+      this.num--
+      this.pageChange()
+    },
+
+    // 右边按钮点击
+    rightClick(){
+      if (this.isMax) return
+      this.num++
+      this.pageChange()
+    },
+
+    // 确认页面数据条数
+    confirmSize(item){
+      this.size = item.value
+
+      this.$nextTick(()=>{
+        if (this.allPageNum < this.num){
+          this.num = this.allPageNum
+        }
+
+        this.pageChange()
+      })
+    },
+
+    // 确认页面跳转页数
+    confirmNum(item){
+      this.num = item.value
+      this.pageChange()
+    }
+
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "./../../../assets/css/var.less";
+.pagination-box{
+  margin: 15px auto 5px;
+  max-width: 300px;
+  font-size: 14px;
+
+  .lw-global-value-bold{
+    display: inline-block;
+    margin: 0 3px;
+  }
+}
+
+// 禁止点击
+.no-click{
+  cursor: no-drop;
+  color: #c0c4cc;
+}
+</style>

package/src/components/ui/Pagination//345/210/206/351/241/265V2.md

@@ -0,0 +1 @@
+# 分页V2 [查看文档](https://www.yuque.com/docs/share/649c4153-9370-49b0-8fec-82c7f5df5679)

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

@@ -47,7 +47,7 @@
         :color="btnColor"
         :plain="btnPlain"
         @click="offBtnClick"
-      >{{ offBtnText }}</lw-button>
+      >{{ offBtnText || $lwLanguage.get('wms_project.pda.components.ui.popup.off','关闭') }}</lw-button>
       <slot name="button"></slot>
     </div>
 
@@ -103,10 +103,7 @@ export default {
       default:true
     },
     // 关闭按钮的文字
-    offBtnText:{
-      type:String,
-      default:'关闭'
-    },
+    offBtnText:String,
     // 关闭按钮点击后触发的方法
     offBtnFn:Function,
     // 关闭按钮是否mini
@@ -209,7 +206,7 @@ export default {
 
 .lw-bottom-popup-title{
   text-align: center;
-  height: @bottomPopupTitleHeight;
+  height: 40px;
   width: 100%;
   font-weight: bold;
   border-bottom: solid 1px @borderColor;
@@ -237,7 +234,7 @@ export default {
   box-sizing: border-box;
   flex-shrink: 0;
 
-  /deep/*{
+  :deep(*){
     flex: 1;
   }
 }

package/src/components/ui/Popup//345/274/271/345/207/272/345/261/202.md

@@ -1 +1 @@
-# 弹出层 [查看文档](https://www.yuque.com/docs/share/631f96b9-a483-4a9e-ba1b-da8f120d9b91)
+# 弹出层 [查看文档](https://www.yuque.com/docs/share/631f96b9-a483-4a9e-ba1b-da8f120d9b91)