<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">