提交下

src/views/basicData/kfdw.vue

@@ -3,15 +3,39 @@
   <div class="body" :style="'height:' + height + 'px'">
     <div style="border: 2px solid #43A747;">
       <el-card :style="'height:' + (height - 60) + 'px;overflow-y: auto;position:relative;'">
-        <el-radio-group v-model="layer" size="small" @change="changeLayer">
-          <el-radio-button v-for="item in layerList" :key="item.vlayer" :label="'第' + item.vlayer + '层'"></el-radio-button>
-        </el-radio-group>
+       <el-row type="flex" justify="space-between" align="middle">
+        <el-form :inline="true" size="medium" label-position="left">
+          <el-form-item>
+            <el-radio-group v-model="layer" @change="changeLayer">
+              <el-radio-button v-for="item in layerList" :key="item.vlayer" :label="'第' + item.vlayer + '层'"></el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+
+          <el-form-item label="起始货位号 :" v-show="yiWei">
+            <el-input v-model="formData.oldPositionCode" disabled/>
+          </el-form-item>
+          <el-button v-show="yiWei" size="small" style="margin-right: 5px;" @click="changeOld">确认</el-button>
+          <el-form-item label="目标货位号 :" v-show="yiWei">
+            <el-input v-model="formData.newPositionCode" disabled/>
+            
+          </el-form-item>
+          <el-button v-show="yiWei" size="small" style="margin-right: 5px;" @click="changeNew">确认</el-button>
+          <el-form-item>
+            <el-button type="warning" @click="changeLocation">移位</el-button>
+          </el-form-item>
+
+        </el-form>
+
+        </el-row>
+
+        
         <el-row> 
           <el-col :span="18">
             <el-card style="height: 620px; overflow: auto;">
               <div v-for="(item,index) in this.ArrayListX" :key="index">
                 <ul :style="'grid-template-columns: repeat('+ item.length +', 4%);'"  >
-                  <li v-for="(items,k) in item" :key="k+''+index"  @click="onClick(items)" :class="items.x === 0 || items.y === 0 ? 'box' : items.status === 'E' ? 'boxE' : items.status === 'P' ? 'boxP': items.status === 'F' ? 'boxF' : items.status === 'A' ? 'boxA' : items.status === 'W' ? 'boxW' : items.status === 'C' ? 'boxC' : '' ">
+                  <li v-for="(items,k) in item" :key="k+''+index"  @click="onClick(items)" :style="items.select ? 'border: 1px solid black' : ''"
+                  :class="items.x === 0 || items.y === 0 ? 'box' : items.status === 'E' ? 'boxE' : items.status === 'P' ? 'boxP': items.status === 'F' ? 'boxF' : items.status === 'A' ? 'boxA' : items.status === 'W' ? 'boxW' : items.status === 'C' ? 'boxC' : '' ">
                     {{ items.x === 0 ? items.y  : items.y ===0 ? items.x : ''}}
                   </li>
                 </ul>
@@ -48,13 +72,20 @@ export default {
   data () {
     return {
       height: document.documentElement.clientHeight - 176,
+      yiWei: false,
       layer: '',
+      select:false,
+      formData: {
+        oldPositionCode: '',
+        newPositionCode: ''
+      },
       layerList: [],
       xyData: [],
       maxXy: {},
       ArrayListX:[],
       ArrayListY:[],
-      rightForm: {}
+      rightForm: {},
+      lastSelect: [],
     }
   },
   created () {
@@ -120,9 +151,43 @@ export default {
       }
     },
     async onClick(items) {
+      this.lastSelect.push(items)
+      if (this.lastSelect.length > 1) {
+        this.lastSelect[0].select = false
+        this.lastSelect = [items]
+      } 
+      items.select = !items.select
+      this.select = items
       const {data: res} = await this.$axios.get('/summary/getRackDetail?VLayer=' + this.layer.substring(1,2) + '&positionCode=' + items.positionCode+ '&storeCode=' + JSON.parse(sessionStorage.getItem('storeList')))
       if (res.code !== 99200) return this.$message.error(res.message)
       this.rightForm = res.data
+      this.select.palletId = res.data.palletId
+    },
+    changeOld() {
+      if (this.findStatus(this.select.x, this.select.y + 1) != 'E') {
+        return this.$message.warning('只有下方货位非空时才能移位')
+      }
+      this.formData.oldPositionCode = this.select.positionCode
+      this.formData.palletId = this.select.palletId
+      this.select.select = false
+    },
+    changeNew() {
+      if(this.select.status != 'E') {
+        return this.$message.warning('只有空货位才能移位')
+      }
+      this.formData.newPositionCode = this.select.positionCode
+      this.select.select = false
+    },
+    async changeLocation() {
+      this.formData.storeCode = JSON.parse(sessionStorage.getItem('storeList'))
+      if (this.formData.oldPositionCode && this.formData.newPositionCode) {
+        const {data: res} = await this.$axios.post('/account/movePallet', this.formData)
+        if (res.code !== 99200) return this.$message.error(res.message)
+        this.$message.success(res.message)
+         this.changeLayer()  //要不要刷新
+      } else {
+        this.yiWei = true
+      }
     }
 
   }