| | |
| | | </div> |
| | | </div> |
| | | <div class="center_box"> |
| | | |
| | | <div class="left_box_top_znz"> |
| | | <img src="@/assets/images/ic_compass@2x.png" alt="" /> |
| | | </div> |
| | | |
| | | <div class="center_box_one"> |
| | | <div class="static_wrap"> |
| | | <div class="item"> |
| | |
| | | series: [ |
| | | { |
| | | name: '分时作业量', |
| | | type: 'line', |
| | | smooth: true, |
| | | showAllSymbol: true, |
| | | symbol: 'circle', |
| | | symbolSize: 0, |
| | | lineStyle: { |
| | | color: '#2355f5', |
| | | borderColor: '#2355f5' |
| | | }, |
| | | type: 'bar', |
| | | barWidth: 10, |
| | | label: { |
| | | show: false, |
| | | position: 'top', |
| | | color: '#fff', |
| | | }, |
| | | itemStyle: { |
| | | color: "#2355f5", |
| | | lineStyle: { |
| | | width: 0, |
| | | type: 'solid' |
| | | } |
| | | }, |
| | | areaStyle: { |
| | | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
| | | { |
| | | offset: 0, |
| | | color: '#2355f5' |
| | | color: 'rgba(0, 208, 221, 1)' |
| | | }, |
| | | { |
| | | offset: 1, |
| | | color: 'rgba(14, 31, 65,0.1)' |
| | | color: 'rgba(0, 194, 255, 0.20)' |
| | | } |
| | | ], false), |
| | | shadowColor: 'rgba(124,248,255, 0)', |
| | | shadowBlur: 20 |
| | | lineStyle: { |
| | | width: 1, |
| | | type: 'solid' |
| | | }, |
| | | barBorderRadius: [30, 30, 0, 0], |
| | | }, |
| | | data: dataList3.value.map(i => i.workNum || 0) |
| | | }, |
| | | { |
| | | name: '累计作业量', |
| | | type: 'bar', |
| | | barWidth: 6, |
| | | barWidth: 10, |
| | | label: { |
| | | show: false, |
| | | position: 'top', |
| | |
| | | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
| | | { |
| | | offset: 0, |
| | | color: '#63d6fa' |
| | | color: 'rgba(0, 86, 255, 1)' |
| | | }, |
| | | { |
| | | offset: 1, |
| | | color: '#32718d' |
| | | color: 'rgba(0, 86, 255, 0.20)' |
| | | } |
| | | ], false), |
| | | lineStyle: { |
| | |
| | | cnplatformWorkData().then(res => { |
| | | const result = res.data || [] |
| | | dataList5.value = result.map(i => { |
| | | i.statusTemp = i.status == 0 ? '作业中' : i.status == 1 ? '空闲中' : '作业超时' |
| | | i.statusTemp = i.status == 0 ? '作业中' : i.status == 1 ? '空闲中' : i.status == 2 ? '作业超时' : '叫号中' |
| | | if (i.workTime) { |
| | | // i.workTime = dayjs.duration(i.workTime * 1000).format('HH小时mm分') |
| | | i.workTime = (i.workTime / 60).toFixed(0) |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | position: relative; |
| | | |
| | | .left_box_top_znz { |
| | | width: 68px; |
| | | height: 68px; |
| | | position: absolute; |
| | | right: 30px; |
| | | top: 150px; |
| | | img { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | } |
| | | |
| | | .center_box_one { |
| | | .static_wrap { |