|  |  |  | 
|---|
|  |  |  | </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"> | 
|---|
|  |  |  | 
|---|
|  |  |  | { | 
|---|
|  |  |  | name: '分时作业量', | 
|---|
|  |  |  | type: 'bar', | 
|---|
|  |  |  | barWidth: 15, | 
|---|
|  |  |  | barWidth: 10, | 
|---|
|  |  |  | label: { | 
|---|
|  |  |  | show: false, | 
|---|
|  |  |  | position: 'top', | 
|---|
|  |  |  | 
|---|
|  |  |  | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | offset: 0, | 
|---|
|  |  |  | color: '#63d6fa' | 
|---|
|  |  |  | color: 'rgba(0, 208, 221, 1)' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | offset: 1, | 
|---|
|  |  |  | color: '#32718d' | 
|---|
|  |  |  | color: 'rgba(0, 194, 255, 0.20)' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ], false), | 
|---|
|  |  |  | lineStyle: { | 
|---|
|  |  |  | 
|---|
|  |  |  | { | 
|---|
|  |  |  | name: '累计作业量', | 
|---|
|  |  |  | type: 'bar', | 
|---|
|  |  |  | barWidth: 15, | 
|---|
|  |  |  | 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 { | 
|---|