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

package/src/components/page/container/repairRegister/orderInfo/index.vue

@@ -0,0 +1,477 @@
+<!--
+  维修单信息
+  @author: 张文
+  @date: 2022-12-21
+-->
+<template>
+  <div>
+
+    <lw-nav-bar
+      :title="$lwLanguage.get('','完善维修单')"
+    />
+
+    <div class="lw-global-page-box">
+
+      <!-- 拒绝原因 -->
+      <div
+        v-if="orderInfo.refuseName"
+        style="padding: 5px 10px"
+        class="lw-global-model-box lw-global-border-2px"
+      >
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','拒绝原因')"
+          :value="orderInfo.refuseReason"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','拒绝人')"
+          :value="orderInfo.refuseName"
+          val-bold
+          val-red
+          is-row-end
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','拒绝时间')"
+          :value="$lwDate.format(orderInfo.refuseTime,'yyyy-MM-dd hh:mm')"
+          val-bold
+          val-red
+          is-row-end
+        />
+
+      </div>
+
+      <!-- 维修单信息 -->
+      <div class="lw-global-model-box">
+        <div class="lw-global-flex-between">
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','维修单号')"
+            :value="orderInfo.repairNo"
+            :is-row="false"
+          />
+
+          <lw-button
+            style="flex-shrink: 0"
+            mini
+            round
+            @click="editOrderPopupShow=true"
+          >
+            {{ $lwLanguage.get('', '编辑信息') }}
+          </lw-button>
+
+        </div>
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','外部单号')"
+          :value="orderInfo.extRepairNo"
+          is-row-end
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','维修方式')"
+          :value="orderInfo.repairMethodLabel"
+          is-row-end
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','维修方')"
+          :value="orderInfo.repairOrg"
+          is-row-end
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','维修人')"
+          :value="orderInfo.repairPeople"
+          is-row-end
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','维修电话')"
+          :value="orderInfo.repairPhone"
+          is-row-end
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','维修地址')"
+          :value="orderInfo.repairAddress"
+          is-row-end
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','备注')"
+          :value="orderInfo.remark"
+          is-row-end
+        />
+      </div>
+
+      <!-- 维修原因 -->
+      <div
+        style="padding: 0 10px"
+        class="lw-global-model-box"
+      >
+
+        <lw-input
+          :title="$lwLanguage.get('','维修原因')"
+          v-model="addContainer.repairReason"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('','维修备注')"
+          v-model="addContainer.remark"
+          type="textarea"
+          :rows="3"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('','所在库位')"
+          v-model="addContainer.location.value"
+          :get-focus.sync="addContainer.location.focus"
+          rule-key="location"
+          :create-rule="$lwScanRule.create('容器管理 - 完善维修单 - 所在库位','LOCATION')"
+          required
+          @confirm="locationConfirm"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('','容器号')"
+          v-model="addContainer.container.value"
+          :get-focus.sync="addContainer.container.focus"
+          rule-key="container"
+          :create-rule="$lwScanRule.create('容器管理 - 完善维修单 - 所在库位','CONTAINER')"
+          required
+          :show-bottom-border="false"
+          @confirm="containerConfirm"
+        >
+
+          <template #button>
+
+            <lw-button
+              round
+              mini
+              @click="containerConfirm"
+            >
+              {{ $lwLanguage.get('','确认') }}
+            </lw-button>
+
+          </template>
+
+        </lw-input>
+
+      </div>
+
+      <!-- 容器列表 -->
+      <div class="lw-global-model-box">
+
+        <div class="lw-global-flex-start lw-global-row-start">
+
+          <div class="lw-global-title">
+            {{ $lwLanguage.get('','已添加容器数量：') }}
+          </div>
+
+          <div class="lw-global-value-bold-red">{{ containerList.length }}</div>
+
+        </div>
+
+        <container-info
+          v-for="(i,k) in containerList.slice(0,2)"
+          :key="i.repairLineId"
+          class="lw-global-row"
+          :item="i"
+          @del="containerDel(k,i.repairLineId)"
+          @imgUpload="(str)=>imgUpload(i.repairLineId,str)"
+        />
+
+        <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>
+
+    <lw-bottom-bar>
+
+      <lw-button @click="submit">
+        {{ $lwLanguage.get('','提交') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 维修信息编辑 -->
+    <add-or-edit-order
+      v-model="editOrderPopupShow"
+      :item="orderInfo"
+      :confirm-fn="editOrderConfirm"
+      @confirm="init"
+    />
+
+    <!-- 查看全部容器信息 -->
+    <lw-popup
+      :title="$lwLanguage.get('','容器列表')"
+      v-model="containerListPopup.show"
+      @closed="containerListPopupOff"
+    >
+      <lw-input
+        :title="$lwLanguage.get('','容器号')"
+        v-model="containerListPopup.search"
+        rule-key="container"
+        :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="i.repairLineId"
+        class="lw-global-row"
+        :item="i"
+        @del="popupDel(k)"
+        @imgUpload="(str)=>containerListPopupImgUpload(i.repairLineId,k,str)"
+      />
+
+      <lw-not-data v-if="!containerListPopup.showList.length"/>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import addOrEditOrder from "../components/addOrEditOrder.vue";
+import containerInfo from "../components/containerInfo.vue";
+import {
+  projectWmsPDAContainerRepairOrderAddLine,
+  projectWmsPDAContainerRepairOrderChangeLineImages,
+  projectWmsPDAContainerRepairOrderQueryDetail,
+  projectWmsPDAContainerRepairOrderRemoveLine,
+  projectWmsPDAContainerRepairOrderSave, projectWmsPDAContainerRepairOrderSubmit
+} from "../../../../../api/container/repairRegister";
+
+export default {
+  name: "lwContainerRepairRegisterOrderInfoPage",
+  components:{
+    addOrEditOrder,
+    containerInfo,
+  },
+  data() {
+    return {
+
+      // 维修单信息
+      orderInfo:{},
+
+      // 增加容器
+      addContainer:{
+        repairReason:'',
+        remark:'',
+        location:{
+          value:'',
+          focus: false
+        },
+        container:{
+          value:'',
+          focus: false
+        },
+      },
+
+      // 容器列表
+      containerList:[],
+
+      // 编辑信息弹框
+      editOrderPopupShow: false,
+
+      // 容器列表弹框
+      containerListPopup:{
+        show: false,
+        imgChange: false,
+        search:'',
+        showList:[]
+      }
+    }
+  },
+  mounted() {
+    this.repairId = this.$route.query.repairId
+    this.init()
+  },
+  methods: {
+    // 初始化
+    init(){
+      projectWmsPDAContainerRepairOrderQueryDetail({
+        repairId: this.repairId
+      }).then(res=>{
+        this.orderInfo = res
+        this.containerList = res.lineList || []
+      })
+    },
+
+    // 确认编辑信息
+    async editOrderConfirm(obj){
+      try {
+        await projectWmsPDAContainerRepairOrderSave({
+          ...obj,
+          repairId: this.repairId
+        })
+        return true
+      }catch (e) {
+        console.log('新建保修单失败，接口报错：', e)
+        return false
+      }
+    },
+
+    // 所在库位校验
+    checkLocation(){
+      if (this.addContainer.location.value) return true
+
+      this.addContainer.location.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('','所在库位不能为空')
+      )
+      return false
+    },
+    // 所在库位确认
+    locationConfirm(){
+      this.checkLocation() ? this.addContainer.container.focus = true : ''
+    },
+
+    // 容器号校验
+    checkContainer(){
+      if (this.addContainer.container.value) return true
+
+      this.addContainer.container.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('','容器号不能为空')
+      )
+      return false
+    },
+    // 容器号确认
+    containerConfirm(){
+
+      if (!this.checkLocation() || !this.checkContainer()) return
+
+      projectWmsPDAContainerRepairOrderAddLine({
+        repairId: this.repairId,
+        containerCode: this.addContainer.container.value,
+        fromLocation: this.addContainer.location.value,
+
+      }).then(res=>{
+        this.containerList.unshift(res)
+        this.addContainer.container.value = ''
+        this.addContainer.container.focus = true
+      })
+    },
+
+    // 容器列表 - 删除
+    async containerDel(index,repairLineId){
+      await projectWmsPDAContainerRepairOrderRemoveLine({
+        repairId: this.repairId,
+        repairLineId
+      })
+
+      /*this.$lwToast.success(
+        this.$lwLanguage.get('','已删除')
+      )*/
+      this.containerList.splice(index,1)
+    },
+    // 图片上传
+    imgUpload(repairLineId,images){
+      projectWmsPDAContainerRepairOrderChangeLineImages({
+        repairId: this.repairId,
+        repairLineId,
+        images
+      })
+    },
+    // 查看全部
+    lookAll(){
+      this.containerListPopup.showList = []
+      this.$nextTick(()=>{
+        this.containerListPopup.showList = this.$lwDeepCopy(this.containerList)
+        this.containerListPopup.search = ''
+        this.containerListPopup.show = true
+        this.containerListPopup.imgChange = false
+      })
+    },
+
+    // 容器弹框确认搜索
+    containerSearch(){
+      this.containerListPopup.showList = this.containerList.filter(item=>{
+        return item.containerCode.includes(this.containerListPopup.search)
+      })
+    },
+    // 容器弹框 - 图片上传或删除
+    containerListPopupImgUpload(repairLineId,index,str){
+      this.containerListPopup.imgChange = true
+      this.imgUpload(repairLineId,str)
+      this.containerList.forEach(i=>{
+        if(i.repairLineId === this.containerListPopup.showList[index].repairLineId){
+          i.images = str
+        }
+      })
+    },
+    // 容器弹框 - 删除
+    async popupDel(index){
+      let repairLineId = ''
+      let key = ''
+      this.containerList.forEach((i,k)=>{
+        if(i.repairLineId === this.containerListPopup.showList[index].repairLineId){
+          repairLineId = i.repairLineId
+          key = k
+        }
+      })
+
+      await this.containerDel(key,repairLineId)
+
+      this.containerListPopup.showList.splice(index,1)
+    },
+    // 容器弹框 - 关闭
+    containerListPopupOff(){
+      if (this.containerListPopup.imgChange){
+        const arr = this.$lwDeepCopy(this.containerList)
+        this.containerList = []
+        this.$nextTick(()=>this.containerList = arr)
+      }
+    },
+
+    // 提交数据
+    submit(){
+      if (!this.containerList.length){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','没有可以提交的数据')
+        )
+        return
+      }
+
+      projectWmsPDAContainerRepairOrderSubmit({
+        repairId: this.repairId
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','提交成功')
+        )
+        history.go(-1)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/container/scrapRecord/components/addOrEdit.vue

@@ -0,0 +1,152 @@
+<!--
+  新增或编辑报废单信息
+  @author: 张文
+  @date: 2022-12-22
+-->
+<template>
+  <lw-popup
+    :title="title || $lwLanguage.get('','新建报废单')"
+    v-model="show"
+    @closed="popupOff"
+    @open="popupOpen"
+  >
+
+    <lw-cell-popup-radio
+      :title="$lwLanguage.get('','报废方式')"
+      required
+      v-model="fromData.scrapMethod"
+      dict-key="WmsContainerScrapMethod"
+    />
+
+    <lw-cell-popup-date
+      :title="$lwLanguage.get('','预计报废日期')"
+      required
+      v-model="fromData.planScrapTime"
+    />
+
+    <lw-input
+      :title="$lwLanguage.get('','报废方')"
+      v-model="fromData.scrapOrg"
+    />
+
+    <lw-input
+      :title="$lwLanguage.get('','报废人')"
+      v-model="fromData.scrapPeople"
+    />
+
+    <lw-input
+      :title="$lwLanguage.get('','报废人电话')"
+      v-model="fromData.scrapPhone"
+      type="digit"
+    />
+
+    <lw-input
+      :title="$lwLanguage.get('','备注')"
+      v-model="fromData.remark"
+      type="textarea"
+      :rows="3"
+      :show-bottom-border="false"
+    />
+
+
+    <template #button>
+
+      <lw-button @click="confirm">
+        {{ $lwLanguage.get('','保存') }}
+      </lw-button>
+
+    </template>
+
+  </lw-popup>
+</template>
+
+<script>
+
+export default {
+  name: "addOrEdit",
+  props:{
+    // 弹框标题
+    title: String,
+    // 是否显示
+    value:{
+      type: Boolean,
+      default: false
+    },
+    // 传入的数据
+    item:{
+      type: Object,
+      default:()=>{}
+    },
+    // 保存信息的函数
+    confirmFn:{
+      type: Function,
+      default:()=>{}
+    }
+  },
+  data() {
+    return {
+      fromData:{
+        scrapMethod:'',
+        planScrapTime:'',
+        scrapOrg:'',
+        scrapPeople:'',
+        scrapPhone:'',
+        remark:'',
+      }
+    }
+  },
+  computed:{
+    show:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input',v)
+      }
+    }
+  },
+  methods: {
+    // 弹框打开
+    popupOpen(){
+      for (let i in this.fromData) {
+        this.fromData[i] = this.item[i] || ''
+      }
+    },
+
+    // 保存
+    async confirm(){
+      if (!this.fromData.scrapMethod){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','报废方式不能为空')
+        )
+        return
+      }
+
+      if (!this.fromData.planScrapTime){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','预计报废日期不能为空')
+        )
+        return
+      }
+
+      try{
+        await this.confirmFn(this.fromData)
+        this.show = false
+      }catch (e) {
+        console.warn('报修数据接口异常：', e)
+      }
+    },
+
+    // 弹框关闭
+    popupOff(){
+      for (let i in this.fromData) {
+        this.fromData[i] = ''
+      }
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,85 @@
+<!--
+  容器信息
+  @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-button
+        style="flex-shrink: 0"
+        mini
+        round
+        @click="del"
+      >
+        {{ $lwLanguage.get('','删除') }}
+      </lw-button>
+
+    </div>
+
+    <div class="lw-global-value">{{ $lwDict.getDictLabel('WmsContainerScrapReason',item.scrapReason,'-') }}</div>
+    <div style="color: #999" class="lw-global-value">{{ item.remark }}</div>
+
+    <lw-img-upload
+      v-if="showImgUpload"
+      style="margin-top: 5px"
+      v-model="images"
+      @uploadSuccess="imgChange"
+      @del="imgChange"
+    />
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "containerInfo",
+  props:{
+    item:{
+      type: Object,
+      default:()=>{}
+    },
+  },
+  data() {
+    return {
+      images:[],
+      showImgUpload: false
+    }
+  },
+  mounted() {
+    this.images = this.item.images ? this.item.images.split('|') : []
+    this.showImgUpload = true
+  },
+  methods: {
+    // 删除
+    del(){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('','提示'),
+        message: this.$lwLanguage.get('','确认删除容器：') + this.item.containerCode
+      }).then(()=>{
+        this.$emit('del')
+      }).catch(()=>{})
+    },
+
+    // 图片数据改变
+    imgChange(file,arr){
+      // eslint-disable-next-line vue/no-mutating-props
+      this.item.images = arr.join('|')
+      this.$emit('imgUpload', arr.join('|'))
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>