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