|
|
|
@ -1,7 +1,7 @@
|
|
|
|
|
<template> |
|
|
|
|
<div class="head_top"> |
|
|
|
|
<div class='el-sel'> |
|
|
|
|
<span class='el-sel-title'>仓库地址</span> |
|
|
|
|
<div class="el-sel"> |
|
|
|
|
<span class="el-sel-title">仓库地址</span> |
|
|
|
|
<el-select |
|
|
|
|
filterable |
|
|
|
|
v-model="checkselect" |
|
|
|
@ -16,7 +16,7 @@
|
|
|
|
|
:value="index" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
<span class='el-sel-title'>货位分区</span> |
|
|
|
|
<span class="el-sel-title">货位分区</span> |
|
|
|
|
<el-select |
|
|
|
|
filterable |
|
|
|
|
v-model="checkregionselect" |
|
|
|
@ -31,23 +31,27 @@
|
|
|
|
|
:value="index" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="checkshelves" circle></el-button> |
|
|
|
|
<div class="el-exp" @click="handleExportArea">导出</div> |
|
|
|
|
<div style="margin: 0 10px" class="el-exp" @click="handleExportArea"> |
|
|
|
|
<el-icon><Download /></el-icon>导出 |
|
|
|
|
</div> |
|
|
|
|
<el-button icon="el-icon-refresh" @click="checkshelves" circle></el-button> |
|
|
|
|
</div> |
|
|
|
|
<div class="tips"> |
|
|
|
|
|
|
|
|
|
<div class="ls-box"> |
|
|
|
|
总货位: |
|
|
|
|
<span class="def">{{ countnumber.cargoNub }}</span> |
|
|
|
|
</div> |
|
|
|
|
<el-divider direction="vertical" /> |
|
|
|
|
<div class="ls-box"> |
|
|
|
|
占用货位: |
|
|
|
|
<span class="red">{{ countnumber.employNub }}</span> |
|
|
|
|
</div> |
|
|
|
|
<el-divider direction="vertical" /> |
|
|
|
|
<div class="ls-box"> |
|
|
|
|
未用货位: |
|
|
|
|
<span class="green">{{ countnumber.unusedNub }}</span> |
|
|
|
|
</div> |
|
|
|
|
<el-divider direction="vertical" /> |
|
|
|
|
<div class="ls-box"> |
|
|
|
|
禁用货位: |
|
|
|
|
<span class="red">{{ countnumber.disableNub }}</span> |
|
|
|
@ -64,7 +68,7 @@
|
|
|
|
|
v-for="(item, index) in arrlist[checkselect]?.warehouseGoodsAreaVOList[checkregionselect] |
|
|
|
|
?.warehouseGoodsShelfEntitieList" |
|
|
|
|
> |
|
|
|
|
{{ item.goodsShelfName }} |
|
|
|
|
{{ item.goodsShelfName }}区 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-scrollbar> |
|
|
|
@ -74,10 +78,12 @@
|
|
|
|
|
总货位: |
|
|
|
|
<span class="def">{{ boxdetails.cargoNub }}</span> |
|
|
|
|
</div> |
|
|
|
|
<el-divider direction="vertical" /> |
|
|
|
|
<div> |
|
|
|
|
占用货位: |
|
|
|
|
<span class="red">{{ boxdetails.employNub }}</span> |
|
|
|
|
</div> |
|
|
|
|
<el-divider direction="vertical" /> |
|
|
|
|
<div> |
|
|
|
|
未用货位: |
|
|
|
|
<span class="green">{{ boxdetails.unusedNub }}</span> |
|
|
|
@ -86,6 +92,7 @@
|
|
|
|
|
禁用货位: |
|
|
|
|
<span class="red">{{ boxdetails.disableNub }}</span> |
|
|
|
|
</div> |
|
|
|
|
<el-divider direction="vertical" /> |
|
|
|
|
<div> |
|
|
|
|
货物总数: |
|
|
|
|
<span class="red">{{ boxdetails.goodsNub }}</span> |
|
|
|
@ -2565,7 +2572,14 @@ const {
|
|
|
|
|
font-size: 15px; |
|
|
|
|
} |
|
|
|
|
.xz { |
|
|
|
|
background-color: #b345f1 !important; |
|
|
|
|
width: 68px; |
|
|
|
|
height: 28px; |
|
|
|
|
background: #2f4370; |
|
|
|
|
border-radius: 4px 4px 4px 4px; |
|
|
|
|
opacity: 1; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.head_top { |
|
|
|
@ -2631,8 +2645,8 @@ const {
|
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
> div { |
|
|
|
|
padding: 0 8px; |
|
|
|
|
font-weight: 500; |
|
|
|
|
margin:0 10px; |
|
|
|
|
} |
|
|
|
|
.def { |
|
|
|
|
color: rgb(30, 159, 255); |
|
|
|
@ -2699,36 +2713,35 @@ const {
|
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-around; |
|
|
|
|
} |
|
|
|
|
#avue-view{ |
|
|
|
|
background-color:#fff |
|
|
|
|
#avue-view { |
|
|
|
|
background-color: #fff; |
|
|
|
|
} |
|
|
|
|
.el-sel{ |
|
|
|
|
|
|
|
|
|
.el-sel { |
|
|
|
|
display: flex !important; |
|
|
|
|
align-items: center; |
|
|
|
|
:deep(.el-select){ |
|
|
|
|
height:32px; |
|
|
|
|
.el-input{ |
|
|
|
|
height:32px; |
|
|
|
|
} |
|
|
|
|
:deep(.el-select) { |
|
|
|
|
height: 32px; |
|
|
|
|
.el-input { |
|
|
|
|
height: 32px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.el-sel-title{ |
|
|
|
|
font-size:17px; |
|
|
|
|
margin-right:10px; |
|
|
|
|
.el-sel-title { |
|
|
|
|
font-size: 17px; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
} |
|
|
|
|
.el-sel-title:nth-of-type(2){ |
|
|
|
|
margin-left:20px; |
|
|
|
|
.el-sel-title:nth-of-type(2) { |
|
|
|
|
margin-left: 20px; |
|
|
|
|
} |
|
|
|
|
.el-exp{ |
|
|
|
|
width: 110px; |
|
|
|
|
height: 32px; |
|
|
|
|
border: 1px solid #D3832A; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
border-radius: 3px; |
|
|
|
|
color: #D3832A; |
|
|
|
|
.el-exp { |
|
|
|
|
width: 110px; |
|
|
|
|
height: 32px; |
|
|
|
|
border: 1px solid #d3832a; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
border-radius: 3px; |
|
|
|
|
color: #d3832a; |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|