Skip to content

M
mmc-stl-vue2
提交 c5cb10c2 作者: 温凯
操作

style:打开运行日志时，飞行计划弹框需释放隐藏

上级 711b8c85
正在显示 包含 205 行增加 和 94 行删除
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/timedTask/components/flightEdit/index.vue
......@@ -6,10 +6,19 @@
</div>
<div class="dialog-content">
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
<el-date-picker v-model="form.time" :type="task.taskType == 1 ? 'datetime' : 'datetimerange'"
range-separator="至" start-placeholder="请选择任务开始时间" end-placeholder="请选择任务结束时间" placeholder="选择日期时间" size="mini"
popper-class="mmc" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions"
style="margin-bottom: 24px; width: 100%;"></el-date-picker>
<el-date-picker
v-model="form.time"
:type="task.taskType == 1 ? 'datetime' : 'datetimerange'"
range-separator="至"
start-placeholder="请选择任务开始时间"
end-placeholder="请选择任务结束时间"
placeholder="选择日期时间"
size="mini"
popper-class="mmc"
value-format="yyyy-MM-dd HH:mm:ss"
:picker-options="pickerOptions"
style="margin-bottom: 24px; width: 100%"
></el-date-picker>
<el-form-item label="任务库：" prop="taskId">
{{ task.name }}
</el-form-item>
......@@ -18,9 +27,21 @@
</el-form-item>
</el-form>
<div class="task-add-btn">
<el-button type="danger" size="medium" class="btn btn--cancel" @click="close">取消</el-button>
<el-button type="primary" size="medium" :loading="confirmLoading" class="btn btn--ok"
@click="onConfirm">确认</el-button>
<el-button
type="danger"
size="medium"
class="btn btn--cancel"
@click="close"
>取消</el-button
>
<el-button
type="primary"
size="medium"
:loading="confirmLoading"
class="btn btn--ok"
@click="onConfirm"
>确认</el-button
>
</div>
</div>
</div>
......@@ -29,7 +50,7 @@
<script>
import { mapState, mapActions } from "vuex";
import { Control_API } from "../../../../../../../../../../../../api";
import Moment from 'moment';
import Moment from "moment";
export default {
name: "TaskAdd",
......@@ -38,17 +59,16 @@ export default {
task: {
type: Object,
default() {
return {}
}
}
return {};
},
},
},
data() {
return {
form: {
time: [],
},
rules: {
},
rules: {},
pickerOptions: {
disabledDate: (time) => {
// 日期选择限制
......@@ -58,28 +78,29 @@ export default {
confirmLoading: false,
};
},
computed: {
},
watch: {
},
computed: {},
watch: {},
async mounted() {
if (this.task.taskType == 1) {
if (this.task.taskStartTime == '/') {
this.form.time = null
if (this.task.taskStartTime == "/") {
this.form.time = null;
} else if (this.task.taskStartTime) {
// 定时
this.form.time = Moment(this.task.taskStartTime).format('YYYY-MM-DD HH:mm:ss');
this.form.time = Moment(this.task.taskStartTime).format(
"YYYY-MM-DD HH:mm:ss"
);
}
} else {
if (this.task.taskStartTime == '/' || this.task.taskEndTime == '/') {
this.form.time = null
if (this.task.taskStartTime == "/" || this.task.taskEndTime == "/") {
this.form.time = null;
} else if (this.task.taskStartTime && this.task.taskEndTime) {
// 周期
this.form.time = [Moment(this.task.taskStartTime).format('YYYY-MM-DD HH:mm:ss'), Moment(this.task.taskEndTime).format('YYYY-MM-DD HH:mm:ss')];
this.form.time = [
Moment(this.task.taskStartTime).format("YYYY-MM-DD HH:mm:ss"),
Moment(this.task.taskEndTime).format("YYYY-MM-DD HH:mm:ss"),
];
}
}
},
methods: {
/**
......@@ -88,11 +109,11 @@ export default {
onConfirm() {
this.$refs["form"].validate((valid) => {
let params = {
id: this.task.id
}
id: this.task.id,
};
if (this.task.taskType == 1) {
params.taskStartTime = Moment(this.form.time).valueOf();
params.taskEndTime = null
params.taskEndTime = null;
} else {
params.taskStartTime = Moment(this.form.time[0]).valueOf();
params.taskEndTime = Moment(this.form.time[1]).valueOf();
......@@ -106,8 +127,8 @@ export default {
console.log("taskInfoUpdateTime res", res);
this.confirmLoading = false;
if (res.code === 0) {
this.$message.success('更改时间完成');
this.$emit('close');
this.$message.success("更改时间完成");
this.$emit("close");
} else {
this.$message.warning(res.error.msg);
}
......@@ -119,8 +140,8 @@ export default {
});
},
close() {
this.$emit('close');
}
this.$emit("close");
},
},
};
</script>
......@@ -130,10 +151,10 @@ export default {
width: 526px;
height: 268px;
background: #222;
// border: 1px solid #70daf9;
position: absolute;
top: -5px;
left: 550px;
position: fixed;
top:25%;
left: 50%; /* 水平居中 */
transform: translate(-50%, -25%); /* 使用 transform 进行精确居中 */
z-index: 1;
display: flex;
flex-direction: column;
......@@ -176,7 +197,7 @@ export default {
font-size: 14px;
&.btn--cancel {
color: #FF4040;
color: #ff4040;
border: 1px #ff4040 solid;
background-color: transparent;
}
......@@ -206,6 +227,5 @@ export default {
.el-form-item__label {
line-height: $height;
}
}
</style>
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/timedTask/components/flightPlan/index.vue
<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>
......@@ -22,7 +34,7 @@
<div class="timed-task-main">
<div
class="row"
:class="{single: i % 2 != 0}"
:class="{ single: i % 2 != 0 }"
v-for="(item, i) in flightPlan"
:key="item.id"
>
......@@ -33,25 +45,44 @@
:content="item.putStartTime"
placement="top-start"
>
<span>{{item.putStartTime}}</span>
<span>{{ item.putStartTime }}</span>
</el-tooltip>
</div>
<div class="row__column flex2">
<el-tooltip class="item" effect="dark" :content="item.reouteName" placement="top-start">
<span>{{item.reouteName}}</span>
<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">
<span v-if="item.abnormal==1|| item.abnormal==0">{{ abnormalType[item.abnormal] }}</span>
<span v-else>
暂无
</span>
<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>
<span v-else> 暂无 </span>
</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 == 2 || item.abnormal < 0"
>{{ item.abnormalName }}</span
>
<span v-else>暂无</span>
</el-tooltip>
</div>
......@@ -91,9 +122,9 @@ export default {
},
data() {
return {
abnormalType:{
0:'完成',
1:'待执行',
abnormalType: {
0: "完成",
1: "待执行",
},
flightPlan: [
/* {
......@@ -179,10 +210,13 @@ export default {
<style lang="scss" scoped>
.task-add::v-deep {
height: 232px;
position: absolute;
top: -5px;
left: 550px;
min-height: 232px;
position: fixed;
top: 20%; /* 设置为 0 */
left: 0; /* 设置为 0 */
right: 0; /* 设置为 0 */
bottom: 0; /* 设置为 0 */
margin: auto; /* 自动边距实现居中 */
width: 660px;
z-index: 1;
display: flex;
......@@ -240,7 +274,7 @@ export default {
}
.stl-timed-task {
height: 0;
height: 340px;
flex-grow: 1;
}
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/timedTask/index.vue
......@@ -6,20 +6,53 @@
<div class="header__column status">状态</div>
<div class="header__column flex2">操作</div>
</div>
<div class="timed-task-main" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.8)">
<div class="row" :class="{ single: i % 2 != 0 }" v-for="(item, i) in taskListAll" :key="item.id">
<div
class="timed-task-main"
v-loading="loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
>
<div
class="row"
:class="{ single: i % 2 != 0 }"
v-for="(item, i) in taskListAll"
:key="item.id"
>
<div class="row__column flex2">
<el-tooltip class="item" effect="dark" :content="item.name" placement="top-start">
<el-tooltip
class="item"
effect="dark"
:content="item.name"
placement="top-start"
>
<span class="f12">{{ item.name }}</span>
</el-tooltip>
</div>
<div class="row__column flex2 col-2">
<el-tooltip class="item" effect="dark" :content="item.taskStartTime" placement="top-start">
<span class="f9">{{ item.taskStartTime }}</span>
<el-tooltip class="item" effect="dark" placement="top-start">
<template #content>
<div>
{{ item.taskStartTime }}
<div v-if="type == 2">
{{ item.taskEndTime }}
</div>
</div>
</template>
<div v-if="type == 2" class="f9">
<div>
{{ item.taskStartTime }}
</div>
{{ item.taskEndTime }}
</div>
<span class="f9" v-else>{{ item.taskStartTime }}</span>
</el-tooltip>
</div>
<div class="row__column status" style="color: rgb(255, 189, 54)">
<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 class="f12">{{ item.status }}</span>
</el-tooltip>
</div>
......@@ -31,14 +64,21 @@
<i class="el-icon-date" @click="onOpenPlan(item)"></i>
</el-tooltip>
<el-tooltip content="编辑" placement="top" v>
<i class="el-icon-edit" @click="onOpenEdit(item)" v-if="item.status !== '执行中' && item.status !== '已完成'"></i>
<i
class="el-icon-edit"
@click="onOpenEdit(item)"
v-if="item.status !== '执行中' && item.status !== '已完成'"
></i>
</el-tooltip>
<!-- <el-tooltip content="开关" placement="top">
<i class="el-icon-turn-off"></i>
</el-tooltip> -->
<el-tooltip content="删除" placement="top">
<i v-if="item.status !== '执行中' && item.status !== '已完成'" class="el-icon-delete"
@click="onDelAirway(item)"></i>
<i
v-if="item.status !== '执行中' && item.status !== '已完成'"
class="el-icon-delete"
@click="onDelAirway(item)"
></i>
</el-tooltip>
</div>
</div>
......@@ -47,9 +87,18 @@
<div class="task-add__btn" @click="showFlightPlan = true">创建定时任务</div>
</div>-->
<FlightPlan v-if="showFlightPlan" :taskId="selectedTask.id" :taskList="taskListAll" @close="showFlightPlan = false">
<FlightPlan
v-if="showFlightPlan"
:taskId="selectedTask.id"
:taskList="taskListAll"
@close="showFlightPlan = false"
>
</FlightPlan>
<FlightEdit v-if="showFlightEdit" :task="selectedTask" @close="showFlightEdit = false"></FlightEdit>
<FlightEdit
v-if="showFlightEdit"
:task="selectedTask"
@close="showFlightEdit = false"
></FlightEdit>
</div>
</template>
......@@ -107,22 +156,22 @@ export default {
showFlightEdit: {
handler(val) {
if (!val && !this.showFlightPlan) {
this.changeflyLogStatus(false)
}else{
this.changeflyLogStatus(true)
}
this.changeflyLogStatus(false);
} else {
this.changeflyLogStatus(true);
}
},
},
showFlightPlan: {
handler(val) {
if (!val&&!this.showFlightEdit) {
this.changeflyLogStatus(false)
if (!val && !this.showFlightEdit) {
this.changeflyLogStatus(false);
} else {
this.changeflyLogStatus(true)
}
}
this.changeflyLogStatus(true);
}
},
},
},
created() {
this.timeHandle = setInterval(() => {
this.getTaskList();
......@@ -285,10 +334,9 @@ export default {
.row {
display: flex;
color: #fff;
$height: 52px;
height: $height;
min-height: 52px;
background-color: #222222;
line-height: $height;
align-items: center;
gap: 3px;
&.single {
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlRight/components/logger/index.vue
<template>
<div class="cpt-nest-logger dialog1027" :class="{ chang: dakai == true, }" v-interact>
<div
class="cpt-nest-logger dialog1027"
:class="{ chang: dakai == true }"
v-interact
>
<div class="title-box dialog-header">
<div class="title">
<img src="../../../../../../../../assets/images/mount_head.png" />
<div class="dialog-header__title">运行监控日志</div>
<div effect="dark" class="status">{{ getProcessStatus(hangarRealTimeData.processStatus) }}</div>
<div effect="dark" class="status">
{{ getProcessStatus(hangarRealTimeData.processStatus) }}
</div>
</div>
<div style="display: flex">
<div class="icon-box" @click="onClear">
......@@ -45,9 +51,16 @@
<div class="time">时间</div>
</div>
<div class="list-box mt7">
<div class="item-box" v-for="(item, index) in hangarMsgList" :key="index">
<div
class="item-box"
v-for="(item, index) in hangarMsgList"
:key="index"
>
<div class="text-box">
<div class="type-box" :class="{ emerg: item.type == 1, ordinary: item.type == 8 }">
<div
class="type-box"
:class="{ emerg: item.type == 1, ordinary: item.type == 8 }"
>
<span class="type" v-if="item.type == 1">紧急</span>
<span class="type" v-else-if="item.type == 8">普通</span>
<span class="type" v-else>AUTO</span>
......@@ -288,8 +301,9 @@ export default {
position: fixed;
width: 670px;
height: 143px;
top: 21%;
left: 32%;
top: 20%;
left: 50%; /* 水平居中 */
transform: translate(-50%); /* 使用 transform 进行精确居中 */
display: flex;
// overflow-y: auto;
background: rgba(9, 32, 87, 0.7);
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlRight/index.vue
......@@ -263,8 +263,4 @@ export default {
}
}
.logger {
position: absolute;
left: -1200px;
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论