| | |
| | | <img src="@/assets/images/SecurityControl/title_short@2x.png" class="bg" alt=""> |
| | | </div> |
| | | <div class="num_wrap"> |
| | | <div class="num">{{ data.internalCarTotal }}</div> |
| | | <div class="num">{{ data.inParkCarTotal || 0 }}</div> |
| | | <img src="@/assets/images/SecurityControl/anfang_ic_data@2x.png" class="bg" alt=""> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="list two-swiper"> |
| | | <div class="swiper-wrapper"> |
| | | <template v-for="item, i in dataList2.filter(i => i.total > 0)"> |
| | | <template v-for="item, i in dataList2.filter(i => i.totalNum > 0)"> |
| | | <div class="item two-swiper-slide swiper-slide"> |
| | | <div class="line"> |
| | | <div class="driver">{{ item.deviceType }}</div> |
| | |
| | | }) |
| | | } |
| | | |
| | | const colors = ['#FEAF01', '#01ABFE', '#51F9E4'] |
| | | const colors = [ '#01ABFE','#FEAF01', '#51F9E4'] |
| | | const initEchart2 = () => { |
| | | const myChart = echarts.init(document.getElementById('echart2')) |
| | | const option = { |
| | |
| | | } |
| | | return item |
| | | }) |
| | | console.log('dataList2', dataList2.value); |
| | | |
| | | data2.value = total |
| | | if (online >= outline) { |
| | | temp.push({ name: '在线', value: online, rate: ((online / (online + outline)) * 100).toFixed(1) }) |
| | |
| | | initialSlide: 0, |
| | | direction: 'vertical', //竖直方向 |
| | | slidesPerView: 3, |
| | | autoplay: autoplayFlag(dataList2.value.filter(i => i.total > 0), 3, 4000), |
| | | autoplay: autoplayFlag(dataList2.value.filter(i => i.totalNum > 0), 3, 4000), |
| | | observer: true, //修改swiper自己或子元素时,自动初始化swiper |
| | | }) |
| | | } |