root/screenkb-gaoce
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

入库、生产看板修改

Browse Source
This commit is contained in:
caill
2024-07-26 13:49:44 +08:00
parent 23a5c3f0b6
commit 7c9d13773d
4 changed files with 19359 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/pages/modules/InStore.vue
View File

@@ -11,11 +11,11 @@
<div class="item_content con01">
<div class="lbox">
<!-- <div id="echart_d01" style="width: 100%; height: 100%"></div> -->
<div class="three_w_item">
<!-- <div class="three_w_item">
<vue-seamless-scroll :data="kc.list" :class-option="defaultOption1">
<ul class="scroll-ul_1">
<li v-for="(e, i) in kc.list" :key="i">
<!-- <span class="scroll_th">名称:</span> -->
<span class="scroll_th">名称:</span>
<span>{{ e.name }}，</span>
<span class="scroll_th">数量:</span>
<span>{{ e.number }}，</span>
@@ -24,9 +24,29 @@
</li>
</ul>
</vue-seamless-scroll>
</div> -->
<div style="height: 130px;overflow:hidden">
<div class="scroll_wrap" style="height: 130px">
<ul class="scroll_tab_2">
<li style="width: 50%;">名称</li>
<li style="width: 25%">数量</li>
<li style="width: 25%">占比</li>
</ul>
<div class="scroll_container_2">
<vue-seamless-scroll :data="kc.list" :class-option="defaultOption1">
<ul class="scroll-ul_2">
<li v-for="(e, i) in kc.list" :key="i">
<div class="scroll-ul_2_div" style="width: 50%;">{{e.name}}</div>
<div class="scroll-ul_2_div" style="width: 25%">{{e.number}}</div>
<div class="scroll-ul_2_div" style="width: 25%">{{e.percentage}}</div>
</li>
</ul>
</vue-seamless-scroll>
</div>
</div>
</div>
</div>
<div class="rbox">
<!-- <div class="rbox">
<div class="rbox-con">
<div class="title">总库存</div>
<div class="desc"><span>{{ kc.sum }}</span><span>条</span></div>
@@ -37,7 +57,7 @@
<div class="desc"><span>{{ kc.pendSum }}</span><span>条</span></div>
<div class="desc"><span>{{ kc.pendWeight }}</span><span>吨</span></div>
</div>
</div>
</div> -->
</div>
</div>
<div class="four_wrap">
@@ -48,34 +68,55 @@
<div class="lbox">
<div class="list-con" style="width: 100%; height: 100%;">
<div class="li">
<p class="li-left">货位数:<span>{{ hw.pointNumber }}</span>个</p>
<p class="li-right">已使用:<span>{{ hw.pointUsed }}</span>个</p>
<div class="li-left">
<div>货位数</div>
<div class="hwz_num"><span>{{ hw.pointNumber }}</span><span>个</span></div>
</div>
<div class="li-right">
<div>已使用</div>
<div class="hwz_num"><span>{{ hw.pointUsed }}</span><span>个</span></div>
</div>
</div>
<div class="li">
<p class="li-left">剩余数:<span>{{ hw.pointRemain }}</span>个</p>
<div class="li-left">
<div>剩余数</div>
<div class="hwz_num"><span>{{ hw.pointRemain }}</span><span>个</span></div>
</div>
</div>
<div class="li">
<p class="li-left">空托位数:<span>{{ hw.emptyNumber }}</span>个</p>
<p class="li-right">剩余:<span>{{ hw.emptyRemain }}</span>个</p>
<div class="li-left">
<div>空托位数</div>
<div class="hwz_num"><span>{{ hw.emptyNumber }}</span><span>个</span></div>
</div>
<div class="li-right">
<div>剩余</div>
<div class="hwz_num"><span>{{ hw.emptyRemain }}</span><span>个</span></div>
</div>
</div>
<div class="li">
<p class="li-left">空托盘垛:<span>{{ hw.emptyUsed }}</span>垛</p>
<p class="li-right">数量:<span>{{ hw.emptyQty }}</span>个</p>
<div class="li-left">
<div>空托盘垛</div>
<div class="hwz_num"><span>{{ hw.emptyUsed }}</span><span>垛</span></div>
</div>
<div class="li-right">
<div>数量</div>
<div class="hwz_num"><span>{{ hw.emptyQty }}</span><span>个</span></div>
</div>
</div>
</div>
</div>
<div class="rbox">
<!-- <div class="rbox">
<div class="rbox-con">
<!-- <div class="title">总库存</div>
<div class="title">总库存</div>
<div class="desc"><span>12000</span><span>条</span></div>
<div class="desc"><span>2000</span><span>吨</span></div> -->
<div class="desc"><span>2000</span><span>吨</span></div>
</div>
<div class="rbox-con">
<!-- <div class="title">待入库存</div>
<div class="title">待入库存</div>
<div class="desc"><span>2000</span><span>条</span></div>
<div class="desc"><span>50</span><span>吨</span></div> -->
<div class="desc"><span>50</span><span>吨</span></div>
</div>
</div>
</div> -->
</div>
</div>
</div>
@@ -147,7 +188,7 @@ export default {
timer1: null,
timer2: null,
step: 0.4, // 数值越大速度滚动越快
limitMoveNum: 6, // 开始无缝滚动的数据量 this.dataList.length
limitMoveNum: 4, // 开始无缝滚动的数据量 this.dataList.length
hoverStop: true, // 是否开启鼠标悬停stop
direction: 1, // 0向下 1向上 2向左 3向右
openWatch: true, // 开启数据实时监控刷新dom
@@ -341,7 +382,7 @@ export default {
width 48%
display flex
.lbox
width 75%
width 100%
.rbox
width 25%
.rbox-con
@@ -461,11 +502,19 @@ export default {
justify-content space-between
// padding 0 20px
padding 0 10px
span
color #f7b502
margin 0 20px
.li-right
margin-left 20px
.li-left, .li-right
_fj()
width 49%
background center / 100% 100% url(../../images/screen1/item_5.png) no-repeat
padding 0 4%
.hwz_num
_fj(flex-end)
span
&:first-child
color #f7b502
margin-right 10px
.three_w_item
// _wh(calc(50% - 15px), 100%)
width 100%