| | |
| | | </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: { |
| | |
| | | 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 { |