|
|
@ -546,10 +546,21 @@ |
|
|
|
<!-- 当前配送数据 --> |
|
|
|
<!-- 当前配送数据 --> |
|
|
|
<div class="mr10 box1 view_box"> |
|
|
|
<div class="mr10 box1 view_box"> |
|
|
|
<!-- 标题 --> |
|
|
|
<!-- 标题 --> |
|
|
|
<div class="align_center mb20"> |
|
|
|
<div class="flex-c-sb mb20"> |
|
|
|
<img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" /> |
|
|
|
<div class="align_center"> |
|
|
|
|
|
|
|
<img class="mr10 img_13pt" src="@/static/icon_data.png" alt="" /> |
|
|
|
|
|
|
|
|
|
|
|
<div class="title">当前配送数据</div> |
|
|
|
<div class="title">当前配送数据</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="align_center"> |
|
|
|
|
|
|
|
<div :class="{ button: true, active: isActive }" @click="isActive = !isActive"> |
|
|
|
|
|
|
|
市配 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div :class="{ button: true, active: !isActive }" @click="isActive = !isActive"> |
|
|
|
|
|
|
|
商配 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 数据 --> |
|
|
|
<!-- 数据 --> |
|
|
@ -557,18 +568,18 @@ |
|
|
|
<div class="item"> |
|
|
|
<div class="item"> |
|
|
|
<div class="align_center"> |
|
|
|
<div class="align_center"> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<span>总数</span> |
|
|
|
<span>配送计划总数</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt10"> |
|
|
|
<div class="mt10"> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="">件</span> |
|
|
|
<span class="">单</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="item border-left"> |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="align_center"> |
|
|
|
<div class="align_center"> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<span>零担</span> |
|
|
|
<span>总件数</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt10"> |
|
|
|
<div class="mt10"> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
@ -579,29 +590,29 @@ |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="align_center"> |
|
|
|
<div class="align_center"> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<span>三方中转</span> |
|
|
|
<span>总重量</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt10"> |
|
|
|
<div class="mt10"> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="">件</span> |
|
|
|
<span class="">kg</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="item border-left"> |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="align_center"> |
|
|
|
<div class="align_center"> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<span>商配</span> |
|
|
|
<span>总方数</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt10"> |
|
|
|
<div class="mt10"> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="">件</span> |
|
|
|
<span class="">m³</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="item border-left"> |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="align_center"> |
|
|
|
<div class="align_center"> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<span>市配</span> |
|
|
|
<span>在途件数</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt10"> |
|
|
|
<div class="mt10"> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
@ -620,11 +631,11 @@ |
|
|
|
<div class="title">签收数据</div> |
|
|
|
<div class="title">签收数据</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="border data_container pd10 flex"> |
|
|
|
<div class="border data_container pd10 flex-c-sb"> |
|
|
|
<div class="item"> |
|
|
|
<div class="item"> |
|
|
|
<div class="align_center"> |
|
|
|
<div class="align_center"> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<span>总数</span> |
|
|
|
<span>已签收</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt10"> |
|
|
|
<div class="mt10"> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
@ -635,18 +646,7 @@ |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="align_center"> |
|
|
|
<div class="align_center"> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<span>已上架</span> |
|
|
|
<span>未签收</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="mt10"> |
|
|
|
|
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
|
|
|
|
<span class="">件</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="item border-left"> |
|
|
|
|
|
|
|
<div class="align_center"> |
|
|
|
|
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
|
|
|
|
<span>空置</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt10"> |
|
|
|
<div class="mt10"> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
@ -657,18 +657,17 @@ |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="align_center"> |
|
|
|
<div class="align_center"> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<span>已上架</span> |
|
|
|
<span>签收率</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt10"> |
|
|
|
<div class="mt10"> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="data">16899</span> |
|
|
|
<span class="">件</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="item border-left"> |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="align_center"> |
|
|
|
<div class="align_center"> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<span>未上架</span> |
|
|
|
<span>文员签收数</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt10"> |
|
|
|
<div class="mt10"> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
@ -679,18 +678,17 @@ |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="align_center"> |
|
|
|
<div class="align_center"> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<span>未上架</span> |
|
|
|
<span>文员签收率</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt10"> |
|
|
|
<div class="mt10"> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="data">16899</span> |
|
|
|
<span class="">件</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="item border-left"> |
|
|
|
<div class="item border-left"> |
|
|
|
<div class="align_center"> |
|
|
|
<div class="align_center"> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<img class="dataIcon mr5px" src="@/static/icon_money_day.png" alt="" /> |
|
|
|
<span>未上架</span> |
|
|
|
<span>超时签收</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt10"> |
|
|
|
<div class="mt10"> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
|
<span class="data mr5px">16899</span> |
|
|
@ -908,7 +906,11 @@ const isActive = ref(false); |
|
|
|
|
|
|
|
|
|
|
|
// 第四排 |
|
|
|
// 第四排 |
|
|
|
.row_fourthly { |
|
|
|
.row_fourthly { |
|
|
|
@extend .row_second; |
|
|
|
@extend .row_third; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.item { |
|
|
|
|
|
|
|
width: 150px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.mr5px { |
|
|
|
.mr5px { |
|
|
|