libingkun/skyeyesystem
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

修改执行中任务的面板交互逻辑

Browse Source
This commit is contained in:
wxs 2026-02-02 17:48:54 +08:00
parent 0158cabf7b
commit ca8852c311
6 changed files with 119 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.js
View File

@ -475,6 +475,12 @@ export default {
historyPictureList = []
}
}
},
'detailUav.visible': {
handler: function (nv) {
this.$emit('sar-change', nv)
},
immediate: true,
}
},
created() {
@ -1110,8 +1116,8 @@ export default {
// 测试
// this.addUavToScene(item)
})
this.detailUav.id = data[0].id
this.detailUav.visible = true
this.detailUav.id = data.length ? data[0].id : 1
this.detailUav.visible = data.length ? true : false
taskListResource = data
this.taskList.data = list
if (this.taskList.data.length) {
@ -1557,7 +1563,7 @@ export default {
}).then(res => {
stopTaskFly({ id: info.id }).then(res => {
if (res.data.code === 200) {
info.status = 2
// info.status = 2
this.getTaskList()
this.$message.success('任务已结束！')
this.removeTaskTarget(info.id)
@ -2738,7 +2744,6 @@ export default {
console.log('SAR波形', JSON.parse(info.body))
let data = JSON.parse(info.body)
console.log('id对比', this.detailUav.id, data.payloadId);
// && this.detailUav.id === data.payloadId
if (this.detailUav.visible && this.detailUav.id === data.jobId) {
let channel1False = []
let channel1Real = []

16
frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.scss
View File

@ -405,6 +405,14 @@
height: calc(100vh - 620px);
}
.detail-uav-wrap {
width: 430px;
position: fixed;
bottom: 5px;
right: 10px;
height: calc(100vh - 60px);
}
.detail-info {
width: 460px;
//position: fixed;
@ -1174,8 +1182,8 @@
.detail-uav {
width: 460px;
position: fixed;
width: 410px;
// position: fixed;
top: 60px;
//bottom: 5px;
right: 10px;
@ -1185,6 +1193,10 @@
transition: 0.2s ease-in-out;
z-index: 2;
::v-deep .dt-card__header {
display: none;
}
.detail-uav__content {
padding-right: 8px;
box-sizing: border-box;

149
frontend/Skyeye-sys-ui/src/views/home/components/twin-situation/index.vue
View File

@ -77,10 +77,7 @@
>
<div class="left-part">
<!-- <div class="task-progress-bar" :style="'width: ' + item.uavCompletion +'%;'"></div>-->
<div
class="execute-info"
@click.stop="openTaskLineDetail(item)"
>
<div class="execute-info">
<span
class="execute-type-icon"
:class="'execute-state-' + item.status"
@ -344,74 +341,75 @@
</right-slide>
<!-- 详情 -->
<dt-card
:class="{
'detail-uav': true,
'detail-uav__large': isIconModeLarge,
}"
icon="iconfont icon-target"
title="详细信息"
v-if="detailUav.visible"
:visible.sync="detailUav.visible"
:scroll="true"
:showClose="true"
:showDivider="false"
>
<div class="detail-uav__content">
<div class="other-info">
<el-collapse
v-model="detailUav.activeNames"
@change="handleUavDetailCollapse"
>
<el-collapse-item title="状态信息" name="3">
<el-tabs v-model="detailUav.activeTab">
<el-tab-pane label="DEV" name="DEV">
<div
class="uav-span-wrap"
v-for="item in detailUav.statusInfo.dev"
:key="item.name"
>
<span>{{ item.name }}：</span>
<span>{{ item.value }}{{ item.unit }}</span>
</div>
</el-tab-pane>
<el-tab-pane label="GPS" name="GPS">
<div
class="uav-span-wrap"
v-for="item in detailUav.statusInfo.gps"
:key="item.name"
>
<span>{{ item.name }}：</span>
<span>{{ item.value }}{{ item.unit }}</span>
</div>
</el-tab-pane>
<el-tab-pane label="IMU" name="IMU">
<div
class="uav-span-wrap"
v-for="item in detailUav.statusInfo.imu"
:key="item.name"
>
<span>{{ item.name }}：</span>
<span>{{ item.value }}{{ item.unit }}</span>
</div>
</el-tab-pane>
</el-tabs>
</el-collapse-item>
<el-collapse-item title="波形信息" name="4">
<div class="wave-chart">
<dt-multiple-analysis
ref="uavDetailChart"
:data="detailUav.chart.data"
:legend="detailUav.chart.legend"
:tooltip="detailUav.chart.tooltip"
:title="detailUav.chart.title"
:grid="detailUav.chart.grid"
:xAxis="detailUav.chart.xAxis"
:yAxis="detailUav.chart.yAxis"
></dt-multiple-analysis>
</div>
</el-collapse-item>
<!-- <el-collapse-item title="回传图像" name="5">
<right-slide class="detail-uav-wrap" v-if="detailUav.visible">
<dt-card
:class="{
'detail-uav': true,
'detail-uav__large': isIconModeLarge,
}"
icon="iconfont icon-target"
title="详细信息"
v-if="detailUav.visible"
:visible.sync="detailUav.visible"
:scroll="true"
:showClose="true"
:showDivider="false"
>
<div class="detail-uav__content">
<div class="other-info">
<el-collapse
v-model="detailUav.activeNames"
@change="handleUavDetailCollapse"
>
<el-collapse-item title="状态信息" name="3">
<el-tabs v-model="detailUav.activeTab">
<el-tab-pane label="DEV" name="DEV">
<div
class="uav-span-wrap"
v-for="item in detailUav.statusInfo.dev"
:key="item.name"
>
<span>{{ item.name }}：</span>
<span>{{ item.value }}{{ item.unit }}</span>
</div>
</el-tab-pane>
<el-tab-pane label="GPS" name="GPS">
<div
class="uav-span-wrap"
v-for="item in detailUav.statusInfo.gps"
:key="item.name"
>
<span>{{ item.name }}：</span>
<span>{{ item.value }}{{ item.unit }}</span>
</div>
</el-tab-pane>
<el-tab-pane label="IMU" name="IMU">
<div
class="uav-span-wrap"
v-for="item in detailUav.statusInfo.imu"
:key="item.name"
>
<span>{{ item.name }}：</span>
<span>{{ item.value }}{{ item.unit }}</span>
</div>
</el-tab-pane>
</el-tabs>
</el-collapse-item>
<el-collapse-item title="波形信息" name="4">
<div class="wave-chart">
<dt-multiple-analysis
ref="uavDetailChart"
:data="detailUav.chart.data"
:legend="detailUav.chart.legend"
:tooltip="detailUav.chart.tooltip"
:title="detailUav.chart.title"
:grid="detailUav.chart.grid"
:xAxis="detailUav.chart.xAxis"
:yAxis="detailUav.chart.yAxis"
></dt-multiple-analysis>
</div>
</el-collapse-item>
<!-- <el-collapse-item title="回传图像" name="5">
<div class="back-image">
<div
v-for="item in detailInfo.pictureList"
@ -447,10 +445,11 @@
</div>
</div>
</el-collapse-item> -->
</el-collapse>
</el-collapse>
</div>
</div>
</div>
</dt-card>
</dt-card>
</right-slide>
<dt-dialog
:title="taskLineDetail.title"

7
frontend/Skyeye-sys-ui/src/views/home/index.js
View File

@ -443,7 +443,8 @@ export default {
visible: false,
data: [],
boatTypeLegend: []
}
},
moveInfoBar: false
}
},
computed: {
@ -1522,7 +1523,9 @@ export default {
}
},
//#endregion
sarChange(val) {
this.moveInfoBar = val
},
//#region ais船
getAisData() {

12
frontend/Skyeye-sys-ui/src/views/home/index.scss
View File

@ -66,6 +66,7 @@
width: 300px;
box-sizing: border-box;
padding: 5px 10px;
.message-title {
height: 30px;
display: flex;
@ -74,16 +75,19 @@
box-sizing: border-box;
border-bottom: 1px solid $--color-black-3;
margin-bottom: 4px;
>span {
font-size: 14px;
color: $--color-text-1;
}
>i {
font-size: 16px;
color: $--color-text-1;
cursor: pointer;
}
}
.message-body {
//height: 50px;
@ -95,10 +99,12 @@
padding: 0 5px;
position: relative;
width: 100%;
.el-textarea {
flex: 1;
margin: 0 10px;
}
>i {
font-size: 14px;
color: $--color-text-1;
@ -106,12 +112,14 @@
margin-top: 10px;
}
}
.message-send {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
.el-button {
margin: 0 10px;
}
@ -124,3 +132,7 @@
width: 100%;
}
}
.info-bar-show {
right: 430px;
}

6
frontend/Skyeye-sys-ui/src/views/home/index.vue
View File

@ -37,6 +37,7 @@
ref="twinSituation"
v-if="menus.situation.active"
:visible.sync="menus.situation.active"
@sar-change="sarChange"
></twin-situation>
<task-manage
v-if="menus.taskManage.active"
@ -58,8 +59,11 @@
v-if="menus.userList.active"
:visible.sync="menus.userList.active"
></user-list>
<info-bar v-if="menus.situation.active || menus.taskManage.active" />
<info-bar
:class="{ 'info-bar-show': moveInfoBar }"
v-if="menus.situation.active || menus.taskManage.active"
/>
<!-- 遮罩 -->
<!-- <dt-loading :visible="loadingCount > 0"></dt-loading> -->
</div>