|  |  |  | 
|---|
|  |  |  | <div class="com_header"> | 
|---|
|  |  |  | <div class="title"> | 
|---|
|  |  |  | <img src="@/assets/images/ic_title@2x.png" class="icon" alt="" /> | 
|---|
|  |  |  | <div>累计出库量统计(万只)</div> | 
|---|
|  |  |  | <div>累计出库量统计(万支)</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="tabs"> | 
|---|
|  |  |  | <div class="tab" :class="{ active: activeTab1 == 0 }" @click="tabClick1(0)">本月</div> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="center_box_two"> | 
|---|
|  |  |  | <div class="list"> | 
|---|
|  |  |  | <div class="list"  style="z-index: 10000"> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <img src="@/assets/images/LogisticsCenter/car_zaitu@2x.png" alt=""> | 
|---|
|  |  |  | <span>在途:{{ data7.busyNum }}</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | <span>离线:{{ data7.offlineNum }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="echart_wrap"> | 
|---|
|  |  |  | <div class="echart_wrap" style="width: 100%;height: 100%"> | 
|---|
|  |  |  | <div ref="echartMap" class="echart_map" id="echartMap"></div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="warnning_info"> | 
|---|
|  |  |  | <div class="warnning_info"  style="z-index: 10000"> | 
|---|
|  |  |  | <div class="head" @click="isShowCarW = !isShowCarW"> | 
|---|
|  |  |  | <img src="../assets/images/FireFighting/fire_right.png" alt=""> | 
|---|
|  |  |  | <span>车辆报警</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div @click="openCloudAddr" class="monitoring"> | 
|---|
|  |  |  | <div @click="openCloudAddr" class="monitoring"  style="z-index: 10000"> | 
|---|
|  |  |  | <img src="@/assets/images/ic_jiankong@2x.png" class="icon" alt=""> | 
|---|
|  |  |  | <div>车辆监控平台</div> | 
|---|
|  |  |  | <img class="top" src="@/assets/images/SecurityControl/ar_open@2x.png" alt=""> | 
|---|
|  |  |  | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | yAxis: [ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | type: 'value', | 
|---|
|  |  |  | name: '万支', | 
|---|
|  |  |  | offset: 0, | 
|---|
|  |  |  | type: 'value', | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | geo: [{ | 
|---|
|  |  |  | map: 'js', | 
|---|
|  |  |  | roam: false, //是否允许缩放 | 
|---|
|  |  |  | roam: true, //是否允许缩放 | 
|---|
|  |  |  | zoom: 1.2, //默认显示级别 | 
|---|
|  |  |  | scaleLimit: { | 
|---|
|  |  |  | min: 0, | 
|---|
|  |  |  | max: 3 | 
|---|
|  |  |  | max: 50 | 
|---|
|  |  |  | }, //缩放级别 | 
|---|
|  |  |  | label: { | 
|---|
|  |  |  | show: true, // 始终显示文字 | 
|---|
|  |  |  | color: '#fff' // 设置文字颜色 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | itemStyle: { | 
|---|
|  |  |  | normal: { | 
|---|
|  |  |  | areaColor: 'transparent', | 
|---|
|  |  |  | borderColor: '#3fdaff', | 
|---|
|  |  |  | borderWidth: 2, | 
|---|
|  |  |  | shadowColor: 'rgba(63, 218, 255, 0.5)', | 
|---|
|  |  |  | shadowBlur: 30 | 
|---|
|  |  |  | areaColor: '#1d3b60', | 
|---|
|  |  |  | borderColor: '#428598', | 
|---|
|  |  |  | borderWidth: 1, | 
|---|
|  |  |  | // shadowColor: 'rgba(63, 218, 255, 0.5)', | 
|---|
|  |  |  | // shadowBlur: 30 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | emphasis: { | 
|---|
|  |  |  | areaColor: '#2B91B7', | 
|---|
|  |  |  | areaColor: '#5bc7d5', | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | tooltip: { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //地图 | 
|---|
|  |  |  | /* //地图 | 
|---|
|  |  |  | { | 
|---|
|  |  |  | type: 'map', | 
|---|
|  |  |  | mapType: 'js', | 
|---|
|  |  |  | geoIndex: -1, | 
|---|
|  |  |  | zoom: 1.2, //默认显示级别 | 
|---|
|  |  |  | // roam: true, // 开启缩放和平移 | 
|---|
|  |  |  | label: { | 
|---|
|  |  |  | show: true, | 
|---|
|  |  |  | color: '#ffffff', | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data: data | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | },*/ | 
|---|
|  |  |  | ...serData, | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .center_box_three{ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .center_box_two { | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | width: 100%; | 
|---|