|  |  | 
 |  |  |  | 
 |  |  |         .pointBox { | 
 |  |  |             background: #fffef9; | 
 |  |  |             width: 80px; | 
 |  |  |             width: 300px; | 
 |  |  |             height: 35px; | 
 |  |  |             margin-right: 1px; | 
 |  |  |             display: flex; | 
 |  |  | 
 |  |  |             <div class="pointContainer" v-for="(x,index) in map" :key="index"> | 
 |  |  |                 <div v-if="index != 0 && (index != map.length-1)" v-for="(y,idx) in x" :key="idx"> | 
 |  |  |                     <div v-if="idx != 0 && (idx != map[index].length-1)"> | 
 |  |  |                         <div v-if="map[index][idx].value < 0" class="pointBox"></div> | 
 |  |  |                         <div v-if="map[index][idx].value < 0" style="visibility: hidden;" class="pointBox"></div> | 
 |  |  |  | 
 |  |  |                         <!--库位--> | 
 |  |  |                         <div v-else-if="map[index][idx].value  == 0" @contextmenu.prevent="rightEvent(index,idx,$event)"> | 
 |  |  | 
 |  |  |                         <div style="margin-left: 10px;"> | 
 |  |  |                             <button @click="resetSearch" class="layui-btn layui-btn-sm">重置</button> | 
 |  |  |                         </div> | 
 |  |  |                         <div style="margin-left: 10px;"> | 
 |  |  |                             <button @click="locToLoc2" 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 style="margin-left: 10px;">--> | 
 |  |  | <!--                            <button @click="locToLoc2" 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;"> | 
 |  |  |                             <div> | 
 |  |  |                                 <button @click="cancelSelectLoc" class="layui-btn layui-btn-sm">取消选择</button> | 
 |  |  | 
 |  |  |                         <div style="flex: 1;margin-top: 10px;"> | 
 |  |  |                             <div style="font-size: 10px;">在库</div><div class="pointBox2 pointBoxRed">F</div> | 
 |  |  |                         </div> | 
 |  |  | <!--                        <div style="flex: 1;margin-top: 10px;">--> | 
 |  |  | <!--                            <div style="font-size: 10px;">空板</div><div class="pointBox2 pointBoxEmpty">D</div>--> | 
 |  |  | <!--                        </div>--> | 
 |  |  | <!--                        <div style="flex: 1;margin-top: 10px;">--> | 
 |  |  | <!--                            <div style="font-size: 10px;">出库中</div><div class="pointBox2 pointBoxOut">P</div>--> | 
 |  |  | <!--                        </div>--> | 
 |  |  | <!--                        <div style="flex: 1;margin-top: 10px;">--> | 
 |  |  | <!--                            <div style="font-size: 10px;">出库预约</div><div class="pointBox2 pointBoxOutYy">R</div>--> | 
 |  |  | <!--                        </div>--> | 
 |  |  | <!--                        <div style="flex: 1;margin-top: 10px;">--> | 
 |  |  | <!--                            <div style="font-size: 10px;">入库预约</div><div class="pointBox2 pointBoxInYy">S</div>--> | 
 |  |  | <!--                        </div>--> | 
 |  |  |                         <div style="flex: 1;margin-top: 10px;"> | 
 |  |  |                             <div style="font-size: 10px;">空板</div><div class="pointBox2 pointBoxEmpty">D</div> | 
 |  |  |                             <div style="font-size: 10px;">搜索</div><div class="pointBox2 pointBoxSearch"></div> | 
 |  |  |                         </div> | 
 |  |  |                         <div style="flex: 1;margin-top: 10px;"> | 
 |  |  |                             <div style="font-size: 10px;">出库中</div><div class="pointBox2 pointBoxOut">P</div> | 
 |  |  |                         </div> | 
 |  |  |                         <div style="flex: 1;margin-top: 10px;"> | 
 |  |  |                             <div style="font-size: 10px;">出库预约</div><div class="pointBox2 pointBoxOutYy">R</div> | 
 |  |  |                         </div> | 
 |  |  |                         <div style="flex: 1;margin-top: 10px;"> | 
 |  |  |                             <div style="font-size: 10px;">入库预约</div><div class="pointBox2 pointBoxInYy">S</div> | 
 |  |  |                         </div> | 
 |  |  |                         <div style="flex: 1;margin-top: 10px;"> | 
 |  |  |                             <div style="font-size: 10px;">搜索结果</div><div class="pointBox2 pointBoxSearch"></div> | 
 |  |  |                         </div> | 
 |  |  |                         <div style="flex: 1;margin-top: 10px;"> | 
 |  |  |                             <div style="font-size: 10px;">选择结果</div><div class="pointBox2 pointBoxSelected"></div> | 
 |  |  |                         </div> | 
 |  |  | <!--                        <div style="flex: 1;margin-top: 10px;">--> | 
 |  |  | <!--                            <div style="font-size: 10px;">选择</div><div class="pointBox2 pointBoxSelected"></div>--> | 
 |  |  | <!--                        </div>--> | 
 |  |  |                         <div style="flex: 1;margin-top: 10px;"> | 
 |  |  |                             <div style="font-size: 10px;text-align: center">其他</div><div class="pointBox2 pointBoxDefault"></div> | 
 |  |  |                         </div> | 
 |  |  |                         <div style="flex: 1;margin-top: 10px;"> | 
 |  |  |                             <div style="font-size: 10px;text-align: center">冻结</div><div class="pointBox2 pointBoxEnd"></div> | 
 |  |  |                         </div> | 
 |  |  | <!--                        <div style="flex: 1;margin-top: 10px;">--> | 
 |  |  | <!--                            <div style="font-size: 10px;text-align: center">冻结</div><div class="pointBox2 pointBoxEnd"></div>--> | 
 |  |  | <!--                        </div>--> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <button class="card-button">库位状态</button> |