From 269b7346387cf23689caf0f6f599fa0e28a49516 Mon Sep 17 00:00:00 2001 From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com> Date: Sat, 19 Jul 2025 14:07:59 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BD=95=E9=9F=B3=E5=88=A0=E9=99=A4=E6=8E=A5?= =?UTF-8?q?=E5=8F=A3=E4=BB=A5=E5=8F=8A=E6=9C=BA=E5=99=A8=E4=BA=BA=E6=93=8D?= =?UTF-8?q?=E4=BD=9C=E6=8C=89=E9=92=AE=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/home.js | 5 ++ src/views/home/components/control-deck.vue | 70 +++++++++++++------ .../components/modal-content/control-deck.vue | 63 ++++++++++------- 3 files changed, 88 insertions(+), 50 deletions(-) diff --git a/src/api/home.js b/src/api/home.js index 2b537e1..1ba530e 100644 --- a/src/api/home.js +++ b/src/api/home.js @@ -80,6 +80,11 @@ export const uploadAudioApi = (data) => { return service.post('/robot-screen-api/robot/instruct/addVideoFile', data) } +// 操作面板内删除音频文件接口 +export const deleteAudioApi = (data) => { + return service.post('/robot-screen-api/robot/instruct/delVideo', data) +} + // 操作面板内获取音频文件信息 export const getAudioInfoApi = (data) => { return service.post('/robot-screen-api/robot/instruct/getVideoList', data) diff --git a/src/views/home/components/control-deck.vue b/src/views/home/components/control-deck.vue index 50cd8f1..270a48c 100644 --- a/src/views/home/components/control-deck.vue +++ b/src/views/home/components/control-deck.vue @@ -75,32 +75,36 @@
- +
@@ -140,31 +144,41 @@ + +
前进
+
后退
+
左转
+
右转
+
- +
@@ -369,7 +383,7 @@ import { changeDeviceCameraZoomInApi, changeDeviceCameraZoomOutApi, } from '@/utils/initLogin' -import { handleRobotActionApi, uploadAudioApi, getAudioInfoApi } from '@/api/home' +import { handleRobotActionApi, uploadAudioApi, getAudioInfoApi, deleteAudioApi } from '@/api/home' import { useRobotDataStore } from '@/store/robot' import { getRobotTokenFn, getRobotDeviceListFn } from '@/utils/getRobotInfo.js' import { @@ -479,6 +493,16 @@ const handleChangeAudio = async (e) => { selectPlayType.value = true } else if (e === '删除') { + const { data: res } = await deleteAudioApi({ + puId: robotData.robotInfo?.puId, + id: audioInfo.value?.id, + }) + + if (res.code == 200) { + message.success('删除音频成功') + } else { + message.error('删除音频失败') + } } else { const { data: res } = await handleRobotActionApi({ puId: robotData.robotInfo?.puId, @@ -891,9 +915,9 @@ onMounted(async () => { } .row-3-item-3 { - width: 120px; - height: 120px; - margin: 32px auto 0 !important; + width: 100px; + height: 100px; + margin: 42px auto 0 !important; > img { width: 24px; @@ -925,7 +949,7 @@ onMounted(async () => { } } .row-4 { - margin: 24px 0; + margin: 34px 0; .row-4-item { text-align: center; } diff --git a/src/views/home/components/modal-content/control-deck.vue b/src/views/home/components/modal-content/control-deck.vue index 956e5ca..c31190a 100644 --- a/src/views/home/components/modal-content/control-deck.vue +++ b/src/views/home/components/modal-content/control-deck.vue @@ -10,35 +10,38 @@ class="arrow-top hand-direction" src="@/assets/home-imgs/control-2-arrow.png" alt="" - @click="handleChangeCamera('up')" + @mousedown="handleChangeCamera('up')" + @mouseup="handleChangeCamera('stop')" + @mouseleave="handleChangeCamera('stop')" />
- +
@@ -68,36 +71,46 @@
+ +
前进
+
后退
+
左转
+
右转
+
- +
@@ -231,13 +244,13 @@ onMounted(async () => {}) } .row-3-item-1 { - margin-right: 20px !important; + // margin-right: 20px !important; } .row-3-item-1, .row-3-item-3 { - width: 120px; - height: 120px; - margin: 40px auto 0; + width: 100px; + height: 100px; + margin: 42px auto 0; position: relative; background: url('@/assets/home-imgs/control-2-round.png') no-repeat center center; background-size: 100% 100%; @@ -374,10 +387,6 @@ onMounted(async () => {}) } .row-3-item-3 { - width: 130px; - height: 130px; - margin: 38px auto 0 !important; - > img { width: 24px; height: 26px;