| | |
| | | <span class="name">{{ data.name }}</span> |
| | | |
| | | <span class="status"> |
| | | <span :class="getStatusType(data.status)"> |
| | | <span :class="getWorkModeType(data.workMode)"> |
| | | |
| | | </span> |
| | | |
| | | <span> |
| | | {{ getStatusText(data.status) }} |
| | | {{ getWorkModeText(data.workMode) }} |
| | | </span> |
| | | </span> |
| | | </div> |
| | |
| | | return value || '-' |
| | | } |
| | | |
| | | const getStatusType = (value) => { |
| | | if (value === 0 || value === '0') return 'detecting' |
| | | const getWorkModeText = (value) => { |
| | | if (value === 1 || value === '1') return '侦测中' |
| | | if (value === 2 || value === '2') return '信号干扰中' |
| | | if (value === 3 || value === '3') return '诱导驱离中' |
| | | if (value === 4 || value === '4') return '待机' |
| | | return value || '-' |
| | | } |
| | | |
| | | const getWorkModeType = (value) => { |
| | | if (value === 1 || value === '1') return 'detecting' |
| | | if (value === 2 || value === '2') return 'jamming' |
| | | if (value === 3 || value === '3') return 'driving' |
| | | if (value === 4 || value === '4') return 'standby' |
| | | return '' |
| | | } |
| | | </script> |
| | |
| | | background: #FF4444; |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | span.driving { |
| | | width: 4px; |
| | | height: 4px; |
| | | background: #FFB020; |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | span.standby { |
| | | width: 4px; |
| | | height: 4px; |
| | | background: #9AA4B2; |
| | | border-radius: 50%; |
| | | } |
| | | } |
| | | } |
| | | } |