| | |
| | | </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"> |
| | |
| | | </div> |
| | | </div> |
| | | <div v-if="data7.length == 0" class="empty_wrap" style="margin-top: 50px;"> |
| | | <img src="@/assets/images/default_empty.png" alt=""> |
| | | <img src="@/assets/images/default_nowarning.png" alt=""> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | }]), |
| | | ] |
| | | const temp = [] |
| | | temp.push({ name: '签到数', value: data4.value?.signedNum || 0, rate: data4.value?.signedNum ? '100' : 0 }) |
| | | temp.push({ name: '已叫号', value: data4.value?.calledNum || 0, rate: data4.value?.signedNum ? (data4.value.calledNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) |
| | | temp.push({ name: '已作业', value: data4.value?.workedNum || 0, rate: data4.value?.signedNum ? (data4.value.workedNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) |
| | | temp.push({ name: '已完成', value: data4.value?.doneNum || 0, rate: data4.value?.signedNum ? (data4.value.doneNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) |
| | | // temp.push({ name: '签到数', value: data4.value?.signedNum || 0, rate: data4.value?.signedNum ? '100' : 0 }) |
| | | // temp.push({ name: '已叫号', value: data4.value?.calledNum || 0, rate: data4.value?.signedNum ? (data4.value.calledNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) |
| | | // temp.push({ name: '已作业', value: data4.value?.workedNum || 0, rate: data4.value?.signedNum ? (data4.value.workedNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) |
| | | // temp.push({ name: '已完成', value: data4.value?.doneNum || 0, rate: data4.value?.signedNum ? (data4.value.doneNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) |
| | | |
| | | temp.push({ name: '签到数', value: data4.value?.signedNum || 0, rate: data4.value?.signedNum || 0 }) |
| | | temp.push({ name: '已叫号', value: data4.value?.calledNum || 0, rate: data4.value?.calledNum || 0 }) |
| | | temp.push({ name: '已作业', value: data4.value?.workedNum || 0, rate: data4.value?.workedNum || 0 }) |
| | | temp.push({ name: '已完成', value: data4.value?.doneNum || 0, rate: data4.value?.doneNum || 0 }) |
| | | |
| | | console.log('temp', temp) |
| | | const option = { |
| | | color: colors, |
| | | tooltip: { |
| | |
| | | position: 'outside', |
| | | formatter: (params) => { |
| | | const index = params.dataIndex |
| | | return `{color${index}|${params.data.name} ${params.data.rate}%}` |
| | | return `{color${index}|${params.data.name} ${params.data.rate}}` |
| | | // return `<div>${params.data.name}</div>` |
| | | }, |
| | | rich: { |
| | |
| | | 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 { |