| | |
| | | <!--库位--> |
| | | <div v-else-if="map[index][idx].value == 0" @contextmenu.prevent="rightEvent(index,idx,$event)"> |
| | | <div v-if="map[index][idx].locSts == 'O'" class="pointBox pointBoxBlue">{{ map[index][idx].locSts }}</div> |
| | | <div v-else-if="map[index][idx].locSts == 'F'" @click.left.stop="selectLoc(index,idx)" :class="{'pointBoxSelected':map[index][idx].locOutSelected,'pointBoxSearch':map[index][idx].searchStatus}" class="pointBox pointBoxRed">{{ map[index][idx].locSts }}</div> |
| | | <div v-else-if="map[index][idx].locSts == 'F'" @click.left="selectLoc(index,idx)" :class="{'pointBoxSelected':map[index][idx].locOutSelected,'pointBoxSearch':map[index][idx].searchStatus}" class="pointBox pointBoxRed">{{ map[index][idx].locSts }}</div> |
| | | <div v-else-if="map[index][idx].locSts == 'D'" class="pointBox pointBoxEmpty">{{ map[index][idx].locSts }}</div> |
| | | <div v-else-if="map[index][idx].locSts == 'P'" class="pointBox pointBoxOut">{{ map[index][idx].locSts }}</div> |
| | | <div v-else-if="map[index][idx].locSts == 'R'" :class="{'pointBoxSearch':map[index][idx].searchStatus}" class="pointBox pointBoxOutYy">{{ map[index][idx].locSts }}</div> |
| | |
| | | <!-- <div>--> |
| | | <!-- <button @click="locToLoc2" class="layui-btn layui-btn-sm">侧边移库</button>--> |
| | | <!-- </div>--> |
| | | <div v-if="!locOutStatus"> |
| | | <div> |
| | | <button @click="init" class="layui-btn layui-btn-sm">刷新</button> |
| | | </div> |
| | | <div style="margin-left: 10px;"> |
| | | <button @click="resetSearch" class="layui-btn layui-btn-sm">重置</button> |
| | | </div> |
| | | <div v-if="!locOutStatus" style="margin-left: 10px;"> |
| | | <button @click="locOutStatus = true" class="layui-btn layui-btn-sm">出库选择</button> |
| | | </div> |
| | | <div v-else style="margin-left: 10px;border: 1px red solid;display: flex;"> |
| | |
| | | 库位号: {{ map[mapI][mapJ].locNo }} |
| | | </div> |
| | | <div style="margin-top: 10px;"> |
| | | 库位状态: {{ map[mapI][mapJ].locSts$ }} |
| | | 库位状态: {{ getLocSts(map[mapI][mapJ].locSts) }} |
| | | </div> |
| | | <div style="margin-top: 10px;display: flex;justify-content: space-between;flex-wrap: wrap;"> |
| | | <div style="margin-top: 5px;"> |
| | |
| | | label: "50%" |
| | | }, |
| | | 100: "100%", |
| | | } |
| | | }, |
| | | locStsList: [],//库位状态列表 |
| | | }, |
| | | created(){ |
| | | this.init() |
| | |
| | | deep: true, |
| | | handler(val) { |
| | | this.init() |
| | | if (this.searchMatnr != "" |
| | | || this.searchOrderNo != "" |
| | | || this.searchSpecs != "" |
| | | || this.searchMaktx != "" |
| | | || this.searchLocNo != "") { |
| | | this.searchLoc() |
| | | } |
| | | } |
| | | } |
| | | }, |
| | |
| | | |
| | | this.locOutStatus = false |
| | | this.locOutLocNo = [] |
| | | |
| | | this.getLocStsList();//获取库位状态列表 |
| | | }, |
| | | resetSearch(){ |
| | | this.searchMatnr = "" |
| | | this.searchOrderNo = "" |
| | | this.searchSpecs = "" |
| | | this.searchMaktx = "" |
| | | this.searchLocNo = "" |
| | | this.searchLoc() |
| | | }, |
| | | printData() { |
| | | this.mapData = JSON.stringify(this.map) |
| | |
| | | } |
| | | }); |
| | | }, |
| | | getLocStsList() { |
| | | //获取库位状态列表 |
| | | let that = this |
| | | $.ajax({ |
| | | url: baseUrl + "/basLocSts/list/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | method: "get", |
| | | success: (res) => { |
| | | that.locStsList = res.data.records |
| | | } |
| | | }) |
| | | }, |
| | | getLocSts(locSts) { |
| | | //获取库位状态 |
| | | let locStsList = this.locStsList |
| | | let locDesc = "" |
| | | locStsList.forEach((item,index) => { |
| | | if (item.locSts == locSts) { |
| | | locDesc = item.locDesc |
| | | } |
| | | }) |
| | | return locDesc |
| | | }, |
| | | locMove(locNo) { |
| | | //库位移转 |
| | | let that = this |