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

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

@@ -1,49 +1,49 @@
-import lwLoading from './index.vue'
-import Vue from "vue";
-
-/*lwLoading.install = Vue => Vue.component(lwLoading.name, lwLoading)
-
-export default lwLoading*/
-
-
-
-
-// 手动挂载加载框
-const toastCom = Vue.extend(lwLoading)
-let toastNew
-// 挂载加载框
-const lwLoadingDom = (msg) => {
-  toastNew = new toastCom({
-    el: document.createElement('div')
-  });
-  toastNew.msg = msg || msg === 0 ? msg : '加载中...'
-  toastNew.loading++
-  document.body.appendChild(toastNew.$el)
-  return toastNew
-}
-
-/**
-* 打开加载框
-* @param {String} msg 加载文字，默认“加载中...”
-* */
-export const lwShowLoading = (msg='加载中...') => {
-  if (toastNew){
-    toastNew.loading++
-    toastNew.msg = msg
-    return toastNew
-  }
-  return lwLoadingDom(msg)
-}
-
-// 关闭加载框
-export const lwCloseLoading = () => {
-  try{
-    if (toastNew){
-      toastNew.loading--
-
-      if (toastNew.loading <=0) toastNew.loading = 0
-    }
-  }catch (err){
-    console.error('关闭加载框出错', err)
-  }
-}
+import lwLoading from './index.vue'
+import Vue from "vue";
+
+/*lwLoading.install = Vue => Vue.component(lwLoading.name, lwLoading)
+
+export default lwLoading*/
+
+
+
+
+// 手动挂载加载框
+const toastCom = Vue.extend(lwLoading)
+let toastNew
+// 挂载加载框
+const lwLoadingDom = (msg) => {
+  toastNew = new toastCom({
+    el: document.createElement('div')
+  });
+  toastNew.msg = msg || msg === 0 ? msg : '加载中...'
+  toastNew.loading++
+  document.body.appendChild(toastNew.$el)
+  return toastNew
+}
+
+/**
+* 打开加载框
+* @param {String} msg 加载文字，默认“加载中...”
+* */
+export const lwShowLoading = (msg='加载中...') => {
+  if (toastNew){
+    toastNew.loading++
+    toastNew.msg = msg
+    return toastNew
+  }
+  return lwLoadingDom(msg)
+}
+
+// 关闭加载框
+export const lwCloseLoading = () => {
+  try{
+    if (toastNew){
+      toastNew.loading--
+
+      if (toastNew.loading <=0) toastNew.loading = 0
+    }
+  }catch (err){
+    console.error('关闭加载框出错', err)
+  }
+}

package/src/components/ui/Loading//345/212/240/350/275/275/346/241/206.md

@@ -1 +1 @@
-# 加载框 [查看文档](https://www.yuque.com/docs/share/f5e6d983-e7ec-44dc-84db-261e9847cf93)
+# 加载框 [查看文档](https://www.yuque.com/docs/share/f5e6d983-e7ec-44dc-84db-261e9847cf93)

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//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

@@ -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;
@@ -162,7 +162,7 @@ export default {
 
   }
 
-  /deep/.van-pagination__item--disabled{
+  :deep(.van-pagination__item--disabled){
     color: #646566;
     background-color: #e5e7eb;
     cursor: not-allowed;
@@ -170,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

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