@logwire/logwire-wms-pda-ui 3.1.1 → 3.1.2

package/src/components/page/container/repairBack/aciton/index.vue

@@ -0,0 +1,386 @@
+<!--
+  维修归还 - 执行页
+  @author: 张文
+  @date: 2022-12-21
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','维修归还')"/>
+
+    <div class="lw-global-page-box">
+
+      <div style="padding: 0 10px" class="lw-global-model-box">
+
+        <div class="lw-global-row repair-result">
+
+          <div class="lw-global-title lw-global-required" style="margin-bottom: 10px">
+            {{ $lwLanguage.get('','维修结果') }}
+          </div>
+
+          <van-radio-group
+            v-model="repairResult"
+            direction="horizontal"
+          >
+            <van-radio
+              style="margin-bottom: 5px"
+              v-for="i in repairResultList"
+              :key="i.value"
+              :name="i.value"
+            >{{ i.label }}</van-radio>
+          </van-radio-group>
+
+        </div>
+
+        <lw-input
+          :title="$lwLanguage.get('','容器号')"
+          v-model="container.value"
+          :get-focus.sync="container.focus"
+          :show-bottom-border="false"
+          required
+          rule-key="container"
+          :create-rule="$lwScanRule.create('容器管理 - 维修归还 - 容器号','CONTAINER')"
+          auto-clear-val
+          @confirm="containerConfirm"
+        />
+      </div>
+
+
+
+      <div class="lw-global-model-box">
+
+        <div class="lw-global-flex-between lw-global-row-start">
+
+          <div class="lw-global-title">
+            {{ $lwLanguage.get('','当前扫描结果') }}
+          </div>
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','容器数量')"
+            :value="containerList.length"
+            val-bold
+            val-red
+            :is-row="false"
+          />
+
+        </div>
+
+        <container-info
+          class="lw-global-row"
+          v-for="(i,k) in containerList.slice(0,2)"
+          :key="i.repairLineId"
+          :item="i"
+          show-del
+          @del="containerDel(k)"
+        />
+
+        <div
+          v-if="containerList.length"
+          class="lw-global-flex-center lw-global-row-end lw-global-click-style lw-global-value"
+          @click="lookAll"
+        >
+          {{ $lwLanguage.get('','查看全部') }}
+          <van-icon style="margin-left: 5px" name="arrow" />
+        </div>
+
+      </div>
+
+
+      <div style="padding: 3px 10px" class="lw-global-model-box">
+        <lw-input
+          :title="$lwLanguage.get('','归还库位')"
+          v-model="location.value"
+          :get-focus.sync="location.focus"
+          required
+          rule-key="location"
+          :create-rule="$lwScanRule.create('容器管理 - 维修归还 - 归还库位','LOCATION')"
+          @confirm="locationConfirm"
+        />
+        <lw-input
+          :title="$lwLanguage.get('','托盘号')"
+          v-model="lpn.value"
+          :get-focus.sync="lpn.focus"
+          rule-key="lpn"
+          :create-rule="$lwScanRule.create('容器管理 - 维修归还 - 托盘号','LPN')"
+          :show-bottom-border="false"
+          @confirm="lpnConfirm"
+        />
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+
+
+      <lw-button
+        style="margin-right: 10px"
+        type="last"
+        block
+        @click="reset"
+      >
+        {{ $lwLanguage.get('','重置') }}
+      </lw-button>
+      <lw-button
+        block
+        @click="confirmBack"
+      >
+        {{ $lwLanguage.get('','确认归还') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 查看全部容器信息 -->
+    <lw-popup
+      :title="$lwLanguage.get('','容器列表')"
+      v-model="containerListPopup.show"
+    >
+      <lw-input
+        :title="$lwLanguage.get('','容器号')"
+        v-model="containerListPopup.search"
+        rule-key="searchContainer"
+        :create-rule="$lwScanRule.create('容器管理 - 容器归还 - 查询容器','CONTAINER')"
+        @confirm="containerSearch"
+      >
+
+        <template #button>
+          <lw-button
+            mini
+            round
+            @click="containerSearch"
+          >
+            {{ $lwLanguage.get('','搜索') }}
+          </lw-button>
+        </template>
+
+      </lw-input>
+
+      <container-info
+        v-for="(i,k) in containerListPopup.showList"
+        :key="k"
+        class="lw-global-row"
+        :item="i"
+        show-del
+        @del="popupDel(k)"
+      />
+
+      <lw-not-data v-if="!containerListPopup.showList.length"/>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import containerInfo from "../components/containerInfo.vue";
+import {
+  projectWmsPDAContainerRepairReturnQueryLine,
+  projectWmsPDAContainerRepairReturnSubmit
+} from "../../../../../api/container/repairBack";
+
+export default {
+  name: "lwContainerRepairBackActionPage",
+  components:{
+    containerInfo
+  },
+  data() {
+    return {
+      // 维修结果
+      repairResult:'NORMAL',
+      // 维修结果列表
+      repairResultList:[
+        {
+          value:'NORMAL',
+          label: this.$lwLanguage.get('','无问题-正常')
+        },
+        {
+          value:'REPAIR_SUCCESS',
+          label: this.$lwLanguage.get('','无问题-维修正常')
+        },
+        {
+          value:'REPAIR_ERROR',
+          label: this.$lwLanguage.get('','有问题-待维修')
+        },
+        {
+          value:'WAIT_SCRAP',
+          label: this.$lwLanguage.get('','有问题-待报废')
+        },
+      ],
+
+      // 容器号
+      container:{
+        value: '',
+        focus: true
+      },
+
+      // 归还库位
+      location:{
+        value: '',
+        focus: false
+      },
+
+      // 托盘号
+      lpn:{
+        value: '',
+        focus: false
+      },
+
+      // 容器列表
+      containerList:[],
+
+      // 容器列表弹框
+      containerListPopup:{
+        show: false,
+        search:'',
+        showList:[]
+      }
+    }
+  },
+  methods: {
+    // 容器号确认
+    containerConfirm(val){
+      if (!val){
+        this.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','容器号不能为空')
+        )
+        return
+      }
+
+      if (this.containerList.some(item=>item.containerCode===val)){
+        this.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','当前容器号已存在列表中，不能重复添加！')
+        )
+        return
+      }
+
+      projectWmsPDAContainerRepairReturnQueryLine({
+        containerCode: val
+      }).then(res=>{
+        this.containerList.unshift(res)
+      })
+
+    },
+
+    // 库位校验
+    checkLocation(){
+      if (this.location.value) return true
+
+      this.location.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('','归还库位不能为空')
+      )
+      return false
+    },
+    // 库位确认
+    locationConfirm(){
+      if(this.checkLocation()) this.lpn.focus = true
+    },
+
+    // 托盘号确认
+    lpnConfirm(){
+      this.confirmBack()
+    },
+
+    // 容器删除
+    containerDel(index){
+      this.containerList.splice(index,1)
+    },
+
+    // 查看全部
+    lookAll(){
+      console.log(this.containerList)
+      this.containerListPopup.showList = this.$lwDeepCopy(this.containerList)
+      this.containerListPopup.search = ''
+      this.containerListPopup.show = true
+    },
+    // 容器弹框确认搜索
+    containerSearch(){
+      this.containerListPopup.showList = this.containerList.filter(item=>{
+        return item.containerCode.includes(this.containerListPopup.search)
+      })
+    },
+    // 容器弹框 - 删除
+    popupDel(index){
+      for (let i = 0; i < this.containerList.length; i++) {
+        if(this.containerList[i].repairLineId === this.containerListPopup.showList[index].repairLineId){
+          this.containerList.splice(i,1)
+          this.containerListPopup.showList.splice(index,1)
+          return
+        }
+      }
+    },
+
+    // 重置数据
+    resetData(all = false){
+      all ? this.repairResult = '' : ''
+      this.container.value = ''
+      this.location.value = ''
+      this.lpn.value = ''
+      this.containerList = []
+      this.container.focus = true
+    },
+    // 重置
+    reset(){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('','提示'),
+        message: this.$lwLanguage.get('','确认清空全部录入信息？')
+      }).then(()=>{
+        this.resetData(true)
+      }).catch(()=>{})
+    },
+
+    // 确认归还
+    confirmBack(){
+      if (!this.repairResult){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','维修结果不能为空')
+        )
+        return
+      }
+
+      if (!this.containerList.length){
+        this.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','请录入需要归还的容器')
+        )
+        return
+      }
+
+      if (this.containerList.some(item=>item.containerCode===this.lpn.value)) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','托盘号不能是当前归还容器')
+        )
+        return
+      }
+
+      if (!this.checkLocation()) return
+
+      projectWmsPDAContainerRepairReturnSubmit({
+        repairResult: this.repairResult,
+        returnLocation: this.location.value,
+        returnLpn: this.lpn.value,
+        lineList: this.containerList.map(item=>{
+          return {
+            repairId: item.repairId,
+            repairLineId: item.repairLineId,
+          }
+        })
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','操作成功')
+        )
+        this.resetData()
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.repair-result{
+  /deep/.van-radio__label{
+    font-size: 14px;
+  }
+}
+</style>

package/src/components/page/container/repairBack/components/containerInfo.vue

@@ -0,0 +1,72 @@
+<!--
+  容器信息
+  @author: 张文
+  @date: 2022-12-21
+-->
+<template>
+  <div>
+
+    <div class="lw-global-flex-between">
+      <div>
+        <span class="lw-global-title">{{ item.containerCode }} / </span>
+        <span class="lw-global-value-bold">{{ item.containerSkuName }}</span>
+      </div>
+
+      <lw-button
+        v-if="showDel"
+        style="flex-shrink: 0"
+        mini
+        round
+        @click="del"
+      >
+        {{ $lwLanguage.get('','删除') }}
+      </lw-button>
+
+    </div>
+
+    <div class="lw-global-value">{{ item.repairReason }}</div>
+    <div class="lw-global-value" style="color: #999">{{ item.remark }}</div>
+
+    <lw-img-look
+      style="margin-top: 5px"
+      :img-list="item.images ? item.images.split('|') : []"
+    />
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "containerInfo",
+  props:{
+    item:{
+      type: Object,
+      default:()=>{}
+    },
+
+    showDel:{
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 删除
+    del(){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('','提示'),
+        message: this.$lwLanguage.get('','确认删除容器：') + this.item.containerCode
+      }).then(()=>{
+        this.$emit('del')
+      }).catch(()=>{})
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/container/repairBack/components/repairInfo.vue

@@ -0,0 +1,135 @@
+<!--
+  维修单信息
+  @author: 张文
+  @date: 2022-12-21
+-->
+<template>
+
+  <div
+    class="lw-global-model-box lw-global-click-style"
+    @click="$emit('click')"
+  >
+
+    <div class="lw-global-flex-between">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','维修单号')"
+        :value="item.repairNo"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-tag
+        style="flex-shrink: 0"
+        :type="isOver ? 'success' : 'warning'"
+        plain
+        round
+      >{{ item.billStatusLabel }}</lw-tag>
+
+    </div>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','外部单号')"
+      :value="item.extRepairNo"
+      :is-row="false"
+    />
+
+    <div
+      style="margin: 4px 0"
+      class="lw-global-flex-between"
+    >
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','维修方式')"
+        :value="item.repairMethodLabel"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+      <div>
+        <span class="lw-global-title">
+          {{ $lwLanguage.get('','归还数量') }}
+        </span>
+        <span class="lw-global-value-bold">
+          {{ item.returnQty || 0 }} /
+          <span class="lw-global-value-bold-red">{{ item.qty ||0 }}</span>
+        </span>
+      </div>
+
+    </div>
+
+    <div class="lw-global-flex-between">
+      <lw-title-value-cell
+        v-if="startTime"
+        :title="$lwLanguage.get('','开始维修时间')"
+        :value="$lwDate.format(item.startRepairTime,'yyyy-MM-dd hh:mm')"
+        :is-row="false"
+      />
+      <lw-title-value-cell
+        v-if="endTime"
+        :title="$lwLanguage.get('','完成时间')"
+        :value="$lwDate.format(item.finishTime,'yyyy-MM-dd hh:mm')"
+        :is-row="false"
+      />
+
+      <div class="lw-global-value">{{item.submitName}}</div>
+
+
+    </div>
+
+    <lw-title-value-cell
+      v-if="updateTime"
+      style="margin-top: 4px"
+      :title="$lwLanguage.get('','最后更新时间')"
+      :value="$lwDate.format(item.updateTime,'yyyy-MM-dd hh:mm')"
+      :is-row="false"
+    />
+
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "repairInfo",
+  props:{
+    item:{
+      type: Object,
+      default:()=>{}
+    },
+
+    // 是否是已完成
+    isOver: {
+      type: Boolean,
+      default: false
+    },
+    // 显示开始维修时间
+    startTime: {
+      type: Boolean,
+      default: false
+    },
+    // 显示完成时间
+    endTime: {
+      type: Boolean,
+      default: false
+    },
+    // 显示最后更新时间
+    updateTime: {
+      type: Boolean,
+      default: false
+    },
+  },
+  data() {
+    return {}
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/container/repairBack/content/index.js

@@ -0,0 +1,11 @@
+/*
+* 维修归还详情
+* @author: 张文
+* @date: 2022-12-21
+* */
+
+import lwContainerRepairBackContentPage from "./index.vue";
+
+lwContainerRepairBackContentPage.install = Vue => Vue.component(lwContainerRepairBackContentPage.name, lwContainerRepairBackContentPage)
+
+export default lwContainerRepairBackContentPage