@logwire/logwire-wms-pda-ui 1.1.15 → 1.1.18

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

@@ -1,132 +1,132 @@
-<!--
-  切换卡片
-  @author: 张文
-  @date: 2022-05-19
--->
-<template>
-  <div
-    class="lw-global-flex-between"
-    style="padding-top: 8px"
-  >
-    <!-- 左边按钮 -->
-    <div
-      class="lw-global-flex-center lw-global-click-style lw-cut-card-btn"
-      @click="cut('left')"
-    >
-      <van-icon name="arrow-left"/>
-    </div>
-
-    <!-- 任务数据 -->
-    <div>
-      <span style="color: #D50000">{{ index + 1 }}</span>
-      <span> / {{ length }}</span>
-    </div>
-
-    <slot name="numLast"></slot>
-
-    <!-- 右边按钮 -->
-    <div
-      class="lw-global-flex-center lw-global-click-style lw-cut-card-btn"
-      @click="cut('right')"
-    >
-      <van-icon name="arrow" />
-    </div>
-
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "lwCutCard",
-  props:{
-    // 当前激活项
-    value:{
-      type: Number,
-      default: 0
-    },
-    // 总长度
-    length:{
-      type: Number,
-      default: 1
-    },
-    // 切换前的回调
-    cutStart: Function,
-    // 切换成功后的回调
-    cutEnd: Function
-  },
-  computed:{
-    index:{
-      get(){
-        return this.value
-      },
-      set(v){
-        this.$emit('input', v)
-      }
-    }
-  },
-  data() {
-    return {}
-  },
-  methods: {
-
-    // 左右切换
-    async cut(type){
-      try{
-
-        // 判断是点击的左边还是右边
-        if (type === 'left'){
-          if (this.index === 0){
-            this.$lwShowErrorMsg(
-              this.$lwLanguage.get('wms_project.pda.ui.cutCard.one','已是第一条')
-            )
-            return
-          }
-        }else {
-          if ((this.index + 1) >= this.length){
-            this.$lwShowErrorMsg(
-              this.$lwLanguage.get('wms_project.pda.ui.cutCard.last','已是最后一条')
-            )
-            return
-          }
-        }
-
-        // 判断是否传入了触发前的事件
-        if (this.cutStart){
-          const back = await this.cutStart()
-
-          if (back === false) return
-        }
-
-        // 根据不同按钮触发不同事件
-        type === 'left' ? this.index-- : this.index++
-
-        // 提示成功
-        this.$nextTick(()=>{
-          this.$lwToast.toast({
-            forbidClick:false,
-            message:this.$lwLanguage.get('wms_project.pda.ui.cutCard.cut','已切换至行数：') + (this.index + 1)
-          })
-        })
-
-        // 调用触发结束后的回调
-        this.cutEnd && this.cutEnd()
-      }catch(e){
-        console.warn('切换组件异常捕获：', e)
-      }
-    },
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-@import "../../../assets/css/var.less";
-
-.lw-cut-card-btn{
-  padding: 5px;
-  border: solid 1px @titleColor;
-  border-radius: 5px;
-}
-
-</style>
+<!--
+  切换卡片
+  @author: 张文
+  @date: 2022-05-19
+-->
+<template>
+  <div
+    class="lw-global-flex-between"
+    style="padding-top: 8px"
+  >
+    <!-- 左边按钮 -->
+    <div
+      class="lw-global-flex-center lw-global-click-style lw-cut-card-btn"
+      @click="cut('left')"
+    >
+      <van-icon name="arrow-left"/>
+    </div>
+
+    <!-- 任务数据 -->
+    <div>
+      <span style="color: #D50000">{{ index + 1 }}</span>
+      <span> / {{ length }}</span>
+    </div>
+
+    <slot name="numLast"></slot>
+
+    <!-- 右边按钮 -->
+    <div
+      class="lw-global-flex-center lw-global-click-style lw-cut-card-btn"
+      @click="cut('right')"
+    >
+      <van-icon name="arrow" />
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwCutCard",
+  props:{
+    // 当前激活项
+    value:{
+      type: Number,
+      default: 0
+    },
+    // 总长度
+    length:{
+      type: Number,
+      default: 1
+    },
+    // 切换前的回调
+    cutStart: Function,
+    // 切换成功后的回调
+    cutEnd: Function
+  },
+  computed:{
+    index:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input', v)
+      }
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+
+    // 左右切换
+    async cut(type){
+      try{
+
+        // 判断是点击的左边还是右边
+        if (type === 'left'){
+          if (this.index === 0){
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('wms_project.pda.ui.cutCard.one','已是第一条')
+            )
+            return
+          }
+        }else {
+          if ((this.index + 1) >= this.length){
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('wms_project.pda.ui.cutCard.last','已是最后一条')
+            )
+            return
+          }
+        }
+
+        // 判断是否传入了触发前的事件
+        if (this.cutStart){
+          const back = await this.cutStart()
+
+          if (back === false) return
+        }
+
+        // 根据不同按钮触发不同事件
+        type === 'left' ? this.index-- : this.index++
+
+        // 提示成功
+        this.$nextTick(()=>{
+          this.$lwToast.toast({
+            forbidClick:false,
+            message:this.$lwLanguage.get('wms_project.pda.ui.cutCard.cut','已切换至行数：') + (this.index + 1)
+          })
+        })
+
+        // 调用触发结束后的回调
+        this.cutEnd && this.cutEnd()
+      }catch(e){
+        console.warn('切换组件异常捕获：', e)
+      }
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+@import "../../../assets/css/var.less";
+
+.lw-cut-card-btn{
+  padding: 5px;
+  border: solid 1px @titleColor;
+  border-radius: 5px;
+}
+
+</style>

