@logwire/logwire-wms-pda-ui 3.1.3-zc-beta → 3.3.3

package/src/views/vin/page/inner/count/action.vue

@@ -0,0 +1,444 @@
+<!--
+  车辆盘点 - 执行页
+  @author: 张文
+  @date: 2023-05-05
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.pyefpwjy','开始盘点')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box lw-global-row-box">
+
+        <div class="lw-global-flex-between">
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.jlgvjddc','员工')"
+            :value="routerData.opStaffNum +' / ' + routerData.lwStaffName"
+            :is-row="false"
+          />
+
+          <lw-button
+            v-if="zoneData.canFinish"
+            mini
+            round
+            @click="finishClick"
+          >
+            {{ $lwLanguage.get('wms_project.pda.vin.page.inner.count.action.opahkqfc', '完成') }}
+          </lw-button>
+
+
+        </div>
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.sniyyupv','当前库区')"
+          :value="$lwCheckVal(zoneData.zoneCode)"
+          :is-row="false"
+          val-bold
+        />
+
+        <div class="lw-global-flex-between">
+
+          <lw-title-value-cell
+            class="lw-global-click-style"
+            :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.tejjwgqz','待盘车辆')"
+            :value="$lwCheckVal(zoneData.waitVinCount,0)"
+            :is-row="false"
+            val-bold
+            :val-style="{textDecoration: 'underline'}"
+            @click="waitCar"
+          />
+
+          <lw-title-value-cell
+            class="lw-global-click-style"
+            :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.imxqahet','已盘车辆')"
+            :value="$lwCheckVal(zoneData.finishVinCount,0)"
+            :is-row="false"
+            val-bold
+            :val-style="{textDecoration: 'underline'}"
+            @click="overCar"
+          />
+
+
+        </div>
+
+      </div>
+
+      <div
+        v-if="Object.keys(vinData).length"
+        class="lw-global-model-box lw-global-animation-rotate"
+        style="padding-bottom: 3px"
+      >
+
+        <div class="lw-global-value">{{ vinData.vin }}</div>
+
+        <lw-title-value-cell
+          style="margin-top: 10px"
+          :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.kmvalvgx','车身号')"
+          :value="$lwCheckVal(vinData.vehicleNo)"
+          :is-row="false"
+          val-bold
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.fgyrhjbq','系统库位')"
+          :value="$lwCheckVal(vinData.locCode)"
+          :is-row="false"
+          val-bold
+          val-size="30px"
+        />
+
+
+      </div>
+
+      <div class="lw-global-model-box lw-global-model-box-3px">
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.oxqxywzg','VIN')"
+          v-model="vin.value"
+          :get-focus.sync="vin.focus"
+          rule-key="vin"
+          :create-rule="$lwScanRule.create('车辆盘点 - 开始盘点 - vin','VIN')"
+          required
+          :disabled="vin.disabled"
+          need-show-clear
+          @confirm="vinConfirm"
+          @clear="vin.disabled=false"
+        >
+          <template #button>
+            <lw-button
+              mini
+              round
+              @click="vinConfirm"
+            >
+              {{ $lwLanguage.get('wms_project.pda.vin.page.inner.count.action.tfmhnzhb', '确认') }}
+            </lw-button>
+          </template>
+        </lw-input>
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.ahxhpiav','实际库位')"
+          :placeholder="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.rjkyxxdu','若位置与系统库位不同，请填写')"
+          v-model="loc.value"
+          :get-focus.sync="loc.focus"
+          rule-key="loc"
+          :create-rule="$lwScanRule.create('车辆盘点 - 开始盘点 - 实际库位','LOCATION')"
+          :show-bottom-border="false"
+          :required="!vinData.locCode"
+          @confirm="locConfirm"
+        />
+
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        type="last"
+        plain
+        @click="clearDataBtn"
+      >
+        {{ $lwLanguage.get('wms_project.pda.vin.page.inner.count.action.pwcnbifx', '重扫') }}
+      </lw-button>
+
+      <lw-button @click="locConfirm">
+        {{ $lwLanguage.get('wms_project.pda.vin.page.inner.count.action.vrjnlpeb', '确定') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 已盘车辆弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.imxqahet','已盘车辆')"
+      v-model="overCountPopup.show"
+      background="#f0f0f0"
+      :show-keyboard-placeholder="false"
+    >
+      <over-count-item
+        v-for="(i,k) in overCountPopup.list"
+        :key="k"
+        :item="i"
+      />
+    </lw-popup>
+
+    <!-- 待盘车辆弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.tejjwgqz','待盘车辆')"
+      v-model="waitCountPopup.show"
+      background="#f0f0f0"
+      :show-keyboard-placeholder="false"
+    >
+      <div
+        class="lw-global-model-box lw-global-row-box"
+        v-for="(i,k) in waitCountPopup.list"
+        :key="k"
+      >
+        <div class="lw-global-value-bold">
+          {{ i.vin }}
+        </div>
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.fgyrhjbq','系统库位')"
+          :value="$lwCheckVal(i.locCode)"
+          val-bold
+          :is-row="false"
+        />
+      </div>
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import overCountItem from "./components/overCountItem.vue";
+import {
+  projectVinCountPDALoadSuggestTask,
+  projectVinCountPDAScanVinLoadData,
+  projectVinCountPDASubmit,
+  projectVinCountPDAZoneCountedData,
+  projectVinCountPDAZoneFinish,
+  projectVinCountPDAZoneWaitData,
+  projectVinPDAQueryLoc
+} from "../../../api/inner/count";
+
+export default {
+  name: "lwVinInnerCountAction",
+  components: {
+
+    overCountItem,
+  },
+  data() {
+    return {
+      routerData: {},
+
+      zoneData: {},
+
+      vinData: {},
+
+      vin: {
+        value: '',
+        focus: true,
+        disabled: false,
+      },
+
+      loc: {
+        value: '',
+        oldCode: '',
+        focus: false
+      },
+
+      // 已盘车辆弹框
+      overCountPopup: {
+        show: false,
+
+        list: [],
+      },
+
+      // 待盘车辆弹框
+      waitCountPopup: {
+        show: false,
+
+        list: [],
+      },
+    }
+  },
+  mounted() {
+    this.routerData = this.$route.query
+    this.getCountData(this.routerData)
+  },
+  methods: {
+    // 获取盘点任务详情
+    getCountData({zoneId, locCode}, fromFinish = false) {
+      const {sortType, countId} = this.routerData
+      projectVinCountPDALoadSuggestTask({
+        sortType,
+        countId,
+        zoneId,
+        locCode
+      }).then(res => {
+        this.loc.oldCode = locCode
+        this.zoneData = res
+        this.vinData = {}
+        this.$nextTick(() => {
+          this.vinData = res.suggestLine || {}
+          if (fromFinish && !res.suggestLine) {
+            this.$lwToast.fail({
+              message: this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.vvgogjsxb', '没有可推荐任务'),
+              onClose: () => history.go(-1)
+            })
+          }
+        })
+      }).catch(() => history.go(-1))
+    },
+
+    // 完成按钮
+    finishClick() {
+      if (Number(this.zoneData.waitVinCount || 0)) {
+        this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.vvgogjsb', '提示'),
+          message: this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.vqhrtnov', '检测到还存在待盘车辆，是否确认库区盘点完成？')
+        }).then(() => this.finishZoneCount()).catch(() => {
+        })
+        return
+      }
+
+      this.finishZoneCount()
+    },
+    // 完成当前库区盘点
+    finishZoneCount() {
+      const {opStaffNum, countId} = this.routerData
+      projectVinCountPDAZoneFinish({
+        countId,
+        opStaffNum,
+        zoneTaskId: this.zoneData.zoneTaskId,
+      }).then(() => {
+        this.$lwToast.success({
+          message: this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.wkbmnomp', '已完成'),
+          onClose: () => this.getCountData({locCode: this.loc.oldCode}, true)
+        })
+
+      })
+    },
+
+    // 待盘车辆
+    waitCar() {
+      projectVinCountPDAZoneWaitData({
+        countId: this.routerData.countId,
+        zoneTaskId: this.zoneData.zoneTaskId,
+      }).then(res => {
+        this.waitCountPopup.show = true
+        this.waitCountPopup.list = res || []
+      })
+    },
+
+    // 已盘车辆行点击
+    overCar() {
+      projectVinCountPDAZoneCountedData({
+        countId: this.routerData.countId,
+        zoneTaskId: this.zoneData.zoneTaskId,
+      }).then(res => {
+        this.overCountPopup.show = true
+        this.overCountPopup.list = res || []
+      })
+    },
+
+    // vin确认
+    vinConfirm() {
+      const vin = this.vin.value
+      if (!vin) {
+        this.vin.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.tnvruaxz', 'VIN不能为空')
+        )
+        return
+      }
+      projectVinCountPDAScanVinLoadData({
+        vin,
+        countId: this.routerData.countId
+      }).then(res => {
+        if (!res.hasCounted) {
+          this.vinDataConfirm(res, true)
+          return
+        }
+
+        this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.vvgogjsb', '提示'),
+          message: this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.egllwbkf', '当前VIN已盘，是否确认重盘？')
+        }).then(() => {
+          this.vinDataConfirm(res, true)
+        }).catch(() => {
+          this.vin.value = ''
+          this.vin.focus = true
+        })
+      })
+    },
+    // vin 数据确认
+    vinDataConfirm(res, animation) {
+      animation ? this.vinData = {} : ''
+      this.$nextTick(() => this.vinData = res)
+      this.vin.disabled = true
+      this.loc.focus = true
+    },
+
+    // 库位确认
+    async locConfirm() {
+      if (!this.vin.disabled) {
+        this.vin.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.mjsvkwqc', '请确认VIN')
+        )
+        return
+      }
+
+      const locCode = this.loc.value
+      if (!this.vinData.locCode && !locCode) {
+        this.loc.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.svksqjkf', '实际库位不能为空')
+        )
+        return
+      }
+
+      // 判断当前库位是否在当前库区
+      if (locCode && locCode !== this.vinData.locCode) {
+        const res = await projectVinPDAQueryLoc({locCode})
+
+        const nowZone = res.zone.code
+        if (this.zoneData.zoneCode !== nowZone) {
+          this.$lwDialog.confirm({
+            title: this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.vvgogjsb', '提示'),
+            message: this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.vvgogjsbt', '当前所在库区“{nowZone}”与系统库区“{sysZone}”不一致，是否确定在系统库位“{locCode}”上？', {
+              nowZone,
+              sysZone: this.zoneData.zoneCode,
+              locCode
+            })
+          }).then(() => {
+            this.submitCountData()
+          }).catch(() => {
+          })
+          return
+        }
+      }
+
+      this.submitCountData()
+
+    },
+    // 提交盘点
+    submitCountData() {
+      const {countId, opStaffNum, sortType} = this.routerData
+      const locCode = this.loc.value || this.vinData.locCode
+      projectVinCountPDASubmit({
+        countId,
+        opStaffNum,
+        sortType,
+        vin: this.vin.value,
+        locCode
+      }).then(res => {
+        // 记录当前的实际库位
+        this.loc.oldCode = locCode
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.vin.page.inner.count.action.wwcxpgfa', '操作成功')
+        )
+        this.vinData = {}
+        this.zoneData = res.nextSuggestTask
+        this.$nextTick(() => this.vinData = res.nextSuggestTask.suggestLine || {})
+
+        this.clearDataBtn()
+      })
+    },
+
+    // 重扫按钮
+    clearDataBtn() {
+      this.vin.value = ''
+      this.vin.disabled = false
+      this.loc.value = ''
+      this.$nextTick(() => this.vin.focus = true)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/vin/page/inner/count/components/overCountItem.vue

@@ -0,0 +1,83 @@
+<!--
+
+  @author: 张文
+  @date: 2023-05-08
+-->
+<template>
+  <div class="lw-global-model-box lw-global-row-box">
+
+    <div class="lw-global-flex-between">
+
+      <div class="lw-global-value-bold">{{ item.vin }}</div>
+
+      <lw-tag
+        round
+        plain
+        :type="tagType"
+      >
+        {{ item.countResultLabel }}
+      </lw-tag>
+
+    </div>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.components.overCountItem.jmhndfmw','系统库位')"
+      :value="item.locCode"
+      :is-row="false"
+      val-bold
+    />
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.components.overCountItem.qsfjmhti','实际库位')"
+      :value="item.aclCode"
+      :is-row="false"
+      val-bold
+    />
+
+    <div class="lw-global-flex-between">
+
+      <div class="lw-global-value">{{ item.countName }}</div>
+      <div class="lw-global-value">
+        {{ $lwDate.format(item.countTime, 'yyyy-MM-dd hh:mm:ss') }}
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "overCountItem",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    tagType() {
+      switch (this.item.countResult) {
+        case "NOT_COUNTED":
+          return 'danger';
+        case 'LOCATION_DIFF':
+          return 'warning';
+        case 'NEW_INBOUND':
+          return 'primary';
+        default:
+          return 'success'
+      }
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/vin/page/inner/count/components/taskItem.vue

@@ -0,0 +1,135 @@
+<!--
+  任务项
+  @author: 张文
+  @date: 2023-05-04
+-->
+<template>
+  <div
+    :class="[
+      'lw-global-model-box',
+      'lw-global-row-box',
+      clickStyle && 'lw-global-click-style'
+    ]"
+    @click="$emit('click')"
+  >
+
+    <div class="lw-global-flex-between">
+
+      <div class="lw-global-value-bold">{{ item.countNo }}</div>
+
+      <lw-tag
+        :type="tagType"
+        round
+        plain
+      >
+        {{ item.billStatusLabel }}
+      </lw-tag>
+
+    </div>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.components.taskItem.zryafcux','外部单号')"
+      :value="$lwCheckVal(item.extCountNo)"
+      val-bold
+      :is-row="false"
+    />
+
+    <div class="lw-global-flex-start">
+
+      <div class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.vin.page.inner.count.components.taskItem.bcvtjeff','计划') }}
+      </div>
+
+      <div class="lw-global-value">
+
+        {{ $lwDate.format(item.planStartTime, 'yyyy-MM-dd hh:mm:ss') }}
+
+        <span style="margin: 0 5px">
+          {{ $lwLanguage.get('wms_project.pda.vin.page.inner.count.components.taskItem.mhukpkyr','至') }}
+        </span>
+
+        {{ $lwDate.format(item.planEndTime, 'yyyy-MM-dd hh:mm:ss') }}
+      </div>
+
+    </div>
+
+    <div class="lw-global-flex-between">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.components.taskItem.thmxykof','系统VIN')"
+        :value="$lwCheckVal(item.vinCount,0)"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.components.taskItem.rawamlzo','实盘VIN')"
+        :value="$lwCheckVal(item.actualVinCount,0)"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+
+    </div>
+
+    <lw-title-value-cell
+      v-if="showStartTime"
+      :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.components.taskItem.bqoefwvd','开始时间')"
+      :value="$lwDate.format(item.startTime, 'yyyy-MM-dd hh:mm:ss')"
+      :is-row="false"
+    />
+
+    <lw-title-value-cell
+      v-if="showEndTime"
+      :title="$lwLanguage.get('wms_project.pda.vin.page.inner.count.components.taskItem.fuleyiuh','结束时间')"
+      :value="$lwDate.format(item.endTime, 'yyyy-MM-dd hh:mm:ss')"
+      :is-row="false"
+    />
+
+    <slot name="end"></slot>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "taskItem",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    showStartTime: Boolean,
+    showEndTime: Boolean,
+    clickStyle: {
+      type: Boolean,
+      default: true
+    },
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    tagType() {
+      switch (this.item.billStatus) {
+        case "300":
+          return 'danger';
+        case '400':
+          return 'warning';
+        case '600':
+          return 'success';
+        default:
+          return 'primary'
+      }
+
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>