划区域坡度分析

guonan

2025-04-17 2b4ddd668550749813c4e02b5d5100842763e23b

 src/components/tools/SlopeAnalysis.vue

@@ -1,6 +1,6 @@
<template>
  <!-- 坡度分析 -->
  <el-form :model="form" label-width="80px" class="terrain-settings">
  <div class="terrain-settings">
    <el-form :model="form" label-width="80px">
    <!-- 地表渲染 -->
    <el-form-item label="地表渲染">
      <el-radio-group v-model="form.terrainRender">
@@ -30,10 +30,15 @@
      <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>
  <!-- 坡度分析 -->
</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;