| | |
| | | <div> |
| | | <div>航线方向</div> |
| | | <div> |
| | | <el-radio-group v-model="routeDirection" size="small"> |
| | | <el-radio-group v-model="routeDirection" size="small" @change="handleRouteDirectionChange"> |
| | | <el-radio :value="1" border>水平方向</el-radio> |
| | | <el-radio :value="2" border>垂直方向</el-radio> |
| | | </el-radio-group> |
| | |
| | | takeOffVal: 10, // 安全起飞高度值 |
| | | |
| | | isOverturn: false, // 是否翻转测区 |
| | | routeDirection: 2, // 航线方向,1-水平,2-垂直 |
| | | routeDirection: 1, // 航线方向,1-水平,2-垂直 |
| | | completeTheAction: 1, // 完成动作,1-自动返航 |
| | | takeAPicture: 1, // 拍照方式,1-等时间,2-等间距 |
| | | lateralVal: 70, // 旁向重叠率 |
| | |
| | | |
| | | // 旁向重叠率变化时的处理函数 |
| | | handleLateralChange (value) { |
| | | console.log('handleLateralChange:', value) |
| | | if (!this.faceAirLineTool || value == null) return |
| | | const v = Math.min(90, Math.max(10, Number(value))) |
| | | this.lateralVal = v |
| | | this.faceAirLineTool.updata({ type: 'overLap', crossLap: v }) |
| | | }, |
| | | |
| | | // 航向重叠率变化时的处理函数 |
| | | handleHeadingChange (value) { |
| | | console.log('handleHeadingChange:', value) |
| | | }, |
| | | |
| | | handleRouteDirectionChange (value) { |
| | | if (!this.faceAirLineTool || value == null) return |
| | | const angle = Number(value) === 1 ? 0 : 90 |
| | | this.faceAirLineTool.updata({ type: 'mainAngle', angle }) |
| | | }, |
| | | |
| | | // 提交倾斜航线设置的函数 |
| | |
| | | if (!this.faceAirLineTool) return |
| | | this.faceAirLineTool.updata({ type: 'ReversalModel', model: val ? 1 : 0 }) |
| | | if (this.axisManager) this.axisManager.setReversalMode(val) |
| | | } |
| | | }, |
| | | }, |
| | | |
| | | // mounted是Vue的生命周期钩子,在组件挂载到DOM后执行 |
| | |
| | | ) |
| | | // 初次生成航线(绘制完成) |
| | | faceAirLineTool.setPositionData(polygon, false, true) |
| | | const angleInit = this.routeDirection === 1 ? 0 : 90 |
| | | faceAirLineTool.updata({ type: 'mainAngle', angle: angleInit }) |
| | | // 交互:悬停高亮与轴拖拽,拖拽结束重算航线 |
| | | axisManager.bindHover() |
| | | axisManager.bindAxisInteractions((newPositions) => { faceAirLineTool.setPositionData(newPositions, false, true) }) |
| | |
| | | .mount('#app') |
| | | </script> |
| | | |
| | | </html> |
| | | </html> |