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