| | |
| | | <div class="drone-card"> |
| | | <div class="header"> |
| | | <div class="title"> |
| | | <el-tooltip |
| | | class="title-tooltip" |
| | | :content="data.droneName || '-'" |
| | | placement="top" |
| | | effect="dark" |
| | | :show-after="200" |
| | | > |
| | | <el-tooltip class="title-tooltip" :content="data.droneName || '-'" placement="top" effect="dark" |
| | | :show-after="200"> |
| | | <span class="name">{{ data.droneName }}</span> |
| | | </el-tooltip> |
| | | <span class="status"> |
| | |
| | | </div> |
| | | |
| | | <div class="footer"> |
| | | <el-button class="general" color="#2B2B4C" @click="emit('signal')">信号干扰</el-button> |
| | | <el-button color="#284FE3" type="primary" @click="emit('counter')">诱导驱离</el-button> |
| | | <el-button class="general" color="#2B2B4C" @click="handleSignal">信号干扰</el-button> |
| | | <el-button color="#284FE3" type="primary" @click="handleCounter">诱导驱离</el-button> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { saveOperationLog } from '@ztzf/apis' |
| | | import { useRoute } from 'vue-router' |
| | | |
| | | const props = defineProps({ |
| | | data: { |
| | | type: Object, |
| | |
| | | } |
| | | }) |
| | | |
| | | const route = useRoute() |
| | | const emit = defineEmits(['signal', 'counter', 'favorite']) |
| | | |
| | | // 信号干扰操作 |
| | | const handleSignal = () => { |
| | | saveOperationLog({ |
| | | requestUri: route.path, |
| | | title: `${route.name || '数据驾驶舱'}-信号干扰`, |
| | | type: 1 |
| | | }) |
| | | emit('signal') |
| | | } |
| | | |
| | | const handleCounter = () => { |
| | | saveOperationLog({ |
| | | requestUri: route.path, |
| | | title: `${route.name || '数据驾驶舱'}-诱导驱离`, |
| | | type: 1 |
| | | }) |
| | | emit('counter') |
| | | } |
| | | |
| | | const getStatusText = (item) => { |
| | | const status = item?.flightStatus |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |