提交 c996f127 作者: 温凯

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

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