This commit is contained in:
2025-07-11 15:06:24 +08:00
parent 1144633dfa
commit b3d1b56c92

View File

@@ -28,16 +28,16 @@
<vue-seamless-scroll :data="dataList1" :class-option="defaultOption1">
<ul class="scroll-ul_1">
<li v-for="(e, i) in dataList1" :key="i">
<div class="scroll-ul_1_div">{{e.customer}}</div>
<div class="scroll-ul_1_div">{{e.production_materials}}</div>
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.customer}}</div>
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.production_materials}}</div>
<!-- <div class="scroll-ul_1_div">
<span class="state" :class="'state_' + e.status"></span>
<p class="state_name">{{['关机', '待机', '生产中', '故障'][Number(e.status)]}}</p>
</div> -->
<div class="scroll-ul_1_div">{{e.large_model}}</div>
<div class="scroll-ul_1_div">{{e.small_model}}</div>
<div class="scroll-ul_1_div">{{e.batch_number}}</div>
<div class="scroll-ul_1_div">{{e.weight}}</div>
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.large_model}}</div>
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.small_model}}</div>
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.batch_number}}</div>
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.weight}}</div>
<div class="scroll-ul_1_div" :class="{cyellow:e.dd_status ==='进行中',cgreen:e.dd_status ==='未开始',cpink:e.dd_status ==='已完成'}">{{e.dd_status}}</div>
</li>
</ul>
@@ -506,7 +506,7 @@ export default {
background center / 100% 100% url('../../../images/bg-title_2_s.png') no-repeat
padding 2px 22px
p
font-size 14px
font-size 15px
font-weight: 400;
color: #fff;
line-height 12px
@@ -546,7 +546,7 @@ export default {
li
float left
width 14%
font-size 13px;
font-size 15px;
line-height 20px
// color #AFBED8
color #E2BB0E
@@ -569,7 +569,7 @@ export default {
width calc(100% - 20px)
.scroll_container_1
width 100%
height calc(100% - 20px)
height calc(100% - 30px)
overflow hidden
.scroll-ul_1
li
@@ -579,7 +579,8 @@ export default {
&:nth-child(even)
background rgba(31,46,73,0.7)
&:nth-child(odd)
background rgba(31,46,73,0.55)
// background rgba(31,46,73,0.55)
background rgba(16, 38, 78, 0.55)
.scroll-ul_1_div
float left
width 14%
@@ -589,7 +590,7 @@ export default {
justify-content center
align-items center
flex-wrap nowrap
font-size 8px
font-size 14px
line-height 8px
color #B2BBD7
text-align center
@@ -614,7 +615,7 @@ export default {
li
float left
width 33%
font-size 13px;
font-size 15px;
line-height 20px
// color #AFBED8
color #E2BB0E
@@ -647,7 +648,8 @@ export default {
&:nth-child(even)
background rgba(31,46,73,0.7)
&:nth-child(odd)
background rgba(31,46,73,0.55)
// background rgba(31,46,73,0.55
background rgba(16, 38, 78, 0.55)
.scroll-ul_2_div
float left
width 33%
@@ -657,7 +659,7 @@ export default {
justify-content center
align-items center
flex-wrap nowrap
font-size 8px
font-size 14px
line-height 8px
color #B2BBD7
text-align center