<template>
  <!--  <style>-->
  <!--    #img_list li{-->
  <!--      font-size: 10px;-->
  <!--      /*width: 50px;*/-->
  <!--      text-align: left;-->
  <!--      margin: 5px 20px 5px 5px;-->
  <!--    }-->
  <!--    #img_list li img{-->
  <!--      height: 35px;-->
  <!--      width: 35px;-->
  <!--    }-->
  <!--    #info_list{-->
  <!--      width: 100%;-->
  <!--      display:inline-block;-->
  <!--    }-->
  <!--    #info_list li{-->
  <!--      margin:8px 3px 0 5px;-->
  <!--    }-->
  <!--    #info_list li span{-->
  <!--      font-size: 12px;-->
  <!--      display: inline-block;-->
  <!--      /*width: 65px;*/-->
  <!--      text-align: center;-->
  <!--    }-->
  <!--    .grid{-->
  <!--      display: inline-block;-->
  <!--      width: 50px;-->
  <!--      height: 50px;-->
  <!--      /*margin: 12px 6px;*/-->
  <!--      margin-bottom: 6px;-->
  <!--      background-size:cover;-->
  <!--      /*background-image: url("../img/icon/空柜空闲.png");*/-->
  <!--    }-->
  <!--    #location span{-->
  <!--      display: inline-block;-->
  <!--      text-align: right;-->
  <!--      width: 50px;-->
  <!--      margin-right: 10px;-->
  <!--    }-->
  <!--  </style>-->
  <div class="container-div">
    <div class="row">
      <div class="col-sm-12 select-info">
        <form id="container-form">
          <div class="select-list">
            <ul id="select_info">
              <li>
                <select id="zoneCode" name="zoneCode" style="width: 100px">
                  <option selected></option>
                </select>
              </li>
              <li>
                第
                <select id="editable-num" name="num" style="width: 70px">
                </select>
              </li>
              <li>
                <select id="editable-select" name="col" style="width: 70px">
                  <option value="row" selected>行</option>
                  <option value="line">列</option>
                  <option value="layer">层</option>
                </select>
              </li>
              <!--                        <li>货主编码：-->
              <!--                            <input type="text" name="receiptCompanyCode" id="receiptCompanyCode">-->
              <!--                        </li>-->
              <li>
                <a class="btn btn-primary btn-rounded btn-sm" onclick="Search()"><i
                  class="fa fa-search"></i>&nbsp;搜索</a>
              </li>
            </ul>
          </div>
        </form>
      </div>
      <div class="col-sm-12 select-info">
        <form id="receiptHeader-form">
          <div class="select-list">
            <ul id="img_list" style="">
              <li>
                空柜空闲：<img src="~@/assets/icon/空柜空闲.png">
              </li>
              <li>
                空盘空闲：<img src="~@/assets/icon/空盘空闲.png">
              </li>
              <li>
                半盘空闲：<img src="~@/assets/icon/半盘空闲.png">
              </li>
              <li>
                整盘空闲：<img src="~@/assets/icon/整盘空闲.png">
              </li>
              <li>
                空柜锁定：<img src="~@/assets/icon/空柜锁定.png">
              </li>
              <li>
                空盘锁定：<img src="~@/assets/icon/空盘锁定.png">
              </li>
              <li>
                半盘锁定：<img src="~@/assets/icon/半盘锁定.png">
              </li>
              <li>
                整盘锁定：<img src="~@/assets/icon/整盘锁定.png">
              </li>
              <li>
                空柜禁用：<img src="~@/assets/icon/空柜禁用.png">
              </li>
              <li>
                空盘禁用：<img src="~@/assets/icon/空盘禁用.png">
              </li>
              <li>
                半盘禁用：<img src="~@/assets/icon/半盘禁用.png">
              </li>
              <li>
                整盘禁用：<img src="~@/assets/icon/整盘禁用.png">
              </li>
              <li><span style="font-size: 12px">库位统计情况：</span>
                <input style="width: 400px;  font-size: 12px" type="text" id="zone" disabled/>
              </li>
            </ul>
            <br><br>
            <ul id="info_list">
              <li><span>库位：</span><input type="text" id="code" disabled/></li>
              <li><span>容器编码：</span><input type="text" id="containerCode" disabled/></li>
              <li><span>物料信息：<select id="material" style="width: auto"><option>无</option></select></span></li>
              <li>
                <a class="btn btn-success btn-rounded btn-sm" onclick="checkLocationCode()"><i class="fa fa-eye"></i>&nbsp;出库查看</a>
              </li>
            </ul>
            <!--                    <ul>-->
            <!--                        <li style="float:left;margin-left: 40px"><button type="button" class="btn btn-sm btn-success" onclick="searchLocation()">查看库位</button></li>-->
            <!--                        <li style="float:left;margin-left: 20px"><button type="button" class="btn btn-sm btn-success" onclick="searchInventory()">查看库存</button></li>-->
            <!--                    </ul>-->
          </div>
        </form>
      </div>
      <div class="col-sm-12 select-info">
        <!--style="width: 100%;overflow-x: scroll;white-space:nowrap"-->
        <div id="borderCol" style="overflow-y: scroll;white-space:nowrap">
          <div class="location" id="location">
            <!--<div class="grid"></div>-->
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'locationstatus'
}
</script>

<style scoped>

</style>