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

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

@@ -1,141 +1,141 @@
-<!--
-  @name: 错误提示框
-  @description: -
-  @author 张文
-  @date: 2022-01-25
--->
-<template>
-  <div
-    v-if="show"
-    :style="{height:height}"
-    class="lw-error-msg-box"
-  >
-
-    <div
-      :style="{
-        background:background,
-        color:color
-      }"
-      class="lw-error-msg-body"
-    >
-      <div class="lw-error-msg-content">{{ message }}</div>
-    </div>
-
-    <div class="lw-global-flex-center lw-error-msg-close" @click="offError">
-      <img :src="require('../../../assets/img/off.png')" alt="">
-    </div>
-
-  </div>
-</template>
-
-<script>
-import {lwCloseErrorMsg} from "./index";
-
-/* 注意此组件不能使用 this.$XXX 的方法，因为没有注册组件是通过指令调用的 */
-
-export default {
-  name: "lwErrorMsg",
-  /*props:{
-    message:[String,Number]
-  },*/
-  data() {
-    return {
-      show:false,
-      height:0,
-      message:'',
-      background:'',
-      color:''
-    }
-  },
-  watch:{
-    show(n){
-      if (n){
-        // 让当前获取焦点的输入框失去焦点
-        this.getInput('blur')
-      }
-    }
-  },
-  mounted() {
-    setTimeout(()=>{
-      this.height = '100vh'
-    },5)
-  },
-  methods: {
-    // 通过点击关闭按钮关闭弹窗
-    offError(){
-      lwCloseErrorMsg()
-    },
-
-    // 关闭弹框
-    close(){
-      this.height=0
-      const dom = document.getElementsByClassName('lw-error-msg-box')[0]
-      dom.addEventListener('transitionend', ()=>{
-        // 让原输入框获取焦点
-        this.getInput('focus')
-        this.show=false
-      })
-      this.$emit('close')
-    },
-
-    // 获取当前存放的输入框
-    getInput(fn){
-      const inp = window.lwWindowGlobalData.get('input').dom
-      inp && inp[fn]()
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-@import "../../../assets/css/var.less";
-
-.lw-error-msg-box{
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  width: 100vw;
-  height: 0;
-  background: rgba(0,0,0,0.6);
-  z-index: 2147483584;
-  transition: all .3s;
-  overflow: hidden;
-}
-
-.lw-error-msg-body{
-  width: 100%;
-  height: 50%;
-  padding: 10px;
-  box-sizing: border-box;
-  color: @errorMsgColor;
-  background: @errorMsgBackgroundColor;
-  overflow: hidden;
-}
-
-.lw-error-msg-content{
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  box-sizing: border-box;
-  text-align: center;
-}
-
-.lw-error-msg-close{
-  position: absolute;
-  top: 70%;
-  left: 50%;
-  transform: translateX(-50%);
-
-  >img{
-    width: 40px;
-  }
-}
-
-.err-msg-btn{
-  opacity: 0;
-}
-
-</style>
+<!--
+  @name: 错误提示框
+  @description: -
+  @author 张文
+  @date: 2022-01-25
+-->
+<template>
+  <div
+    v-if="show"
+    :style="{height:height}"
+    class="lw-error-msg-box"
+  >
+
+    <div
+      :style="{
+        background:background,
+        color:color
+      }"
+      class="lw-error-msg-body"
+    >
+      <div class="lw-error-msg-content">{{ message }}</div>
+    </div>
+
+    <div class="lw-global-flex-center lw-error-msg-close" @click="offError">
+      <img :src="require('../../../assets/img/off.png')" alt="">
+    </div>
+
+  </div>
+</template>
+
+<script>
+import {lwCloseErrorMsg} from "./index";
+
+/* 注意此组件不能使用 this.$XXX 的方法，因为没有注册组件是通过指令调用的 */
+
+export default {
+  name: "lwErrorMsg",
+  /*props:{
+    message:[String,Number]
+  },*/
+  data() {
+    return {
+      show:false,
+      height:0,
+      message:'',
+      background:'',
+      color:''
+    }
+  },
+  watch:{
+    show(n){
+      if (n){
+        // 让当前获取焦点的输入框失去焦点
+        this.getInput('blur')
+      }
+    }
+  },
+  mounted() {
+    setTimeout(()=>{
+      this.height = '100vh'
+    },5)
+  },
+  methods: {
+    // 通过点击关闭按钮关闭弹窗
+    offError(){
+      lwCloseErrorMsg()
+    },
+
+    // 关闭弹框
+    close(){
+      this.height=0
+      const dom = document.getElementsByClassName('lw-error-msg-box')[0]
+      dom.addEventListener('transitionend', ()=>{
+        // 让原输入框获取焦点
+        this.getInput('focus')
+        this.show=false
+      })
+      this.$emit('close')
+    },
+
+    // 获取当前存放的输入框
+    getInput(fn){
+      const inp = window.lwWindowGlobalData.get('input').dom
+      inp && inp[fn]()
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+@import "../../../assets/css/var.less";
+
+.lw-error-msg-box{
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  width: 100vw;
+  height: 0;
+  background: rgba(0,0,0,0.6);
+  z-index: 2147483584;
+  transition: all .3s;
+  overflow: hidden;
+}
+
+.lw-error-msg-body{
+  width: 100%;
+  height: 50%;
+  padding: 10px;
+  box-sizing: border-box;
+  color: @errorMsgColor;
+  background: @errorMsgBackgroundColor;
+  overflow: hidden;
+}
+
+.lw-error-msg-content{
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  box-sizing: border-box;
+  text-align: center;
+}
+
+.lw-error-msg-close{
+  position: absolute;
+  top: 70%;
+  left: 50%;
+  transform: translateX(-50%);
+
+  >img{
+    width: 40px;
+  }
+}
+
+.err-msg-btn{
+  opacity: 0;
+}
+
+</style>

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

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

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

@@ -1,36 +1,36 @@
-<!--
-  @name: 表单
-  @description: -
-  @author 张文
-  @date: 2022-01-25
--->
-<template>
-  <form @submit="submit">
-    <slot></slot>
-  </form>
-</template>
-
-<script>
-
-export default {
-  name: "lwForm",
-  data() {
-    return {}
-  },
-  methods: {
-    submit(ev){
-      const form = ev.target.getElementsByTagName('input')
-      let data={}
-      for (let i=0;i<form.length;i++){
-        data[form[i].name] = form[i].value
-      }
-      ev.preventDefault();
-      this.$emit('submit', data)
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  @name: 表单
+  @description: -
+  @author 张文
+  @date: 2022-01-25
+-->
+<template>
+  <form @submit="submit">
+    <slot></slot>
+  </form>
+</template>
+
+<script>
+
+export default {
+  name: "lwForm",
+  data() {
+    return {}
+  },
+  methods: {
+    submit(ev){
+      const form = ev.target.getElementsByTagName('input')
+      let data={}
+      for (let i=0;i<form.length;i++){
+        data[form[i].name] = form[i].value
+      }
+      ev.preventDefault();
+      this.$emit('submit', data)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

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

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

@@ -1,96 +1,96 @@
-<!--
-  @name: 图片预览
-  @description: 图片预览
-  @author 张文
-  @date: 2022-01-19
-  -->
-<template>
-  <div :style="{justifyContent: justifyContent}" class="lw-img-look">
-    <van-image
-      v-for="(i,k) in imgArr"
-      :key="k"
-      style="margin:0 10px 10px 0"
-      fit="contain"
-      :src="i"
-      @click="showBig(k)"
-    />
-  </div>
-</template>
-
-<script>
-// 全局图片预览
-import { ImagePreview } from 'vant';
-import {GetImgSrc} from '../../../utils/GetImgSrc'
-
-export default {
-  name: "lwImgLook",
-  props:{
-    // 显示的原始文件
-    imgList:{
-      type:Array,
-      default:()=>[]
-    },
-    // 对齐方式
-    justifyContent:{
-      type:String,
-      default:'flex-start'
-    },
-    // 是否开启点击图片展示大图，默认开启
-    showBigImg:{
-      type:Boolean,
-      default:true
-    }
-  },
-  watch:{
-    imgList:{
-      handler(l,n){
-        if (!l || !n ||l.toString()!==n.toString()){
-          this.getUrl()
-        }
-      },
-      immediate:true,
-      deep:true
-    }
-  },
-  data(){
-    return {
-      imgArr:[]
-    }
-  },
-  methods:{
-    showBig(index){
-      this.$emit('click', index, this.imgArr[index])
-      if(!this.showBigImg)return
-      ImagePreview({
-        images: this.imgArr,
-        startPosition: index,
-        closeable: true,
-      });
-    },
-
-    getUrl(){
-      this.imgArr=[]
-      GetImgSrc.asyncGet(this.imgList.join('|')).then(arr=>{
-        this.imgArr=arr
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-.lw-img-look{
-  display: flex;
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-  flex-wrap: wrap;
-
-  /deep/.van-image{
-    max-width: 100px;
-    max-height: 100px;
-  }
-}
-
-
-</style>
+<!--
+  @name: 图片预览
+  @description: 图片预览
+  @author 张文
+  @date: 2022-01-19
+  -->
+<template>
+  <div :style="{justifyContent: justifyContent}" class="lw-img-look">
+    <van-image
+      v-for="(i,k) in imgArr"
+      :key="k"
+      style="margin:0 10px 10px 0"
+      fit="contain"
+      :src="i"
+      @click="showBig(k)"
+    />
+  </div>
+</template>
+
+<script>
+// 全局图片预览
+import { ImagePreview } from 'vant';
+import {GetImgSrc} from '../../../utils/GetImgSrc'
+
+export default {
+  name: "lwImgLook",
+  props:{
+    // 显示的原始文件
+    imgList:{
+      type:Array,
+      default:()=>[]
+    },
+    // 对齐方式
+    justifyContent:{
+      type:String,
+      default:'flex-start'
+    },
+    // 是否开启点击图片展示大图，默认开启
+    showBigImg:{
+      type:Boolean,
+      default:true
+    }
+  },
+  watch:{
+    imgList:{
+      handler(l,n){
+        if (!l || !n ||l.toString()!==n.toString()){
+          this.getUrl()
+        }
+      },
+      immediate:true,
+      deep:true
+    }
+  },
+  data(){
+    return {
+      imgArr:[]
+    }
+  },
+  methods:{
+    showBig(index){
+      this.$emit('click', index, this.imgArr[index])
+      if(!this.showBigImg)return
+      ImagePreview({
+        images: this.imgArr,
+        startPosition: index,
+        closeable: true,
+      });
+    },
+
+    getUrl(){
+      this.imgArr=[]
+      GetImgSrc.asyncGet(this.imgList.join('|')).then(arr=>{
+        this.imgArr=arr
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.lw-img-look{
+  display: flex;
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+  flex-wrap: wrap;
+
+  /deep/.van-image{
+    max-width: 100px;
+    max-height: 100px;
+  }
+}
+
+
+</style>

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

@@ -1,12 +1,12 @@
-/*
-* 图片上传组件的暴露出口
-* @author 张文
-* @date  2022-01-19
-* */
-
-import lwImgUpload from './index.vue'
-
-lwImgUpload.install = Vue => Vue.component(lwImgUpload.name, lwImgUpload)
-
-export default lwImgUpload
-
+/*
+* 图片上传组件的暴露出口
+* @author 张文
+* @date  2022-01-19
+* */
+
+import lwImgUpload from './index.vue'
+
+lwImgUpload.install = Vue => Vue.component(lwImgUpload.name, lwImgUpload)
+
+export default lwImgUpload
+