|
|
1
|
<template>
|
|
|
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
|
<!-- <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>-->
|
|
|
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
|
<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>
|
|
|
69
70
|
<a class="btn btn-primary btn-rounded btn-sm" onclick="Search()"><i
class="fa fa-search"></i> 搜索</a>
|
|
|
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
|
</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>
|
|
|
117
|
<input style="width: 400px; font-size: 12px" type="text" id="zone" disabled/>
|
|
|
118
|
</li>
|
|
|
119
120
|
</ul>
<br><br>
|
|
|
121
122
123
124
125
|
<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>
|
|
|
126
|
<a class="btn btn-success btn-rounded btn-sm" onclick="checkLocationCode()"><i class="fa fa-eye"></i> 出库查看</a>
|
|
|
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
</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>
|
|
|
149
150
151
|
export default {
name: 'locationstatus'
}
|
|
|
152
153
154
155
156
|
</script>
<style scoped>
</style>
|
