refactor(wms): 优化物料标签显示布局并调整样式
- 将仓库名称从输入框改为直接显示文本 - 移除未使用的库区和班组输入框 - 新增规格和班组显示行 - 调整值单元格的字体加粗样式
This commit is contained in:
@@ -46,7 +46,8 @@
|
|||||||
<div
|
<div
|
||||||
style="flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #333; box-sizing: border-box; padding: 3px; word-break: break-all; overflow-wrap: break-word;"
|
style="flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #333; box-sizing: border-box; padding: 3px; word-break: break-all; overflow-wrap: break-word;"
|
||||||
class="value-cell">
|
class="value-cell">
|
||||||
<input type="text" class="nob" :value="content.warehouseName || ''" />
|
{{ content.warehouseName || '' }}
|
||||||
|
<!-- <input type="text" class="nob" :value="content.warehouseName || ''" /> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; flex: 1; align-items: center;">
|
<div style="display: flex; flex: 1; align-items: center;">
|
||||||
@@ -61,7 +62,7 @@
|
|||||||
<input type="text" class="nob" :value="content.actualWarehouseName || ''" />
|
<input type="text" class="nob" :value="content.actualWarehouseName || ''" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; flex: 1; align-items: center;">
|
<!-- <div style="display: flex; flex: 1; align-items: center;">
|
||||||
<div
|
<div
|
||||||
style="flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #333; box-sizing: border-box; padding: 3px; word-break: break-all; overflow-wrap: break-word;"
|
style="flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #333; box-sizing: border-box; padding: 3px; word-break: break-all; overflow-wrap: break-word;"
|
||||||
class="label-cell">
|
class="label-cell">
|
||||||
@@ -84,7 +85,7 @@
|
|||||||
class="value-cell">
|
class="value-cell">
|
||||||
<input type="text" class="nob" :value="content.team || ''" />
|
<input type="text" class="nob" :value="content.team || ''" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td class="value-cell" colspan="4"
|
<td class="value-cell" colspan="4"
|
||||||
@@ -92,6 +93,16 @@
|
|||||||
<QRCode :content="content.qrcodeRecordId || ' '" :size="130" />
|
<QRCode :content="content.qrcodeRecordId || ' '" :size="130" />
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="label-cell" style="width: 16.67%; padding: 4px;">规格</td>
|
||||||
|
<td class="value-cell" colspan="2" style="width: 33.33%; padding: 4px;">
|
||||||
|
<input type="text" class="nob" :value="content.specification || ''" />
|
||||||
|
</td>
|
||||||
|
<td class="label-cell" style="width: 16.67%; padding: 4px;">班组</td>
|
||||||
|
<td class="value-cell" colspan="2" style="width: 33.33%; padding: 4px;">
|
||||||
|
<input type="text" class="nob" :value="content.team || ''" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
<!-- <tr>
|
<!-- <tr>
|
||||||
<td class="label-cell" colspan="2">逻辑库区</td>
|
<td class="label-cell" colspan="2">逻辑库区</td>
|
||||||
<td class="value-cell" colspan="2">
|
<td class="value-cell" colspan="2">
|
||||||
@@ -309,6 +320,8 @@ export default {
|
|||||||
|
|
||||||
.value-cell {
|
.value-cell {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
/* font-family: 'Courier New', Courier, monospace; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.nob {
|
.nob {
|
||||||
|
|||||||
Reference in New Issue
Block a user