locationstatus.vue
5.65 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<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> 搜索</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> 出库查看</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>