Food/food
3
0
Fork 0
Code Issues 60 Pull Requests Actions Packages Projects Releases Wiki Activity

【类 型】：feat 写入参数 功能

Browse Source 
【原  因】：
【过  程】：
【影  响】：
This commit is contained in:
tk 2024-08-30 21:12:13 +08:00
parent 48e2a26ed7
commit 283883202e
1 changed files with 30 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/components/ControllerTabs.vue
View File

@ -1,7 +1,8 @@
<template>
<div class="w-100 h-100 mainBox">
<!-- 弹出框 -->
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="320px" top="30vh" @close="closeCallback" @open="openCallback">
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="320px" top="30vh" @close="closeCallback"
@open="openCallback">
<!-- 起飞设置弹出框 -->
<template v-if="dialogItem == 'takeoffBox'">
<el-slider class="w-100" v-model="takeoffValue" :show-tooltip="false" show-input :min="1" :max="100">
@ -13,7 +14,7 @@
</span>
</template>
<!-- 摄像头弹出框 -->
<template v-if="dialogItem == 'cameraBox'">
<template v-else-if="dialogItem == 'cameraBox'">
<div class="slider-container w-100 flex mse mac">
<font>俯</font>
<el-slider @change="releaseCameraSlider('pitch')" @input="setCamera('pitch')" v-model="pitchValue"
@ -37,7 +38,7 @@
</span>
</template>
<!-- 校准磁罗盘 -->
<template v-if="dialogItem === 'compassBox'">
<template v-else-if="dialogItem === 'compassBox'">
<div>
<template v-if="reportCal === null">
<el-progress :percentage="completionPct"></el-progress>
@ -51,35 +52,45 @@
</span>
</template>
<!-- 校准加速度计 -->
<template v-if="dialogItem === 'acceBox'">
<div v-loading="acceState===null"></div>
<div v-if="acceState==='level'">
<template v-else-if="dialogItem === 'acceBox'">
<div v-loading="acceState === null"></div>
<div v-if="acceState === 'level'">
水平
</div>
<div v-else-if="acceState==='left'">
<div v-else-if="acceState === 'left'">
左
</div>
<div v-else-if="acceState==='right'">
<div v-else-if="acceState === 'right'">
右
</div>
<div v-else-if="acceState==='down'">
<div v-else-if="acceState === 'down'">
前
</div>
<div v-else-if="acceState==='up'">
<div v-else-if="acceState === 'up'">
后
</div>
<div v-else-if="acceState==='back'">
<div v-else-if="acceState === 'back'">
反
</div>
<div v-else-if="acceState==='successful'">
<div v-else-if="acceState === 'successful'">
校准成功，重启飞机即可生效！
</div>
<div v-else-if="acceState==='failed'">
<div v-else-if="acceState === 'failed'">
校准失败
</div>
<span slot="footer" class="dialog-footer">
<el-button size="medium" @click="handlerCloseAcceBox">关闭</el-button>
<el-button size="medium" v-if="acceState !== 'successful' && acceState !== 'failed' && acceState !== null" @click="publishFun('{initAcce:2}')" type="primary">已摆好</el-button>
<el-button size="medium" v-if="acceState !== 'successful' && acceState !== 'failed' && acceState !== null"
@click="publishFun('{initAcce:2}')" type="primary">已摆好</el-button>
</span>
</template>
<!-- 写入参数 -->
<template v-else-if="dialogItem === 'paramBox'">
<el-input v-model="paramItem" placeholder="参数名"></el-input>
<el-input v-model="paramValue" placeholder="值" class="m-t-20"></el-input>
<span slot="footer" class="dialog-footer">
<el-button size="medium" @click="dialogVisible = false">关闭</el-button>
<el-button size="medium" type="primary" @click="publishFun(`{'setParam':{'item':'${paramItem}','value':'${paramValue}'}}`)">写入</el-button>
</span>
</template>
</el-dialog>
@ -290,12 +301,12 @@
<div class="m-t-5">磁罗盘</div>
</el-button>
<el-button size="medium" type="primary" class="flex1 butIcon"
@click="publishFun('{initAcce:1}'); speakText('校准加速度计');dialogVisible = true; dialogTitle = '校准加速度计';dialogItem = 'acceBox';">
@click="publishFun('{initAcce:1}'); speakText('校准加速度计'); dialogVisible = true; dialogTitle = '校准加速度计'; dialogItem = 'acceBox';">
<i class="iconfont icon-zuobiaozhoupeizhixiang f-s-24"></i>
<div class="m-t-5">加速度计</div>
</el-button>
<el-button size="medium" type="primary" class="flex1 butIcon"
@click="speakText('写入参数')">
@click="speakText('写入参数'); dialogVisible = true; dialogTitle = '写入参数'; dialogItem = 'paramBox';">
<i class="iconfont icon-canshupeizhi f-s-24"></i>
<div class="m-t-5">写入参数</div>
</el-button>
@ -341,7 +352,9 @@ export default {
questForm: { // 送餐任务表单
id: ''
},
waringTags: []// 任务栏 提示标签 有退款 超重 等
waringTags: [], // 任务栏 提示标签 有退款 超重 等
paramItem: '', // 写入参数 键
paramValue: ''// 写入参数 值
}
},
props: {