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

package/src/components/page/outbound/sow/index/index.vue

@@ -1,371 +1,399 @@
-<!--
-  播种分拣 - 起始页
-  @author: 张文
-  @date: 2022-06-27
--->
-<template>
-  <div>
-
-    <lw-nav-bar
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.vtfuubce','播种分拣')"
-      :click-left="goBack"
-    />
-
-    <div class="lw-global-page-box">
-
-      <div
-        class="lw-global-model-box"
-        style="padding-top: 2px"
-      >
-
-        <lw-input
-          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.kaqqcohw','播种墙编号')"
-          v-model="sowWall.value"
-          :get-focus.sync="sowWall.focus"
-          :disabled="sowWall.disabled"
-          @confirm="sowWallConfirm"
-        >
-
-          <template #button>
-            <lw-tag
-              v-if="Object.keys(sowWallData).length"
-              round
-              plain
-              :type="sowWallStatus.type"
-            >{{ sowWallStatus.label }}</lw-tag>
-
-            <lw-button
-              mini
-              round
-              @click="sowWallBtnClick"
-            >{{
-              sowWall.disabled ?
-              $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.qzzdhfnc','切换') :
-              $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.vtywaciy','确定')
-            }}</lw-button>
-
-          </template>
-
-        </lw-input>
-
-        <div
-          v-if="sowWall.disabled"
-          class="lw-global-flex-start"
-          style="margin-top: 8px"
-        >
-
-          <div
-            style="flex-shrink: 0"
-            class="lw-global-title"
-          >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.qdvpypag','播种位') }}</div>
-
-          <div
-            style="flex:1"
-            class="lw-global-value-bold"
-          >
-            <span style="font-size: 16px">{{ sowWallData.row }}</span>
-            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.qsdrtijg','行') }}
-            *
-            <span style="font-size: 16px">{{ sowWallData.column }}</span>
-            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.sbctnbox','列') }}
-            ，
-            <span style="font-size: 16px">{{ sowWallData.positionCount }}</span>
-            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.olsnjayf','个位置') }}
-          </div>
-
-        </div>
-
-      </div>
-
-      <template v-if="sowWall.disabled">
-        <!-- 正在播种的批次 -->
-        <div
-          v-if="sowWallData.sowStatus === '200'"
-          class="lw-global-model-box lw-global-border-2px"
-        >
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.fxrpsqft','当前批次')"
-            :value="sowWallData.currentSowData.sowLot"
-            val-bold
-            val-red
-            :is-row="false"
-          />
-
-          <van-progress
-            style="margin: 15px 0 5px 0"
-            stroke-width="8"
-            :percentage="sowWallData.currentSowData.sowRate"
-            color="linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%)"
-          />
-
-          <div
-            v-for="(i,k) in sowWallData.currentSowData.containerList"
-            :key="k"
-            class="lw-global-row lw-global-flex-between"
-          >
-
-            <div
-              style="flex-shrink: 0"
-              class="lw-global-title"
-            >
-              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.lyukqwzk','拣选容器号') }}
-            </div>
-
-            <div
-              style="flex: 1"
-              class="lw-global-flex-between lw-global-value-bold"
-            >
-
-              <div style="flex: 1">{{ i.pickContainer }}</div>
-              <div style="flex-shrink: 0">
-                <span class="lw-global-value-bold-red">{{ i.sowQty }}</span>
-                /
-                {{ i.pickQty }}
-              </div>
-
-            </div>
-
-          </div>
-
-        </div>
-
-        <!-- 待播种批次 -->
-        <div
-          class="lw-global-model-box lw-global-animation-out"
-          v-for="(i,k) in sowWallData.waitSowList"
-          :key="k"
-          :style="{animationDelay: 50 * k + 'ms'}"
-        >
-
-          <div class="lw-global-flex-between lw-global-row-start">
-
-            <div
-              style="flex: 1"
-              class="lw-global-flex-between"
-            >
-
-              <div
-                style="flex-shrink: 0"
-                class="lw-global-title"
-              >
-                {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.jtvgfgni','播种批次') }}
-              </div>
-              <div
-                style="flex: 1"
-                class="lw-global-value-bold"
-              >{{ i.sowLot }}</div>
-
-            </div>
-
-            <lw-button
-              style="flex-shrink: 0"
-              v-if="sowWallData.sowStatus==='100'"
-              mini
-              round
-              @click="actionSow(i.sowLot)"
-            >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.ydeqaroj','开始播种') }}</lw-button>
-
-          </div>
-
-          <div class="lw-global-flex-around lw-global-row">
-
-            <div style="text-align: center">
-              <div
-                class="lw-global-value-bold"
-                style="font-size: 16px"
-              >{{ i.taskCount }}</div>
-              <div
-                class="lw-global-title"
-                style="margin-top: 2px"
-              >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.erapsekz','拣选任务') }}</div>
-            </div>
-
-            <div style="text-align: center">
-              <div
-                class="lw-global-value-bold"
-                style="font-size: 16px"
-              >{{ i.totalQty }}</div>
-              <div
-                class="lw-global-title"
-                style="margin-top: 2px"
-              >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.tvtkubyw','计划量') }}</div>
-            </div>
-
-            <div style="text-align: center">
-              <div
-                class="lw-global-value-bold"
-                style="font-size: 16px"
-              >{{ i.pickQty }}</div>
-              <div
-                class="lw-global-title"
-                style="margin-top: 2px"
-              >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.xfdbbzod','已拣选') }}</div>
-            </div>
-
-            <div style="text-align: center">
-              <div
-                class="lw-global-value-bold-red"
-                style="font-size: 16px"
-              >{{ i.pickRate }}%</div>
-              <div
-                class="lw-global-title"
-                style="margin-top: 2px"
-              >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.bldqcgat','拣选比例') }}</div>
-            </div>
-
-          </div>
-
-          <div
-            v-for="(item,key) in i.containerList"
-            :key="key"
-            class="lw-global-row lw-global-flex-between"
-          >
-
-            <div
-              style="flex-shrink: 0"
-              class="lw-global-title"
-            >
-              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.lyukqwzk','拣选容器号') }}
-            </div>
-
-            <div
-              style="flex: 1"
-              class="lw-global-flex-between lw-global-value-bold"
-            >
-
-              <div style="flex: 1">{{ item.pickContainer }}</div>
-              <div
-                style="flex-shrink: 0"
-                class="lw-global-value-bold-red"
-              >{{ item.pickQty }}</div>
-
-            </div>
-
-          </div>
-
-        </div>
-      </template>
-
-    </div>
-
-    <lw-bottom-bar v-if="sowWallData.sowStatus==='200'">
-      <lw-button @click="goPage(sowWallData.currentSowData.sowLot)">
-        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.ngwomtgo','继续播种') }}
-      </lw-button>
-    </lw-bottom-bar>
-
-
-  </div>
-</template>
-
-<script>
-
-import {
-  projectWmsLockSowWall,
-  projectWmsSowQuerySowWallData
-} from "../../../../../api/outbound/sow";
-
-export default {
-  name: "lwOutboundSowIndexPage",
-  data() {
-    return {
-      // 播种墙编号
-      sowWall:{
-        value: '',
-        focus: true,
-        disabled: false
-      },
-
-      // 播种墙数据
-      sowWallData:{}
-    }
-  },
-  computed:{
-    sowWallStatus(){
-      if (this.sowWallData.sowStatus === '100'){
-        return {
-          type: 'success',
-          label: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.hzxqfgri','空闲')
-        }
-      }
-      return {
-        type: 'danger',
-        label: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.qminoqpn','播种中')
-      }
-    }
-  },
-  methods: {
-
-    // 页面点击返回
-    goBack(){
-      // 如果有播种墙数据就清除
-      if (Object.keys(this.sowWallData).length){
-        this.sowWallData = {}
-        this.sowWall.disabled = false
-        this.sowWall.value = ''
-        this.$nextTick(()=>this.sowWall.focus = true)
-        return
-      }
-
-      history.go(-1)
-    },
-
-    // 播种墙确认
-    sowWallConfirm(){
-      if (!this.sowWall.value){
-        this.sowWall.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.xbvyeoww','播种墙编号不能为空')
-        )
-        return
-      }
-
-      projectWmsSowQuerySowWallData({
-        sowWallCode: this.sowWall.value
-      }).then(res=>{
-        this.sowWallData = res
-        this.sowWall.disabled = true
-      }).catch(()=>{
-        this.sowWall.value = ''
-      })
-    },
-    // 播种墙输入框按钮
-    sowWallBtnClick(){
-      if (this.sowWall.disabled){
-        this.goBack()
-      }else {
-        this.sowWallConfirm()
-      }
-    },
-
-    // 开始播种
-    actionSow(sowLot){
-      projectWmsLockSowWall({
-        sowWallId: this.sowWallData.sowWallId,
-        sowWallCode: this.sowWallData.sowWallCode,
-        sowLot,
-      }).then(()=>{
-        this.goPage(sowLot)
-      })
-
-    },
-
-    // 跳转页面
-    goPage(lwSowLot){
-      this.$router.push({
-        path: '/outbound/sow/lwAction',
-        query:{
-          lwSowWallId: this.sowWallData.sowWallId,
-          lwSowWallCode: this.sowWallData.sowWallCode,
-          lwSowLot,
-        }
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  播种分拣 - 起始页
+  @author: 张文
+  @date: 2022-06-27
+-->
+<template>
+  <div>
+
+    <lw-nav-bar
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.vtfuubce','播种分拣')"
+      :click-left="goBack"
+    />
+
+    <div class="lw-global-page-box">
+
+      <div
+        class="lw-global-model-box"
+        style="padding-top: 2px"
+      >
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.kaqqcohw','播种墙编号')"
+          v-model="sowWall.value"
+          :get-focus.sync="sowWall.focus"
+          :disabled="sowWall.disabled"
+          @confirm="sowWallConfirm"
+        >
+
+          <template #button>
+            <lw-tag
+              v-if="Object.keys(sowWallData).length"
+              round
+              plain
+              :type="sowWallStatus.type"
+            >{{ sowWallStatus.label }}</lw-tag>
+
+            <lw-button
+              mini
+              round
+              @click="sowWallBtnClick"
+            >{{
+              sowWall.disabled ?
+              $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.qzzdhfnc','切换') :
+              $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.vtywaciy','确定')
+            }}</lw-button>
+
+          </template>
+
+        </lw-input>
+
+        <div
+          v-if="sowWall.disabled"
+          class="lw-global-flex-start"
+          style="margin-top: 8px"
+        >
+
+          <div
+            style="flex-shrink: 0"
+            class="lw-global-title"
+          >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.qdvpypag','播种位') }}</div>
+
+          <div
+            style="flex:1"
+            class="lw-global-value-bold"
+          >
+            <span style="font-size: 16px">{{ sowWallData.row }}</span>
+            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.qsdrtijg','行') }}
+            *
+            <span style="font-size: 16px">{{ sowWallData.column }}</span>
+            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.sbctnbox','列') }}
+            ，
+            <span style="font-size: 16px">{{ sowWallData.positionCount }}</span>
+            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.olsnjayf','个位置') }}
+          </div>
+
+        </div>
+
+      </div>
+
+      <template v-if="sowWall.disabled">
+        <!-- 正在播种的批次 -->
+        <div
+          v-if="sowWallData.sowStatus === '200'"
+          class="lw-global-model-box lw-global-border-2px"
+        >
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.fxrpsqft','当前批次')"
+            :value="sowWallData.currentSowData.sowLot"
+            val-bold
+            val-red
+            :is-row="false"
+          />
+
+          <van-progress
+            style="margin: 15px 0 5px 0"
+            stroke-width="8"
+            :percentage="sowWallData.currentSowData.sowRate"
+            color="linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%)"
+          />
+
+          <div
+            v-for="(i,k) in sowWallData.currentSowData.containerList"
+            :key="k"
+            class="lw-global-row lw-global-flex-between"
+          >
+
+            <div
+              style="flex-shrink: 0"
+              class="lw-global-title"
+            >
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.lyukqwzk','拣选容器号') }}
+            </div>
+
+            <div
+              style="flex: 1"
+              class="lw-global-flex-between lw-global-value-bold"
+            >
+
+              <div style="flex: 1">{{ i.pickContainer }}</div>
+              <div style="flex-shrink: 0">
+                <span class="lw-global-value-bold-red">{{ i.sowQty }}</span>
+                /
+                {{ i.pickQty }}
+              </div>
+
+            </div>
+
+          </div>
+
+        </div>
+
+        <!-- 待播种批次 -->
+        <sow-lot-item
+          v-for="(i,k) in sowWallData.waitSowList"
+          :key="k"
+          :item="i"
+        >
+          <lw-button
+            style="flex-shrink: 0"
+            v-if="sowWallData.sowStatus==='100'"
+            mini
+            round
+            @click="actionSow(i.sowLot)"
+          >
+            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.ydeqaroj','开始播种') }}
+          </lw-button>
+        </sow-lot-item>
+      </template>
+
+    </div>
+
+    <lw-bottom-bar v-if="sowWallData.sowStatus">
+      <lw-button
+        v-if="sowWallData.sowStatus==='200'"
+        @click="goPage(sowWallData.currentSowData.sowLot)"
+      >
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.ngwomtgo','继续播种') }}
+      </lw-button>
+      <lw-button
+        v-if="sowWallData.sowStatus==='100'"
+        @click="scanPickContainerUpSow"
+      >
+        {{ $lwLanguage.get('','扫描拣选容器号上墙') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+
+    <!-- 拣选容器号上墙 -->
+    <lw-popup
+      :title="$lwLanguage.get('','拣选容器号上墙')"
+      v-model="pickContainerPopup.show"
+      @closed="pickContainerPopupOff"
+    >
+
+      <div
+        class="lw-global-row-start lw-global-value-bold-red"
+        style="text-align: center"
+      >
+        {{$lwLanguage.get('','允许扫描不是当前播种墙的拣选容器号（对应的播种批次未开始）则相关播种批次直接上当前播种墙，开始播种')}}
+      </div>
+
+      <lw-input
+        :title="$lwLanguage.get('','拣选容器号')"
+        v-model="pickContainerPopup.value"
+        :get-focus.sync="pickContainerPopup.focus"
+        rule-key="pickContainer"
+        :create-rule="$lwScanRule.create('拣选容器号上墙 - 拣选容器号','CONTAINER')"
+        @confirm="pickContainerConfirm"
+      />
+
+
+      <sow-lot-item :item="pickContainerPopup.data"/>
+
+      <div
+        v-if="pickContainerPopup.data.needChangeSowWall"
+        class="lw-global-row-end lw-global-value-bold-red"
+        style="text-align: center"
+      >
+        {{$lwLanguage.get('','当前播种批次对应播种墙不等于{sow}需要切换播种墙',{sow:pickContainerPopup.data.currentSowWallCode})}}
+      </div>
+
+      <template
+        #button
+        v-if="Object.keys(pickContainerPopup.data).length"
+      >
+
+        <lw-button
+          v-if="pickContainerPopup.data.needChangeSowWall"
+          @click="changeSowClick"
+        >
+          {{ $lwLanguage.get('','确认切换播种墙，开始播种') }}
+        </lw-button>
+
+        <lw-button
+          v-else
+          color="#409EFF"
+          @click="startSowClick(pickContainerPopup.data.sowLot)"
+        >
+          {{ $lwLanguage.get('','确认上墙，开始播种') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+
+  </div>
+</template>
+
+<script>
+
+import sowLotItem from "../components/sowLotItem/index.vue";
+import {
+  projectWmsLockSowWall, projectWmsSowLotChangeSowWallAndStart,
+  projectWmsSowQuerySowWallData, projectWmsSowWallQueryContainerSowInfo
+} from "../../../../../api/outbound/sow";
+
+export default {
+  name: "lwOutboundSowIndexPage",
+  components:{
+    sowLotItem
+  },
+  data() {
+    return {
+      // 播种墙编号
+      sowWall:{
+        value: '',
+        focus: true,
+        disabled: false
+      },
+
+      // 播种墙数据
+      sowWallData:{},
+
+      // 容器上墙弹框
+      pickContainerPopup:{
+        show: false,
+        value:'',
+        focus:false,
+        data:{}
+      }
+    }
+  },
+  computed:{
+    sowWallStatus(){
+      if (this.sowWallData.sowStatus === '100'){
+        return {
+          type: 'success',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.hzxqfgri','空闲')
+        }
+      }
+      return {
+        type: 'danger',
+        label: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.qminoqpn','播种中')
+      }
+    }
+  },
+  methods: {
+
+    // 页面点击返回
+    goBack(){
+      // 如果有播种墙数据就清除
+      if (Object.keys(this.sowWallData).length){
+        this.sowWallData = {}
+        this.sowWall.disabled = false
+        this.sowWall.value = ''
+        this.$nextTick(()=>this.sowWall.focus = true)
+        return
+      }
+
+      history.go(-1)
+    },
+
+    // 播种墙确认
+    sowWallConfirm(){
+      if (!this.sowWall.value){
+        this.sowWall.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.index.xbvyeoww','播种墙编号不能为空')
+        )
+        return
+      }
+
+      projectWmsSowQuerySowWallData({
+        sowWallCode: this.sowWall.value
+      }).then(res=>{
+        this.sowWallData = res
+        this.sowWall.disabled = true
+      }).catch(()=>{
+        this.sowWall.value = ''
+      })
+    },
+    // 播种墙输入框按钮
+    sowWallBtnClick(){
+      if (this.sowWall.disabled){
+        this.goBack()
+      }else {
+        this.sowWallConfirm()
+      }
+    },
+
+    // 开始播种
+    actionSow(sowLot){
+      projectWmsLockSowWall({
+        sowWallId: this.sowWallData.sowWallId,
+        sowWallCode: this.sowWallData.sowWallCode,
+        sowLot,
+      }).then(()=>{
+        this.goPage(sowLot)
+      })
+
+    },
+
+    // 跳转页面
+    goPage(lwSowLot,lwSowWallId,lwSowWallCode){
+      this.$router.push({
+        path: '/outbound/sow/lwAction',
+        query:{
+          lwSowWallId: lwSowWallId || this.sowWallData.sowWallId,
+          lwSowWallCode: lwSowWallCode || this.sowWallData.sowWallCode,
+          lwSowLot,
+        }
+      })
+    },
+
+    // 扫描拣选容器号上墙
+    scanPickContainerUpSow() {
+      this.pickContainerPopup.show = true
+      this.$nextTick(() => this.pickContainerPopup.focus = true)
+    },
+    // 拣选容器上墙 - 容器号确认
+    pickContainerConfirm(){
+      const pickContainerNo = this.pickContainerPopup.value
+
+      if (!pickContainerNo){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','拣选容器不能为空')
+        )
+        return
+      }
+      projectWmsSowWallQueryContainerSowInfo({
+        sowWallId: this.sowWallData.sowWallId,
+        pickContainerNo
+      }).then(res=>{
+        this.pickContainerPopup.data = res
+      }).finally(()=>this.pickContainerPopup.value = '')
+    },
+    // 拣选容器上墙 - 弹框关闭
+    pickContainerPopupOff(){
+      this.pickContainerPopup.value = ''
+      this.pickContainerPopup.data = {}
+    },
+    // 拣选容器上墙 - 直接播种
+    startSowClick(){
+      this.actionSow(this.pickContainerPopup.data.sowLot)
+    },
+    // 拣选容器上墙 - 切换播种墙播种
+    changeSowClick(){
+      const data = this.pickContainerPopup.data
+      projectWmsSowLotChangeSowWallAndStart({
+        currentSowWallId: data.containerSowWallId,
+        sowLot: data.sowLot,
+        targetSowWallId: data.currentSowWallId
+      }).then(()=>{
+        this.goPage(
+          data.sowLot,
+          data.currentSowWallId,
+          data.currentSowWallCode
+        )
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>