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

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

@@ -0,0 +1,406 @@
+<!--
+  租赁归还 - 执行页
+  @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="backResult"
+          @change="backResultConfirm"
+        />
+
+        <template v-if="backResult==='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-back-item
+          class="lw-global-row"
+          v-for="(i,k) in containerList.slice(0,2)"
+          :key="i.rentSnLineId"
+          :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="locationConfirm"
+        />
+        <lw-input
+          :title="$lwLanguage.get('','托盘号')"
+          v-model="lpn"
+          rule-key="lpn"
+          :create-rule="$lwScanRule.create('容器管理 - 租赁归还 - 托盘号','LPN')"
+          :show-bottom-border="false"
+        />
+      </div>
+
+      <div style="padding: 3px 10px" 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>
+
+      <template v-if="containerListPopup.show">
+        <container-back-item
+          class="lw-global-row"
+          v-for="(i,k) in containerListPopup.showList"
+          :key="i.rentSnLineId"
+          :item="i"
+          @del="popupDel(k, i.rentSnLineId)"
+          @imgChange="list=>popupImgChange(list,i.rentSnLineId)"
+        />
+      </template>
+
+      <lw-not-data v-if="!containerListPopup.showList.length"/>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import containerBackItem from "../components/containerBackItem.vue";
+import backStatusRow from "../../components/backStatusRow.vue";
+import {
+  projectWmsPDAContainerRentReturnQueryLine,
+  projectWmsPDAContainerRentReturnSubmit
+} from "../../../../../api/container/rentBack";
+
+export default {
+  name: "lwContainerRentBackActionPage",
+  components:{
+    containerBackItem,
+    backStatusRow,
+  },
+  data() {
+    return {
+      // 归还结果
+      backResult:'NORMAL',
+
+      // 异常情况
+      abnormalMsg:'',
+      // 异常描述
+      abnormalInfo:'',
+
+      // 容器号
+      container:{
+        value: '',
+        focus: true
+      },
+      // 容器列表
+      containerList:[],
+
+      // 归还库位
+      location:{
+        value: '',
+        focus: false
+      },
+      // 托盘号
+      lpn:'',
+
+      returnName:'',
+      carrier:'',
+      plateNum:'',
+
+      // 容器列表弹框
+      containerListPopup:{
+        show: false,
+        search:'',
+        showList:[],
+        imgChange: false
+      }
+    }
+  },
+  methods: {
+    // 归还结果确认
+    backResultConfirm(){
+      if (this.backResult !== '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
+      }
+
+      projectWmsPDAContainerRentReturnQueryLine({
+        containerCode: data.key
+      }).then(res=>{
+        this.containerList.unshift(res)
+      })
+    },
+
+    // 库位确认
+    locationConfirm(){
+      if (this.location.value) return true
+
+      this.location.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('','归还库位不能为空')
+      )
+      return false
+    },
+
+    // 确认归还
+    confirmBack(){
+      if (!this.backResult){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','归还结果不能为空')
+        )
+        return
+      }
+      if (!this.locationConfirm()) return
+
+      if (!this.containerList.length){
+        this.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','请录入需要归还的容器')
+        )
+        return
+      }
+
+      projectWmsPDAContainerRentReturnSubmit({
+        returnStatus: this.backResult,
+        returnName: this.returnName,
+        returnLpn: this.lpn,
+        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.containerList = []
+        this.location.value = ''
+        this.lpn = ''
+        this.container.focus = true
+      })
+    },
+
+    // 重置
+    reset(){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('','提示'),
+        message: this.$lwLanguage.get('','确认清空全部录入信息？')
+      }).then(()=>{
+        this.backResult = ''
+        this.container.value = ''
+        this.location.value = ''
+        this.lpn = ''
+        this.abnormalMsg = ''
+        this.abnormalInfo = ''
+        this.returnName = ''
+        this.carrier = ''
+        this.plateNum = ''
+        this.containerList = []
+        this.container.focus = true
+      }).catch(()=>{})
+    },
+
+    // 容器删除
+    containerDel(index){
+      this.containerList.splice(index,1)
+    },
+    // 容器图片改变
+    imgChange(list,k){
+      this.containerList[k].abnormalImages = list.join('|')
+    },
+
+    // 查看全部
+    lookAll(){
+      console.log(this.containerList)
+      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)
+      })
+    },
+    // 容器弹框 - 删除
+    popupDel(index, rentSnLineId){
+
+      for (let i = 0; i < this.containerList.length; i++) {
+        if (this.containerList[i].rentSnLineId === rentSnLineId){
+          this.containerList.splice(i, 1)
+          this.containerListPopup.showList.splice(index,1)
+          return
+        }
+      }
+    },
+    // 容器弹框 - 图片发生改变
+    popupImgChange(list, rentSnLineId){
+      this.containerListPopup.imgChange = true
+      for (let i = 0; i < this.containerList.length; i++) {
+        if (this.containerList[i].rentSnLineId === rentSnLineId){
+          this.containerList[i].abnormalImages = list.join('|')
+          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/rentBack/components/containerBackItem.vue

@@ -0,0 +1,71 @@
+<!--
+  容器归还行
+  @author: 张文
+  @date: 2023-01-12
+-->
+<template>
+  <div>
+    <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: "containerBackItem",
+  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.containerCode
+      }).then(()=>{
+        this.$emit('del')
+      }).catch(()=>{})
+    },
+
+    imgChange(file,list){
+      this.$emit('imgChange', list)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,55 @@
+<!--
+  容器信息
+  @author: 张文
+  @date: 2022-12-21
+-->
+<template>
+  <div>
+
+    <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-tag
+        style="flex-shrink: 0"
+        round
+        plain
+        :type="item.rentReturnResult === 'ABNORMAL' ? 'danger' : 'success'"
+      >
+        {{ item.rentReturnResultLabel }}
+      </lw-tag>
+    </div>
+
+    <div class="lw-global-value">{{ $lwDict.getDictLabel('WmsContainerInfoAbnormalStatus',item.abnormalMsg) }}</div>
+    <div class="lw-global-value" style="color: #999">{{ item.abnormalInfo }}</div>
+
+    <lw-img-look :img-list="item.abnormalImages ? item.abnormalImages.split('|') : []"/>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "containerInfo",
+  props:{
+    item:{
+      type: Object,
+      default:()=>{}
+    },
+  },
+  data() {
+    return {}
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,134 @@
+<!--
+  租赁单信息
+  @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.rentNo"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-tag
+        style="flex-shrink: 0"
+        :type="getTagType(item.billStatus)"
+        plain
+        round
+      >{{ item.billStatusLabel }}</lw-tag>
+
+    </div>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','外部单号')"
+      :value="item.extRentNo"
+      :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.returnQty || 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.startRentTime,'yyyy-MM-dd hh:mm')"
+      :is-row="false"
+    />
+
+    <lw-title-value-cell
+      v-if="showUpdate"
+      :title="$lwLanguage.get('','最后更新时间')"
+      :value="$lwDate.format(item.updateTime, 'yyyy-MM-dd hh:mm')"
+      :is-row="false"
+    />
+
+    <div
+      v-else
+      class="lw-global-flex-between"
+    >
+      <lw-title-value-cell
+        v-if="showStart"
+        :title="$lwLanguage.get('','预计归还时间')"
+        :value="$lwDate.format(item.planReturnTime, 'yyyy-MM-dd hh:mm')"
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        v-else
+        :title="$lwLanguage.get('','全部归还时间')"
+        :value="$lwDate.format(item.endReturnTime, 'yyyy-MM-dd hh:mm')"
+        :is-row="false"
+      />
+
+      <div class="lw-global-value">{{item.submitUser}}</div>
+
+
+    </div>
+
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "repairInfo",
+  props:{
+    item:{
+      type: Object,
+      default:()=>{}
+    },
+
+    showStart:{
+      type: Boolean,
+      default: false
+    },
+
+    showUpdate:{
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 获取tag状态
+    getTagType(state){
+      switch (state){
+        case '500':
+          return 'primary'
+        case '600':
+          return 'success'
+        default:
+          return 'warning'
+      }
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

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