From 2b4ddd668550749813c4e02b5d5100842763e23b Mon Sep 17 00:00:00 2001 From: guonan <guonan201020@163.com> Date: 星期四, 17 四月 2025 17:41:35 +0800 Subject: [PATCH] 划区域坡度分析 --- src/components/tools/SlopeAnalysis.vue | 73 ++++++++++++++++++++---------------- 1 files changed, 40 insertions(+), 33 deletions(-) diff --git a/src/components/tools/SlopeAnalysis.vue b/src/components/tools/SlopeAnalysis.vue index 7609ef4..a12b918 100644 --- a/src/components/tools/SlopeAnalysis.vue +++ b/src/components/tools/SlopeAnalysis.vue @@ -1,39 +1,44 @@ <template> + <div class="terrain-settings"> + <el-form :model="form" label-width="80px"> + <!-- 鍦拌〃娓叉煋 --> + <el-form-item label="鍦拌〃娓叉煋"> + <el-radio-group v-model="form.terrainRender"> + <el-radio :label="0">鏃�</el-radio> + <el-radio :label="1">鍧″害</el-radio> + </el-radio-group> + </el-form-item> + + <!-- 绛夐珮绾垮紑鍏� --> + <el-form-item label="绛夐珮绾�"> + <el-switch + v-model="form.contourLines" + inline-prompt + active-text="寮�" + inactive-text="鍏�" + ></el-switch> + <el-color-picker v-model="form.color" style="margin-left: 10px" /> + </el-form-item> + + <!-- 闂磋窛婊戝潡锛堟牴鎹瓑楂樼嚎寮�鍏虫帶鍒舵樉绀猴級 --> + <el-form-item label="闂磋窛" v-if="form.contourLines"> + <el-slider v-model="form.spacing" :min="20" :max="500"></el-slider> + </el-form-item> + + <!-- 绾垮婊戝潡锛堟牴鎹瓑楂樼嚎寮�鍏虫帶鍒舵樉绀猴級 --> + <el-form-item label="绾垮" v-if="form.contourLines"> + <el-slider v-model="form.lineWidth" :min="1" :max="10"></el-slider> + </el-form-item> + </el-form> + <div style="display: flex; justify-content: flex-end"> + <el-button @click="handleDraw">缁樺埗鍖哄煙</el-button> + </div> + </div> <!-- 鍧″害鍒嗘瀽 --> - <el-form :model="form" label-width="80px" class="terrain-settings"> - <!-- 鍦拌〃娓叉煋 --> - <el-form-item label="鍦拌〃娓叉煋"> - <el-radio-group v-model="form.terrainRender"> - <el-radio :label="0">鏃�</el-radio> - <el-radio :label="1">鍧″害</el-radio> - </el-radio-group> - </el-form-item> - - <!-- 绛夐珮绾垮紑鍏� --> - <el-form-item label="绛夐珮绾�"> - <el-switch - v-model="form.contourLines" - inline-prompt - active-text="寮�" - inactive-text="鍏�" - ></el-switch> - <el-color-picker v-model="form.color" style="margin-left: 10px" /> - </el-form-item> - - <!-- 闂磋窛婊戝潡锛堟牴鎹瓑楂樼嚎寮�鍏虫帶鍒舵樉绀猴級 --> - <el-form-item label="闂磋窛" v-if="form.contourLines"> - <el-slider v-model="form.spacing" :min="20" :max="500"></el-slider> - </el-form-item> - - <!-- 绾垮婊戝潡锛堟牴鎹瓑楂樼嚎寮�鍏虫帶鍒舵樉绀猴級 --> - <el-form-item label="绾垮" v-if="form.contourLines"> - <el-slider v-model="form.lineWidth" :min="1" :max="10"></el-slider> - </el-form-item> - </el-form> </template> <script setup> -import { reactive, watch } from "vue"; +import { reactive, watch, defineEmits } from "vue"; // 瀹氫箟 props 鍜� emit const props = defineProps({ @@ -61,6 +66,10 @@ }, { deep: true } // 娣卞害鐩戝惉 ); +const handleDraw = () => { + console.log("缁樺埗鍖哄煙"); + emit("draw"); +}; </script> <style lang="less" scoped> @@ -77,8 +86,6 @@ margin-bottom: 20px; display: flex; } - - /deep/ .el-switch.is-checked .el-switch__core { background-color: #009688; -- Gitblit v1.9.3