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

样式

Browse Source
This commit is contained in:
xiangxy
2023-08-29 14:37:48 +08:00
parent 01228b945b
commit bd2ec13c28
5 changed files with 38 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/screen1/bg_title_j.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
src/assets/images/screen1/bg_title_l.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
src/assets/images/screen1/bg_title_s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
src/assets/images/screen1/bg_title_tip.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 895 B

57
src/pages/shunhe/ProdCount.vue
View File

@@ -39,13 +39,15 @@
</div>
<div class="center_wrapper" style="display:flex">
<div class="con2">
<div class="title">混碾生产</div>
<!-- <div class="title">混碾生产</div> -->
<div class="title"><span class="dotIncon"></span><span class="tltxt">混碾生产</span></div>
<div class="item_content_0">
<div id="echart_d01" style="width: 100%; height: 100%"></div>
</div>
</div>
<div class="con3" style="position: relative">
<div class="title">在制品设备生产量</div>
<!-- <div class="title">在制品设备生产量</div> -->
<div class="title"><span class="dotIncon"></span><span class="tltxt">在制品设备生产量</span></div>
<div class="item_content_1">
<div id="echarts2" style="width: 100%; height: 100%;"></div>
</div>
@@ -59,7 +61,8 @@
</div>
</div>
<div class="con03">
<div class="title">成品计划完成率</div>
<!-- <div class="title">成品计划完成率</div> -->
<div class="title"><span class="dotIncon"></span><span class="tltxt">成品计划完成率</span></div>
<div class="item_content_1">
<div id="echart_d1" style="width: 100%; height: 100%"></div>
</div>
@@ -67,7 +70,8 @@
</div>
<div class="con4">
<div class="block_h2">
<h2>生产任务</h2>
<!-- <h2>生产任务</h2> -->
<div class="title"><span class="dotIncon"></span><span class="tltxt">生产任务</span></div>
</div>
<div class="list_scroll_title">
<span>订单</span><span>工序</span><span>设备</span><span>物料号</span><span>生产物料</span><span>厂家</span><span>计划量</span><span>生产量</span><span>生产状态</span><span>计划开始时间</span><span>开始时间</span><span>结束时间</span>
@@ -192,8 +196,9 @@ export default {
let data = this.resData.mixProduction
var option = {
legend: {
// orient: 'vertical',
orient: 'horizontal',
bottom: '0%',
top: '0%',
textStyle: {
color: '#fff',
fontWeight: 'bold',
@@ -603,9 +608,20 @@ export default {
.title
_wh(calc(100% - 34px), 32px)
margin 17px 0
padding-left 0.48rem
padding-left 0.18rem
_font(16px, 32px, #fff,,left)
background center center / 100% 100% url(../../assets/images/screen1/title_bg_d1.png) no-repeat
background center center / 100% 100% url(../../assets/images/screen1/bg_title_s.png) no-repeat
.tltxt
position relative
top -3px
.dotIncon
display inline-block
width 26px
height 26px
position relative
top 3px
left -6px
background center center / 100% 100% url(../../assets/images/screen1/bg_title_tip.png) no-repeat
.desc
_wh(100%, 32px)
_fj(row, center)
@@ -616,10 +632,12 @@ export default {
color #F7B502
margin 0 30px
.item_content_0
position relative
_wh(calc(100% - 44px), calc(100% - 112px))
margin 17px auto
// margin 17px auto
.con3
width calc(40% - 15px)
// width calc(40% - 15px)
width 40%
height 100%
overflow hidden
position relative
@@ -627,9 +645,9 @@ export default {
position absolute
_wh(calc(100% - 34px), 32px)
margin 17px
padding-left 0.48rem
padding-left 0.18rem
_font(16px, 32px, #fff,,left)
background center center / 100% 100% url(../../assets/images/screen1/title_bg_d2.png) no-repeat
background center center / 100% 100% url(../../assets/images/screen1/bg_title_l.png) no-repeat
.item_content_1
_wh(calc(100% - 44px), 100%)
margin 45px auto
@@ -646,7 +664,8 @@ export default {
font-size .22rem
color #F7B502
.con03
width calc(30% - 15px)
// width calc(30% - 15px)
width 30%
height 100%
overflow hidden
position relative
@@ -654,9 +673,9 @@ export default {
position absolute
_wh(calc(100% - 34px), 32px)
margin 17px
padding-left 0.48rem
padding-left 0.18rem
_font(16px, 32px, #fff,,left)
background center center / 100% 100% url(../../assets/images/screen1/title_bg_d1.png) no-repeat
background center center / 100% 100% url(../../assets/images/screen1/bg_title_s.png) no-repeat
.item_content_1
_wh(calc(100% - 44px), 100%)
margin 45px auto
@@ -666,14 +685,14 @@ export default {
overflow hidden
position relative
.block_h2
_wh(calc(100% - 34px), 32px)
_wh(calc(100% - 0px), 32px)
margin 17px 0 10px 0
padding-left 0.55rem
background center center / 100% 100% url(../../assets/images/screen1/title_bg_d2.png) no-repeat
padding-left 0.18rem
background center center / 100% 100% url(../../assets/images/screen1/bg_title_j.png) no-repeat
h2
_font(16px, 32px, #fff,,left)
.list_scroll_title
_wh(calc(100% - 50px), 32px)
_wh(calc(100% - 0px), 32px)
margin 0 auto
background #262F52
line-height 32px
@@ -689,7 +708,7 @@ export default {
&:nth-child(2)
width 12%
.content-block-scroll
_wh(calc(100% - 50px), calc(100% - 113px))
_wh(calc(100% - 0px), calc(100% - 113px))
margin 0 auto 25px auto
overflow hidden
.content-block-scroll-ul