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