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

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

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

@@ -1,326 +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>
+<!--
+  扫描数据显示及删除模块
+  @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>