入库、生产看板修改
This commit is contained in:
19289
src/config/mork00.js
19289
src/config/mork00.js
File diff suppressed because it is too large
Load Diff
BIN
src/images/screen1/number-bg.png
Normal file
BIN
src/images/screen1/number-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
@@ -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%
|
||||
|
||||
@@ -6,33 +6,35 @@
|
||||
<div class="four_wrap">
|
||||
<div class="item_tip item_tip_bg_m">
|
||||
<div class="item_tip_left">普通回温库物料</div>
|
||||
<div class="num_kw">
|
||||
<p class="p1"> | 当前空位数：</p>
|
||||
<div class="num_kw_i">
|
||||
<p class="p2" v-for="(e, i) in ptnum" :key="'ptnum' + i">{{ e }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_content">
|
||||
<div class="scroll_wrap">
|
||||
<ul class="scroll_tab_2">
|
||||
<li style="width: 4%;">序号</li>
|
||||
<li style="width: 12%;">货号</li>
|
||||
<li>供应商</li>
|
||||
<li>型号</li>
|
||||
<li style="width: 14%;">回温批次</li>
|
||||
<li style="width: 7%;">数量(托)</li>
|
||||
<li style="width: 9.5%;">需回温时间(h)</li>
|
||||
<li style="width: 9.5%;">已回温时间(h)</li>
|
||||
<li style="width: 6%;">状态</li>
|
||||
<li style="width: 22%">供应商</li>
|
||||
<li style="width: 22%">型号</li>
|
||||
<li style="width: 12%;">回温批次</li>
|
||||
<li style="width: 11%;">数量(托)</li>
|
||||
<li style="width: 12%;">已回温时间(h)</li>
|
||||
<li style="width: 9%;">状态</li>
|
||||
</ul>
|
||||
<div class="scroll_container_2">
|
||||
<vue-seamless-scroll :data="pt" :class-option="defaultOption2">
|
||||
<vue-seamless-scroll :data="pt" :class-option="defaultOption1">
|
||||
<ul class="scroll-ul_2">
|
||||
<li v-for="(e, i) in pt" :key="i" :class="{cgreen:e.state =='回温完成',cred:e.state =='回温中'}">
|
||||
<div class="scroll-ul_2_div" style="width: 4%;">{{i + 1}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 12%;">{{e.productName}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.supplierName}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.productDescription}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 14%;">{{e.batch}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 7%;">{{e.number}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 9.5%;">{{e.standingTime}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 9.5%;">{{e.usedTime}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 6%;">{{e.state}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 22%">{{e.supplierName}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 22%">{{e.productDescription}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 12%;">{{e.batch}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 11%;">{{e.number}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 12%;">{{e.usedTime}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 9%;">{{e.state}}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</vue-seamless-scroll>
|
||||
@@ -43,33 +45,35 @@
|
||||
<div class="four_wrap">
|
||||
<div class="item_tip item_tip_bg_m">
|
||||
<div class="item_tip_left">快速回温库物料</div>
|
||||
<div class="num_kw">
|
||||
<p class="p1"> | 当前空位数：</p>
|
||||
<div class="num_kw_i">
|
||||
<p class="p2" v-for="(e, i) in ksnum" :key="'ksnum' + i">{{ e }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_content">
|
||||
<div class="scroll_wrap">
|
||||
<ul class="scroll_tab_2">
|
||||
<li style="width: 4%;">序号</li>
|
||||
<li style="width: 12%;">货号</li>
|
||||
<li>供应商</li>
|
||||
<li>型号</li>
|
||||
<li style="width: 14%;">回温批次</li>
|
||||
<li style="width: 7%;">数量(托)</li>
|
||||
<li style="width: 9.5%;">需回温时间(h)</li>
|
||||
<li style="width: 9.5%;">已回温时间(h)</li>
|
||||
<li style="width: 6%;">状态</li>
|
||||
<li style="width: 22%">供应商</li>
|
||||
<li style="width: 22%">型号</li>
|
||||
<li style="width: 12%;">回温批次</li>
|
||||
<li style="width: 11%;">数量(托)</li>
|
||||
<li style="width: 12%;">已回温时间(h)</li>
|
||||
<li style="width: 9%;">状态</li>
|
||||
</ul>
|
||||
<div class="scroll_container_2">
|
||||
<vue-seamless-scroll :data="ks" :class-option="defaultOption2">
|
||||
<vue-seamless-scroll :data="ks" :class-option="defaultOption1">
|
||||
<ul class="scroll-ul_2">
|
||||
<li v-for="(e, i) in ks" :key="i" :class="['cgreen', 'cred'][Number(e.state)]">
|
||||
<div class="scroll-ul_2_div" style="width: 4%;">{{i + 1}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 12%;">{{e.productName}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.supplierName}}</div>
|
||||
<div class="scroll-ul_2_div">{{e.productDescription}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 14%;">{{e.batch}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 7%;">{{e.number}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 9.5%;">{{e.standingTime}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 9.5%;">{{e.usedTime}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 6%;">{{e.state}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 22%">{{e.supplierName}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 22%">{{e.productDescription}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 12%;">{{e.batch}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 11%;">{{e.number}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 12%;">{{e.usedTime}}</div>
|
||||
<div class="scroll-ul_2_div" style="width: 9%;">{{e.state}}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</vue-seamless-scroll>
|
||||
@@ -98,16 +102,18 @@ export default {
|
||||
timer: null,
|
||||
pt: [],
|
||||
ks: [],
|
||||
resData: {}
|
||||
resData: {},
|
||||
ptnum: [],
|
||||
ksnum: []
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
defaultOption2 () {
|
||||
defaultOption1 () {
|
||||
return {
|
||||
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
|
||||
@@ -137,6 +143,10 @@ export default {
|
||||
this.resData = res
|
||||
this.pt = res.pt
|
||||
this.ks = res.ks
|
||||
let ptnum = res.ptnum.split('')
|
||||
this.ptnum = [...ptnum]
|
||||
let ksnum = res.ksnum.split('')
|
||||
this.ksnum = [...ksnum]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -303,6 +313,7 @@ export default {
|
||||
.scroll_th
|
||||
color #2ef6ff
|
||||
.item_tip
|
||||
_fj(flex-start)
|
||||
_wh(100%, 32px)
|
||||
line-height 32px
|
||||
padding 0 10px
|
||||
@@ -313,13 +324,21 @@ export default {
|
||||
.item_tip_bg_m
|
||||
background center center / 100% 100% url(../../images/screen1/bg_title_l.png) no-repeat
|
||||
.item_tip_left
|
||||
_wh(60%, 100%)
|
||||
font-family "SourceHanSansCN"
|
||||
_font(14px, inherit, #fff, 700, left)
|
||||
letter-spacing 2px
|
||||
text-shadow 0 0 9px #159AFF
|
||||
padding-left 34px
|
||||
background center left / 22px 22px url(../../images/screen1/bg_title_tip.png) no-repeat
|
||||
.num_kw, .num_kw_i
|
||||
_fj()
|
||||
.p1
|
||||
_font(12px, 14px, #fff,,right)
|
||||
.p2
|
||||
_wh(18px, 24px)
|
||||
_font(14px, 24px, #fff,,center)
|
||||
background center left / 100% 100% url(../../images/screen1/number-bg.png) no-repeat
|
||||
margin 0 2px
|
||||
.item_content
|
||||
_wh(100%, calc(100% - 37px))
|
||||
margin-top 7px
|
||||
@@ -333,7 +352,7 @@ export default {
|
||||
li
|
||||
float left
|
||||
width 19%
|
||||
_font(12px,30px,#78B1DE,,center)
|
||||
_font(14px,30px,#78B1DE,,center)
|
||||
word-wrap break-word
|
||||
word-break break-all
|
||||
white-space nowrap
|
||||
@@ -365,7 +384,6 @@ export default {
|
||||
white-space nowrap
|
||||
padding 0 2px
|
||||
// overflow hidden
|
||||
scale 0.8
|
||||
.cblue div
|
||||
color #32C5FF !important
|
||||
.cgreen div
|
||||
|
||||
Reference in New Issue
Block a user