|  |  | 
 |  |  |                       <div class="safe_left_dian" :style="{ backgroundColor: item.color }"></div> | 
 |  |  |                       <div class="safe_left_name">{{item.name}}</div> | 
 |  |  |                     </div> | 
 |  |  |                     <div class="safe_num" :style="{ color: item.color }">{{item.total}}</div> | 
 |  |  |                     <div class="safe_num" :style="{ color: item.color }">{{item.value}}</div> | 
 |  |  |                   </div> | 
 |  |  | <!--                  <div class="safe_chat_info_row">--> | 
 |  |  | <!--                    <div class="safe_left">--> | 
 |  |  | 
 |  |  |                   <div class="safe_zhu_item_c"> | 
 |  |  |                     <div class="safe_zhu_item_c_t"> | 
 |  |  |                       <span>总车位:{{data.outHyLotTotal || 0}}</span> | 
 |  |  |                       <span>剩余车位:{{data.relatedJobCarTotal || 0}}</span> | 
 |  |  |                       <span>剩余车位:{{data.outHyLotTotal - data.relatedJobCarTotal || 0}}</span> | 
 |  |  |                     </div> | 
 |  |  |                     <div class="safe_zhu_item_c_b"> | 
 |  |  |                       <div class="safe_zhu_item_c_b_z" :style="{width: (data.relatedJobCarTotal / data.outHyLotTotal * 100) +'%'}"></div> | 
 |  |  |                       <div class="safe_zhu_item_c_b_z" :style="{width: ((data.outHyLotTotal - data.relatedJobCarTotal) / data.outHyLotTotal * 100) +'%'}"></div> | 
 |  |  |                     </div> | 
 |  |  |                   </div> | 
 |  |  |                 </div> | 
 |  |  | 
 |  |  |               <div class="com_header"> | 
 |  |  |                 <div class="title"> | 
 |  |  |                   <img src="@/assets/images/ic_title@2x.png" class="icon" alt="" /> | 
 |  |  |                   <div>隐患随手拍</div> | 
 |  |  |                   <div>本月隐患随手拍</div> | 
 |  |  |                 </div> | 
 |  |  |                 <img src="@/assets/images/task/title@2x.png" class="bg" alt="" /> | 
 |  |  |               </div> | 
 |  |  | 
 |  |  |                     </div> | 
 |  |  |                   </div> | 
 |  |  |                   <div v-if="arr1.length == 0" style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;"> | 
 |  |  |                     <img src="@/assets/images/default_empty.png" style="width: 120px; height: 120px;" alt=""> | 
 |  |  |                     <img src="@/assets/images/default_nowarning.png" style="width: 150px; height: 150px;" alt=""> | 
 |  |  |                   </div> | 
 |  |  |                 </div> | 
 |  |  |               </div> | 
 |  |  | 
 |  |  |                     </div> | 
 |  |  |                   </div> | 
 |  |  |                   <div v-if="arr2.length == 0" style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;"> | 
 |  |  |                     <img src="@/assets/images/default_empty.png" style="width: 120px; height: 120px;" alt=""> | 
 |  |  |                     <img src="@/assets/images/default_nowarning.png" style="width: 150px; height: 150px;" alt=""> | 
 |  |  |                   </div> | 
 |  |  |                 </div> | 
 |  |  |               </div> | 
 |  |  | 
 |  |  |   CarList.value = [] | 
 |  |  |   getEnergyCenterData().then(res => { | 
 |  |  |     if (res.code == 200) { | 
 |  |  |       totalCar.value = 0 | 
 |  |  |       const result = res.data | 
 |  |  |       data.value = result | 
 |  |  |       res.data.inParkCarList.forEach(item => { | 
 |  |  | 
 |  |  |         } else if (item.name === '货运车辆') { | 
 |  |  |           CarList.value.push({ name: '货运车辆', value: item.total, color: '#01ABFE' }) | 
 |  |  |         } else if (item.name === '未知车辆') { | 
 |  |  |           CarList.value.push({ name: '未知车辆', value: item.total, color: '#0028ff' }) | 
 |  |  |           CarList.value.push({ name: '未知车辆', value: item.total, color: '#cccccc' }) | 
 |  |  |         } | 
 |  |  |       }) | 
 |  |  |       nextTick(() => { |