@logwire/logwire-wms-pda-ui 1.1.15

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

@@ -0,0 +1,11 @@
+/*
+* 扫描数据显示及删除模块
+* @author: 张文
+* @date  2022-06-13
+* */
+
+import lwScanDataListModule from "./index.vue";
+
+lwScanDataListModule.install = Vue => Vue.component(lwScanDataListModule.name, lwScanDataListModule)
+
+export default lwScanDataListModule

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

@@ -0,0 +1,326 @@
+<!--
+  扫描数据显示及删除模块
+  @author: 张文
+  @date: 2022-06-13
+-->
+<template>
+  <div>
+
+    <!-- 标题 -->
+    <div class="lw-global-flex-between">
+
+      <div class="lw-global-title" style="flex-shrink: 0">
+        {{ title || $lwLanguage.get('', '扫描统计') }}
+      </div>
+
+      <div>
+        <span class="lw-global-value">
+          {{ $lwLanguage.get('','行数') }}
+        </span>
+        <span class="lw-global-value-bold-red">
+          {{ scanList.length }}
+        </span>
+      </div>
+
+      <div>
+        <span class="lw-global-value">
+          {{ $lwLanguage.get('','总数量') }}
+        </span>
+        <span class="lw-global-value-bold-red">
+          {{ total }}
+        </span>
+      </div>
+
+    </div>
+
+    <!-- 列表 -->
+    <div
+      v-if="scanList.length"
+      style="margin-top: 5px"
+    >
+
+      <!-- 列表头 -->
+      <div class="lw-global-row lw-global-flex-between">
+
+        <div class="lw-global-title lw-scan-data-list-title">
+          {{ $lwLanguage.get('','箱号/序列号') }}
+        </div>
+
+        <div class="lw-global-title lw-scan-data-list-num">
+          {{ $lwLanguage.get('','数量') }}
+        </div>
+
+        <div class="lw-global-title lw-scan-data-list-btn">
+          {{ $lwLanguage.get('','操作') }}
+        </div>
+
+      </div>
+
+      <!-- 前三条数据 -->
+      <div
+        class="lw-global-row lw-global-flex-between"
+        v-for="(i,k) in scanList.slice(0, showListNum)"
+        :key="k"
+      >
+
+        <div class="lw-global-value-bold lw-scan-data-list-title">{{ i[snKey] }}</div>
+
+        <div class="lw-global-value-bold-red lw-scan-data-list-num">{{ i[qtyKey] }}</div>
+
+        <div class="lw-scan-data-list-btn">
+          <lw-button
+            mini
+            round
+            @click="del(k)"
+          >
+            {{ $lwLanguage.get('','删除') }}
+          </lw-button>
+        </div>
+
+      </div>
+
+      <!-- 显示更多 -->
+      <div
+        class="lw-global-click-style lw-scan-data-list-look-edit"
+        @click="lookEdit"
+      >
+        {{ $lwLanguage.get('', '查看全部 / 编辑') }}
+        <van-icon name="arrow" />
+      </div>
+
+    </div>
+
+    <!-- 更多弹出列表 -->
+    <lw-popup
+      v-model="popup.show"
+      :title="$lwLanguage.get('','查看更多')"
+      height="70%"
+      @closed="popupOff"
+    >
+
+      <!-- 搜索输入框 -->
+      <lw-input
+        :title="$lwLanguage.get('','箱号/序列号')"
+        v-model="popup.seoVal"
+        @confirm="seoConfirm"
+        @clear="seoClear"
+      >
+        <template #button>
+          <lw-button
+            mini
+            round
+            @click="seoConfirm"
+          >{{ $lwLanguage.get('','搜索') }}</lw-button>
+        </template>
+      </lw-input>
+
+      <!-- 列表头 -->
+      <template v-if="popup.list.length">
+        <div class="lw-global-row lw-global-flex-between">
+
+          <div class="lw-global-title lw-scan-data-list-title">
+            {{ $lwLanguage.get('','箱号/序列号') }}
+          </div>
+
+          <div class="lw-global-title lw-scan-data-list-num">
+            {{ $lwLanguage.get('','数量') }}
+          </div>
+
+          <div class="lw-global-title lw-scan-data-list-btn">
+            {{ $lwLanguage.get('','操作') }}
+          </div>
+
+        </div>
+        <div
+          class="lw-global-row lw-global-flex-between lw-global-animation-out"
+          v-for="(i,k) in popup.list"
+          :key="k"
+          :style="{animationDelay: 50 * k + 'ms'}"
+        >
+
+          <div class="lw-global-value-bold lw-scan-data-list-title">{{ i[snKey] }}</div>
+
+          <div class="lw-global-value-bold-red lw-scan-data-list-num">{{ i[qtyKey] }}</div>
+
+          <div class="lw-scan-data-list-btn">
+            <lw-button
+              mini
+              round
+              @click="popupDel(i,k)"
+            >
+              {{ $lwLanguage.get('','删除') }}
+            </lw-button>
+          </div>
+
+        </div>
+      </template>
+      <lw-not-data v-else/>
+
+      <!-- 确认按钮 -->
+      <template #button>
+        <lw-button @click="popupConfirm">
+          {{ $lwLanguage.get('','确认') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwScanDataListModule",
+  props:{
+    // 标题
+    title: String,
+
+    // 扫描的数据
+    value:{
+      type: Array,
+      default: () => []
+    },
+
+    // 箱号、序列号数据取值的key
+    snKey:{
+      type: String,
+      default: 'sn'
+    },
+
+    // 数量取值的key
+    qtyKey:{
+      type: String,
+      default: 'qty'
+    },
+
+    // 没展开之前显示的条数
+    showListNum:{
+      type: Number,
+      default: 3
+    }
+
+  },
+  computed:{
+    // 扫描的数据
+    scanList:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input', v)
+      }
+    },
+
+    // 总数量
+    total(){
+      let num = 0
+      this.scanList.forEach(item=>{
+        num = num + Number(item[this.qtyKey] || 0)
+      })
+      return num
+    }
+  },
+  data() {
+    return {
+      // 弹出层
+      popup:{
+        show: false,
+        seoVal:'',
+        // 原始的数据
+        rootList:[],
+        // 用于展示的数据
+        list:[],
+      }
+
+    }
+  },
+  methods: {
+    // 外部的删除
+    del(index){
+
+      const sn = this.scanList[index][this.snKey]
+      this.$dialog.confirm({
+        title: this.$lwLanguage.get('','警告'),
+        message: this.$lwLanguage.get('','确认删除') + ':' + sn,
+      }).then(()=>{
+        this.scanList.splice(index, 1)
+        this.$lwToast.success(this.$lwLanguage.get('','删除成功'))
+      }).catch(()=>{})
+    },
+
+    // 查看编辑
+    lookEdit(){
+      this.popup.rootList = this.$lwDeepCopy(this.scanList)
+      this.popup.list = this.$lwDeepCopy(this.scanList)
+      this.popup.show = true
+    },
+
+    // 确认搜索
+    seoConfirm(){
+      this.popup.list = this.popup.rootList.filter(item=>{
+        return item[this.snKey].includes(this.popup.seoVal)
+      })
+    },
+
+    // 清除搜索输入框
+    seoClear(){
+      this.popup.list = this.$lwDeepCopy(this.popup.rootList)
+    },
+
+    // 弹框的列表删除
+    popupDel(item, key){
+      for (let i = 0; i < this.popup.rootList.length; i++) {
+        if (this.popup.rootList[i][this.snKey] === item[this.snKey]){
+          this.popup.rootList.splice(i, 1)
+          this.popup.list.splice(key, 1)
+          break
+        }
+      }
+    },
+
+    // 弹出确认
+    popupConfirm(){
+      this.scanList = this.popup.rootList
+      this.popup.show = false
+    },
+    // 弹窗关闭
+    popupOff(){
+      this.popup.seoVal = ''
+      this.popup.list = []
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+
+.lw-scan-data-list-title{
+  flex: 1;
+}
+
+.lw-scan-data-list-num{
+  width: 40px;
+  flex-shrink: 0;
+  text-align: center;
+  margin-right: 10px;
+}
+
+.lw-scan-data-list-btn{
+  width: 50px;
+  flex-shrink: 0;
+  text-align: center;
+}
+
+
+.lw-scan-data-list-look-edit{
+  width: 100%;
+  font-size: 14px;
+  color: #888;
+  text-align: center;
+  margin-top: 10px;
+  cursor: pointer;
+}
+
+</style>

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

@@ -0,0 +1,11 @@
+/*
+* 商品信息
+* @author: 张文
+* @date  2022-06-16
+* */
+
+import lwSkuInfoModule from "./index.vue";
+
+lwSkuInfoModule.install = Vue => Vue.component(lwSkuInfoModule.name, lwSkuInfoModule)
+
+export default lwSkuInfoModule

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

@@ -0,0 +1,65 @@
+<!--
+  显示商品号名称及数量的组件
+  @author: 张文
+  @date: 2022-02-25
+-->
+<template>
+  <div
+    :class="[
+      'lw-global-flex-start-start',
+      isRow && !isLast ? 'lw-global-row' : '',
+      isRow && isLast ? 'lw-global-row-end' : ''
+    ]"
+  >
+    <div style="flex: 1">
+      <div class="lw-global-value-bold">{{ skuCode }}</div>
+      <div class="lw-global-title">{{ skuName }}</div>
+    </div>
+
+    <slot v-if="showRight">
+      <div style="flex-shrink: 0;text-align: center">
+        <div
+          style="font-size: 16px"
+          class="lw-global-value-bold-red"
+        >{{ qty }}</div>
+        <div class="lw-global-title">
+          {{ qtyText || $lwLanguage.get('', '数量') }}
+        </div>
+      </div>
+    </slot>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwSkuInfoModule",
+  props: {
+    // 商品编码
+    skuCode: String,
+    // 商品名称
+    skuName: String,
+    // 商品数量
+    qty: [String, Number],
+    // 是否使用全局行样式
+    isRow: Boolean,
+    // 是否是组的最后一行，必须开启行
+    isLast: Boolean,
+    // 数量的描述文字
+    qtyText: String,
+    // 是否显示右边数据栏
+    showRight:{
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,11 @@
+/*
+* 系统信息
+* @author: 张文
+* @date  2022-03-01
+* */
+
+import lwSystemInfoModule from "./index.vue";
+
+lwSystemInfoModule.install = Vue => Vue.component(lwSystemInfoModule.name, lwSystemInfoModule)
+
+export default lwSystemInfoModule

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

@@ -0,0 +1,217 @@
+<!--
+  系统信息
+  @author: 张文
+  @date: 2022-03-01
+-->
+<template>
+  <div class="lw-global-model-box lw-system-info-box">
+
+    <slot name="top"/>
+
+    <div class="lw-global-flex-between lw-system-info-title-box">
+      <div>
+        <span class="lw-system-info-state">{{ username }}</span>
+        {{ $lwLanguage.get('wms_project.pda.model.systemInfo.yi', '已') }}
+        <span class="lw-system-info-state">
+          {{ online?
+            $lwLanguage.get('wms_project.pda.model.systemInfo.upLine', '上线') :
+            $lwLanguage.get('wms_project.pda.model.systemInfo.downLine', '下线')
+          }}
+        </span>
+      </div>
+      <lw-button
+        mini
+        round
+        @click="click"
+      >{{ statusBtnText }}</lw-button>
+    </div>
+
+    <div v-if="online">
+      {{ $lwLanguage.get('wms_project.pda.model.systemInfo.online', '在线') }}
+      <span class="lw-system-info-state">{{ onLineTime }}</span>
+    </div>
+
+    <!-- 仓库信息 -->
+    <div v-if="showWarehouse" class="lw-global-flex-start">
+      <img class="lw-system-info-row-img" :src="warehouseImg" alt="">
+      <div class="lw-system-info-row-val">{{ warehouseName || $lwWarehouse.get().name || '-' }}</div>
+    </div>
+
+    <!-- 当前服务器信息 -->
+    <div v-if="showServer" class="lw-global-flex-start">
+      <img class="lw-system-info-row-img" :src="serverImg" alt="">
+      <!-- 服务器名未获取 TODO -->
+      <div class="lw-system-info-row-val">{{ serverNameVal || '-' }}</div>
+    </div>
+
+    <slot name="end"/>
+
+    <lw-on-line-module
+      v-model="showStatus"
+      @confirm="onlineConfirm"
+    />
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwSystemInfoModule",
+  props:{
+    // 请求路径
+    stateApi: String,
+    // 请求额外携带的参数
+    apiData: Object,
+
+
+    // 是否显示仓库信息栏
+    showWarehouse:{
+      type: Boolean,
+      default: true
+    },
+    // 仓库图标
+    warehouseImg:{
+      type: null,
+      default: require('./../../../assets/img/warehouse.png')
+    },
+    // 仓库显示的名称
+    warehouseName: String,
+
+    // 是否显示当前服务器路径栏
+    showServer:{
+      type: Boolean,
+      default: true
+    },
+    // 当前服务器路径图标
+    serverImg:{
+      type: null,
+      default: require('./../../../assets/img/link.png')
+    },
+    // 当前服务器名称
+    serverName: String,
+
+
+    // 点击上下线按钮时，是否显示预设的状态管理弹框
+    openStatus:{
+      type: Boolean,
+      default: true
+    }
+  },
+  computed:{
+    serverNameVal(){
+      return this.serverName || this.$lwAppPower.appHostName()
+    }
+  },
+  data() {
+    return {
+      // 当前是否上线
+      online: '',
+      // 用户名
+      username: '',
+      // 修改状态按钮文字
+      statusBtnText: this.$lwLanguage.get('wms_project.pda.model.systemInfo.downLine', '下线'),
+      // 在线时长
+      onLineTime: '0'+ this.$lwLanguage.get('wms_project.pda.common.min', '分钟'),
+
+
+
+      // 显示上下线管理弹框
+      showStatus:false
+    }
+  },
+  mounted() {
+
+    this.getUserStatus()
+
+  },
+  methods: {
+    // 获取当前登录状态
+    async getUserStatus(){
+      let res = null
+      if (this.stateApi){
+        res = await this.$lwAxios({
+          url:this.stateApi,
+          data:{
+            ...this.apiData
+          }
+        })
+      }else {
+        res = await this.$lwApi.user.userStatus()
+      }
+
+
+      this.online = res.online
+
+      this.username = res.staffName
+
+      if (this.online){
+
+        this.statusBtnText = this.$lwLanguage.get('wms_project.pda.model.systemInfo.downLine', '下线')
+        const {text} = this.$lwDate.timeToStr({
+          l: res.lastOnlineTime,
+          n: new Date(),
+          agoText: false
+        })
+        this.onLineTime = text
+
+        return
+      }
+
+      this.statusBtnText = this.$lwLanguage.get('wms_project.pda.model.systemInfo.upLine', '上线')
+      this.onLineTime = '0' + this.$lwLanguage.get('wms_project.pda.common.min', '分钟')
+    },
+
+    // 按钮被点击
+    click(ev){
+      if (this.openStatus){
+        this.showStatus = true
+        return
+      }
+
+      this.$emit('click', ev)
+    },
+
+    // 状态管理弹出关闭
+    onlineConfirm(){
+      this.getUserStatus()
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+/*
+* 系统信息模块
+*/
+
+@import "../../../assets/css/var.less";
+
+.lw-system-info-box{
+  font-size: 14px;
+  padding: 15px 20px;
+
+  >div{
+    margin-bottom: 8px;
+
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+}
+
+.lw-system-info-state{
+  font-weight: bold;
+  color: @baseColor;
+}
+
+.lw-system-info-row-img{
+  width: 18px;
+  margin-right: 8px;
+}
+
+.lw-system-info-row-val{
+  color: @titleColor;
+}
+
+</style>

package/src/components/module/SystemInfo//347/263/273/347/273/237/344/277/241/346/201/257/344/270/216/344/270/212/347/272/277/347/212/266/346/200/201/346/250/241/345/235/227.md

@@ -0,0 +1 @@
+# 系统信息与上线状态模块 [查看文档](http://note.youdao.com/groupshare/?token=F0C2285CC01B47689B73BEDC6592F195&gid=136361463)

package/src/components/module/index.js

@@ -0,0 +1,42 @@
+/*
+* 组件导出入口
+* @author: 张文
+* @date  2022-02-23
+* */
+
+// 登录功能模块
+import lwLoginModule from './Login/index.js'
+// 菜单模块
+import lwMenuModule from './Menu/index.js'
+// 上下线模块
+import lwOnLineModule from './OnLine/index.js'
+// 系统信息模块
+import lwSystemInfoModule from './SystemInfo/index.js'
+// 消息列表及分页模块
+import lwMsgItemModule from './MsgItem/index.js'
+// 批次属性
+import lwLotModule from './Lot/index.js'
+// 收货异常
+import lwReceiveAbnormalModule from './ReceiveAbnormal/index.js'
+// 在库异常
+import lwInnerAbnormalModule from './InnerAbnormal/index.js'
+// 批次属性数据查看
+import lwLotLookModule from "./LotLook";
+// 扫描数据显示及删除模块
+import lwScanDataListModule from "./ScanDataList";
+// 查看商品信息
+import lwSkuInfoModule from "./SkuInfo";
+
+export const module = [
+    lwLoginModule,
+    lwMenuModule,
+    lwOnLineModule,
+    lwSystemInfoModule,
+    lwMsgItemModule,
+    lwLotModule,
+    lwReceiveAbnormalModule,
+    lwInnerAbnormalModule,
+    lwLotLookModule,
+    lwScanDataListModule,
+    lwSkuInfoModule,
+]

package/src/components/page/common/Device/index.js

@@ -0,0 +1,11 @@
+/*
+* 设备管理
+* @author: 张文
+* @date  2022-03-09
+* */
+
+import lwDevicePage from "./index.vue";
+
+lwDevicePage.install = Vue => Vue.component(lwDevicePage.name, lwDevicePage)
+
+export default lwDevicePage