| | |
| | | :showRealPoll="cameraType === 'camera'" |
| | | :ShowLocalVedio="cameraType === 'dataStack'" |
| | | v-if="showSysInfo" |
| | | style="margin-left: 10px;margin-top:-10px" |
| | | style="margin-top:-10px" |
| | | /> |
| | | </div> |
| | | </div> |
| | |
| | | }; |
| | | }, |
| | | mounted() { |
| | | this.mockAsync() |
| | | this.mockAsync(); |
| | | this.PollData.statistics(); |
| | | }, |
| | | |
| | | methods: { |
| | |
| | | .swiper-box { |
| | | height: 100%; |
| | | float: left; |
| | | width: 48%; |
| | | width: 46%; |
| | | margin-top: -10px; |
| | | position: relative; |
| | | } |
| | | .swiper-container { |
| | | position: initial; |
| | | min-width: 472px; |
| | | width: 80%; |
| | | |
| | | // height: 124px; |
| | | width: 86%; |
| | | } |
| | | .swiper-slide { |
| | | position: relative; |
| | |
| | | backdrop-filter: blur(1px) brightness(100%); |
| | | display: none; |
| | | } |
| | | |
| | | // @media screen and(max-width: 1280px) { |
| | | // max-width: 110px; |
| | | // } |
| | | @media screen and(max-width: 1440px) { |
| | | max-width: 110px; |
| | | } |
| | |
| | | } |
| | | .top-right { |
| | | float: right; |
| | | width: 52%; |
| | | width: 54%; |
| | | height: 144px; |
| | | .card-box{ |
| | | width: 54%!important; |
| | | } |
| | | .eCharts-box{ |
| | | width: 45%; |
| | | canvas{ |
| | | width: 98%!important; |
| | | } |
| | | } |
| | | } |
| | | .task-css { |
| | | text-align: left; |
| | |
| | | color: #3d68e1; |
| | | margin-left: 10px; |
| | | font-size: 14px; |
| | | } |
| | | .task-tip { |
| | | font-family: PingFangSC-Regular; |
| | | font-size: 12px; |
| | | color: #cccccc; |
| | | margin-top: 10%; |
| | | margin-left: 38%; |
| | | } |
| | | |
| | | .marker { |