< template> < div> < el-dialog draggable destroy-on-close v-if = " changeInundAtionState" :modal = " false" v-model = " changeInundAtionState" close-icon = " " title = " 淹没分析" width = " 20%" :before-close = " handleClose" @opened = " geInuntOpen()" :close-on-click-modal = " false" > < div class = " el-h-line" > < el-row :gutter = " 10" > < el-col :span = " 9" > < p class = " font-big" > 最大高度(米)</ p> </ el-col> < el-col :span = " 15" > < div class = " slider-demo-block" > < el-input v-model = " maxHeight" placeholder = " 请输入最大高度" /> </ div> </ el-col> </ el-row> </ div> < div class = " el-h-line" > < el-row :gutter = " 10" > < el-col :span = " 9" > < p class = " font-big" > 最小高度(米)</ p> </ el-col> < el-col :span = " 15" > < div class = " slider-demo-block" > < el-input v-model = " minHeight" placeholder = " 请输入最小高度" /> </ div> </ el-col> </ el-row> </ div> < div class = " el-h-line" > < el-row :gutter = " 10" > < el-col :span = " 9" > < p class = " font-big" > 淹没速度(米/秒)</ p> </ el-col> < el-col :span = " 15" > < div class = " slider-demo-block" > < el-input v-model = " speed" placeholder = " 请输入淹没速度" /> </ div> </ el-col> </ el-row> </ div> < div class = " el-h-line" > < el-row :gutter = " 10" > < el-col :span = " 9" > < p class = " font-big" > 颜色选择</ p> </ el-col> < el-col :span = " 15" > < div class = " slider-demo-block" > < div class = " el-demo" > < el-select