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

Update frontend code, add executing job list selecting

Browse Source
This commit is contained in:
Bingkun Li 2026-01-26 14:19:17 +08:00
parent ed6b18574f
commit 9651a62caa
29 changed files with 898 additions and 595 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
backend/Skyeye-sys-dev/skyeye-service-manager/src/main/java/com/zhangy/skyeye/jm/controller/JmJobController.java
View File

@ -55,6 +55,11 @@ public class JmJobController {
return jobService.selectList(param);
}
@RequestMapping("/execJobs")
public Object selectExecJobs(@Valid @RequestBody JmJobQueryDTO param) {
return jobService.selectExecJobs(param);
}
/**
* 查询详情
*/

5
backend/Skyeye-sys-dev/skyeye-service-manager/src/main/java/com/zhangy/skyeye/jm/mapper/JmJobMapper.java
View File

@ -23,6 +23,11 @@ public interface JmJobMapper {
*/
List<JmJobDTO> selectList(JmJobQueryDTO param);
/**
* 查询执行中的job
*/
List<JmJobDTO> selectExecJobs(JmJobQueryDTO param);
/**
* 按主键查询
*/

5
backend/Skyeye-sys-dev/skyeye-service-manager/src/main/java/com/zhangy/skyeye/jm/service/JmJobService.java
View File

@ -22,6 +22,11 @@ public interface JmJobService {
*/
List<JmJobDTO> selectList(JmJobQueryDTO param);
/**
* 查找正在执行的job
*/
List<JmJobDTO> selectExecJobs(JmJobQueryDTO param);
/**
* 按主键查询
*/

8
backend/Skyeye-sys-dev/skyeye-service-manager/src/main/java/com/zhangy/skyeye/jm/service/impl/JmJobServiceImpl.java
View File

@ -113,6 +113,14 @@ public class JmJobServiceImpl implements JmJobService {
return list;
}
@Override
public List<JmJobDTO> selectExecJobs(JmJobQueryDTO param)
{
List<JmJobDTO> list = jobMapper.selectExecJobs(param);
loadDetail(param.getUavId(), list);
return list;
}
private void loadDetail(Long uavId, List<JmJobDTO> list) {
if (ObjectUtil.isEmpty(list)) {
return;

15
backend/Skyeye-sys-dev/skyeye-service-manager/src/main/resources/mapping/jm/JmJobMapping.xml
View File

@ -48,6 +48,21 @@
order by j.create_time desc
</select>
<select id="selectExecJobs" resultType="com.zhangy.skyeye.jm.dto.JmJobDTO">
<include refid="selectSql"/>
where j.status = '1'
<if test="type != null and type == 1">
and j.status in ('1', '3')
</if>
<if test="uavId != null">
and exists (select 1 from jm_job_uav ju where j.id = ju.job_id and ju.uav_id = #{uavId})
</if>
<if test="payloadId != null">
and exists (select 1 from jm_job_payload jp where j.id = jp.job_id and jp.payload_id = #{payloadId})
</if>
order by j.create_time desc
</select>
<select id="selectInfo" resultType="com.zhangy.skyeye.jm.dto.JmJobDTO">
select
j.id,

12
frontend/Skyeye-sys-ui/src/api/task.js
View File

@ -17,12 +17,15 @@ export const getUavCurrentHeight = params =>
// 获取任务列表
export const getTaskListData = params =>
req('post', '/sar/job/list', params)
// 获取执行中的任务列表
export const getExecJobs = params =>
req('post', '/sar/job/execJobs', params)
// 新增任务
export const addTaskFast = params =>
req('post', '/sar/job/save', params)
// 预览任务
export const previewTaskFast = params =>
req('post', 'ktkx/UavPlanning/SAR', params)
req('post', '/jm/plan/airline', params)
// 编辑任务
export const editTaskFast = params =>
req('post', '/sar/job/save', params)
@ -41,6 +44,9 @@ export const deleteTaskItem = params =>
// 查询任务详情
export const getTaskItemDetail = params =>
req('get', '/sar/job/detail', params)
// 查询任务编辑详情
export const getTaskEditItemDetail = params =>
req('get', '/sar/job/info', params)
// 查询无人机列表
export const getUavListData = params =>
req('post', '/skyeye/uav/list', params)
@ -74,3 +80,7 @@ export const deletePictureItem = params =>
// ai识别
export const pictureAiCheck = params =>
req('post', '/sar/image/identify', params)
// 开机
export const changePayloadRadarOpenState = params =>
req('post', '/sar/control/send', params)

15
frontend/Skyeye-sys-ui/src/api/user.js
View File

@ -40,3 +40,18 @@ export const getWeatherInfo = params => req('get', '/weather/info', params)
// 获取字典接口
export const getAllDictType = params =>
req('get', '/dict/list', params)
// #region 新增user表接口
export const userList = params =>
req('post', '/user/list', params)
// 删除
export const userRemove = params =>
req('post', '/user/remove', params)
// 保存信息
export const userSave = params =>
req('post', '/user/save', params)
// 更新
export const userUpdate = params =>
req('post', '/user/update', params)
//#endregion

5
frontend/Skyeye-sys-ui/src/components/dt-scene/index.scss
View File

@ -11,11 +11,12 @@
height: 100%;
position: absolute;
}
#cesium-split {
position: absolute;
left: 50%;
top: 0;
background-color: red;
background-color: #ffffff;
width: 4px;
height: 100%;
cursor: ew-resize;
@ -33,10 +34,12 @@
::v-deep .dt-card__content {
padding: 0;
}
.timeline-content {
display: flex;
justify-content: flex-start;
position: relative;
.timeline-contain {
flex: 1;
}

2
frontend/Skyeye-sys-ui/src/layout/components/header-nav/index.js
View File

@ -164,7 +164,7 @@ export default {
// console.log('刷新自己取', localStorage.getItem('userId'), localStorage.getItem('username'))
// }
if (this.username !== 'admin') {
// this.menus[3].show = false
this.menus[3].show = false
}
},
methods: {

44
frontend/Skyeye-sys-ui/src/permission.js
View File

@ -9,30 +9,30 @@ const whiteList = ['/login'] // 本地测试保留login
router.beforeEach(async (to, from, next) => {
// 启动进度条
NProgress.start()
// NProgress.start()
// 确定用户是否已登录
const hasToken = getToken()
if (hasToken) {
if (to.path === '/login') {
// 如果已登录，则重定向到主页
next({ path: '/' })
NProgress.done()
} else {
NProgress.done()
next()
}
} else {
/* 没有 token */
if (whiteList.indexOf(to.path) !== -1) {
// 在免费登录白名单，直接去
next()
} else {
// 没有访问权限的其他页面被重定向到登录页面。
next(`/login?redirect=${to.path}`)
NProgress.done()
}
}
// const hasToken = getToken()
// if (hasToken) {
// if (to.path === '/login') {
// // 如果已登录，则重定向到主页
// next({ path: '/' })
// NProgress.done()
// } else {
// NProgress.done()
// next()
// }
// } else {
// /* 没有 token */
// if (whiteList.indexOf(to.path) !== -1) {
// // 在免费登录白名单，直接去
// next()
// } else {
// // 没有访问权限的其他页面被重定向到登录页面。
// next(`/login?redirect=${to.path}`)
// NProgress.done()
// }
// }
next()
// 跳转页面时，取消上一个页面的请求
if (window.__axiosCancelTokenArr) {

2
frontend/Skyeye-sys-ui/src/store/getters.js
View File

@ -52,5 +52,7 @@ const getters = {
jobModeOptions: state => state.dict.jobModeOptions,
polarization: state => state.dict.polarization,
polarizationOptions: state => state.dict.polarizationOptions,
sarImageMode: state => state.dict.sarImageMode,
sarImageModeOptions: state => state.dict.sarImageModeOptions,
}
export default getters

2
frontend/Skyeye-sys-ui/src/store/modules/app.js
View File

@ -15,7 +15,7 @@ const state = {
duringPlay: false,
menuExpand: false, // 侧边工具栏是否展开
theme: 'light',
menusChose: '2'
menusChose: '1'
}
const mutations = {

50
frontend/Skyeye-sys-ui/src/store/modules/dict.js
View File

@ -13,9 +13,9 @@ const state = {
taskFlightModeOptions: [],
jobStatus: {},
jobStatusOptions: [],
sarResolution:{},
sarResolution: {},
sarResolutionOptions: [],
detectType:{},
detectType: {},
jobMode: {},
jobModeOptions: [
{
@ -29,6 +29,8 @@ const state = {
],
polarization: {},
polarizationOptions: {},
sarImageMode: {},
sarImageModeOptions: []
}
const mutations = {
@ -90,7 +92,12 @@ const mutations = {
SET_POLARIZATION_OPTIONS: (state, info) => {
state.polarizationOptions = info
},
SET_SAR_IMAGE_MODE: (state, info) => {
state.sarImageMode = info
},
SET_SAR_IMAGE_MODE_OPTIONS: (state, info) => {
state.sarImageModeOptions = info
},
}
const actions = {
getDict({ commit }) {
@ -103,66 +110,74 @@ const actions = {
let imuStatusOptions = []
let enableStatus = {}
let enableStatusOptions = []
let successStatus= {}
let successStatus = {}
let successStatusOptions = []
let sarWorkStatus= {}
let sarWorkStatus = {}
let sarWorkStatusOptions = []
let taskFlightMode= {}
let taskFlightMode = {}
let taskFlightModeOptions = []
let jobStatus= {}
let jobStatus = {}
let jobStatusOptions = []
let sarResolution= {}
let sarResolution = {}
let sarResolutionOptions = []
let detectType = {}
let jobMode = {}
let jobModeOptions = []
let polarization = {}
let polarizationOptions = []
let sarImageMode = {}
let sarImageModeOptions = []
res.data.data.forEach(item => {
switch (item.dictType) {
case 'imu_status':
imuStatus[item.dictValue] = item.dictLabel
imuStatusOptions.push({label: item.dictLabel, value: item.dictValue})
imuStatusOptions.push({ label: item.dictLabel, value: item.dictValue })
break
case 'enable_status':
enableStatus[item.dictValue] = item.dictLabel
enableStatusOptions.push({label: item.dictLabel, value: item.dictValue})
enableStatusOptions.push({ label: item.dictLabel, value: item.dictValue })
break
case 'success_status':
successStatus[item.dictValue] = item.dictLabel
successStatusOptions.push({label: item.dictLabel, value: item.dictValue})
successStatusOptions.push({ label: item.dictLabel, value: item.dictValue })
break
case 'sar_work_status':
sarWorkStatus[item.dictValue] = item.dictLabel
sarWorkStatusOptions.push({label: item.dictLabel, value: item.dictValue})
sarWorkStatusOptions.push({ label: item.dictLabel, value: item.dictValue })
break
case 'task_flight_mode':
taskFlightMode[item.dictValue] = item.dictLabel
taskFlightModeOptions.push({label: item.dictLabel, value: item.dictValue})
taskFlightModeOptions.push({ label: item.dictLabel, value: item.dictValue })
break
case 'job_status':
jobStatus[item.dictValue] = item.dictLabel
jobStatusOptions.push({label: item.dictLabel, value: item.dictValue})
jobStatusOptions.push({ label: item.dictLabel, value: item.dictValue })
break
case 'sar_resolution':
sarResolution[item.dictValue] = item.dictLabel
sarResolutionOptions.push({label: item.dictLabel, value: item.dictValue})
sarResolutionOptions.push({ label: item.dictLabel, value: item.dictValue })
break
case 'py_detect_type':
detectType[item.dictValue] = item.dictLabel
break
case 'job_mode':
jobMode[item.dictValue] = item.dictLabel
jobModeOptions.push({label: item.dictLabel, value: item.dictValue})
jobModeOptions.push({ label: item.dictLabel, value: item.dictValue })
break
case 'sar_polarization':
polarization[item.dictValue] = item.dictLabel
polarizationOptions.push({label: item.dictLabel, value: item.dictValue})
polarizationOptions.push({ label: item.dictLabel, value: item.dictValue })
break
case 'sar_image_mode':
sarImageMode[item.dictValue] = item.dictLabel
sarImageModeOptions.push({ label: item.dictLabel, value: item.dictValue })
break
}
})
commit('SET_SAR_IMAGE_MODE', sarImageMode)
commit('SET_SAR_IMAGE_MODE_OPTIONS', sarImageModeOptions)
// 适配机场类型
commit('SET_IMU_STATUS', imuStatus)
commit('SET_IMU_STATUS_OPTIONS', imuStatusOptions)
@ -192,6 +207,7 @@ const actions = {
// 极化方式
commit('SET_POLARIZATION', polarization)
commit('SET_POLARIZATION_OPTIONS', polarizationOptions)
commit('SET_POLARIZATION_OPTIONS', sarImageModeOptions)
resolve()
} else {
this.$message.error(res.data.message)

1
frontend/Skyeye-sys-ui/src/styles/index.scss
View File

@ -1506,6 +1506,7 @@ input[type="number"] {
}
}
.query-form {
.el-form-item {
margin-bottom: 0 !important;

10
frontend/Skyeye-sys-ui/src/views/home/components/device1-manage/index.js
View File

@ -35,11 +35,11 @@ export default {
return {
visibleLocale: false,
deviceData: [
{
name: '无人机1',
num: 'M3127',
location: '112.3423242,45.2312324'
}
// {
// name: '无人机1',
// num: 'M3127',
// location: '112.3423242,45.2312324'
// }
],
device: {
visible: false,

5
frontend/Skyeye-sys-ui/src/views/home/components/device1-manage/index.scss
View File

@ -305,3 +305,8 @@
top: $--icon-mode-larger-card-top;
transition: 0.2s ease-in-out;
}
::v-deep .el-icon-plus {
position: relative;
top: 2px;
}

13
frontend/Skyeye-sys-ui/src/views/home/components/device1-manage/index.vue
View File

@ -25,10 +25,7 @@
></el-input>
</el-form-item> -->
<el-form-item label="">
<el-select
v-model="queryForm.type"
popper-class="select-light"
>
<el-select v-model="queryForm.type" popper-class="select-light">
<el-option
v-for="item in deviceTypes"
:key="item.value"
@ -78,7 +75,13 @@
></i>
</div>
</div> -->
<el-table v-if="isShowTable" :data="deviceData" stripe style="width: 100%">
<el-table
v-if="isShowTable"
:data="deviceData"
stripe
style="width: 100%"
height="100%"
>
<template v-if="queryForm.type === 'payload'">
<el-table-column prop="name" label="雷达名称"> </el-table-column>
<el-table-column prop="type" label="雷达类型"> </el-table-column>

23
frontend/Skyeye-sys-ui/src/views/home/components/pictures-list/index.js
View File

@ -29,16 +29,17 @@ export default {
uploadPictureInfo: {
visible: false
},
pictureData: [{
id: 1,
jobName: '任务1',
createTime: '2012-02-18 12：00:00'
},
{
id: 2,
jobName: '任务2',
createTime: '2012-02-18 12：00:00'
}
pictureData: [
// {
// id: 1,
// jobName: '任务1',
// createTime: '2012-02-18 12：00:00'
// },
// {
// id: 2,
// jobName: '任务2',
// createTime: '2012-02-18 12：00:00'
// }
],
page: {
size: 20,
@ -123,7 +124,7 @@ export default {
if (res.data.code === 200) {
console.log('图片分页', res.data.data)
let data = res.data.data.records
// this.pictureData = data
this.pictureData = data
this.page.total = res.data.data.total
} else {
this.$message.error(res.data.message)

4
frontend/Skyeye-sys-ui/src/views/home/components/pictures-list/index.vue
View File

@ -44,13 +44,13 @@
<div class="pic-time">拍摄时间：{{ item.createTime }}</div>
</div>
<div class="pic-command">
<el-tooltip effect="dark" content="修改名称" placement="left">
<el-tooltip effect="dark" content="修改名称" placement="top">
<i
class="el-icon-edit-outline"
@click.stop="editPictureName(item)"
></i>
</el-tooltip>
<el-tooltip effect="dark" content="删除" placement="right">
<el-tooltip effect="dark" content="删除" placement="top">
<i
class="el-icon-close delete-task"
@click.stop="deletePicture(item)"

804
frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.js
View File

File diff suppressed because it is too large Load Diff

14
frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.scss
View File

@ -171,12 +171,12 @@
}
.right-part {
width: 40px;
width: 60px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-between;
align-items: center;
padding: 0 5px;
>i {
font-size: 14px;
@ -543,4 +543,12 @@
::v-deep .right-content {
display: flex;
}
::v-deep input {
background-color: #00000052;
}
::v-deep select {
background-color: #00000052;
}
}

72
frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.vue
View File

@ -15,7 +15,7 @@
>
<template v-slot:header>
<span class="remote-header">
<i class="ri-task-line"></i>
<i class="ri-function-add-line"></i>
任务列表
</span>
</template>
@ -36,7 +36,10 @@
></span>
<span class="task-execute">{{ item.name }}</span>
</div>
<div class="task-info" :style="{color:dealStatusColor(item.statusName)}">
<div
class="task-info"
:style="{ color: dealStatusColor(item.statusName) }"
>
{{ item.statusName }}
<!-- <i class="el-icon-camera"></i>-->
<!-- <span class="task-name">{{ item.name }}</span>-->
@ -56,13 +59,16 @@
<!-- <i class="ri-repeat-line" @click.stop="reRunTask(item)"></i>-->
<!-- </el-tooltip>-->
<el-tooltip effect="dark" content="修改名称" placement="right">
<el-tooltip effect="dark" content="修改名称" placement="top">
<i
class="el-icon-edit-outline"
@click.stop="editTaskName(item)"
></i>
</el-tooltip>
<el-tooltip effect="dark" content="删除" placement="right">
<el-tooltip effect="dark" content="复制" placement="top">
<i class="ri-file-copy-2-line" @click.stop="copyTask(item)"></i>
</el-tooltip>
<el-tooltip effect="dark" content="删除" placement="top">
<i
class="el-icon-close delete-task"
@click.stop="deleteTask(item)"
@ -104,6 +110,7 @@
</el-form-item>
<el-form-item prop="mode" label="飞行模式">
<el-select
popper-class="form-light"
size="small"
:disabled="duringDraw || airlineCreateInfo.during"
@change="onModeChange"
@ -124,12 +131,14 @@
>
<div class="form-item-command">
<el-select
popper-class="form-light"
size="small"
:disabled="duringDraw"
v-model="form.targetChoose"
>
<el-option
v-for="item in drawOptions"
:disabled="getDrawTargetDisabled(item)"
:key="item.value"
:label="item.label"
:value="item.value"
@ -169,6 +178,7 @@
>
<span>{{ item.name }}</span>
<el-select
popper-class="form-light"
size="mini"
@change="
(value) => handleSelfDirectionChange(value, item, index)
@ -239,7 +249,11 @@
</div>-->
<el-form-item prop="uav" label="无人机">
<el-select size="small" v-model="form.uav">
<el-select
popper-class="form-light"
size="small"
v-model="form.uav"
>
<el-option
v-for="item in uavOptions"
:key="item.id"
@ -264,7 +278,11 @@
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item prop="loader" label="载荷">
<el-select size="small" v-model="form.loader">
<el-select
popper-class="form-light"
size="small"
v-model="form.loader"
>
<el-option
v-for="item in loaderOptions"
:key="item.id"
@ -305,12 +323,29 @@
</el-form-item>
<el-form-item prop="ratio" label="分辨率">
<el-select
popper-class="form-light"
size="small"
@change="calculateLimit"
v-model="form.ratio"
>
<el-option
v-for="item in sarResolutionOptions"
:disabled="getRatioDisabled(item, index)"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="成像模式" prop="imageMode">
<el-select
popper-class="form-light"
size="small"
v-model="form.imageMode"
@change="onImageModeChange"
>
<el-option
v-for="item in sarImageModeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
@ -360,7 +395,11 @@
></el-input-number>
</el-form-item>
<el-form-item label="自动聚焦">
<el-select size="small" v-model="form.autoFocus">
<el-select
popper-class="form-light"
size="small"
v-model="form.autoFocus"
>
<el-option
v-for="item in focusOptions"
:key="item.value"
@ -370,7 +409,11 @@
</el-select>
</el-form-item>
<el-form-item label="运动补偿">
<el-select size="small" v-model="form.moto">
<el-select
popper-class="form-light"
size="small"
v-model="form.moto"
>
<el-option
v-for="item in motoOptions"
:key="item.value"
@ -388,13 +431,18 @@
></el-input-number>
</el-form-item>
<el-form-item label="图像位数">
<el-select size="small" v-model="form.imageBit">
<el-select
popper-class="form-light"
size="small"
v-model="form.imageBit"
>
<el-option label="8bit" :value="0"></el-option>
<el-option label="16bit" :value="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="侧视方向" v-if="form.mode !== '3'">
<el-select
popper-class="form-light"
size="small"
@change="handleDirectionChange"
v-model="form.direction"
@ -408,7 +456,11 @@
</el-select>
</el-form-item>
<el-form-item label="极化方式">
<el-select size="small" v-model="form.polarization">
<el-select
popper-class="form-light"
size="small"
v-model="form.polarization"
>
<el-option
v-for="item in polarizationOptions"
:key="item.value"

39
frontend/Skyeye-sys-ui/src/views/home/components/task-manage/lineTarget.js
View File

@ -107,11 +107,9 @@ export default class LineTarget {
DT.Cesium.Cartesian3.multiplyByScalar(endToStartDirection, distanceOne + distanceTwo, flyToStart)
DT.Cesium.Cartesian3.add(openToStart, this.positions[0], openToStart)
DT.Cesium.Cartesian3.add(flyToStart, this.positions[0], flyToStart)
// console.log('开机点', openToStart)
// let cat1 = DT.Cesium.Cartographic.fromCartesian(openToStart)
// let cat2 = DT.Cesium.Cartographic.fromCartesian(flyToStart)
// console.log('开机点高度', cat1.height , cat2.height)
// 求关机点
let startToEndDirection = new DT.Cesium.Cartesian3(1, 0, 0)
DT.Cesium.Cartesian3.subtract(this.positions[1], this.positions[0], startToEndDirection)
@ -122,7 +120,6 @@ export default class LineTarget {
DT.Cesium.Cartesian3.multiplyByScalar(startToEndDirection, distanceOne + distanceTwo, flyToEnd)
DT.Cesium.Cartesian3.add(openToEnd, this.positions[1], openToEnd)
DT.Cesium.Cartesian3.add(flyToEnd, this.positions[1], flyToEnd)
// console.log('关机点', openToEnd)
// 求成像区域中心经度，成像区域中心维度
let boundaryLonLat = []
@ -154,7 +151,6 @@ export default class LineTarget {
let center = [lon / 4, lat / 4] // 中心点坐标
let center2 = [(centerLonLat[0].longitude + centerLonLat[1].longitude) / 2, (centerLonLat[0].latitude + centerLonLat[1].latitude) / 2] // 中心点坐标
// console.log('中心区域', center)
let areaEndCenter = DT.Cesium.Cartesian3.fromDegrees(
(boundaryLonLat[0].longitude + boundaryLonLat[1].longitude) / 2,
@ -180,7 +176,6 @@ export default class LineTarget {
let groundOpenToStart2 = new DT.Cesium.Cartesian3() // 开机点
DT.Cesium.Cartesian3.multiplyByScalar(groundEndToStartDirection2, distanceTwo, groundOpenToStart2)
DT.Cesium.Cartesian3.add(groundOpenToStart2, areaStartCenter2, groundOpenToStart2)
// console.log('地面开机', groundOpenToStart)
// 求地面关机点
// let groundStartToEndDirection = new DT.Cesium.Cartesian3(1, 0, 0)
@ -189,20 +184,15 @@ export default class LineTarget {
// let groundOpenToEnd = new DT.Cesium.Cartesian3() // 开机点
// DT.Cesium.Cartesian3.multiplyByScalar(groundStartToEndDirection, distanceTwo, groundOpenToEnd)
// DT.Cesium.Cartesian3.add(groundOpenToEnd, areaEndCenter, groundOpenToEnd)
// console.log('地面关机', groundOpenToEnd)
// 成像区域幅宽和方位长度
let width = DT.Cesium.Cartesian3.distance(this.wave.crossPositions[0], this.wave.crossPositions[1])
let width2 = DT.Cesium.Cartesian3.distance(this.wave.crossPositions[0], this.wave.centerPositions[0]) * 2
let length = DT.Cesium.Cartesian3.distance(this.wave.crossPositions[1], this.wave.crossPositions[2])
// console.log('幅宽', width, length)
// 轴向角度
let point1 = turf.point([centerLonLat[0].longitude, centerLonLat[0].latitude]);
let point2 = turf.point([centerLonLat[1].longitude, centerLonLat[1].latitude]);
let bearing = turf.bearing(point1, point2) + 180
// console.log('角度12', bearing)
// console.log('高度123', this.viewer.cesiumViewer.terrainProvider)
// DT.Cesium.sampleTerrainMostDetailed(this.viewer.cesiumViewer.terrainProvider, [DT.Cesium.Cartographic.fromDegrees(center[0], center[1])]).then(res => {
// console.log('海拔', res)
// })
let startCat = DT.Cesium.Cartographic.fromCartesian(flyToStart)
let endCat = DT.Cesium.Cartographic.fromCartesian(flyToEnd)
@ -240,9 +230,6 @@ export default class LineTarget {
boundaryLonLat: boundaryLonLat,
direction: this.rotation > 0 ? 1 : -1,
}
console.log('下视角', this.rotation)
console.log('擦地角', 90 - Math.abs(this.rotation))
console.log('最后参数', info)
if (this.showTemp) {
this.tempCollection.forEach(temp => {
viewer.entities.remove(temp)
@ -485,6 +472,19 @@ export default class LineTarget {
}
restoreTarget(info) {
let startPosition = DT.Cesium.Cartesian3.fromDegrees(info.flightStartLon, info.flightStartLat, info.flightStartHeight)
let endPosition = DT.Cesium.Cartesian3.fromDegrees(info.flightEndLon, info.flightEndLat, info.flightEndHeight)
this.positions = [startPosition, endPosition]
this.createMark(startPosition, true)
this.createMark(endPosition, false)
this.createPolyline()
this.addUav()
this.addWave()
this.addMoveHandler()
}
createMark(position, start = true) {
let cat = DT.Cesium.Cartographic.fromCartesian(position)
let lon = Math.round(DT.Cesium.Math.toDegrees(cat.longitude) * 10000000000000) / 10000000000000
@ -573,7 +573,6 @@ export default class LineTarget {
shadows: DT.Cesium.ShadowMode.DISABLED
},
})
console.log('加载的无人机', this.uavEntity)
}
changeWaveAngle(value) {
this.angle = value
@ -633,9 +632,6 @@ export default class LineTarget {
if (this.rotation < 0) {
modifyAngle = 0 - modifyAngle
}
console.log('旋转角度和波束半角', this.rotation, this.angle)
console.log('距离', distanceOne, distanceTwo, distanceThree, angleOne)
console.log('修正角度', modifyAngle)
this.wave = new LineWave({color: DT.Cesium.Color.RED,viewer: this.viewer, startPosition: this.positions[0], endPosition: this.positions[1], angle: this.angle - Math.abs(modifyAngle/2), rotation: this.rotation- modifyAngle/2, offsetAngle: modifyAngle/2 })
this.viewer.primitives.add(this.wave.primitive)
this.viewer.entities.add(this.wave.crossLine)
@ -774,7 +770,6 @@ export default class LineTarget {
let result = new DT.Cesium.Cartesian3()
DT.Cesium.Cartesian3.lerp(cartesian, this.viewer.cesiumViewer.camera.positionWC, ratio, result)
// let cat = DT.Cesium.Cartographic.fromCartesian(result)
// console.log('拾取的位置相机', cat.height )
return result
}
@ -836,10 +831,6 @@ export class LineWave {
this.bottomHorizontalLength = Math.tan(halfAngleRadians) * this.length
this.bottomVerticalLength = this.lineLength
this.offsetAngle = options.offsetAngle ? options.offsetAngle : 0
console.log('角度是啥', this.angle)
console.log('旋转是啥', this.rotation)
console.log('修正是啥', this.offsetAngle)
console.log('旋转+修正是啥', this.offsetAngle + this.rotation)
this.createWave()
this.createEdge()
}
@ -894,9 +885,7 @@ export class LineWave {
let que = DT.Tool.calculateQuaternionFromV1ToV2(this.startPosition, this.endPosition)
console.log('角度', this.rotation)
let rotationQuaternion = DT.Cesium.Quaternion.fromAxisAngle(DT.Cesium.Cartesian3.UNIT_X, this.rotation * Math.PI / 180)
console.log('四元数', rotationQuaternion)
let combineQuaternion = new DT.Cesium.Quaternion()
DT.Cesium.Quaternion.multiply(que, rotationQuaternion, combineQuaternion)
let rotation = DT.Cesium.Matrix4.fromTranslationQuaternionRotationScale(this.middlePosition, combineQuaternion, DT.Cesium.Cartesian3.ONE)
@ -938,7 +927,6 @@ export class LineWave {
let que = DT.Tool.calculateQuaternionFromV1ToV2(this.startPosition, this.endPosition)
let rotationQuaternion = DT.Cesium.Quaternion.fromAxisAngle(DT.Cesium.Cartesian3.UNIT_X, this.rotation * Math.PI / 180)
let rotationQuaternionCenter = DT.Cesium.Quaternion.fromAxisAngle(DT.Cesium.Cartesian3.UNIT_X, (this.rotation + this.offsetAngle) * Math.PI / 180)
// console.log('四元数计算角度', this.rotation + this.offsetAngle)
let combineQuaternion = new DT.Cesium.Quaternion()
let combineQuaternionCenter = new DT.Cesium.Quaternion()
DT.Cesium.Quaternion.multiply(que, rotationQuaternion, combineQuaternion)
@ -1001,7 +989,6 @@ export class LineWave {
DT.Cesium.Cartesian3.clone(start, ray.origin);
DT.Cesium.Cartesian3.subtract(end, start, ray.direction);
let position = this.viewer.cesiumViewer.scene.globe.pick(ray, this.viewer.cesiumViewer.scene)
console.log('交点', position)
return position
}
findCrossPoint(start, end) {

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

@ -20,6 +20,7 @@ import {
getRadarListData,
getTaskItemDetail,
getTaskListData,
getExecJobs,
getUavListData,
reRunTask, stopTaskFly
} from '@/api/task'
@ -91,12 +92,14 @@ export default {
},
taskList: {
visible: true,
data: [{
status: 1,
name: '巡查任务',
statusName: '巡查中',
beginTime: '2026-01-23 12:14:45'
}]
data: [
//{
// status: 1,
// name: '巡查任务',
// statusName: '巡查中',
// beginTime: '2026-01-23 12:14:45'
//}
]
},
weatherInfo2: {
visible: true,
@ -1069,7 +1072,8 @@ export default {
},
getTaskList() {
getTaskListData({ type: 2, orders: [{ column: 'begin_time', asc: false }] }).then(res => {
// getTaskListData({ type: 2, orders: [{ column: 'begin_time', asc: false }] }).then(res => {
getExecJobs({ type: 2, orders: [{ column: 'begin_time', asc: false }] }).then(res => {
if (res.data.code === 200) {
console.log('任务列表', res.data.data)
let data = res.data.data

95
frontend/Skyeye-sys-ui/src/views/home/components/user-list/index.js
View File

@ -5,7 +5,8 @@ import {
import PicturesUpload from '../pictures-upload/index.vue'
import RightSlide from '@/components/RightSlide.vue'
import LeftSlide from '@/components/LeftSlide.vue'
import { userRemove, userList, userUpdate, userSave } from '@/api/user'
import md5 from 'js-md5'
let taskListResource = []
export default {
name: 'TwinSituation',
@ -19,27 +20,39 @@ export default {
LeftSlide,
},
data() {
const cfPsdRule = (rule, value, callback) => {
if (value === '' || typeof value === 'undefined') {
callback(new Error('请再次输入密码'))
} else if (value !== this.user.form.password) {
callback(new Error('两次输入密码不一致!'))
} else {
callback()
}
}
return {
visibleLocale: false,
deviceData: [
{
name: '无人机1',
num: 'M3127',
location: '112.3423242,45.2312324'
}
userData: [
// {
// name: '无人机1',
// num: 'M3127',
// location: '112.3423242,45.2312324'
// }
],
device: {
user: {
visible: false,
form: {},
form: {
account: ''
},
rules: {
deviceName: [
{ required: true, message: '请输入设备名称', trigger: 'blur' }
account: [
{ required: true, message: '请输入用户名称', trigger: 'blur' }
],
num: [
{ required: true, message: '请输入设备编号', trigger: 'blur' }
password: [
{ required: true, message: '请输入用户密码', trigger: 'blur' }
],
location: [
{ required: true, message: '请输入设备位置', trigger: 'blur' }
confirmPassword: [
{ required: true, message: '请再次输入密码', trigger: 'blur' },
{ required: true, validator: cfPsdRule, trigger: 'blur' },
],
}
},
@ -64,41 +77,61 @@ export default {
},
},
created() {
this.userPage()
},
mounted() {
},
beforeDestroy() {
},
methods: {
addDevice() {
this.device.visible = true
userPage() {
userList().then(res => {
this.userData = res.data.data
})
},
editDevice(form) {
this.device.visible = true
this.device.form = form
addUser() {
this.user.visible = true
},
detailDevice() {
this.device.visible = true
this.device.form = form
editUser(form) {
this.user.visible = true
this.user.form.account = form.account
},
close() {
this.$refs.form.resetFields()
this.device.visible = false
this.user.visible = false
},
submitDevice() {
this.$refs.form.validate((valid) => {
console.log(valid, 3333333);
async submitUser() {
const valid = await this.$refs.form.validate(valid)
if (!valid) return
delete this.user.form.confirmPassword
const form = { ...this.user.form }
form.password = md5(form.password)
if (form.id) {
userUpdate(this.user.form).then(res => {
this.$message.success('更新用户成功')
this.userPage()
this.close()
})
} else {
userSave(form).then(res => {
this.$message.success('新增用户成功')
this.userPage()
this.close()
})
}
},
async deleteDevice() {
const bool = await this.$confirm('确认要永久删除该设备吗?', '提示', {
async deleteUser(row) {
const bool = await this.$confirm('确认要永久删除该用户吗?', '提示', {
customClass: 'confirm-light',
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
console.log(bool, 333);
if (!bool) return
userRemove([row.id]).then(res => {
this.$message.success('删除用户成功')
this.userPage()
})
},
//#region 无人机详情代码

15
frontend/Skyeye-sys-ui/src/views/home/components/user-list/index.scss
View File

@ -110,7 +110,7 @@
}
}
>.device-name {
>.user-name {
display: inline-block;
width: 110px;
height: 40px;
@ -175,7 +175,7 @@
}
}
.device-location {
.user-location {
color: $--color-text-1;
font-size: 14px;
display: flex;
@ -190,14 +190,14 @@
}
}
.device-lock {
.user-lock {
font-size: 18px;
color: #ffff00;
cursor: pointer;
}
}
.device-status {
.user-status {
width: 8px;
height: 8px;
display: inline-block;
@ -280,7 +280,7 @@
box-sizing: border-box;
}
.uav-item .device-name {
.uav-item .user-name {
width: 100px;
}
@ -305,3 +305,8 @@
top: $--icon-mode-larger-card-top;
transition: 0.2s ease-in-out;
}
::v-deep .el-icon-plus {
position: relative;
top: 2px;
}

86
frontend/Skyeye-sys-ui/src/views/home/components/user-list/index.vue
View File

@ -2,15 +2,13 @@
<!-- 资源列表 -->
<dt-card
class="resource-list card-light"
icon="iconfont icon-left_icon_remote"
title="可用资源"
:visible.sync="visibleLocale"
:scroll="false"
:showClose="false"
:showDivider="false"
>
<template v-slot:header>
<el-form
<!-- <el-form
class="query-form"
:model="queryForm"
inline
@ -24,35 +22,21 @@
clearable
></el-input>
</el-form-item>
<!-- <el-form-item label="设备类型">
<el-select
v-model="queryForm.name"
placeholder="请输入设备类型"
popper-class="select-light"
clearable
>
<el-option
v-for="item in deviceTypes"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item> -->
<el-form-item class="query-btn">
<el-button>查询</el-button>
</el-form-item>
</el-form>
</el-form> -->
</template>
<template v-slot:command>
<el-button size="mini" icon="el-icon-plus" @click="addDevice"
<el-button size="mini" icon="el-icon-plus" @click="addUser"
>新增用户</el-button
>
</template>
<el-table :data="deviceData" style="width: 100%">
<el-table-column prop="name" label="用户名称"> </el-table-column>
<el-table-column prop="num" label="手机号"> </el-table-column>
<el-table-column prop="location" label="邮箱"> </el-table-column>
<el-table :data="userData" style="width: 100%" height="100%">
<el-table-column prop="id" label="ID"> </el-table-column>
<el-table-column prop="account" label="用户名称"> </el-table-column>
<!-- <el-table-column prop="updateTime" label="更新时间"> </el-table-column> -->
<!-- <el-table-column prop="location" label="账号状态"> </el-table-column> -->
<el-table-column label="操作" width="200">
<template slot-scope="scope">
<el-button
@ -60,29 +44,22 @@
icon="el-icon-edit"
size="mini"
circle
@click="editDevice(scope.row)"
></el-button>
<el-button
type="info"
icon="ri-file-line"
size="mini"
circle
@click="detailDevice(scope.row)"
@click="editUser(scope.row)"
></el-button>
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
circle
@click="deleteDevice(scope.row)"
@click="deleteUser(scope.row)"
></el-button>
</template>
</el-table-column>
</el-table>
<dt-dialog
class="dialog-light"
:title="device.form.deviceId ? '编辑用户' : '新增用户'"
:visible.sync="device.visible"
:title="user.form.userId ? '编辑用户' : '新增用户'"
:visible.sync="user.visible"
top="20vh"
width="22%"
append-to-body
@ -91,43 +68,48 @@
<div>
<el-form
ref="form"
:model="device.form"
:rules="device.rules"
:model="user.form"
:rules="user.rules"
label-position="right"
label-width="110px"
class="change-password-form"
>
<el-form-item label="用户名称" prop="deviceName">
<el-form-item label="用户名称" prop="account">
<el-input
v-model="device.form.deviceName"
name="account"
autocomplete="account"
v-model="user.form.account"
placeholder="请输入用户名称"
clearable
size="mini"
></el-input>
</el-form-item>
<el-form-item label="用户密码" prop="password">
<el-input
name="password"
autocomplete="new-password"
v-model="user.form.password"
placeholder="请输入用户密码"
clearable
size="mini"
show-password
></el-input>
</el-form-item>
<el-form-item label="手机号" prop="num">
<el-form-item label="确认密码" prop="confirmPassword">
<el-input
v-model="device.form.num"
placeholder="请输入用户手机号"
clearable
size="mini"
></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="location">
<el-input
v-model="device.form.location"
placeholder="请输入用户邮箱"
v-model="user.form.confirmPassword"
placeholder="请再次输入密码"
clearable
size="mini"
show-password
></el-input>
</el-form-item>
</el-form>
</div>
<div class="btns" slot="footer">
<el-button @click="close" size="mini">取 消</el-button>
<el-button type="primary" size="mini" @click="submitDevice"
<el-button type="primary" size="mini" @click="submitUser"
>确 定</el-button
>
</div>

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

@ -477,7 +477,7 @@ export default {
watch: {
menusChose: {
handler: function (nv) {
console.log(nv, 33333333333);
window.localStorage.setItem('menusChose', nv)
switch (nv) {
case '1':
this.menus.situation.active = true
@ -516,7 +516,6 @@ export default {
break;
}
},
immediate: true
},
// viewMode(nv) {
// this.sendMessageByBroadcastChannel({ type: 'viewMode', form: 'home', value: nv })
@ -538,6 +537,8 @@ export default {
// },
},
created() {
const menusChose = window.localStorage.getItem('menusChose')
this.SET_MENUS_CHOSE(menusChose)
// this.init()
// this.getResourceData()
// 获取字典
@ -625,7 +626,7 @@ export default {
'SET_MAP_TYPE',
'SET_SPLIT_VISIBLE',
]),
...mapMutations('app', ['SET_THEME']),
...mapMutations('app', ['SET_THEME', 'SET_MENUS_CHOSE']),
...mapActions('dict', ['getDict']),
// 工具栏操作
toggleTools(tool) {

1
frontend/Skyeye-sys-ui/src/views/login/index.vue
View File

@ -197,6 +197,7 @@ export default {
path: this.redirect || '/',
query: this.otherQuery,
})
window.localStorage.setItem('menusChose', '1')
console.log(this.$router, 'this.$router')
this.loading = false
})