@logwire/logwire-wms-pda-ui 3.4.0 → 3.5.2

package/src/views/wms/page/outbound/orderCheck/components/overCheckItem.vue

@@ -0,0 +1,93 @@
+<!--
+  已复核数据项
+  @author: 张文
+  @date: 2023-08-14
+-->
+<template>
+  <div
+    :class="[
+      'lw-global-model-box',
+      (item.snList && item.snList.length) && 'lw-global-model-box-3px',
+      'lw-global-collapse-box',
+      'lw-global-collapse-title-btn'
+    ]"
+  >
+
+    <van-collapse
+      v-if="item.snList && item.snList.length"
+      v-model="activeCollapse"
+      :border="false"
+    >
+      <van-collapse-item
+        name="1"
+        :lazy-render="false"
+      >
+        <template #title>
+          <over-check-item-title
+            :sku-code="item.skuCode"
+            :sku-name="item.skuName"
+            :qty="item.qtyLabel"
+            :process="item.processValue"
+          />
+        </template>
+
+        <div
+          v-for="(i,k) in item.snList"
+          :key="k"
+          :class="[
+            $lwUtils.getCellClass(k,item.snList.length),
+            'lw-global-flex-between'
+          ]"
+        >
+
+          <lw-code-name-qty-row
+            style="flex: 1"
+            :code="i.sn"
+            :qty="i.qty"
+            row-id="overCheck"
+            row-type="sn"
+          />
+
+        </div>
+
+      </van-collapse-item>
+    </van-collapse>
+
+    <over-check-item-title
+      v-else
+      :sku-code="item.skuCode"
+      :sku-name="item.skuName"
+      :qty="item.qtyStr"
+      :process="item.processValue"
+    />
+  </div>
+</template>
+
+<script>
+
+import overCheckItemTitle from "./overCheckItemTitle.vue";
+
+export default {
+  name: "overCheckItem",
+  components: {
+    overCheckItemTitle
+  },
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  data() {
+    return {
+      activeCollapse: []
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/outbound/orderCheck/components/overCheckItemTitle.vue

@@ -0,0 +1,51 @@
+<!--
+  已复核数据项 - 标题
+  @author: 张文
+  @date: 2023-08-14
+-->
+<template>
+  <div class="lw-global-flex-between">
+    <div style="flex: 1;margin-right: 10px">
+      <div class="lw-global-value-bold">{{ skuCode }}</div>
+      <div class="lw-global-title">{{ skuName }}</div>
+    </div>
+    <div
+      :style="{
+        flexShrink: 0,
+        textAlign: rightTextAlign
+      }"
+    >
+      <div class="lw-global-value-bold-red">{{ qty }}</div>
+      <slot name="rightLabel">
+        <div class="lw-global-value-bold-red">{{ process }}%</div>
+      </slot>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "overCheckItemTitle",
+  props: {
+    skuCode: [String, Number],
+    skuName: [String, Number],
+    qty: [String, Number],
+    process: [String, Number],
+
+    // 右侧文字对齐方式
+    rightTextAlign: {
+      type: String,
+      default: 'right'
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/outbound/orderCheck/index.js

@@ -0,0 +1,20 @@
+/*
+* 按单复核 - 起始页
+* @author: 张文
+* @date  2023-08-14
+* */
+
+import lwOutboundOrderCheckIndex from './index.vue'
+import lwOutboundOrderCheckAction from './action.vue'
+import lwOutboundOrderCheckQuickAction from './quickAction.vue'
+
+const components = [
+  lwOutboundOrderCheckIndex,
+  lwOutboundOrderCheckAction,
+  lwOutboundOrderCheckQuickAction,
+]
+
+export default components.map(item => {
+  item.install = Vue => Vue.component(item.name, item)
+  return item
+})

package/src/views/wms/page/outbound/orderCheck/index.vue

@@ -0,0 +1,175 @@
+<!--
+  按单复核 - 起始页
+  @author: 张文
+  @date: 2023-08-14
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.orderCheck.index.ugsnhpae', '按单复核')"/>
+
+    <lw-page-body-module>
+
+      <div class="lw-global-model-box lw-global-model-box-3px">
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.orderCheck.index.htvqoggr', '出库单号')"
+          v-model="soNo.value"
+          :get-focus.sync="soNo.focus"
+          :placeholder="$lwLanguage.get('wms_project.pda.wms.page.outbound.orderCheck.index.zivgfwvm', '请扫描或输入出库单号/外部单号/客户等查询')"
+          rule-key="soNo"
+          :create-rule="$lwScanRule.create('出库 - 按单复核起始页 - 出库单号','ASN')"
+          :show-bottom-border="false"
+          @confirm="asnConfirm"
+        >
+
+          <template #button>
+
+            <lw-button
+              mini
+              round
+              @click="asnConfirm"
+            >
+              {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.orderCheck.index.aurytwuv', '查询') }}
+            </lw-button>
+
+          </template>
+
+        </lw-input>
+
+      </div>
+
+      <template v-if="showData">
+
+
+        <lw-label-value-group
+          v-for="(i,k) in dataList"
+          :key="k"
+          :list="i.labelValueArray"
+          show-model-style
+          @click="itemClick(i.soId)"
+        />
+        <lw-pagination
+          v-model="pageNum"
+          :page-total="pageTotal"
+          :page-size.sync="pageSize"
+          @change="getData"
+        />
+
+        <lw-not-data v-if="!dataList.length"/>
+
+      </template>
+
+    </lw-page-body-module>
+
+    <!-- 跳转方式弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('', '复核方式')"
+      v-model="jumpPopup.show"
+      :show-keyboard-placeholder="false"
+    >
+      <lw-cell
+        :value="$lwLanguage.get('', '标准复核')"
+        value-align="left"
+        @click="jumpPage('/outbound/orderCheck/lwAction')"
+      />
+      <lw-cell
+        :value="$lwLanguage.get('', 'SN快速复核')"
+        value-align="left"
+        @click="jumpPage('/outbound/orderCheck/lwQuickAction')"
+      />
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+
+import {projectWmsMobilePackBySoGetData} from "./../../../api/outbound/orderCheck";
+
+export default {
+  name: "lwOutboundOrderCheckIndex",
+  data() {
+    return {
+      soNo: {
+        value: '',
+        focus: true
+      },
+
+      // 是否显示数据
+      showData: false,
+      // 数据
+      dataList: [],
+      pageNum: 1,
+      pageSize: 10,
+      pageTotal: 0,
+
+
+      // 选择复核方式弹框
+      jumpPopup: {
+        show: false,
+        soId: ''
+      }
+    }
+  },
+  mounted() {
+    const {autoJump, lwSearch} = this.$route.query
+    this.soNo.value = lwSearch
+    this.getData(autoJump !== '0', true)
+  },
+  methods: {
+    // 单号确认
+    asnConfirm() {
+      this.pageNum = 1
+      this.getData()
+    },
+
+    // 获取数据
+    getData(autoJump = true, start) {
+      const queryStr = this.soNo.value
+      projectWmsMobilePackBySoGetData({
+        queryStr,
+        pageNum: this.pageNum,
+        pageSize: this.pageSize,
+        needDetail: false
+      }).then(({total, datas}) => {
+
+        if (queryStr && autoJump && total === 1) {
+          this.itemClick(datas[0].soId)
+        }
+
+        this.pageTotal = total
+        this.dataList = datas
+        this.showData = true
+      }).catch(err => {
+        !start && this.$lwShowErrorMsg(err.data.message)
+      })
+    },
+
+    // 数据项点击
+    itemClick(soId) {
+      this.jumpPopup.soId = soId
+      this.jumpPopup.show = true
+    },
+
+    jumpPage(path) {
+      this.$router.replace({
+        path: '/outbound/orderCheck/lwIndex',
+        query: {
+          autoJump: '0',
+          lwSearch: this.soNo.value
+        }
+      })
+
+      this.$router.push({
+        path,
+        query: {
+          lwSoId: this.jumpPopup.soId
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>