package/src/components/ui/CutCard//345/215/241/347/211/207/351/241/265/351/235/242/345/210/207/346/215/242.md

@@ -1 +1 @@
-# 卡片页面切换 [查看文档](https://www.yuque.com/docs/share/488610d6-33b7-4ea8-a3a4-67441e7b62b0)
+# 卡片页面切换 [查看文档](https://www.yuque.com/docs/share/488610d6-33b7-4ea8-a3a4-67441e7b62b0)

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

@@ -1,11 +1,11 @@
-/*
-* 数据看板背景图
-* @author: 张文
-* @date  2022-05-16
-* */
-
-import lwDataLookBg from "./index.vue";
-
-lwDataLookBg.install = Vue => Vue.component(lwDataLookBg.name, lwDataLookBg)
-
-export default lwDataLookBg
+/*
+* 数据看板背景图
+* @author: 张文
+* @date  2022-05-16
+* */
+
+import lwDataLookBg from "./index.vue";
+
+lwDataLookBg.install = Vue => Vue.component(lwDataLookBg.name, lwDataLookBg)
+
+export default lwDataLookBg

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

@@ -1,104 +1,104 @@
-<!--
-  看板背景图
-  @author: 张文
-  @date: 2022-05-06
--->
-<template>
-  <div
-    :class="[
-      'lw-global-flex-center',
-      clickStyle ? 'lw-global-click-style' : '',
-      'lw-look-img-bg'
-    ]"
-    @click="$emit('click')"
-  >
-    <img :src="imgSrc" alt="" class="lw-look-img">
-
-    <div class="lw-global-flex-around lw-look-box">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "lwDataLookBg",
-  props:{
-    // 背景图样式 all - 全圆角，bottom - 底部圆角，not - 没有圆角
-    type:{
-      type: String,
-      default: 'all'
-    },
-    // 是否需要点击样式
-    clickStyle: Boolean
-  },
-  computed:{
-    imgSrc(){
-      switch (this.type){
-        case 'all':
-          return require('./../../../assets/img/datalookBg/backgroundImg.png')
-        case 'bottom':
-          return require('./../../../assets/img/datalookBg/backgroundBottomRadius.png')
-        case 'not':
-          return require('./../../../assets/img/datalookBg/backgroundImgAngle.png')
-        default:
-          return require('./../../../assets/img/datalookBg/backgroundImg.png')
-      }
-    }
-  },
-  data() {
-    return {}
-  },
-  methods: {}
-}
-</script>
-
-<style scoped lang="less">
-
-
-.lw-look-img-bg{
-  position: relative;
-
-  .lw-look-img{
-    width: 100%;
-  }
-
-  .lw-look-box{
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    color: #fff;
-    text-align: center;
-
-    .lw-data-look-bg-title{
-      font-size: 12px;
-      margin-top: 3px;
-    }
-
-    >div{
-      text-align: center;
-      flex-grow: 1;
-
-    }
-
-    .lw-data-last-item {
-      position: relative;
-
-      &::before {
-        content: ' ';
-        display: inline-block;
-        width: 1px;
-        height: 50%;
-        background: #fff;
-        position: absolute;
-        top: 25%;
-        left: 0;
-      }
-    }
-  }
-}
-
-</style>
+<!--
+  看板背景图
+  @author: 张文
+  @date: 2022-05-06
+-->
+<template>
+  <div
+    :class="[
+      'lw-global-flex-center',
+      clickStyle ? 'lw-global-click-style' : '',
+      'lw-look-img-bg'
+    ]"
+    @click="$emit('click')"
+  >
+    <img :src="imgSrc" alt="" class="lw-look-img">
+
+    <div class="lw-global-flex-around lw-look-box">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwDataLookBg",
+  props:{
+    // 背景图样式 all - 全圆角，bottom - 底部圆角，not - 没有圆角
+    type:{
+      type: String,
+      default: 'all'
+    },
+    // 是否需要点击样式
+    clickStyle: Boolean
+  },
+  computed:{
+    imgSrc(){
+      switch (this.type){
+        case 'all':
+          return require('./../../../assets/img/datalookBg/backgroundImg.png')
+        case 'bottom':
+          return require('./../../../assets/img/datalookBg/backgroundBottomRadius.png')
+        case 'not':
+          return require('./../../../assets/img/datalookBg/backgroundImgAngle.png')
+        default:
+          return require('./../../../assets/img/datalookBg/backgroundImg.png')
+      }
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+
+.lw-look-img-bg{
+  position: relative;
+
+  .lw-look-img{
+    width: 100%;
+  }
+
+  .lw-look-box{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    color: #fff;
+    text-align: center;
+
+    .lw-data-look-bg-title{
+      font-size: 12px;
+      margin-top: 3px;
+    }
+
+    >div{
+      text-align: center;
+      flex-grow: 1;
+
+    }
+
+    .lw-data-last-item {
+      position: relative;
+
+      &::before {
+        content: ' ';
+        display: inline-block;
+        width: 1px;
+        height: 50%;
+        background: #fff;
+        position: absolute;
+        top: 25%;
+        left: 0;
+      }
+    }
+  }
+}
+
+</style>

package/src/components/ui/DataLookBg//346/225/260/346/215/256/347/234/213/346/235/277/350/203/214/346/231/257/345/233/276.md

@@ -1 +1 @@
-# 数据看板背景图 [查看文档](https://www.yuque.com/docs/share/771b5926-1878-43b9-970c-a2c8b3c136ff)
+# 数据看板背景图 [查看文档](https://www.yuque.com/docs/share/771b5926-1878-43b9-970c-a2c8b3c136ff)

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

@@ -1,59 +1,59 @@
-import Vue from "vue";
-import lwErrorMsg from './index.vue'
-
-import {AppPower} from "../../../utils/AppPower";
-
-/*lwErrorMsg.install = Vue => Vue.component(lwErrorMsg.name, lwErrorMsg)
-
-export default lwErrorMsg*/
-
-
-// 手动挂载加载框
-const errorMsg = Vue.extend(lwErrorMsg)
-let errorMsgNew = null
-// 挂载加载框
-const lwErrorMsgDom = ({message,background,color}) => {
-  errorMsgNew = new errorMsg({
-    el: document.createElement('div')
-  });
-  errorMsgNew.show = true
-  errorMsgNew.message = message
-  errorMsgNew.background = background
-  errorMsgNew.color = color
-  AppPower.speak(message)
-  AppPower.shortVibrate(1500)
-  document.body.appendChild(errorMsgNew.$el)
-}
-
-/**
- * 打开错误提示弹框
- * @param {Object|String} obj {message-错误信息，background-背景颜色，color-字体颜色}
- */
-export const lwShowErrorMsg = (obj) => {
-  let data = {}
-  if (typeof obj === 'object'){
-    data = obj
-  }else {
-    data.message = obj
-  }
-
-
-  if (errorMsgNew){
-    errorMsgNew.message = data.message
-
-    if (typeof obj === 'object'){
-      errorMsgNew.background = data.background
-      errorMsgNew.color = data.color
-    }
-
-    return
-  }
-
-  lwErrorMsgDom(data)
-}
-
-// 关闭错误提示弹框
-export const lwCloseErrorMsg = () => {
-  errorMsgNew.close()
-  errorMsgNew = null
-}
+import Vue from "vue";
+import lwErrorMsg from './index.vue'
+
+import {AppPower} from "../../../utils/AppPower";
+
+/*lwErrorMsg.install = Vue => Vue.component(lwErrorMsg.name, lwErrorMsg)
+
+export default lwErrorMsg*/
+
+
+// 手动挂载加载框
+const errorMsg = Vue.extend(lwErrorMsg)
+let errorMsgNew = null
+// 挂载加载框
+const lwErrorMsgDom = ({message,background,color}) => {
+  errorMsgNew = new errorMsg({
+    el: document.createElement('div')
+  });
+  errorMsgNew.show = true
+  errorMsgNew.message = message
+  errorMsgNew.background = background
+  errorMsgNew.color = color
+  AppPower.speak(message)
+  AppPower.shortVibrate(1500)
+  document.body.appendChild(errorMsgNew.$el)
+}
+
+/**
+ * 打开错误提示弹框
+ * @param {Object|String} obj {message-错误信息，background-背景颜色，color-字体颜色}
+ */
+export const lwShowErrorMsg = (obj) => {
+  let data = {}
+  if (typeof obj === 'object'){
+    data = obj
+  }else {
+    data.message = obj
+  }
+
+
+  if (errorMsgNew){
+    errorMsgNew.message = data.message
+
+    if (typeof obj === 'object'){
+      errorMsgNew.background = data.background
+      errorMsgNew.color = data.color
+    }
+
+    return
+  }
+
+  lwErrorMsgDom(data)
+}
+
+// 关闭错误提示弹框
+export const lwCloseErrorMsg = () => {
+  errorMsgNew.close()
+  errorMsgNew = null
+}