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

package/src/components/page/config/masterLocation/masterLocationConfig/action/index.vue

@@ -0,0 +1,780 @@
+<!--
+  主库位配置 起始页
+  @author: 杨震天
+  @date: 2022-07-05
+-->
+<template>
+  <div>
+
+    <lw-nav-bar
+        title="库位分配"
+    />
+
+    <div class="lw-global-page-box">
+      <div class="lw-global-model-box ">
+        <div class=" lw-global-row lw-global-flex-between">
+          {{ skuInfo.skuCode }}
+
+          <div class="lw-global-flex-start">
+            <lw-tag
+                v-if="skuInfo.fastMove"
+                round
+                plain
+                type="danger"
+            >
+              {{$lwLanguage.get('', '快移')}}
+            </lw-tag>
+            <lw-tag
+                round
+                plain
+                v-if="this.skuInfo.skuUrgency"
+                type="danger"
+            >
+              {{this.skuInfo.skuUrgency}}
+            </lw-tag>
+          </div>
+        </div>
+        <div>
+          <div>
+            {{ skuInfo.skuName }}
+          </div>
+          <div class="lw-global-row ">
+            <lw-tag
+                round
+                plain
+                type="danger"
+                v-for="(skuLabel,index) in skuInfo.skuLabel" :key="index">
+              {{ skuLabel }}
+            </lw-tag>
+
+          </div>
+
+        </div>
+
+
+      </div>
+
+
+      <div class=" lw-global-model-box lw-global-collapse-box">
+
+        <div class="lw-global-flex-start"
+             v-if="!showSkuDetailInfo"
+             style="background:grey;
+                    color:white"
+             @click="showSkuDetailInfo=!showSkuDetailInfo">商品尺寸,点击展开详情</div>
+        <div class="lw-global-flex-start"
+             style="background:grey;
+                    color:white"
+             v-else
+             @click="showSkuDetailInfo=!showSkuDetailInfo">商品尺寸,点击折叠详情</div>
+        <div v-if="!showSkuDetailInfo">
+          <lw-cell
+              title="裸件尺寸（长*宽*高：mm毫米）"
+              :value="skuInfo.skuLength+'*'+skuInfo.skuWidth+'*'+skuInfo.skuHeight"
+              :is-link="false"
+          />
+
+          <lw-cell
+              title="内装尺寸（长*宽*高：mm毫米）"
+              :value="skuInfo.innerLength+'*'+skuInfo.innerWidth+'*'+skuInfo.innerHeight"
+              :is-link="false"
+
+          />
+          <lw-cell
+              title="外装尺寸（长*宽*高：mm毫米）"
+              :value="skuInfo.caseLength+'*'+skuInfo.caseWidth+'*'+skuInfo.caseHeight"
+              :is-link="false"
+
+          />
+          <lw-cell
+              title="托盘尺寸（长*宽*高：mm毫米）"
+              :value="skuInfo.palletLength+'*'+skuInfo.palletWidth+'*'+skuInfo.palletHeight"
+              :is-link="false"
+
+          />
+
+        </div>
+        <div v-else>
+          <div>
+            <div>包装前</div>
+            <lw-img-look
+                :img-list="skuInfo.skuImage"
+            />
+            <lw-cell
+                title="裸件尺寸（长*宽*高：mm毫米）"
+                :value="skuInfo.skuLength+'*'+skuInfo.skuWidth+'*'+skuInfo.skuHeight"
+                :is-link="false"
+
+            />
+          </div>
+          <div>
+            <div>
+              内装包装
+            </div>
+
+            <lw-img-look
+                :img-list="skuInfo.innerImage"
+            />
+            <lw-cell
+                title="内装尺寸（长*宽*高：mm毫米）"
+                :value="skuInfo.innerLength+'*'+skuInfo.innerWidth+'*'+skuInfo.innerHeight"
+                :is-link="false"
+
+            />
+          </div>
+
+          <div>
+            <div>
+              外装包装
+            </div>
+            <lw-img-look
+                :img-list="skuInfo.caseImage"
+            />
+            <lw-cell
+                title="外装尺寸（长*宽*高：mm毫米）"
+                :value="skuInfo.caseLength+'*'+skuInfo.caseWidth+'*'+skuInfo.caseHeight"
+                :is-link="false"
+
+            />
+
+          </div>
+          <div>
+            <div>
+              托盘码放
+            </div>
+            <lw-img-look
+                :img-list="skuInfo.palletImage"
+            />
+            <lw-cell
+                title="托盘尺寸（长*宽*高：mm毫米）"
+                :value="skuInfo.palletLength+'*'+skuInfo.palletWidth+'*'+skuInfo.palletHeight"
+                :is-link="false"
+
+            />
+          </div>
+
+
+          <div class="lw-global-flex-between">
+            <div>
+              <div>
+                {{ $lwLanguage.get('', '内装数') }}
+              </div>
+              <div>
+                1
+              </div>
+            </div>
+            <div>
+              <div>
+                {{ $lwLanguage.get('', '外装数') }}
+              </div>
+              <div>
+                1
+              </div>
+            </div>
+            <div>
+              <div>
+                {{ $lwLanguage.get('', '外外装') }}
+              </div>
+              <div>
+                {{ skuInfo.palletQty }} ({{ skuInfo.palletHi }}*{{ skuInfo.palletTi }})
+              </div>
+            </div>
+          </div>
+
+        </div>
+
+
+      </div>
+
+
+      <div class="lw-global-tab-box">
+        <van-tabs
+          style="margin-top: 10px"
+          type="card"
+            animated
+            v-model="tabActive"
+            @change="tabChange(tabActive)"
+        >
+          <van-tab
+              v-for="(masterLocationConfig,index) in masterLocationConfigList"
+              :key="index"
+              :name="masterLocationConfig.index"
+              :title="masterLocationConfig.belongCompanyCode"
+          >
+
+            <div class="lw-global-model-box">
+              <lw-cell
+                  :title="$lwLanguage.get('', '主库位') "
+                  :value="masterLocationConfig.masterLocationCode"
+                  @click="queryMasterLocation(masterLocationConfig)"
+              />
+              <lw-cell :is-link="false">
+                <template #title>
+                  {{ $lwLanguage.get('', '主库位限制') }}
+
+                </template>
+                <template #value>
+                  <div class="lw-global-flex-between">
+                    <lw-input :show-keyboard="false" v-model="masterLocationConfig.masterMinQty" :placeholder="$lwLanguage.get('', '主库位下限')"/>
+                    <lw-input :show-keyboard="false" v-model="masterLocationConfig.masterMaxQty" :placeholder="$lwLanguage.get('', '主库位上限')"/>
+                  </div>
+
+                </template>
+              </lw-cell>
+
+
+            </div>
+
+            <div class="lw-global-model-box">
+              <lw-cell
+                  @click="shareZonePopShow(masterLocationConfig)"
+                  :title="$lwLanguage.get('', '共享库区')"
+                  :value="masterLocationConfig.shareZoneCodeList
+                 .join(',')"
+              />
+              <lw-cell :is-link="false">
+                <template #title>
+                  {{ $lwLanguage.get('', '主库位+共享库区限制') }}
+
+                </template>
+                <template #value>
+                  <div class="lw-global-flex-between">
+                    <lw-input :show-keyboard="false" v-model="masterLocationConfig.totalMinQty" :placeholder="$lwLanguage.get('', '（主库位+共享库区）下限')"/>
+                    <lw-input :show-keyboard="false" v-model="masterLocationConfig.totalMaxQty" :placeholder="$lwLanguage.get('', '（主库位+共享库区）上限')"/>
+                  </div>
+
+                </template>
+              </lw-cell>
+              <lw-cell
+                  :title="$lwLanguage.get('', '尺寸缩放比例')"
+                  :is-link="false"
+              >
+                <template #value>
+                  <lw-input :show-keyboard="false" v-model="masterLocationConfig.shareSizeScale" :placeholder="$lwLanguage.get('', '尺寸缩放比例')"/>
+
+                </template>
+
+              </lw-cell>
+
+
+            </div>
+
+            <div class="lw-global-model-box">
+              <lw-cell
+                  @click="spillZonePopShow(masterLocationConfig)"
+                  :title="$lwLanguage.get('', '溢出库区') "
+                  :value="masterLocationConfig.spillZoneCodeList.join(',')"
+              />
+<!--                  :value="masterLocation.shareZoneCodeList"-->
+              <lw-cell
+                  :title="$lwLanguage.get('', '尺寸缩放比例')"
+                  :is-link="false"
+              >
+                <template #value>
+                  <lw-input  :show-keyboard="false" v-model="masterLocationConfig.spillSizeScale" :placeholder="$lwLanguage.get('', '尺寸缩放比例')"/>
+
+                </template>
+
+              </lw-cell>
+
+
+            </div>
+
+
+            <div class="lw-global-model-box">
+
+
+              <lw-cell-popup-radio
+                  :title="$lwLanguage.get('', '补货包装') "
+                  v-model="masterLocationConfig.replenishPackId"
+                  value-key="skuPackId"
+                  label-key="skuPackCode"
+                  :columns="skuPackList"
+
+              />
+
+
+              <lw-cell-popup-radio
+                  :title="$lwLanguage.get('', '补货方式')"
+                  v-model="masterLocationConfig.packHandleType"
+                  dict-key="PackHandleType"
+              />
+
+              <lw-cell
+                  :title="$lwLanguage.get('', '从共享区补货')"
+                  :is-link="false"
+              >
+                <template #value>
+                  <van-switch
+                      v-model="masterLocationConfig.replenishFromShare"
+                      size="18px"
+                  />
+                </template>
+              </lw-cell>
+
+              <lw-cell
+                  :title="$lwLanguage.get('', '从溢出区补货')"
+                  :is-link="false"
+              >
+                <template #value>
+                  <van-switch
+                      v-model="masterLocationConfig.replenishFromSpill"
+                      size="18px"
+                  />
+                </template>
+              </lw-cell>
+
+            </div>
+
+
+          </van-tab>
+
+        </van-tabs>
+
+      </div>
+
+
+    </div>
+
+    <lw-popup
+
+        v-model="choseMasterLocationShow"
+        title="选择主库位">
+
+      <template>
+        <lw-input
+            :title="$lwLanguage.get('', '库位过滤')"
+            v-model="queryMasterLocationCode"
+            :placeholder="$lwLanguage.get('', '输入库位编码，过滤库位')"
+        />
+
+        <div style="height: 200px;overflow-y: scroll">
+
+
+
+        <div style
+            class="lw-global-flex-between lw-global-model-box lw-global-click-style"
+            :style="{
+              border: '1px solid #f0f0f0',
+              background: masterLocation.select ? 'red' : ''
+             }"
+            v-for="(masterLocation,index) in computeMasterLocationList" :key="index"
+            @click="selectMasterLocation(masterLocation)"
+        >
+
+          <div>{{$lwLanguage.get('', '库区')}}:{{masterLocation.zoneCode}}</div>
+          <div>{{$lwLanguage.get('', '库位')}}:{{masterLocation.masterLocationCode}}</div>
+          <div>{{masterLocation.length}}*{{masterLocation.width}}*{{masterLocation.height}}</div>
+        </div>
+
+        </div>
+
+
+      </template>
+
+      <template #button>
+
+        <lw-button
+          @click="confirmMasterLocation"
+        >{{$lwLanguage.get('', '确认主库位')}}</lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <lw-popup
+        v-model="shareZoneShow"
+        title="选择共享区">
+      <template>
+
+        <div class="lw-global-flex-start">
+          <div style="flex-shrink: 0" class="lw-global-title">
+            {{$lwLanguage.get('', '已选择')}}
+          </div>
+
+          <div style="flex: 1" class="lw-global-value">
+            <lw-tag
+                round
+                plain
+                closeable
+                type="danger"
+                @close="removeShareZone(index)"
+                v-for="(shareZoneCode,index) in tmpTabMasterLocationConfig.shareZoneCodeList"
+                :key="index"
+            >
+              {{shareZoneCode}}
+            </lw-tag>
+          </div>
+        </div>
+
+
+        <lw-input
+            :title="$lwLanguage.get('', '库区过滤')"
+            v-model="queryStoreZoneCode"
+            @confirm="queryStoreZone"
+            :placeholder="$lwLanguage.get('', '输入库区编码，过滤库区')"
+        />
+
+        <div style="height: 200px;overflow-y: scroll">
+          <div
+              class="lw-global-flex-between lw-global-model-box lw-global-click-style"
+              style="border: 1px solid #f0f0f0"
+              v-for="(shareZone,index) in storeZoneList" :key="index"
+              @click="selectShareZone(shareZone)"
+          >
+            <div>{{$lwLanguage.get('', '库区')}}:{{shareZone.zoneCode}}</div>
+          </div>
+
+
+        </div>
+
+
+      </template>
+
+      <template #button>
+
+        <lw-button
+            @click="confirmShareZone"
+        >{{$lwLanguage.get('', '确认共享区')}}</lw-button>
+
+      </template>
+
+
+
+    </lw-popup>
+
+
+
+    <lw-popup
+        v-model="spillZoneShow"
+        title="选择溢出区">
+
+      <template>
+
+        <div class="lw-global-flex-start">
+          <div style="flex-shrink: 0" class="lw-global-title">
+            {{$lwLanguage.get('', '已选择')}}
+          </div>
+
+          <div style="flex: 1" class="lw-global-value">
+            <lw-tag
+                round
+                plain
+                closeable
+                type="danger"
+                @close="removeSpillZone(index)"
+                v-for="(spillZoneCode,index) in tmpTabMasterLocationConfig.spillZoneCodeList"
+                :key="index"
+            >
+              {{spillZoneCode}}
+            </lw-tag>
+          </div>
+        </div>
+
+
+        <lw-input
+            :title="$lwLanguage.get('', '库区过滤')"
+            v-model="queryStoreZoneCode"
+            @confirm="queryStoreZone"
+            :placeholder="$lwLanguage.get('', '输入库区编码，过滤库区')"
+        />
+
+        <div style="height: 200px;overflow-y: scroll">
+          <div
+              class="lw-global-flex-between lw-global-model-box lw-global-click-style"
+              style="border: 1px solid #f0f0f0"
+              v-for="(spillZone,index) in storeZoneList" :key="index"
+              @click="selectSpillZone(spillZone)"
+          >
+            <div>{{$lwLanguage.get('', '库区')}}:{{spillZone.zoneCode}}</div>
+          </div>
+
+
+        </div>
+
+
+      </template>
+
+      <template #button>
+
+        <lw-button
+            @click="confirmSpillZone"
+        >{{$lwLanguage.get('', '确认溢出区区')}}</lw-button>
+
+      </template>
+
+
+
+
+    </lw-popup>
+
+    <lw-bottom-bar >
+      <lw-button @click="confirmMasterLocationConfig">
+        {{ $lwLanguage.get('','确认库位配置') }}
+      </lw-button>
+
+      <lw-button @click="searchOtherLocationConfig">
+        {{ $lwLanguage.get('','切换商品') }}
+    </lw-button>
+    </lw-bottom-bar>
+
+
+  </div>
+
+</template>
+
+<script>
+import {
+  WmsProjectMobileQuerySkuLocationConfigInfo,
+  WmsProjectMobileCalculateSkuMasterLocation,
+  WmsProjectMobileQueryStorageZone,
+  WmsProjectMobileConfirmSkuMasterLocationConfirm,
+} from "../../../../../../api/config/masterLocation/masterLocationConfig/action";
+
+export default {
+
+  name: "lwInnerMasterLocationConfigActionPage",
+  components: {},
+  data() {
+    return {
+      tabActive: 0,
+      taskId: '',
+      skuId: '',
+      ownerId: '',
+      skuInfo: '',
+      queryMasterLocationCode: '',
+      queryStoreZoneCode: '',
+      querySpilloneCode: '',
+      masterLocationConfigList: [],
+      computeMasterLocationList:[],
+      storeZoneList:[],
+      shareZoneSelect:[],
+      showSkuDetailInfo: false,
+      choseMasterLocationShow:false,
+      shareZoneShow:false,
+      spillZoneShow:false,
+      skuPackList:[],
+      tabMasterLocationConfig:'',
+      tmpTabMasterLocationConfig:'',
+      masterLocationPopSelect:'',
+
+
+    }
+  },
+
+  mounted() {
+    this.pageInit()
+
+  },
+  methods: {
+
+    searchOtherLocationConfig(){
+      this.$router.replace({
+        path:'/config/masterLocation/masterLocationConfig/lwIndex'
+
+      })
+
+    },
+
+    confirmMasterLocationConfig(){
+
+      let confirmData=this.masterLocationConfigList[this.tabActive]
+      let confirmTaskId=confirmData.taskId
+
+      let data={
+        "skuId":this.skuId,
+        "ownerId":this.ownerId,
+        "taskId":confirmTaskId,
+        ...confirmData
+      }
+
+      console.log("confirmdata",data)
+
+      WmsProjectMobileConfirmSkuMasterLocationConfirm(data).then(res=>{
+        console.log(res)
+
+        this.pageInit()
+      })
+
+
+    },
+
+    spillZonePopShow(masterLocation){
+      this.tabMasterLocationConfig=masterLocation
+      this.tmpTabMasterLocationConfig=JSON.parse(JSON.stringify(masterLocation))
+      console.log("this.tmpTabMasterLocationConfig",this.tmpTabMasterLocationConfig)
+
+      this.queryStoreZone(()=>{
+        this.spillZoneShow=true
+      })
+
+    },
+
+    removeSpillZone(index){
+      console.log("移除溢出区")
+      this.tmpTabMasterLocationConfig.spillZoneCodeList.splice(index,1)
+    },
+
+    selectSpillZone(spillZone){
+      let zoneCode=spillZone.zoneCode
+      // if(!this.tmpTabMasterLocationConfig.spillZoneCodeList){
+      //   this.tmpTabMasterLocationConfig.spillZoneCodeList=[]
+      // }
+      let spillZoneCodeList=this.tmpTabMasterLocationConfig.spillZoneCodeList
+
+      console.log("spillZoneCodeList",spillZoneCodeList)
+      if(!spillZoneCodeList.includes(zoneCode)){
+        spillZoneCodeList.push(zoneCode)
+      }
+    },
+
+    confirmSpillZone(){
+      let tmpSpillZoneCodeList=this.tmpTabMasterLocationConfig.spillZoneCodeList
+      if(Array.isArray(tmpSpillZoneCodeList)&&tmpSpillZoneCodeList.length>0){
+        this.tabMasterLocationConfig.spillZoneCodeList=tmpSpillZoneCodeList
+      }else{
+        this.tabMasterLocationConfig.spillZoneCodeList=[]
+      }
+      this.spillZoneShow=false
+    },
+
+
+
+
+    removeShareZone(index){
+      console.log("移除共享区")
+      this.tmpTabMasterLocationConfig.shareZoneCodeList.splice(index,1)
+    },
+
+    selectShareZone(shareZone){
+      let zoneCode=shareZone.zoneCode
+      let shareZoneCodeList=this.tmpTabMasterLocationConfig.shareZoneCodeList
+      if(!shareZoneCodeList.includes(zoneCode)){
+        shareZoneCodeList.push(zoneCode)
+      }
+    },
+
+    confirmShareZone(){
+      let tmpShareZoneCodeList=this.tmpTabMasterLocationConfig.shareZoneCodeList
+      if(Array.isArray(tmpShareZoneCodeList)&&tmpShareZoneCodeList.length>0){
+        this.tabMasterLocationConfig.shareZoneCodeList =tmpShareZoneCodeList
+      }else{
+        this.tabMasterLocationConfig.shareZoneCodeList =[]
+      }
+      this.shareZoneShow=false
+    },
+
+
+
+
+    queryStoreZone(callBackFunction){
+      let data={
+        "warehouseId":this.warehouseId,
+        "queryZoneCode":this.queryStoreZoneCode
+      }
+      WmsProjectMobileQueryStorageZone(data).then(res=>{
+        console.log(res)
+        this.storeZoneList=res
+        if(callBackFunction){
+          callBackFunction()
+        }
+
+      })
+
+    },
+
+    shareZonePopShow(masterLocation){
+      this.tabMasterLocationConfig=masterLocation
+      this.tmpTabMasterLocationConfig=JSON.parse(JSON.stringify(masterLocation))
+      this.queryStoreZone(()=>{
+        this.shareZoneShow=true
+      })
+    },
+
+
+
+
+
+    confirmMasterLocation(){
+      let locationId=this.masterLocationPopSelect.masterLocationId
+      let code=this.masterLocationPopSelect.masterLocationCode
+      let masterMaxQty=this.masterLocationPopSelect.masterMaxQty
+
+      this.tabMasterLocationConfig.masterLocationId=locationId
+      this.tabMasterLocationConfig.masterLocationCode=code
+      this.tabMasterLocationConfig.masterMaxQty=masterMaxQty
+
+      this.choseMasterLocationShow=false
+
+
+    },
+
+    queryMasterLocation(masterLocation){
+      let data={
+        "skuId":this.skuId,
+        "ownerId":this.ownerId,
+        "locationCode":this.queryMasterLocationCode,
+
+      }
+      this.tabMasterLocationConfig=masterLocation
+      console.log("tabMasterLocation",this.tabMasterLocationConfig)
+
+      WmsProjectMobileCalculateSkuMasterLocation(data).then(res=>{
+        console.log(res)
+        this.computeMasterLocationList=[]
+        this.computeMasterLocationList=res
+        this.choseMasterLocationShow=true
+      })
+    },
+
+    selectMasterLocation(masterLocation){
+
+      let tmp= this.computeMasterLocationList
+      this.computeMasterLocationList=[]
+      tmp.forEach(item=>{
+        item.select=false
+      })
+      masterLocation.select=true
+      this.computeMasterLocationList=tmp
+      this.masterLocationPopSelect=masterLocation
+
+    },
+
+    tabChange(index) {
+
+      this.tabMasterLocationConfig=this.masterLocationConfigList[index]
+
+    },
+
+    pageInit() {
+      const {lwSkuId, lwOwnerId, lwTaskId} = this.$route.query
+      let data = {
+        "skuId": lwSkuId,
+        "ownerId": lwOwnerId,
+        "taskId": lwTaskId,
+      }
+
+      this.taskId=lwTaskId
+
+      WmsProjectMobileQuerySkuLocationConfigInfo(data).then(res => {
+        console.log(res)
+        if (res) {
+          this.skuInfo = res.locationConfigSkuInfo
+          this.masterLocationConfigList = res.skuLocationConfigVoList
+          this.skuPackList = res.skuPackList
+          this.skuId=this.skuInfo.skuId
+          this.ownerId=this.skuInfo.ownerId
+
+        }
+      })
+
+    }
+
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>