| | |
| | | 位置: <span>{{ item.region.toString() }}</span> |
| | | </p> |
| | | </div> |
| | | <div class="area-head" :class="item.points.some((e) => e.reportResult == null) ? 'fadeBorder' : ''"> |
| | | <div class="indicator" :class="item.points.every((e) => e.reportResult == null) ? 'someUndone' : (item.points.some((e) => e.reportResult == 1) ? 'somewarning' : '')"> |
| | | <div class="area-head"> |
| | | <div class="indicator" :class="item.points.some((e) => e.reportResult == 1) ? 'somewarning' : (item.points.some((e) => e.reportResult == null) ? 'someUndone' : '')"> |
| | | <div class="indi-dot"></div> |
| | | <!-- <div class="indi-pulse"></div>--> |
| | | <!-- <div class="indi-pulse1"></div>--> |
| | | </div> |
| | | <div class="arrow" v-if="item.points.some((e) => e.reportResult != null)"></div> |
| | | <div class="top-line" :class="item.points.some((e) => e.reportResult == null) ? 'fadeLine' : ''"></div> |
| | | <div class="top-line" :class="item.points.some((e) => e.reportResult !== null) ? '' : 'fadeLine'"></div> |
| | | </div> |
| | | <div class="more-info"> |
| | | <div class="item" v-for="(t, i) in item.points" :key="i" :class="t.reportResult == null ? 'undone' : t.reportResult == 1 ? 'warning' : ''"> |
| | |
| | | alert('您的浏览器不支持socket'); |
| | | } else { |
| | | // 实例化socket |
| | | var url = state.path + id; |
| | | let uid = userInfos.value.uid.toString() |
| | | var url = state.path + uid + '*' + id; |
| | | console.log(url,'url') |
| | | url = url.replace('https', 'ws').replace('http', 'ws'); |
| | | console.log(url, '获取地址'); |
| | | state.socket = new window.WebSocket(url); |
| | |
| | | } |
| | | .fadeLine { |
| | | width: 100%; |
| | | border-top: 1px solid #ccc; |
| | | border-top: 1px solid rgba(54,252,252,.6); |
| | | } |
| | | } |
| | | .fadeBorder { |
| | | border-left: 1px solid rgba(54, 252, 252, 0.4); |
| | | border-left: 1px solid #ccc; |
| | | } |
| | | .more-info { |
| | | width: 100%; |
| | |
| | | } |
| | | } |
| | | .undone { |
| | | border-left: 1px solid rgba(54, 252, 252, 0.4); |
| | | & > section { |
| | | border: 1px solid #ccc; |
| | | |