提交 c996f127 作者: 温凯

fix:飞行计划异常状态处理

上级 3c325aa1
<template>
<div class="task-add dialog1027" v-interact>
<div class="task-add-header dialog-header">
<img
class="dialog-header__icon"
src="../../../../../../assets/images/mount_head.png"
/>
<img class="dialog-header__icon" src="../../../../../../assets/images/mount_head.png" />
<div class="header__title dialog-header__title">飞行计划</div>
<div class="header-right dialog-header__close">
<el-select
placeholder="请选择任务场景"
v-model="selectedTask"
class="select"
popper-class="mmc"
>
<el-option
v-for="item in taskList"
:label="item.name"
:value="item.id"
></el-option>
<el-select placeholder="请选择任务场景" v-model="selectedTask" class="select" popper-class="mmc">
<el-option v-for="item in taskList" :label="item.name" :value="item.id"></el-option>
</el-select>
<div class="header-right__close" @click="$emit('close')">关闭</div>
</div>
......@@ -32,39 +20,19 @@
<div class="header__column">操作</div>
</div>
<div class="timed-task-main">
<div
class="row"
:class="{ single: i % 2 != 0 }"
v-for="(item, i) in flightPlan"
:key="item.id"
>
<div class="row" :class="{ single: i % 2 != 0 }" v-for="(item, i) in flightPlan" :key="item.id">
<div class="row__column flex2 col-2">
<el-tooltip
class="item"
effect="dark"
:content="item.putStartTime"
placement="top-start"
>
<el-tooltip class="item" effect="dark" :content="item.putStartTime" placement="top-start">
<span>{{ item.putStartTime }}</span>
</el-tooltip>
</div>
<div class="row__column flex2">
<el-tooltip
class="item"
effect="dark"
:content="item.reouteName"
placement="top-start"
>
<el-tooltip class="item" effect="dark" :content="item.reouteName" placement="top-start">
<span>{{ item.reouteName }}</span>
</el-tooltip>
</div>
<div class="row__column flex2">
<el-tooltip
class="item"
effect="dark"
:content="item.status"
placement="top-start"
>
<el-tooltip class="item" effect="dark" :content="item.status" placement="top-start">
<span v-if="item.abnormal == 1 || item.abnormal == 0">{{
abnormalType[item.abnormal]
}}</span>
......@@ -72,17 +40,8 @@
</el-tooltip>
</div>
<div class="row__column flex2">
<el-tooltip
class="item"
effect="dark"
:content="item.abnormalName"
placement="top-start"
>
<span
style="color: red"
v-if="item.abnormal == 2 || item.abnormal < 0"
>{{ item.abnormalName }}</span
>
<el-tooltip class="item" effect="dark" :content="item.abnormalName" placement="top-start">
<span style="color: red" v-if="item.abnormal > 1 ">{{ item.abnormalName }}</span>
<span v-else>暂无</span>
</el-tooltip>
</div>
......@@ -166,7 +125,7 @@ export default {
},
},
},
mounted() {},
mounted() { },
methods: {
...mapActions("MMCFlightControlCenter", []),
getList() {
......@@ -211,19 +170,19 @@ export default {
<style lang="scss" scoped>
.task-add::v-deep {
min-height: 232px;
position: fixed;
max-height: 400px;
top: -24%;
overflow-y: auto;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 660px;
z-index: 1;
display: flex;
flex-direction: column;
gap: 5px;
position: fixed;
max-height: 400px;
top: -24%;
overflow-y: auto;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 660px;
z-index: 1;
display: flex;
flex-direction: column;
gap: 5px;
.task-add-header {
flex-shrink: 0;
......@@ -268,6 +227,7 @@ export default {
align-items: center;
}
}
.header-right__close {
font-size: 16px;
cursor: pointer;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论