@logwire/logwire-wms-pda-ui 1.1.15

package/src/components/page/inner/disposeAbnormal/components/disposePopup/index.vue

@@ -0,0 +1,229 @@
+<!--
+  处理和备注弹框
+  @author: 张文
+  @date: 2022-06-24
+-->
+<template>
+  <lw-popup
+    :title="title"
+    v-model="show"
+    @closed="closed"
+  >
+
+    <template v-if="showCom">
+      <!-- 处理方式 -->
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('','处理方式')"
+        v-model="inputData.handleMethod"
+        dict-key="abnormal_handle_method_choice"
+        :required="isDispose"
+      />
+      <!-- 处理数量 -->
+      <lw-input
+        v-if="isDispose"
+        :title="$lwLanguage.get('','处理数量')"
+        v-model="inputData.handleQty"
+        type="digit"
+        required
+        input-align="right"
+      />
+      <!-- 处理备注 -->
+      <lw-input
+        :title="$lwLanguage.get('','处理备注')"
+        v-model="inputData.handleRemark"
+        type="textarea"
+        :rows="4"
+        input-align="right"
+      />
+
+      <!-- 系统处理方式 -->
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('','系统处理方式')"
+        v-model="inputData.systemHandleMethod"
+        dict-key="abnormal_system_handle_method_choice"
+      />
+      <!-- 系统处理备注 -->
+      <lw-input
+        :title="$lwLanguage.get('','系统处理备注')"
+        v-model="inputData.systemHandleRemark"
+        type="textarea"
+        :rows="4"
+        input-align="right"
+      />
+
+
+      <!-- 单据处理方式 -->
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('','单据处理方式')"
+        v-model="inputData.orderHandleMethod"
+        dict-key="abnormal_order_handle_method_choice"
+      />
+      <!-- 单据处理备注 -->
+      <lw-input
+        :title="$lwLanguage.get('','单据处理备注')"
+        v-model="inputData.orderHandleRemark"
+        type="textarea"
+        :rows="4"
+        input-align="right"
+      />
+
+
+      <!-- 实物处理方式 -->
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('','实物处理方式')"
+        v-model="inputData.actualHandleMethod"
+        dict-key="abnormal_actual_handle_method_choice"
+      />
+      <!-- 实物处理备注 -->
+      <lw-input
+        :title="$lwLanguage.get('','实物处理备注')"
+        v-model="inputData.actualHandleRemark"
+        type="textarea"
+        :rows="4"
+        input-align="right"
+      />
+
+
+      <!-- 实物库存处理方式 -->
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('','实物库存处理方式')"
+        v-model="inputData.inventoryHandleMethod"
+        dict-key="abnormal_inventory_handle_method_choice"
+      />
+      <!-- 实物库存处理备注 -->
+      <lw-input
+        :title="$lwLanguage.get('','实物库存处理备注')"
+        v-model="inputData.inventoryHandleRemark"
+        type="textarea"
+        :rows="4"
+        input-align="right"
+      />
+    </template>
+
+    <template #button>
+      <lw-button @click="submit">
+        {{ $lwLanguage.get('','提交') }}
+      </lw-button>
+    </template>
+  </lw-popup>
+</template>
+
+<script>
+
+export default {
+  name: "index",
+  props:{
+    // 是否显示弹框
+    value: {
+      type: Boolean,
+      default: false
+    },
+
+    // 显示的标题
+    title: String,
+
+    // 是否是处理
+    isDispose: Boolean,
+
+    // 待处理量
+    waitQty:{
+      type: Number,
+      required: true
+    }
+  },
+  computed:{
+    show:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input', v)
+      }
+    }
+  },
+  watch:{
+    show:{
+      handler(n){
+        if (n){
+          this.showCom = true
+
+          if (this.isDispose){
+            this.inputData.handleQty = this.waitQty
+          }
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      // 是否显示输入框主体
+      showCom: false,
+
+      // 输入数据
+      inputData:{
+        handleMethod:'',
+        handleQty:'',
+        handleRemark:'',
+        systemHandleMethod:'',
+        systemHandleRemark:'',
+        orderHandleMethod:'',
+        orderHandleRemark:'',
+        actualHandleMethod:'',
+        actualHandleRemark:'',
+        inventoryHandleMethod:'',
+        inventoryHandleRemark:'',
+      }
+    }
+  },
+  methods: {
+    // 弹框关闭后
+    closed(){
+      for (let i in this.inputData) {
+        this.inputData[i] = ''
+      }
+      this.showCom = false
+    },
+
+    // 必填校验
+    requiredCheck(){
+      if (!this.isDispose) return true
+
+      if (!this.inputData.handleMethod){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','处理方式不能为空')
+        )
+        return false
+      }
+
+
+      const qty = Number(this.inputData.handleQty ||0)
+
+      if (!qty){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','处理数量不能为空，且应当是大于0的整数')
+        )
+        return false
+      }
+
+      if (qty > this.waitQty){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','处理量不能大于待确认量')
+        )
+        return false
+      }
+
+      return true
+    },
+    // 确认提交
+    submit(){
+
+      this.requiredCheck() && this.$emit('submit', this.inputData)
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/disposeAbnormal/components/listItem/index.vue

@@ -0,0 +1,213 @@
+<!--
+  列表项
+  @author: 张文
+  @date: 2022-06-23
+-->
+<template>
+  <div
+    class="lw-global-model-box lw-global-animation-out lw-global-click-style"
+    :style="{animationDelay: 50 * index + 'ms'}"
+    @click="itemClick"
+  >
+
+    <!-- 异常号 -->
+    <div class="lw-global-row-start lw-global-flex-between">
+
+      <div
+        style="flex: 1;font-size: 16px"
+        class="lw-global-value-bold"
+      >{{ item.abnormalNo }}</div>
+
+      <div style="flex-shrink: 0">
+
+        <lw-tag
+          v-if="item.hasPhysical"
+          round
+          plain
+        >{{ $lwLanguage.get('','有实物') }}</lw-tag>
+        <lw-tag
+          v-else
+          round
+          plain
+          color="#ccc"
+        >{{ $lwLanguage.get('','无实物') }}</lw-tag>
+
+        <lw-tag
+          v-if="item.systemOut"
+          round
+          plain
+          type="success"
+        >{{ $lwLanguage.get('','系统外') }}</lw-tag>
+        <lw-tag
+          v-else
+          round
+          plain
+          type="danger"
+        >{{ $lwLanguage.get('','系统内') }}</lw-tag>
+
+      </div>
+
+    </div>
+
+    <!-- 商品信息 -->
+    <div class="lw-global-row">
+
+      <div
+        style="margin-bottom: 5px"
+        class="lw-global-flex-start-start"
+      >
+
+        <div
+          style="flex-shrink: 0"
+          class="lw-global-title"
+        >
+          {{ $lwLanguage.get('','商品') }}
+        </div>
+
+        <div style="flex: 1;margin-left: 10px">
+          <div class="lw-global-value-bold">{{ item.skuCode }}</div>
+          <div class="lw-global-title">{{ item.skuName }}</div>
+        </div>
+
+      </div>
+
+      <lw-tag
+        v-for="(i,k) in item.skuLabelList"
+        :key="k"
+        round
+        plain
+      >{{ i }}</lw-tag>
+
+    </div>
+
+    <!-- 数量 -->
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','数量')"
+      :value="item.qty"
+      val-bold
+      val-red
+    />
+
+    <!-- 货主 -->
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','货主')"
+      :value="item.ownerCode + '-' + item.ownerName"
+      val-bold
+    />
+
+    <!-- 异常数量统计 -->
+    <div class="lw-global-row">
+
+      <div
+        style="margin-bottom: 5px"
+        class="lw-global-flex-between"
+      >
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','上报数量')"
+          :value="item.qty"
+          val-bold
+          :is-row="false"
+          val-size="16px"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','确认数量')"
+          :value="item.confirmQty"
+          val-bold
+          val-red
+          :is-row="false"
+          val-size="16px"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','处理数量')"
+          :value="item.handleQty"
+          val-bold
+          :is-row="false"
+          val-size="16px"
+        />
+
+      </div>
+
+      <lw-tag
+        v-if="item.discoveryPointLabel"
+        round
+        plain
+      >{{ item.discoveryPointLabel }}</lw-tag>
+
+      <lw-tag
+        v-if="item.typeLabel"
+        round
+        plain
+        type="danger"
+      >{{ item.typeLabel }}</lw-tag>
+
+      <lw-tag
+        v-if="item.subTypeLabel"
+        round
+        plain
+        type="danger"
+      >{{ item.subTypeLabel }}</lw-tag>
+
+    </div>
+
+    <!-- 处理人 -->
+    <div
+      style="margin-top: 8px"
+      class="lw-global-flex-between"
+    >
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','处理时间')"
+        :value="$lwDate.format(item.handleTime,'yyyy-MM-dd hh:mm')"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','处理人')"
+        :value="item.handleOpName || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "index",
+  props:{
+    item:{
+      type: Object,
+      default: () => {}
+    },
+
+    index:{
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 点击
+    itemClick(){
+      this.$router.push({
+        path: '/inner/disposeAbnormal/lwAction',
+        query:{
+          lwId: this.item.id,
+          lwAbnormalNo: this.item.abnormalNo,
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/disposeAbnormal/components/searchBar/index.vue

@@ -0,0 +1,260 @@
+<!--
+  搜索栏
+  @author: 张文
+  @date: 2022-06-23
+-->
+<template>
+  <div class="lw-global-model-box lw-global-collapse-box">
+
+    <div class="lw-global-flex-between">
+      <!-- 综合搜索框 -->
+      <lw-input
+        v-if="!showMore"
+        style="flex: 1"
+        v-model="searchBox"
+        :placeholder="$lwLanguage.get('','通过异常编号、商品条码、库位编码')"
+        @confirm="searchBoxClick"
+        @clear="searchBoxClear"
+      >
+
+        <template #button>
+
+          <lw-button
+            mini
+            round
+            @click="searchBoxClick"
+          >
+            {{ $lwLanguage.get('','搜索') }}
+          </lw-button>
+
+        </template>
+
+      </lw-input>
+
+      <!-- 更多搜索框标题 -->
+      <div
+        v-else
+        class="lw-global-row lw-global-value"
+        style="flex: 1;padding: 9px 0 10px 0"
+      >{{ $lwLanguage.get('','条件搜索') }}</div>
+
+      <!-- 指示箭头 -->
+      <van-icon
+        :style="{
+          flexShrink: 0,
+          marginLeft: '10px',
+          transition: 'all .3s',
+          transform: showMore ? 'rotateZ(180deg)' : 'rotateZ(0)'
+        }"
+        size="18px"
+        name="arrow-down"
+        @click="showMoreClick"
+      />
+
+    </div>
+
+
+    <!-- 更多搜索框输入栏 -->
+    <div
+      style="padding: 0 10px;overflow: hidden;transition: all .3s"
+      :style="{ height: moreHeight }"
+    >
+
+      <!-- 异常编号 -->
+      <lw-input
+        :title="$lwLanguage.get('','异常编号')"
+        v-model="moreSearchInput.abnormalNo"
+        input-align="right"
+      />
+
+      <!-- 商品条码 -->
+      <lw-input
+        :title="$lwLanguage.get('','商品条码')"
+        v-model="moreSearchInput.skuCode"
+        input-align="right"
+      />
+
+      <!-- 库位编码 -->
+      <lw-input
+        :title="$lwLanguage.get('','库位编码')"
+        v-model="moreSearchInput.locationCode"
+        input-align="right"
+      />
+
+      <!-- 异常类型 -->
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('','异常类型')"
+        v-model="moreSearchInput.type"
+        dict-key="abnormal_type_choice"
+        @confirm="typeConfirm"
+        @clear="typeClear"
+      />
+
+      <!-- 异常子类型 -->
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('','异常子类型')"
+        v-model="moreSearchInput.subType"
+        :columns="subTypeList"
+      />
+
+      <!-- 开始时间 -->
+      <lw-cell-popup-date
+        :title="$lwLanguage.get('','开始时间')"
+        v-model="moreSearchInput.startTime"
+        type="datetime"
+      />
+
+      <!-- 结束时间 -->
+      <lw-cell-popup-date
+        :title="$lwLanguage.get('','结束时间')"
+        v-model="moreSearchInput.endTime"
+        type="datetime"
+      />
+
+      <!-- 已调异常区 -->
+      <lw-cell
+        v-if="showAbnArea"
+        :title="$lwLanguage.get('', '已调异常区')"
+        :is-link="false"
+      >
+        <template #value>
+          <van-switch
+            v-model="hasLockBiz"
+            size="18px"
+          />
+        </template>
+      </lw-cell>
+
+      <div
+        style="margin-top: 8px"
+        class="lw-global-flex-between"
+      >
+
+        <lw-button
+          type="last"
+          plain
+          block
+          @click="moreClearInput"
+        >{{ $lwLanguage.get('','重置条件') }}</lw-button>
+
+        <lw-button
+          style="margin-left: 10px"
+          block
+          @click="moreSearchClick"
+        >{{ $lwLanguage.get('','搜索') }}</lw-button>
+
+      </div>
+
+    </div>
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "seo",
+  props:{
+    // 是否显示已调入异常区
+    showAbnArea: Boolean
+  },
+  computed:{
+    // 更多搜索框展开高度
+    moreHeight(){
+      if (!this.showMore){
+        return '0'
+      }
+
+      if (this.showAbnArea){
+        return '359px'
+      }
+
+      return '315px'
+    }
+  },
+  data() {
+    return {
+      // 是否展示更多搜索选项
+      showMore:false,
+
+      // 折叠框搜索未展开
+      searchBox:'',
+
+      // 更多搜索条件
+      moreSearchInput:{
+        abnormalNo:'',
+        type:'',
+        subType:'',
+        startTime:'',
+        endTime:''
+      },
+
+      // 是否调入异常区
+      hasLockBiz: false,
+
+      // 异常子类型可选项
+      subTypeList: []
+    }
+  },
+  methods: {
+
+    // 异常类型确认
+    typeConfirm({value}){
+      // 判断异常类型是否变化，变化了就要改子类型的值
+      if (!value || value !== this.moreSearchInput.subType.split('_')[0]){
+        this.moreSearchInput.subType = ''
+        const subType = this.$lwDict.get('abnormal_sub_type_choice')
+        this.subTypeList = subType.filter(item=>item.value.split('_')[0] === value)
+      }
+    },
+    // 清除异常类型
+    typeClear(){
+      this.moreSearchInput.subType = ''
+      this.subTypeList = []
+    },
+
+    // 清除搜索输入框，包括混合搜索和条件搜索
+    clearInput(){
+      for (let i in this.moreSearchInput) {
+        this.moreSearchInput[i] = ''
+      }
+      this.hasLockBiz = false
+      this.searchBox = ''
+    },
+
+    // 点击展开搜索更多
+    showMoreClick(){
+      this.showMore = !this.showMore
+      this.clearInput()
+    },
+
+    // 混合搜索按钮
+    searchBoxClick(){
+      this.$emit('search' , {searchBox: this.searchBox})
+    },
+    // 混合搜索内容清除
+    searchBoxClear(){
+      this.clearInput()
+      this.$emit('search' , {searchBox: ''})
+    },
+
+    // 更多条件搜索重置条件
+    moreClearInput(){
+      this.clearInput()
+      this.moreSearchClick()
+    },
+    // 更多条件搜索确认
+    moreSearchClick(){
+      this.$emit('search', {
+        ...this.moreSearchInput,
+        hasLockBiz: this.hasLockBiz
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/disposeAbnormal/index/index.js

@@ -0,0 +1,11 @@
+/*
+* 异常处理 - 起始页
+* @author: 张文
+* @date  2022-0623
+* */
+
+import lwInnerDisposeAbnormalIndexPage from "./index.vue";
+
+lwInnerDisposeAbnormalIndexPage.install = Vue => Vue.component(lwInnerDisposeAbnormalIndexPage.name, lwInnerDisposeAbnormalIndexPage)
+
+export default lwInnerDisposeAbnormalIndexPage