@logwire/logwire-wms-pda-ui 1.1.15

package/src/components/module/Menu/index.vue

@@ -0,0 +1,118 @@
+<!--
+  @name: 菜单模块
+  @description: -
+  @author 张文
+  @date: 2022-02-24
+-->
+<template>
+  <div class="lw-global-flex-start lw-menu-model">
+    <lw-menu-item
+      v-for="(i,k) in Object.keys(menuList)"
+      :key="k"
+      :time="k"
+      :move="menuList[i].move === undefined ? move : menuList[i].move"
+      v-bind="menuList[i]"
+      :tip="tipNum(menuList[i])"
+      :background="menuList[i].background || background"
+      :max-tip="menuList[i].tipMax || tipMax"
+      @click="click(menuList[i],i)"
+    />
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwMenuModule",
+  props: {
+    // 需要渲染的菜单
+    menu: Array,
+
+    // 菜单索引
+    menuKey:{
+      type: String,
+      default: ''
+    },
+
+    // 是否需要进入动画
+    move:{
+      type:Boolean,
+      default: true
+    },
+
+    // 项目的统一背景颜色
+    background: String,
+
+    // 角标数据最大可显示数
+    tipMax: {
+      type: Number,
+      default: 9
+    },
+
+    // 需要更新的角标数据
+    tip:Array
+  },
+  data() {
+    return {
+      // 菜单数据
+      menuList:[]
+    }
+  },
+  watch:{
+    tip(){
+      this.updateMenu()
+    }
+  },
+  mounted() {
+    this.updateMenu()
+  },
+  methods: {
+    // 更新菜单数据
+    updateMenu(){
+      this.menuList = []
+
+      if (this.menu){
+        this.menuList = this.menu
+        return
+      }
+
+      this.menuList = this.$lwMenu.get(this.menuKey)
+    },
+
+    // 角标数据
+    tipNum(i){
+      if(!this.tip) return i.tip || ''
+
+      const list = this.tip.filter(item=>{
+        if (item.path && item.path === i.path){
+          return item
+        }
+      })
+
+      if (!list.length) return i.tip || ''
+
+      return list[0].tip || ''
+    },
+
+    // 点击
+    click(item,key) {
+      const top = this.$route.query.lwMenuKey || ''
+      this.$emit('click', {item, key:top+`${key}.children`})
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+/*
+* 菜单项
+*/
+
+
+.lw-menu-model{
+  flex-wrap: wrap;
+}
+
+
+</style>

package/src/components/module/Menu//350/217/234/345/215/225/346/240/217.md

@@ -0,0 +1 @@
+# 菜单栏 [查看文档](https://note.youdao.com/share/?token=238356430A584438ADE13DA53308D199&gid=136361463)

package/src/components/module/MsgItem/index.js

@@ -0,0 +1,11 @@
+/*
+* 消息列表及分页模块
+* @author: 张文
+* @date  2022-02-25
+* */
+
+import lwMsgItemModule from "./index.vue";
+
+lwMsgItemModule.install = Vue => Vue.component(lwMsgItemModule.name, lwMsgItemModule)
+
+export default lwMsgItemModule

package/src/components/module/MsgItem/index.vue

@@ -0,0 +1,109 @@
+<!--
+  消息列表及分页模块
+  @author: 张文
+  @date: 2022-03-10
+-->
+<template>
+  <div>
+    <template v-if="msgList.length">
+      <!-- 消息列表 -->
+      <div
+        class="lw-global-model-box lw-global-animation-out lw-global-click-style"
+        v-for="(item,k) in msgList"
+        :key="item.id"
+        :style="{animationDelay: k * 50 + 'ms'}"
+        @click="$emit('click', item, type)"
+      >
+        <div class="lw-global-flex-between">
+          <div class="lw-msg-item-model-title">{{ item.title }}</div>
+          <div class="lw-global-title">{{ $lwDate.format(item.publishTime) }}</div>
+        </div>
+        <div class="lw-msg-item-model-content">{{ item.content }}</div>
+
+      </div>
+
+      <!-- 分页 -->
+      <lw-pages
+        class="lw-global-animation-out"
+        :style="{animationDelay: msgList.length * 50 + 'ms'}"
+        v-model="pageNum"
+        :page-total="pageTotal"
+        :page-size="pageSize"
+        @change="getMsg"
+      />
+    </template>
+    <lw-not-data v-else/>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwMsgItemModule",
+  props:{
+    // 消息类型
+    type:{
+      type: String,
+      default: ''
+    },
+    // 每页显示的数据条数
+    pageSize: {
+      type: Number,
+      default: 10
+    }
+  },
+  data() {
+    return {
+      // 消息
+      msgList:[],
+      // 当前页
+      pageNum: 1,
+      // 数据总条数
+      pageTotal: 0
+    }
+  },
+  mounted() {
+    this.getMsg()
+  },
+  methods: {
+    // 获取数据
+    getMsg(){
+      this.$lwApi.msg.getList({
+        pageNum:this.pageNum - 1,
+        pageSize:this.pageSize,
+        flag: this.type === 'unread' ? 0 : 1
+      }).then(res=>{
+        this.msgList = res.messages || []
+        this.pageTotal = res.messageCount || 0
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+
+
+.lw-msg-item-model-title{
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.lw-msg-item-model-content{
+  margin-top: 8px;
+  padding-top: 8px;
+  border-top: solid 1px #ccc;
+  font-size: 14px;
+  color: #888;
+  width: 100%;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  word-break: break-all;
+}
+
+</style>

package/src/components/module/MsgItem//346/266/210/346/201/257/345/210/227/350/241/250/345/217/212/345/210/206/351/241/265/346/250/241/345/235/227.md

@@ -0,0 +1 @@
+# 消息列表及分页模块 [查看文档](http://note.youdao.com/groupshare/?token=6F58D80E8DFB4A0F867BBB2E8E3BAF3D&gid=136361463)

package/src/components/module/OnLine/index.js

@@ -0,0 +1,11 @@
+/*
+* 上下线管理模块
+* @author: 张文
+* @date  2022-03-04
+* */
+
+import lwOnLineModule from "./index.vue";
+
+lwOnLineModule.install = Vue => Vue.component(lwOnLineModule.name, lwOnLineModule)
+
+export default lwOnLineModule

package/src/components/module/OnLine/index.vue

@@ -0,0 +1,195 @@
+<!--
+  上下线管理模块
+  @author: 张文
+  @date: 2022-02-25
+-->
+<template>
+  <lw-popup
+    class="lw-on-line-model-box"
+    v-model="show"
+    :allow-off="false"
+    :title="$lwLanguage.get('wms_project.pda.model.onlineModel.manage', '状态管理')"
+  >
+
+    <slot name="top"/>
+
+    <div style="padding: 10px 0">
+      <lw-cell
+        class="lw-global-animation-out"
+        v-bind="cellStyle"
+        :title="$lwLanguage.get('wms_project.pda.model.onlineModel.userState', '当前用户状态')"
+      >
+        <template #value>
+          <van-switch
+            v-model="userStatus"
+            :size="switchSize"
+            @change="userChange"
+          />
+        </template>
+      </lw-cell>
+
+      <div
+        class="lw-global-bottom-border lw-global-title-left-line lw-global-animation-out"
+        style="padding: 20px 0 10px;animation-delay: 50ms"
+      >{{ $lwLanguage.get('wms_project.pda.model.onlineModel.job', '业务状态') }}</div>
+
+      <lw-cell
+        class="lw-global-animation-out"
+        v-bind="cellStyle"
+        v-for="(i,k) in bizList"
+        :style="{animationDelay: (k+2) * 50 + 'ms'}"
+        :key="k"
+        :title="i.operationTypeLabel"
+      >
+        <template #value>
+          <van-switch
+            v-model="i.online"
+            :size="switchSize"
+            @change="(val) => switchChange(i, k, val)"
+          />
+        </template>
+      </lw-cell>
+
+      <slot name="addItem"/>
+    </div>
+
+    <slot name="end"/>
+
+    <template #button>
+      <lw-button
+        v-if="showConfirm"
+        v-bind="confirmStyle"
+        @click="confirm"
+      >
+        <slot name="btn">{{ confirmText || $lwLanguage.get('wms_project.pda.common.confirm', '确定') }}</slot>
+      </lw-button>
+
+      <slot name="addBtn"/>
+    </template>
+  </lw-popup>
+</template>
+
+<script>
+
+export default {
+  name: "lwOnLineModule",
+  props:{
+    value:{
+      type:Boolean,
+      default: false
+    },
+
+    // 是否显示确定按钮
+    showConfirm:{
+      type: Boolean,
+      default: true
+    },
+    // 确定按钮的文字
+    confirmText: String,
+    // 确定按钮的样式
+    confirmStyle:{
+      type: Object,
+      default: () => {
+        return {
+          block: true
+        }
+      }
+    },
+  },
+  data() {
+    return {
+      // 打开弹出框
+      show:false,
+
+      // 单元行样式
+      cellStyle:{
+        isLink: false
+      },
+      // 开关的大小
+      switchSize: '18px',
+
+      // 用户在线状态
+      userStatus:false,
+      // 业务状态
+      bizList:[]
+    }
+  },
+  watch:{
+    value:{
+      handler(n){
+        n && this.allLineStatus()
+      }
+    }
+  },
+  methods: {
+    // 获取全部状态
+    allLineStatus(){
+      this.$lwApi.user.allLineStatus().then(res=>{
+        this.userStatus = res.online
+        this.bizList = res.bizList
+        this.show = true
+      }).catch(err=>{
+        console.error('获取全部状态失败：', err)
+        this.show = false
+        this.$emit('input', false)
+      })
+    },
+
+    // 用户状态改变
+    userChange(val){
+      const fn = val ? 'userOnLine' : 'userOffLine'
+      this.$lwApi.user[fn]().catch(err=>{
+        console.error('用户上下线错误', err)
+        this.userStatus = !val
+      })
+    },
+
+    // 业务状态改变
+    async switchChange(item, key, val){
+
+      try{
+
+        if (!this.userStatus) {
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get(
+              'wms_project.pda.model.onlineModel.userLineError',
+              '用户状态为下线，不允许操作业务上线。如需操作，请将用户状态设置为上线'
+            )
+          )
+          throw Error('用户状态为下线，不允许设置业务上线')
+        }
+
+
+        const fn = val ? 'bizOnLine' : 'bizOffLine'
+        await this.$lwApi.user[fn]({operationType: item.operationType})
+      }catch (err){
+        console.error('业务上下线错误：', err)
+        this.bizList[key].online = !val
+      }
+
+    },
+
+    // 确定
+    confirm(){
+      this.show = false
+      this.$emit('input', false)
+      this.$emit('confirm')
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+
+
+.lw-on-line-model-box{
+
+  /deep/.van-switch--on{
+    background-color: #D50000;
+  }
+}
+
+
+
+</style>

package/src/components/module/OnLine//344/270/212/344/270/213/347/272/277/347/256/241/347/220/206/346/250/241/345/235/227.md

@@ -0,0 +1 @@
+# 上下线管理模块 [查看文档](http://note.youdao.com/groupshare/?token=DDAAF929AD7E43D5981DF5C8CABFDA3D&gid=136361463)

package/src/components/module/ReceiveAbnormal/index.js

@@ -0,0 +1,11 @@
+/*
+* 收货异常
+* @author: 张文
+* @date  2022-05-09
+* */
+
+import lwReceiveAbnormalModule from "./index.vue";
+
+lwReceiveAbnormalModule.install = Vue => Vue.component(lwReceiveAbnormalModule.name, lwReceiveAbnormalModule)
+
+export default lwReceiveAbnormalModule