@logwire/logwire-wms-pda-ui 1.1.19 → 1.2.0

package/src/components/page/inner/materialApply/generate/index.vue

@@ -1,376 +1,385 @@
-<!--
-包材领用单 - 创建领用单页
-@author: 王强
-@date  2022-06-29
--->
-<template>
-  <div>
-    <!--    导航栏-->
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inner.materialApply.submitOrderTitle','提交包材领用单')"/>
-    <!--    中间内容-->
-    <div class="lw-global-page-box">
-
-      <div class="lw-global-model-box">
-        <!-- 领用类型 -->
-        <lw-cell-popup-radio
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.type','领用类型')"
-            v-model="applyType"
-            required
-            dict-key="InnerMaterialApplyType"
-        />
-
-        <!-- 业务类型 -->
-        <lw-cell-popup-radio
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.bizType','业务类型')"
-            v-model="applyBizType"
-            required
-            dict-key="InnerMaterialApplyBizType"
-        />
-
-        <!-- 业务编号 -->
-        <lw-input
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.bizNo','业务单号')"
-            v-model="bizNo.value"
-            :get-focus.sync="bizNo.focus"
-            input-align="right"
-            @confirm="bizNo2.focus = true"
-        />
-
-        <!-- 业务编号2 -->
-        <lw-input
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.bizNo2','业务单号2')"
-            v-model="bizNo2.value"
-            :get-focus.sync="bizNo2.focus"
-            input-align="right"
-            @confirm="bizNo3.focus = true"
-        />
-
-        <!-- 业务编号3 -->
-        <lw-input
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.bizNo3','业务单号3')"
-            v-model="bizNo3.value"
-            :get-focus.sync="bizNo3.focus"
-            input-align="right"
-        />
-
-        <!-- 货主 -->
-        <lw-cell-popup-radio
-            style="padding-bottom: 0 ; border-bottom: none"
-            :title="this.$lwLanguage.get('wms_project.pda.inner.materialApply.owner','货主')"
-            v-model="ownerId"
-            value-key="id"
-            label-key="name"
-            :columns="ownerList"
-            required
-        />
-      </div>
-
-      <!--      包材编码输入框-->
-      <div class="lw-global-model-box">
-        <!-- 包材编码 -->
-        <lw-input
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.skuCode','包材编码')"
-            v-model="skuCode.value"
-            :get-focus.sync="skuCode.focus"
-            input-align="right"
-            @confirm="getInvData"
-        />
-      </div>
-      <!--      选择的包材的展示-->
-      <div
-        class="lw-global-model-box"
-        v-for="(i,k) in submitLine"
-        :key="k"
-      >
-        <!-- 包材头信息 -->
-        <div class="lw-global-row lw-global-flex-start-start">
-
-          <div class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.inner.materialApply.packMaterial', '包材') }}</div>
-
-          <div class="lw-global-value">
-            <div class="lw-global-value-bold">{{i.skuCode}}</div>
-            <div>{{i.type}}</div>
-          </div>
-        </div>
-
-        <div class="lw-global-row lw-global-flex-between">
-
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.locCode', '库位') "
-            :value="i.locationCode"
-            val-bold
-            :is-row="false"
-          />
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.appliedQty','领取量')"
-            :value="i.applyQty"
-            val-bold
-            val-red
-            :is-row="false"
-          />
-
-          <lw-button
-            round
-            mini
-            @click="del(k)"
-          >{{ $lwLanguage.get('wms_project.pda.inner.materialApply.del','删除') }}</lw-button>
-
-        </div>
-
-
-
-      </div>
-
-    </div>
-    <!--    底部按钮-->
-    <lw-bottom-bar v-if="showBottomBar">
-      <lw-button @click="submitApply">
-        {{ $lwLanguage.get('wms_project.pda.inner.materialApply.submitOrder','提交领用单') }}
-      </lw-button>
-    </lw-bottom-bar>
-
-    <!-- 包材库存详情弹窗 -->
-    <lw-popup
-        v-model="popup.show"
-        :title="$lwLanguage.get('wms_project.pda.inner.materialApply.skuInvInfo','包材库存详情')"
-    >
-      <!-- 包材头信息 -->
-      <div class="lw-global-row lw-global-flex-start-start">
-
-        <div class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.inner.materialApply.packMaterial', '包材') }}</div>
-
-        <div class="lw-global-value">
-          <div class="lw-global-value-bold">{{packMaterialInvData.skuCode}}</div>
-          <div>{{ packMaterialInvData.type }}</div>
-        </div>
-      </div>
-
-      <!-- 库存信息 -->
-      <div
-          v-for="(i,k) in packMaterialInvData.invList"
-          :key="k"
-          style="margin-top: 10px"
-      >
-
-        <div class="lw-global-flex-between">
-
-          <lw-title-value-cell
-              :title="$lwLanguage.get('wms_project.pda.inner.materialApply.locCode','库位')"
-              :value="i.locationCode"
-              val-bold
-              :is-row="false"
-          />
-          <lw-title-value-cell
-              :title="$lwLanguage.get('wms_project.pda.inner.materialApply.availableQty','可用库存')"
-              :value="i.availableQty"
-              val-bold
-              val-red
-              :is-row="false"
-          />
-
-        </div>
-
-        <lw-input
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.appliedQty','领取量')"
-            type="digit"
-            v-model="i.applyQty"
-        />
-
-      </div>
-
-      <template #button>
-        <lw-button @click="confirmInv">
-          {{ $lwLanguage.get('wms_project.pda.inner.materialApply.confirm', '确认') }}
-        </lw-button>
-      </template>
-
-    </lw-popup>
-
-
-  </div>
-</template>
-
-<script>
-
-import {
-  wmsGetPackMaterialInventory,
-  wmsGenerateMaterialApplyOrder
-} from "../../../../../api/inner/materialApply";
-
-export default {
-  name: "lwMaterialApplyCreatePage",
-  data() {
-    return {
-      applyType: '',
-      applyBizType: '',
-      bizNo: {
-        value: '',
-        focus: false
-      },
-      bizNo2: {
-        value: '',
-        focus: false
-      },
-      bizNo3: {
-        value: '',
-        focus: false
-      },
-      ownerId: '',
-      remark: '',
-      skuCode: {
-        value: '',
-        focus: false
-      },
-      // 货主的选择项目
-      ownerList: [],
-
-      //包材库存数据
-      packMaterialInvData: {
-        skuCode: '',
-        skuId: '',
-        width: '',
-        length: '',
-        high: '',
-        type: '',
-        invList: []
-      },
-
-      //领用单提交明细
-      submitLine: [],
-
-      //弹窗
-      popup: {
-        show: false
-      },
-
-      //底部工具栏
-      showBottomBar: false
-
-    }
-  },
-  mounted() {
-    this.init()
-  },
-  methods: {
-    init() {
-      // 获取货主信息
-      this.$lwApi.common.getOwnerList().then(res => this.ownerList = res)
-    },
-
-    getInvData() {
-      if (!this.skuCode.value) {
-        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.inner.materialApply.skuCodeNotNull','包材编码不能为空'))
-        return
-      }
-      if (!this.ownerId) {
-        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.inner.materialApply.ownerNotNull','货主不能为空'))
-        return
-      }
-
-      this.packMaterialInvData = {
-        skuCode: '',
-        skuId: '',
-        width: '',
-        length: '',
-        high: '',
-        type: '',
-        invList: []
-      }
-      wmsGetPackMaterialInventory({
-        ownerId: this.ownerId,
-        skuCode: this.skuCode.value
-      }).then(res => {
-        this.packMaterialInvData.skuCode = res.skuCode
-        this.packMaterialInvData.skuId = res.skuId
-        this.packMaterialInvData.type = res.type
-        this.packMaterialInvData.length = res.length
-        this.packMaterialInvData.high = res.high
-        this.packMaterialInvData.width = res.width
-        res.inventoryList.forEach(item => {
-          this.packMaterialInvData.invList.push({
-            ...item,
-            skuId: this.packMaterialInvData.skuId,
-            skuCode: this.packMaterialInvData.skuCode,
-            type: this.packMaterialInvData.type,
-            applyQty: ''
-          })
-        })
-        this.popup.show = true
-      }).catch((e) => {
-        console.log(e)
-      })
-    },
-
-    //库存选择弹窗确认
-    confirmInv() {
-      this.packMaterialInvData.invList.forEach(item => {
-        if (Number(item.applyQty || 0) > 0) {
-          this.submitLine.push(item)
-        }
-        this.popup.show = false
-        this.showBottomBar = this.submitLine.length
-      })
-      this.skuCode.focus = true
-      this.skuCode.value = ''
-    },
-
-    //提交领用按钮
-    submitApply() {
-      if (!this.applyType) {
-        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.inner.materialApply.typeNotNull','领用类型不能为空'))
-        return
-      }
-      if (!this.applyBizType) {
-        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.inner.materialApply.bizTypeNotNull','业务类型不能为空'))
-        return
-      }
-      if (!this.ownerId) {
-        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.inner.materialApply.ownerNotNull','货主不能为空'))
-        return
-      }
-      wmsGenerateMaterialApplyOrder({
-        ownerId: this.ownerId,
-        applyType: this.applyType,
-        applyBizType: this.applyBizType,
-        bizNo: this.bizNo.value,
-        bizNo2: this.bizNo2.value,
-        bizNo3: this.bizNo3.value,
-        applyData: this.submitLine
-      }).then(() => {
-        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.createSuccess','创建成功'))
-        setTimeout(()=>{
-          history.go(-1)
-        },2000)
-      }).catch(e => {
-        console.log(e)
-      })
-    },
-
-    // 删除选中的包材明细
-    del(index){
-
-      this.$dialog.confirm({
-        title: this.$lwLanguage.get('wms_project.pda.inner.materialApply.warning','警告'),
-        message: this.$lwLanguage.get('wms_project.pda.inner.materialApply.confirmDel','确认删除') ,
-      }).then(()=>{
-        this.submitLine.splice(index, 1)
-        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.delSuccess','删除成功'))
-        this.skuCode.value = ''
-        this.skuCode.focus = true
-        this.showBottomBar = this.submitLine.length
-      }).catch(()=>{})
-    },
-
-  },
-
-
-
-}
-
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+包材领用单 - 创建领用单页
+@author: 王强
+@date  2022-06-29
+-->
+<template>
+  <div>
+    <!--    导航栏-->
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inner.materialApply.submitOrderTitle','提交包材领用单')"/>
+    <!--    中间内容-->
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box">
+        <!-- 领用类型 -->
+        <lw-cell-popup-radio
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.type','领用类型')"
+            v-model="applyType"
+            required
+            dict-key="InnerMaterialApplyType"
+        />
+
+        <!-- 业务类型 -->
+        <lw-cell-popup-radio
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.bizType','业务类型')"
+            v-model="applyBizType"
+            required
+            dict-key="InnerMaterialApplyBizType"
+        />
+
+        <!-- 业务编号 -->
+        <lw-input
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.bizNo','业务单号')"
+            v-model="bizNo.value"
+            :get-focus.sync="bizNo.focus"
+            input-align="right"
+            @confirm="bizNo2.focus = true"
+        />
+
+        <!-- 业务编号2 -->
+        <lw-input
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.bizNo2','业务单号2')"
+            v-model="bizNo2.value"
+            :get-focus.sync="bizNo2.focus"
+            input-align="right"
+            @confirm="bizNo3.focus = true"
+        />
+
+        <!-- 业务编号3 -->
+        <lw-input
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.bizNo3','业务单号3')"
+            v-model="bizNo3.value"
+            :get-focus.sync="bizNo3.focus"
+            input-align="right"
+        />
+
+        <!-- 货主 -->
+        <lw-cell-popup-radio
+            style="padding-bottom: 0 ; border-bottom: none"
+            :title="this.$lwLanguage.get('wms_project.pda.inner.materialApply.owner','货主')"
+            v-model="ownerId"
+            value-key="id"
+            label-key="name"
+            :columns="ownerList"
+            required
+        />
+      </div>
+
+      <!--      包材编码输入框-->
+      <div class="lw-global-model-box">
+        <!-- 包材编码 -->
+        <lw-input
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.skuCode','包材编码')"
+            v-model="skuCode.value"
+            :get-focus.sync="skuCode.focus"
+            input-align="right"
+            @confirm="getInvData"
+        />
+      </div>
+      <!--      选择的包材的展示-->
+      <div
+        class="lw-global-model-box"
+        v-for="(i,k) in submitLine"
+        :key="k"
+      >
+        <!-- 包材头信息 -->
+        <div class="lw-global-row lw-global-flex-start-start">
+
+          <div class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.inner.materialApply.packMaterial', '包材') }}</div>
+
+          <div class="lw-global-value">
+            <div class="lw-global-value-bold">{{i.skuCode}}</div>
+            <div>{{i.type}}</div>
+          </div>
+        </div>
+
+        <div class="lw-global-row lw-global-flex-between">
+
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.locCode', '库位') "
+            :value="i.locationCode"
+            val-bold
+            :is-row="false"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.appliedQty','领取量')"
+            :value="i.applyQty"
+            val-bold
+            val-red
+            :is-row="false"
+          />
+
+          <lw-button
+            round
+            mini
+            @click="del(k)"
+          >{{ $lwLanguage.get('wms_project.pda.inner.materialApply.del','删除') }}</lw-button>
+
+        </div>
+
+
+
+      </div>
+
+    </div>
+    <!--    底部按钮-->
+    <lw-bottom-bar v-if="showBottomBar">
+      <lw-button @click="submitApply">
+        {{ $lwLanguage.get('wms_project.pda.inner.materialApply.submitOrder','提交领用单') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+    <!-- 包材库存详情弹窗 -->
+    <lw-popup
+        v-model="popup.show"
+        :title="$lwLanguage.get('wms_project.pda.inner.materialApply.skuInvInfo','包材库存详情')"
+    >
+      <!-- 包材头信息 -->
+      <div class="lw-global-row lw-global-flex-start-start">
+
+        <div class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.inner.materialApply.packMaterial', '包材') }}</div>
+
+        <div class="lw-global-value">
+          <div class="lw-global-value-bold">{{packMaterialInvData.skuCode}}</div>
+          <div>{{ packMaterialInvData.type }}</div>
+        </div>
+      </div>
+
+      <!-- 库存信息 -->
+      <div
+          v-for="(i,k) in packMaterialInvData.invList"
+          :key="k"
+          style="margin-top: 10px"
+      >
+
+        <div class="lw-global-flex-between">
+
+          <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.inner.materialApply.locCode','库位')"
+              :value="i.locationCode"
+              val-bold
+              :is-row="false"
+          />
+          <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.inner.materialApply.availableQty','可用库存')"
+              :value="i.availableQty"
+              val-bold
+              val-red
+              :is-row="false"
+          />
+
+        </div>
+
+        <lw-input
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.appliedQty','领取量')"
+            type="digit"
+            @input="(val) => checkInvQty(val, i)"
+            v-model="i.applyQty"
+        />
+
+      </div>
+
+      <template #button>
+        <lw-button @click="confirmInv">
+          {{ $lwLanguage.get('wms_project.pda.inner.materialApply.confirm', '确认') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+
+  </div>
+</template>
+
+<script>
+
+import {
+  wmsGetPackMaterialInventory,
+  wmsGenerateMaterialApplyOrder
+} from "../../../../../api/inner/materialApply";
+
+export default {
+  name: "lwMaterialApplyCreatePage",
+  data() {
+    return {
+      applyType: '',
+      applyBizType: '',
+      bizNo: {
+        value: '',
+        focus: false
+      },
+      bizNo2: {
+        value: '',
+        focus: false
+      },
+      bizNo3: {
+        value: '',
+        focus: false
+      },
+      ownerId: '',
+      remark: '',
+      skuCode: {
+        value: '',
+        focus: false
+      },
+      // 货主的选择项目
+      ownerList: [],
+
+      //包材库存数据
+      packMaterialInvData: {
+        skuCode: '',
+        skuId: '',
+        width: '',
+        length: '',
+        high: '',
+        type: '',
+        invList: []
+      },
+
+      //领用单提交明细
+      submitLine: [],
+
+      //弹窗
+      popup: {
+        show: false
+      },
+
+      //底部工具栏
+      showBottomBar: false
+
+    }
+  },
+  mounted() {
+    this.init()
+  },
+  methods: {
+    init() {
+      // 获取货主信息
+      this.$lwApi.common.getOwnerList().then(res => this.ownerList = res)
+    },
+
+    getInvData() {
+      if (!this.skuCode.value) {
+        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.inner.materialApply.skuCodeNotNull','包材编码不能为空'))
+        return
+      }
+      if (!this.ownerId) {
+        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.inner.materialApply.ownerNotNull','货主不能为空'))
+        return
+      }
+
+      this.packMaterialInvData = {
+        skuCode: '',
+        skuId: '',
+        width: '',
+        length: '',
+        high: '',
+        type: '',
+        invList: []
+      }
+      wmsGetPackMaterialInventory({
+        ownerId: this.ownerId,
+        skuCode: this.skuCode.value
+      }).then(res => {
+        this.packMaterialInvData.skuCode = res.skuCode
+        this.packMaterialInvData.skuId = res.skuId
+        this.packMaterialInvData.type = res.type
+        this.packMaterialInvData.length = res.length
+        this.packMaterialInvData.high = res.high
+        this.packMaterialInvData.width = res.width
+        res.inventoryList.forEach(item => {
+          this.packMaterialInvData.invList.push({
+            ...item,
+            skuId: this.packMaterialInvData.skuId,
+            skuCode: this.packMaterialInvData.skuCode,
+            type: this.packMaterialInvData.type,
+            applyQty: ''
+          })
+        })
+        this.popup.show = true
+      }).catch((e) => {
+        console.log(e)
+      })
+    },
+
+    //库存选择弹窗确认
+    confirmInv() {
+      this.packMaterialInvData.invList.forEach(item => {
+        if (Number(item.applyQty || 0) > 0) {
+          this.submitLine.push(item)
+        }
+        this.popup.show = false
+        this.showBottomBar = this.submitLine.length
+      })
+      this.skuCode.focus = true
+      this.skuCode.value = ''
+    },
+
+    //提交领用按钮
+    submitApply() {
+      if (!this.applyType) {
+        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.inner.materialApply.typeNotNull','领用类型不能为空'))
+        return
+      }
+      if (!this.applyBizType) {
+        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.inner.materialApply.bizTypeNotNull','业务类型不能为空'))
+        return
+      }
+      if (!this.ownerId) {
+        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.inner.materialApply.ownerNotNull','货主不能为空'))
+        return
+      }
+      wmsGenerateMaterialApplyOrder({
+        ownerId: this.ownerId,
+        applyType: this.applyType,
+        applyBizType: this.applyBizType,
+        bizNo: this.bizNo.value,
+        bizNo2: this.bizNo2.value,
+        bizNo3: this.bizNo3.value,
+        applyData: this.submitLine
+      }).then(() => {
+        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.createSuccess','创建成功'))
+        setTimeout(()=>{
+          history.go(-1)
+        },2000)
+      }).catch(e => {
+        console.log(e)
+      })
+    },
+
+    // 删除选中的包材明细
+    del(index){
+
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.inner.materialApply.warning','警告'),
+        message: this.$lwLanguage.get('wms_project.pda.inner.materialApply.confirmDel','确认删除') ,
+      }).then(()=>{
+        this.submitLine.splice(index, 1)
+        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.delSuccess','删除成功'))
+        this.skuCode.value = ''
+        this.skuCode.focus = true
+        this.showBottomBar = this.submitLine.length
+      }).catch(()=>{})
+    },
+    //检查输入库存数
+    checkInvQty(val, obj){
+      if (Number(val || 0) > Number(obj.availableQty || 0)) {
+        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.inner.materialApply.invQtyMore','输入数量大于库存数量,请重新输入'));
+        obj.applyQty = ''
+      }
+
+    }
+
+  },
+
+
+
+}
+
+</script>
+
+<style scoped lang="less">
+
+</style>