This commit is contained in:
2024-05-14 15:17:47 +08:00
parent ae1cff58ea
commit c69520d5ac
3 changed files with 64 additions and 70 deletions

View File

@@ -24,7 +24,17 @@ export const rk = () => {
let res = {
'wrk': [
{
'supplierName': '',
'supplierName': '四川永祥光伏科技有限公司',
'palletSN': 'FCS20231206001',
'qty': '122.74',
'incomingWeight': '122.74',
'productDescription': 'N型单晶硅粘棒182X182',
'productName': '220100043'
}
],
'kn': [
{
'supplierName': '四川永祥光伏科技有限公司',
'palletSN': 'FCS20231206001',
'qty': '122.74',
'incomingWeight': '122.74',
@@ -32,7 +42,6 @@ export const rk = () => {
'productName': '220100043'
}
],
'kn': [],
'kc': {
'pendSum': '2',
'pendWeight': '0.12',
@@ -83,10 +92,10 @@ export const sc = () => {
let res = {
'pt': [
{
'supplierName': '',
'supplierName': '四川永祥光伏科技有限公司限公司',
'number': '',
'usedTime': '215',
'batch': '20240409',
'batch': '20240409172647',
'state': '回温完成',
'standingTime': '',
'productDescription': '',

View File

@@ -5,7 +5,7 @@
<div class="container">
<div class="sec sec1">
<div class="four_wrap">
<div class="item_tip item_tip_bg_l">
<div class="item_tip item_tip_bg_s">
<div class="item_tip_left">库存情况</div>
</div>
<div class="item_content con01">
@@ -41,7 +41,7 @@
</div>
</div>
<div class="four_wrap">
<div class="item_tip item_tip_bg_l">
<div class="item_tip item_tip_bg_s">
<div class="item_tip_left">货位占用</div>
</div>
<div class="item_content con01">
@@ -80,8 +80,8 @@
</div>
</div>
<div class="sec sec2">
<div class="four_wrap">
<div class="item_tip item_tip_bg_l">
<div class="bottom_wrap">
<div class="item_tip item_tip_bg_m">
<div class="item_tip_left">库内物料</div>
</div>
<div class="item_content">
@@ -113,39 +113,6 @@
</div>
</div>
</div>
<div class="four_wrap">
<div class="item_tip item_tip_bg_l">
<div class="item_tip_left">未入库物料</div>
</div>
<div class="item_content">
<div class="scroll_wrap">
<ul class="scroll_tab_2">
<li style="width: 7%;">序号</li>
<li style="width: 17%;">托盘号</li>
<li style="width: 17%;">物料编码</li>
<li>名称</li>
<!-- <li>数量()</li> -->
<li style="width: 13%;">重量(kg)</li>
<li>供应商</li>
</ul>
<div class="scroll_container_2">
<vue-seamless-scroll :data="wrk" :class-option="defaultOption2">
<ul class="scroll-ul_2">
<li v-for="(e, i) in wrk" :key="i">
<div class="scroll-ul_2_div" style="width: 7%;">{{i + 1}}</div>
<div class="scroll-ul_2_div" style="width: 17%;">{{e.palletSN}}</div>
<div class="scroll-ul_2_div" style="width: 17%;">{{e.productName}}</div>
<div class="scroll-ul_2_div">{{e.productDescription}}</div>
<!-- <div class="scroll-ul_2_div">{{e.qty}}</div> -->
<div class="scroll-ul_2_div" style="width: 13%;">{{e.incomingWeight}}</div>
<div class="scroll-ul_2_div">{{e.supplierName}}</div>
</li>
</ul>
</vue-seamless-scroll>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="bottom"></section>
@@ -342,6 +309,8 @@ export default {
padding 30px 25.09px 0
overflow hidden
clear both
.bottom_wrap
width 100%
.sec
width 100%
height 50%
@@ -419,6 +388,10 @@ export default {
padding 0 10px
.item_tip_bg_l
background center center / 100% 100% url(../../images/screen1/bg_title_j.png) no-repeat
.item_tip_bg_s
background center center / 100% 100% url(../../images/screen1/bg_title_s.png) no-repeat
.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"
@@ -464,13 +437,17 @@ export default {
float left
_wh(23%, 30px)
_fj(center)
_font(12px, 44px, #fff,,center)
font-size: 12px;
// line-height: 44px;
color: #fff;
font-weight: normal;
text-align: center;
word-wrap break-word
word-break break-all
white-space nowrap
// white-space nowrap
padding 0 2px
// overflow hidden
scale 0.61
scale 0.9
.lbox
.list-con
.li

View File

@@ -4,35 +4,35 @@
</t-header>
<div class="container">
<div class="four_wrap">
<div class="item_tip item_tip_bg_l">
<div class="item_tip item_tip_bg_m">
<div class="item_tip_left">普通回温库物料</div>
</div>
<div class="item_content">
<div class="scroll_wrap">
<ul class="scroll_tab_2">
<li>序号</li>
<li style="width: 5%;">序号</li>
<li>货号</li>
<li>供应商</li>
<li>型号</li>
<li>回温批次</li>
<li>数量()</li>
<li>需回温时间(h)</li>
<li>已回温时间(h)</li>
<li>状态</li>
<li style="width: 10%;">数量()</li>
<li style="width: 9.5%;">需回温时间(h)</li>
<li style="width: 9.5%;">已回温时间(h)</li>
<li style="width: 6%;">状态</li>
</ul>
<div class="scroll_container_2">
<vue-seamless-scroll :data="pt" :class-option="defaultOption2">
<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">{{i + 1}}</div>
<div class="scroll-ul_2_div" style="width: 5%;">{{i + 1}}</div>
<div class="scroll-ul_2_div">{{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">{{e.batch}}</div>
<div class="scroll-ul_2_div">{{e.number}}</div>
<div class="scroll-ul_2_div">{{e.standingTime}}</div>
<div class="scroll-ul_2_div">{{e.usedTime}}</div>
<div class="scroll-ul_2_div">{{e.state}}</div>
<div class="scroll-ul_2_div" style="width: 10%;">{{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>
</li>
</ul>
</vue-seamless-scroll>
@@ -41,35 +41,35 @@
</div>
</div>
<div class="four_wrap">
<div class="item_tip item_tip_bg_l">
<div class="item_tip item_tip_bg_m">
<div class="item_tip_left">快速回温库物料</div>
</div>
<div class="item_content">
<div class="scroll_wrap">
<ul class="scroll_tab_2">
<li>序号</li>
<li style="width: 5%;">序号</li>
<li>货号</li>
<li>供应商</li>
<li>型号</li>
<li>回温批次</li>
<li>数量()</li>
<li>需回温时间(h)</li>
<li>已回温时间(h)</li>
<li>状态</li>
<li style="width: 10%;">数量()</li>
<li style="width: 9.5%;">需回温时间(h)</li>
<li style="width: 9.5%;">已回温时间(h)</li>
<li style="width: 6%;">状态</li>
</ul>
<div class="scroll_container_2">
<vue-seamless-scroll :data="ks" :class-option="defaultOption2">
<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">{{i + 1}}</div>
<div class="scroll-ul_2_div" style="width: 5%;">{{i + 1}}</div>
<div class="scroll-ul_2_div">{{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">{{e.batch}}</div>
<div class="scroll-ul_2_div">{{e.number}}</div>
<div class="scroll-ul_2_div">{{e.standingTime}}</div>
<div class="scroll-ul_2_div">{{e.usedTime}}</div>
<div class="scroll-ul_2_div">{{e.state}}</div>
<div class="scroll-ul_2_div" style="width: 10%;">{{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>
</li>
</ul>
</vue-seamless-scroll>
@@ -308,6 +308,10 @@ export default {
padding 0 10px
.item_tip_bg_l
background center center / 100% 100% url(../../images/screen1/bg_title_j.png) no-repeat
.item_tip_bg_s
background center center / 100% 100% url(../../images/screen1/bg_title_s.png) no-repeat
.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"
@@ -328,7 +332,7 @@ export default {
border-bottom 1px solid rgba(8,205,248,0.3)
li
float left
width 11%
width 15%
_font(12px,30px,#78B1DE,,center)
word-wrap break-word
word-break break-all
@@ -350,14 +354,18 @@ export default {
box-shadow inset 0px 1px 0px 0px rgba(13,89,115,0.3)
.scroll-ul_2_div
float left
_wh(11%, 44px)
_wh(15%, 44px)
_fj(center)
_font(12px, 44px, #fff,,center)
font-size: 12px;
color: #fff;
font-weight: normal;
text-align: center;
word-wrap break-word
word-break break-all
white-space nowrap
padding 0 2px
overflow hidden
// overflow hidden
scale 0.8
.cblue div
color #32C5FF !important
.cgreen div