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

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

@@ -1,142 +1,142 @@
-<!--
-  @name: tag标签
-  @description: -
-  @author 张文
-  @date: 2022-01-20
--->
-<template>
-  <div class="lw-tag-box">
-    <van-tag
-      :type="type"
-      :size="size"
-      :color="color"
-      :plain="plain"
-      :round="round"
-      :mark="mark"
-      :text-color="textColor"
-      :closeable="closeable"
-      @click="ev=>$emit('click',ev)"
-      @close="close"
-    >
-      <slot/>
-    </van-tag>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "lwTag",
-  props:{
-    // 类型
-    type:{
-      type:String,
-      default:'primary'
-    },
-    // 大小
-    size:String,
-    // 颜色
-    color:String,
-    // 是否空心
-    plain:{
-      type:Boolean,
-      default: false
-    },
-    // 是否圆角
-    round:{
-      type:Boolean,
-      default: false
-    },
-    // 是否为标记样式
-    mark:{
-      type:Boolean,
-      default: false
-    },
-    // 文字颜色
-    textColor:String,
-    // 是否可关闭
-    closeable:{
-      type:Boolean,
-      default: false
-    },
-  },
-  data() {
-    return {
-    }
-  },
-  methods: {
-    close(){
-      this.$emit('close')
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-@import "../../../assets/css/var.less";
-
-.lw-tag-box{
-  display: inline-block;
-  margin: 2px 4px;
-
-
-  /deep/.van-tag{
-    padding: 2px 8px;
-    border-radius: 4px;
-  }
-
-  /deep/.van-tag--round {
-    border-radius: 999px;
-  }
-
-  /deep/.van-tag--mark {
-    border-radius: 0 999px 999px 0;
-  }
-
-  /deep/.van-tag--primary{
-    background-color: @tagPrimaryColor;
-    &.van-tag--plain{
-      color: @tagPrimaryColor;
-    }
-  }
-
-  /deep/.van-tag--success {
-    background-color: @tagSuccessColor;
-    &.van-tag--plain{
-      color: @tagSuccessColor;
-    }
-  }
-
-  /deep/.van-tag--danger {
-    background-color: @tagDangerColor;
-    &.van-tag--plain{
-      color: @tagDangerColor;
-    }
-  }
-
-  /deep/.van-tag--warning {
-    background-color: @tagWarningColor;
-    &.van-tag--plain{
-      color: @tagWarningColor;
-    }
-  }
-
-  /deep/.van-tag--large{
-    padding: 6px 12px;
-  }
-
-  /deep/.van-tag--medium{
-    padding: 4px 10px;
-  }
-
-  /deep/.van-tag__close {
-    margin-left: 8px;
-  }
-
-  /deep/.van-tag--plain{
-    background-color: #fff;
-  }
-}
-
-</style>
+<!--
+  @name: tag标签
+  @description: -
+  @author 张文
+  @date: 2022-01-20
+-->
+<template>
+  <div class="lw-tag-box">
+    <van-tag
+      :type="type"
+      :size="size"
+      :color="color"
+      :plain="plain"
+      :round="round"
+      :mark="mark"
+      :text-color="textColor"
+      :closeable="closeable"
+      @click="ev=>$emit('click',ev)"
+      @close="close"
+    >
+      <slot/>
+    </van-tag>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwTag",
+  props:{
+    // 类型
+    type:{
+      type:String,
+      default:'primary'
+    },
+    // 大小
+    size:String,
+    // 颜色
+    color:String,
+    // 是否空心
+    plain:{
+      type:Boolean,
+      default: false
+    },
+    // 是否圆角
+    round:{
+      type:Boolean,
+      default: false
+    },
+    // 是否为标记样式
+    mark:{
+      type:Boolean,
+      default: false
+    },
+    // 文字颜色
+    textColor:String,
+    // 是否可关闭
+    closeable:{
+      type:Boolean,
+      default: false
+    },
+  },
+  data() {
+    return {
+    }
+  },
+  methods: {
+    close(){
+      this.$emit('close')
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+@import "../../../assets/css/var.less";
+
+.lw-tag-box{
+  display: inline-block;
+  margin: 2px 4px;
+
+
+  /deep/.van-tag{
+    padding: 2px 8px;
+    border-radius: 4px;
+  }
+
+  /deep/.van-tag--round {
+    border-radius: 999px;
+  }
+
+  /deep/.van-tag--mark {
+    border-radius: 0 999px 999px 0;
+  }
+
+  /deep/.van-tag--primary{
+    background-color: @tagPrimaryColor;
+    &.van-tag--plain{
+      color: @tagPrimaryColor;
+    }
+  }
+
+  /deep/.van-tag--success {
+    background-color: @tagSuccessColor;
+    &.van-tag--plain{
+      color: @tagSuccessColor;
+    }
+  }
+
+  /deep/.van-tag--danger {
+    background-color: @tagDangerColor;
+    &.van-tag--plain{
+      color: @tagDangerColor;
+    }
+  }
+
+  /deep/.van-tag--warning {
+    background-color: @tagWarningColor;
+    &.van-tag--plain{
+      color: @tagWarningColor;
+    }
+  }
+
+  /deep/.van-tag--large{
+    padding: 6px 12px;
+  }
+
+  /deep/.van-tag--medium{
+    padding: 4px 10px;
+  }
+
+  /deep/.van-tag__close {
+    margin-left: 8px;
+  }
+
+  /deep/.van-tag--plain{
+    background-color: #fff;
+  }
+}
+
+</style>

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

@@ -1,11 +1,11 @@
-/*
-* 标题-值显示组件
-* @author: 张文
-* @date  2022-06-16
-* */
-
-import lwTitleValueCell from "./index.vue";
-
-lwTitleValueCell.install = Vue => Vue.component(lwTitleValueCell.name, lwTitleValueCell)
-
-export default lwTitleValueCell
+/*
+* 标题-值显示组件
+* @author: 张文
+* @date  2022-06-16
+* */
+
+import lwTitleValueCell from "./index.vue";
+
+lwTitleValueCell.install = Vue => Vue.component(lwTitleValueCell.name, lwTitleValueCell)
+
+export default lwTitleValueCell

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

@@ -5,18 +5,30 @@
 -->
 <template>
   <div
-    :class="[isRow ? 'lw-global-row' : '']"
+    :class="[
+      'lw-global-flex-between',
+      isRow && (!isRowStart && !isRowEnd) ? 'lw-global-row' : '',
+      isRowStart ? 'lw-global-row-start' : '',
+      isRowEnd ? 'lw-global-row-end' : '',
+    ]"
     @click="$emit('click')"
   >
-    <span class="lw-global-title">{{ title }}</span>
+    <span
+      style="flex-shrink: 0"
+      class="lw-global-title"
+    >{{ title }}</span>
+
     <span
       class="lw-global-value"
       :style="{
         fontWeight: valBold ? 'bold' : '',
         color: valRed ? '#D50000' : '',
-        fontSize: valSize && typeof valSize === 'number' ? valSize+ 'px' : valSize
+        fontSize: valSize && typeof valSize === 'number' ? valSize+ 'px' : valSize,
+        flex:1,
+        textAlign: textAlign || 'left'
       }"
-    >{{ value }}</span>
+      v-html="value"
+    />
   </div>
 </template>
 
@@ -26,7 +38,7 @@ export default {
   name: "lwTitleValueCell",
   props:{
     // 标题
-    title: String,
+    title: [String, Number],
 
     // 值
     value: [String, Number],
@@ -47,7 +59,22 @@ export default {
     isRow:{
       type: Boolean,
       default: true
-    }
+    },
+
+    // 是否是行起始
+    isRowStart:{
+      type: Boolean,
+      default: false
+    },
+
+    // 是否是行结尾
+    isRowEnd:{
+      type: Boolean,
+      default: false
+    },
+
+    // 值对齐方式
+    textAlign: String
   },
   data() {
     return {}

package/src/components/ui/TitleValueCell//346/240/207/351/242/230/345/200/274/350/241/214.md

@@ -0,0 +1,2 @@
+
+# 标题值行 [查看文档](https://www.yuque.com/docs/share/eadeb8fd-306e-4d1f-ad3a-13b6f9306b3a)

package/src/components/ui/index.js

@@ -53,6 +53,8 @@ import lwCarPlate from "./CarPlate";
 import lwTitleValueCell from "./TitleValueCell";
 // 底部按钮栏隐藏多余按钮
 import lwBottomBarBtnHidden from "./BottomBarBtnHidden";
+// 分页组件
+import lwPagination from "./Pagination";
 
 
 
@@ -81,4 +83,5 @@ export const ui = [
   lwCarPlate,
   lwTitleValueCell,
   lwBottomBarBtnHidden,
+  lwPagination,
 ]

package/src/directive/Permissions.js

@@ -1,35 +1,35 @@
-/*
-* 权限
-* @author: 张文
-* @date  2022-02-14
-* */
-
-import {Permissions} from "../utils/Permissions";
-import {lwShowErrorMsg} from "../components/ui/ErrorMsg";
-
-export default {
-  inserted(el, binding) {
-    const { value } = binding
-    const permissions = Permissions.get() || []
-
-    if (value && value instanceof Array) {
-
-      if(value.length === 0) return true
-
-      const permissionRoles = value
-
-      const hasPermission = permissions.some(role => {
-        return permissionRoles.includes(role)
-      })
-
-      if (!hasPermission) {
-        el.parentNode && el.parentNode.removeChild(el)
-      }
-    } else {
-      lwShowErrorMsg('权限校验失败，请检查传入数据是否正确')
-      throw new Error(
-          "权限校验失败，请检查传入数据是否正确! 像这样使用：<div v-permission=\"['admin','editor']\"></div>"
-      )
-    }
-  }
-}
+/*
+* 权限
+* @author: 张文
+* @date  2022-02-14
+* */
+
+import {Permissions} from "../utils/Permissions";
+import {lwShowErrorMsg} from "../components/ui/ErrorMsg";
+
+export default {
+  inserted(el, binding) {
+    const { value } = binding
+    const permissions = Permissions.get() || []
+
+    if (value && value instanceof Array) {
+
+      if(value.length === 0) return true
+
+      const permissionRoles = value
+
+      const hasPermission = permissions.some(role => {
+        return permissionRoles.includes(role)
+      })
+
+      if (!hasPermission) {
+        el.parentNode && el.parentNode.removeChild(el)
+      }
+    } else {
+      lwShowErrorMsg('权限校验失败，请检查传入数据是否正确')
+      throw new Error(
+          "权限校验失败，请检查传入数据是否正确! 像这样使用：<div v-permission=\"['admin','editor']\"></div>"
+      )
+    }
+  }
+}

package/src/directive/index.js

@@ -1,12 +1,12 @@
-/*
-* 指令统一入口
-* @author: 张文
-* @date  2022-02-14
-* */
-
-
-import permissions from "./Permissions";
-
-export const directive = {
-  permissions
-}
+/*
+* 指令统一入口
+* @author: 张文
+* @date  2022-02-14
+* */
+
+
+import permissions from "./Permissions";
+
+export const directive = {
+  permissions
+}

package/src/index.js

@@ -1,67 +1,67 @@
-
-// 基础组件
-import {ui} from "./components/ui";
-// 功能模块组件
-import {module} from "./components/module";
-// 页面级组件
-import {page} from "./components/page";
-
-// 公共方法
-import {utils} from "./utils";
-
-// 接口
-import {lwApi} from "./api/common";
-
-// 指令
-import {directive} from "./directive";
-
-// 菜单
-import {lwMenu} from "./router/menu";
-
-// 产品依赖的基础数据
-import {lwWindowGlobalData} from "./utils/windowGlobalData";
-window.lwWindowGlobalData = lwWindowGlobalData()
-
-const install = function (Vue){
-
-  // 如果安装过就忽略
-  if(install.installed) return;
-
-
-  ui.forEach(component =>{
-    Vue.component(component.name, component)
-  })
-  module.forEach(component =>{
-    Vue.component(component.name, component)
-  })
-  page.forEach(component =>{
-    Vue.component(component.name, component)
-  })
-
-
-  utils(Vue)
-  /*for (let i in utils){
-    Vue.prototype['$'+i]=utils[i]
-  }*/
-
-
-  Vue.prototype.$lwApi=lwApi
-  Vue.prototype.$lwMenu=lwMenu
-
-
-  for (let i in directive){
-    Vue.directive(i, directive[i])
-  }
-
-}
-
-if(typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue);
-}
-
-export default {
-  install,
-  ...ui,
-  ...module,
-  ...page,
-}
+
+// 基础组件
+import {ui} from "./components/ui";
+// 功能模块组件
+import {module} from "./components/module";
+// 页面级组件
+import {page} from "./components/page";
+
+// 公共方法
+import {utils} from "./utils";
+
+// 接口
+import {lwApi} from "./api/common";
+
+// 指令
+import {directive} from "./directive";
+
+// 菜单
+import {lwMenu} from "./router/menu";
+
+// 产品依赖的基础数据
+import {lwWindowGlobalData} from "./utils/windowGlobalData";
+window.lwWindowGlobalData = lwWindowGlobalData()
+
+const install = function (Vue){
+
+  // 如果安装过就忽略
+  if(install.installed) return;
+
+
+  ui.forEach(component =>{
+    Vue.component(component.name, component)
+  })
+  module.forEach(component =>{
+    Vue.component(component.name, component)
+  })
+  page.forEach(component =>{
+    Vue.component(component.name, component)
+  })
+
+
+  utils(Vue)
+  /*for (let i in utils){
+    Vue.prototype['$'+i]=utils[i]
+  }*/
+
+
+  Vue.prototype.$lwApi=lwApi
+  Vue.prototype.$lwMenu=lwMenu
+
+
+  for (let i in directive){
+    Vue.directive(i, directive[i])
+  }
+
+}
+
+if(typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+
+export default {
+  install,
+  ...ui,
+  ...module,
+  ...page,
+}

package/src/mixins/loginAndInit/index.js

@@ -0,0 +1,31 @@
+/*
+* 登录成功后和初始化页面有token时拉取的数据
+* @author: 张文
+* @date  2022-07-06
+* */
+
+export const loginAndInit = {
+  methods: {
+    getSystemInitData(){
+      // 获取颜色配置并设置
+      this.$lwSetColor.awaySet()
+
+      let list = [
+        // 获取字典数据
+        this.$lwDict.asyncGet(),
+        // 获取权限数据
+        this.$lwPermissions.asyncGet(),
+      ]
+
+      // 如果选择了仓库就加载
+      if (Object.keys(this.$lwWarehouse.get()).length){
+        // 获取当前配置了的打印机
+        list.push(this.$lwPrint.asyncGet())
+        // 获取条码解析规则
+        list.push(this.$lwBarcodeResolve.asyncInitRule())
+      }
+
+      return Promise.all(list)
+    }
+  }
+}