From 1dbf51ab46b6a96daa4b75afa58eb9d1c9570a54 Mon Sep 17 00:00:00 2001
From: guonan <guonan201020@163.com>
Date: 星期五, 18 四月 2025 13:43:11 +0800
Subject: [PATCH] 按区域划分坡度坡向等高线
---
src/components/tools/SlopeAnalysis.vue | 65 +++++++++++++++-----------------
1 files changed, 31 insertions(+), 34 deletions(-)
diff --git a/src/components/tools/SlopeAnalysis.vue b/src/components/tools/SlopeAnalysis.vue
index 7609ef4..71557c9 100644
--- a/src/components/tools/SlopeAnalysis.vue
+++ b/src/components/tools/SlopeAnalysis.vue
@@ -1,39 +1,35 @@
<template>
+ <div class="terrain-settings">
+ <el-form :model="form" label-width="80px">
+ <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({
@@ -46,7 +42,6 @@
// 鍒濆鍖� form 鏁版嵁
const form = reactive({
- terrainRender: 0,
contourLines: false,
color: "red",
spacing: 50,
@@ -61,6 +56,10 @@
},
{ deep: true } // 娣卞害鐩戝惉
);
+const handleDraw = () => {
+ console.log("缁樺埗鍖哄煙");
+ emit("draw");
+};
</script>
<style lang="less" scoped>
@@ -77,8 +76,6 @@
margin-bottom: 20px;
display: flex;
}
-
-
/deep/ .el-switch.is-checked .el-switch__core {
background-color: #009688;
--
Gitblit v1.9.3