| | |
| | | import EventBus from '@/event-bus' |
| | | |
| | | const isAutoControl = inject('isAutoControl') |
| | | const isBackDock = inject('isBackDock') |
| | | |
| | | const list3 = computed(() => [ |
| | | { name: '自动控制', svg: 'autoControl', style: { top: '-70%' }, active: isAutoControl.value, handle: autoControl }, |
| | | { name: '自动控制', svg: 'autoControl', style: { top: '-70%' }, active: isAutoControl.value && !isBackDock.value, handle: autoControl }, |
| | | //如果是返航, 继续任务 就是自动任务 |
| | | //如果是取消返航, 继续任务 就是自动任务 |
| | | { name: '继续任务', svg: 'continueTask', style: { left: '70%' }, active: false, handle: autoControl }, |
| | | { |
| | | name: '手动控制', |
| | | svg: 'manualControl', |
| | | style: { top: '70%' }, |
| | | active: !isAutoControl.value, |
| | | active: !isAutoControl.value && !isBackDock.value, |
| | | handle: manualControl, |
| | | }, |
| | | { name: '返航/取消返航', svg: 'turnBack', style: { left: '-70%' }, active: false, handle: turnBack }, |
| | | { name: '返航/取消返航', svg: 'turnBack', style: { left: '-70%' }, active: isBackDock.value, handle: turnBack }, |
| | | ]) |
| | | |
| | | function autoControl() { |
| | | isAutoControl.value = true |
| | | EventBus.emit('controlPanel-cancelControl') |
| | | } |
| | | |
| | |
| | | |
| | | &:hover { |
| | | cursor: pointer; |
| | | //background: radial-gradient(circle, #5d5c5e 0%, #514f52 50%, #3d3b3d 100%); |
| | | box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.3); |
| | | } |
| | | } |