|  |  | 
 |  |  |       <img src="@/assets/images/ic_compass@2x.png" class="main_znz" alt="" /> | 
 |  |  |       <div class="main_header"> | 
 |  |  |         <img src="@/assets/images/maintitle.gif" class="main_header_bg" alt="" /> | 
 |  |  |         <div class="title">安泰智慧物流园区-智能安防监测</div> | 
 |  |  |         <div class="title">安泰智慧物流园区-智能安防管控</div> | 
 |  |  |         <div class="time_wrap"> | 
 |  |  |           <span class="date">{{ date }}</span> | 
 |  |  |           <span class="week">{{ week }}</span> | 
 |  |  | 
 |  |  |                   <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> |