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

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

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

package/src/components/page/container/containerBack/components/rentInfo.vue

@@ -0,0 +1,107 @@
+<!--
+  租赁单信息
+  @author: 张文
+  @date: 2022-12-22
+-->
+<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.order"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-tag
+        style="flex-shrink: 0"
+        :type="getTagType(item.state)"
+        plain
+        round
+      >{{ item.label }}</lw-tag>
+
+    </div>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','外部单号')"
+      :value="item.order"
+      :is-row="false"
+    />
+
+    <div
+      style="margin: 4px 0"
+      class="lw-global-flex-start"
+    >
+      <div class="lw-global-title">
+        {{ $lwLanguage.get('','归还数量') }}
+      </div>
+      <div class="lw-global-value-bold">
+        {{ item.qty || 0 }} /
+        <span class="lw-global-value-bold-red">{{ item.qty ||0 }}</span>
+      </div>
+
+    </div>
+
+    <lw-title-value-cell
+      style="margin-bottom: 4px"
+      :title="$lwLanguage.get('','租赁开始时间')"
+      :value="$lwDate.format(item.time,'yyyy-MM-dd hh:mm')"
+      :is-row="false"
+    />
+    <div class="lw-global-flex-between">
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','预计归还时间')"
+        :value="$lwDate.format(item.time)"
+        :is-row="false"
+      />
+
+      <div class="lw-global-value">{{item.label}}</div>
+
+
+    </div>
+
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "repairInfo",
+  props:{
+    item:{
+      type: Object,
+      default:()=>{}
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 获取tag状态
+    getTagType(state){
+      switch (state){
+        case '100':
+          return 'primary'
+        case '200':
+          return 'success'
+        case '300':
+          return 'danger'
+        default:
+          return 'warning'
+      }
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/container/containerBack/index/index.js

@@ -0,0 +1,11 @@
+/*
+* 容器归还
+* @author: 张文
+* @date: 2022-12-22
+* */
+
+import lwContainerContainerBackIndexPage from "./index.vue";
+
+lwContainerContainerBackIndexPage.install = Vue => Vue.component(lwContainerContainerBackIndexPage.name, lwContainerContainerBackIndexPage)
+
+export default lwContainerContainerBackIndexPage

package/src/components/page/container/containerBack/index/index.vue

@@ -0,0 +1,418 @@
+<!--
+  容器归还
+  @author: 张文
+  @date: 2022-12-22
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','容器归还')"/>
+
+    <div class="lw-global-page-box">
+
+      <div style="padding: 0 10px" class="lw-global-model-box">
+
+        <back-status-row
+          v-model="returnStatus"
+          @change="backResultConfirm"
+        />
+
+        <template v-if="returnStatus==='ABNORMAL'">
+          <lw-cell-popup-radio
+            :title="$lwLanguage.get('','异常情况')"
+            v-model="abnormalMsg"
+            dict-key="WmsContainerInfoAbnormalStatus"
+          />
+          <lw-input
+            :title="$lwLanguage.get('','异常描述')"
+            v-model="abnormalInfo"
+            type="textarea"
+            :rows="3"
+          />
+        </template>
+
+        <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
+          v-for="(i,k) in containerList.slice(0,2)"
+          :key="i.containerId"
+          :item="i"
+          @del="containerDel(k)"
+          @imgChange="list=>imgChange(list,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="locationCheck"
+        />
+        <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"
+        />
+      </div>
+
+      <div class="lw-global-model-box">
+
+        <lw-input
+          :title="$lwLanguage.get('','归还人姓名')"
+          v-model="returnName"
+        />
+        <lw-input
+          :title="$lwLanguage.get('','承运商')"
+          v-model="carrier"
+        />
+        <lw-car-plate
+          :title="$lwLanguage.get('','车牌号')"
+          v-model="plateNum"
+          :border="false"
+        />
+      </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"
+      @closed="popupOff"
+    >
+      <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
+        class="lw-global-row"
+        v-for="(i,k) in containerListPopup.showList"
+        :key="i.containerId"
+        :item="i"
+        @del="popupDel(k,i.containerId)"
+        @imgChange="list=>popupImgChange(list,i.containerId)"
+      />
+
+      <lw-not-data v-if="!containerListPopup.showList.length"/>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import containerInfo from "../components/containerInfo.vue";
+import backStatusRow from "../../components/backStatusRow.vue";
+import {
+  projectWmsPDAContainerReturnQuery,
+  projectWmsPDAContainerReturnSubmit
+} from "../../../../../api/container/containerBack";
+
+export default {
+  name: "lwContainerContainerBackIndexPage",
+  components:{
+    containerInfo,
+    backStatusRow,
+  },
+  data() {
+    return {
+      // 归还结果
+      returnStatus:'NORMAL',
+
+      // 异常情况
+      abnormalMsg:'',
+      // 异常描述
+      abnormalInfo:'',
+
+      // 容器号
+      container:{
+        value: '',
+        focus: true
+      },
+
+      // 容器列表
+      containerList:[],
+
+
+      // 归还库位
+      location:{
+        value: '',
+        focus: false
+      },
+
+      lpn:{
+        value: '',
+        focus: false
+      },
+      returnName:'',
+      carrier:'',
+      plateNum:'',
+
+      // 容器列表弹框
+      containerListPopup:{
+        show: false,
+        search:'',
+        showList:[],
+        imgChange: false
+      },
+    }
+  },
+  methods: {
+    // 归还结果确认
+    backResultConfirm(){
+      if (this.returnStatus !== 'ABNORMAL'){
+        this.abnormalMsg = ''
+        this.abnormalInfo = ''
+      }
+    },
+
+    // 容器号确认
+    containerConfirm(val,{data}){
+      if (!data.key){
+        this.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','容器号不能为空')
+        )
+        return
+      }
+
+      if (this.containerList.some(item=>item.containerCode===data.key)){
+        this.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','当前容器号已存在列表中，不能重复添加！')
+        )
+        return
+      }
+
+      projectWmsPDAContainerReturnQuery({
+        containerCode:data.key
+      }).then(res=>{
+        this.containerList.unshift(res)
+      })
+
+    },
+
+    // 库位校验
+    locationCheck(){
+      if (!this.location.value){
+        this.location.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','归还库位不能为空')
+        )
+        return false
+      }
+
+      return true
+    },
+    // 库位确认
+    localConfirm(){
+      if (this.locationCheck()) this.lpn.focus = true
+    },
+
+    // 确认归还
+    confirmBack(){
+      if (!this.returnStatus){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','归还结果不能为空')
+        )
+        return
+      }
+      if (!this.locationCheck()) return
+
+      if (!this.containerList.length){
+        this.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','请录入需要归还的容器')
+        )
+        return
+      }
+
+      if (this.lpn.value && this.containerList.some(item=>item.containerCode===this.lpn.value)){
+        this.lpn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','托盘号不能是归还容器')
+        )
+        return
+      }
+
+      projectWmsPDAContainerReturnSubmit({
+        returnStatus: this.returnStatus,
+        returnName: this.returnName,
+        returnLpn: this.lpn.value,
+        returnLocationCode: this.location.value,
+        carrier: this.carrier,
+        plateNum: this.plateNum,
+        abnormalMsg: this.abnormalMsg,
+        abnormalInfo: this.abnormalInfo,
+        lineList: this.containerList
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','已归还')
+        )
+        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.returnStatus = ''
+        this.abnormalMsg = ''
+        this.abnormalInfo = ''
+        this.container.value = ''
+        this.location.value = ''
+        this.lpn.value = ''
+        this.containerList = []
+        this.container.focus = true
+      }).catch(()=>{})
+    },
+
+    // 容器删除
+    containerDel(index){
+      this.containerList.splice(index,1)
+    },
+    // 容器图片改变
+    imgChange(list,k){
+      this.containerList[k].abnormalImages = list.join('|')
+    },
+
+    // 查看全部
+    lookAll(){
+      this.containerListPopup.showList = this.$lwDeepCopy(this.containerList)
+      this.containerListPopup.search = ''
+      this.containerListPopup.imgChange = false
+      this.containerListPopup.show = true
+    },
+    // 容器弹框确认搜索
+    containerSearch(){
+      this.containerListPopup.showList = this.containerList.filter(item=>{
+        return item.containerCode.includes(this.containerListPopup.search)
+      })
+    },
+    // 容器弹框 - 图片发生改变
+    popupImgChange(list, containerId){
+      this.containerListPopup.imgChange = true
+      for (let i = 0; i < this.containerList.length; i++) {
+        if (this.containerList[i].containerId === containerId){
+          this.containerList[i].abnormalImages = list.join('|')
+          return
+        }
+      }
+    },
+    // 容器弹框 - 删除
+    popupDel(index, containerId){
+      for (let i = 0; i < this.containerList.length; i++) {
+        if (this.containerList[i].containerId === containerId){
+          this.containerList.splice(i, 1)
+          this.containerListPopup.showList.splice(index,1)
+          return
+        }
+      }
+    },
+    // 容器弹框 - 关闭
+    popupOff(){
+      if (this.containerListPopup.imgChange){
+        const list = this.$lwDeepCopy(this.containerList)
+        this.containerList = []
+        this.$nextTick(()=>{
+          this.containerList = list
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,40 @@
+/*
+* 容器管理导出
+* @author: 张文
+* @date  2022-12-20
+* */
+
+// 报修登记
+import lwContainerRepairRegisterIndexPage from "./repairRegister/index/index.js";
+import lwContainerRepairRegisterOrderInfoPage from "./repairRegister/orderInfo/index.js";
+
+// 维修归还
+import lwContainerRepairBackIndexPage from "./repairBack/index/index.js";
+import lwContainerRepairBackContentPage from "./repairBack/content/index.js";
+import lwContainerRepairBackActionPage from "./repairBack/aciton/index.js";
+
+// 报废登记
+import lwContainerScrapRecordIndexPage from "./scrapRecord/index/index.js";
+import lwContainerScrapRecordOrderInfoPage from "./scrapRecord/orderInfo/index.js";
+
+// 租赁归还
+import lwContainerRentBackIndexPage from "./rentBack/index/index.js";
+import lwContainerRentBackContentPage from "./rentBack/content/index.js";
+import lwContainerRentBackActionPage from "./rentBack/aciton/index.js";
+
+// 容器归还
+import lwContainerContainerBackIndexPage from "./containerBack/index/index.js";
+
+export const container = [
+  lwContainerRepairRegisterIndexPage,
+  lwContainerRepairRegisterOrderInfoPage,
+  lwContainerRepairBackIndexPage,
+  lwContainerRepairBackContentPage,
+  lwContainerRepairBackActionPage,
+  lwContainerScrapRecordIndexPage,
+  lwContainerScrapRecordOrderInfoPage,
+  lwContainerRentBackIndexPage,
+  lwContainerRentBackContentPage,
+  lwContainerRentBackActionPage,
+  lwContainerContainerBackIndexPage,
+]

package/src/components/page/container/rentBack/aciton/index.js

@@ -0,0 +1,11 @@
+/*
+* 租赁归还 - 执行页
+* @author: 张文
+* @date: 2022-12-22
+* */
+
+import lwContainerRentBackActionPage from "./index.vue";
+
+lwContainerRentBackActionPage.install = Vue => Vue.component(lwContainerRentBackActionPage.name, lwContainerRentBackActionPage)
+
+export default lwContainerRentBackActionPage