【运维笔记】深入理解反向代理的原理及应用

<template>
    <div class="dialog-draggable">
        <el-dialog draggable destroy-on-close v-if="changeRangeVisibility" :modal="false" v-model="changeRangeVisibility"
            title="可视域分析" width="24%" :before-close="handleClose" @opened="getOpen()" :close-on-click-modal="false">
            <div class="el-h-line">
                <el-row :gutter="10">
                    <el-col :span="5">
                        <p class="font-big">方向（度）</p>
                    </el-col>
                    <el-col :span="19">
                        <div class="slider-demo-block">
                            <el-slider v-model="viewedModel.direction" show-input :step="1" :min=0 :max=360  @change="directionChange"/>
                        </div>
                    </el-col>
                </el-row>
            </div>

            <div class="el-h-line">
                <el-row :gutter="10">
                    <el-col :span="5">
                        <p class="font-big">翻转（度）</p>
                    </el-col>
                    <el-col :span="19">
                        <div class="slider-demo-block">
                            <el-slider v-model="viewedModel.pitch" show-input :min=-90 :max=90  @change="pitchChange"/>
                        </div>
                    </el-col>
                </el-row>
            </div>

            <div class="el-h-line">
                <el-row :gutter="10">
                    <el-col :span="5">
                        <p class="font-big">距离（米）</p>
                    </el-col>
                    <el-col :span="19">
                        <div class="slider-demo-block">
                            <el-slider v-model="viewedModel.distance" show-input :min=1 :max=500 @change="distanceChange" />
                        </div>
                    </el-col>
                </el-row>
            </div>

            <div class="el-h-line">
                <el-row :gutter="10">
                    <el-col :span="5">
                        <p class="font-big">水平视场角</p>
                    </el-col>
                    <el-col :span="19">
                        <div class="slider-demo-block">
                            <el-slider v-model="viewedModel.horizontalFov" show-input :min=1 :max=120 @change='horizontalFovChange' />
                        </div>
                    </el-col>
                </el-row>
            </div>

            <div class="el-h-line">
                <el-row :gutter="10">