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

getdata

Browse Source
This commit is contained in:
xiangxy
2024-02-29 17:56:21 +08:00
parent c67f0eb602
commit 5879690bb0
3 changed files with 327 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
src/pages/modules/SortWorkMonitor.vue
View File

@@ -33,6 +33,40 @@
<div class="b-item"><span>数量：</span><span>10000块</span></div>
</div>
</div>
<div class="e-box">
<div class="a-box">
<!-- <div class="a-title">分拣线2：</div> -->
<div class="pie_wraper_2">
<div class="w_wraper">
<div id="new_home_echart_02" style="width: 220px; height: 220px;"></div>
</div>
</div>
</div>
<div class="b-box">
<div class="b-item"><span>当前工单：</span><span>GD0000001</span></div>
<div class="b-item"><span>客户：</span><span>XXXX有限公司</span></div>
<div class="b-item"><span>物料：</span><span>VOD钢包砖</span></div>
<div class="b-item"><span>规格：</span><span>200*165/135*100</span></div>
<div class="b-item"><span>数量：</span><span>10000块</span></div>
</div>
</div>
<div class="e-box">
<div class="a-box">
<!-- <div class="a-title">人工分拣线：</div> -->
<div class="pie_wraper_2">
<div class="w_wraper">
<div id="new_home_echart_03" style="width: 220px; height: 220px;"></div>
</div>
</div>
</div>
<div class="b-box">
<div class="b-item"><span>分拣1：</span><span>VOD钢包砖</span></div>
<div class="b-item"><span>分拣2：</span><span>VOD钢包砖</span></div>
<div class="b-item"><span>分拣3：</span><span>VOD钢包砖</span></div>
<div class="b-item"><span>分拣4：</span><span>VOD钢包砖</span></div>
<div class="b-item"><span>分拣5：</span><span>VOD钢包砖</span></div>
</div>
</div>
</div>
<div class="two_wrap">
<div class="zdy_box">
@@ -129,8 +163,8 @@
<script>
import THeader from '@components/header3.vue'
import {sortProductionMonitor} from '@js/getData1.js'
// import {sortProductionMonitor} from '@js/mork2.js'
// import {sortProductionMonitor} from '@js/getData1.js'
import {sortProductionMonitor} from '@js/mork1.js'
export default {
name: 'SortWorkMonitor',
components: {
@@ -159,7 +193,7 @@ export default {
timer1: null,
timer2: null,
step: 0.4, // 数值越大速度滚动越快
limitMoveNum: 10, // 开始无缝滚动的数据量 this.dataList.length
limitMoveNum: 4, // 开始无缝滚动的数据量 this.dataList.length
hoverStop: true, // 是否开启鼠标悬停stop
direction: 1, // 0向下 1向上 2向左 3向右
openWatch: true, // 开启数据实时监控刷新dom
@@ -173,7 +207,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
@@ -184,6 +218,9 @@ export default {
}
},
mounted () {
this.setEchart01()
this.setEchart02()
this.setEchart03()
this.refresh()
},
beforeDestroy () {
@@ -443,12 +480,9 @@ export default {
.zero-wrap
_wh(100%, 12%)
padding 0 0 15px 0
// background center center / 100% 100% url(../../images/screen1/sctj_top.png) no-repeat
// overflow hidden
display flex
.zero-title
width 33%
margin-right 1%
width 32%
height 32px
line-height 32px
font-family: "SourceHanSansCN";
@@ -456,12 +490,54 @@ export default {
font-size 18px
color #ffffff
background center center / 100% 100% url(../../images/screen1/bg_title_s.png) no-repeat
&:nth-child(2)
margin-left 2%
margin-right 2%
.one_wrap
_wh(100%, 12%)
padding 0 0 15px 15px
// background center center / 100% 100% url(../../images/screen1/sctj_top.png) no-repeat
overflow hidden
display flex
.e-box
width 33.3%
height 240px
// background #ff0
display flex
.a-box
width 40%
height 260px
// background #fcc
// .a-title
// font-family: "SourceHanSansCN";
// font-weight: bold;
// line-height 34px
// font-size 18px
// color #32c5ff
// background center center / 100% 100% url(../../images/screen1/bg_title_s.png) no-repeat
.pie_wraper_2
// position absolute
// top 17px
// left 0
width 222px
height 222px
// width 70%
// height 70%
background center / 100% auto url('../../images/pie-bg_2.png') no-repeat
.w_wraper
width 100%
height 100%
.b-box
width 60%
margin-top 10px
.b-item
color #ffffff
line-height 36px
margin-top 5px
margin-left 25px
span
&:nth-child(1)
color #2ef6ff
.zdy_box
_fj(flex-start, flex-start)
flex-wrap wrap
@@ -500,14 +576,17 @@ export default {
_wh(100%, 40%)
.three_w_item
_wh(calc(50% - 15px), 100%)
height 200px
padding 15px
padding-left 65px
background-image linear-gradient(to bottom, #040b1a, #050919)
overflow hidden
&:first-child
margin-right 30px
.four_wrap
_wh(100%, calc(39% - 20px))
margin-top 20px
width 100%
// _wh(100%, calc(39% - 20px))
margin-top 40px
// padding 10px 15px
// background-image linear-gradient(to bottom, #050c1b, #16243c)
// border 2px solid #16243c
@@ -557,7 +636,8 @@ export default {
box-sizing border-box
.scroll_container_2
width 100%
height calc(100% - 40px)
// height calc(100% - 40px)
height 230px
overflow hidden
.scroll-ul_2
li
@@ -570,7 +650,7 @@ export default {
float left
_wh(10%, 44px)
_fj(center)
_font(14px, 44px, #fff,,center)
_font(12px, 44px, #fff,,center)
word-wrap break-word
word-break break-all
white-space nowrap