围栏地图高度

web/src/views/gas/fence/FenceForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <Dialog :title="dialogTitle" v-model="dialogVisible" width="80%">
+  <Dialog :title="dialogTitle" v-model="dialogVisible" scroll fullscreen width="90%" top="0">
     <el-form
       ref="formRef"
       :model="formData"
@@ -10,20 +10,6 @@
       <el-form-item label="围栏名称" prop="name">
         <el-input @input="refreshFences" v-model="formData.name" placeholder="请输入围栏名称" />
       </el-form-item>
-      <el-form-item label="围栏范围" prop="fenceRange">
-        <div class="w-full h-[400px]">
-          <OpenLayerMap
-            ref="mapRef"
-            :show-markers="false"
-            :show-trajectories="false"
- 
-            :show-fences="true"
-            :show-draw-fences="true"
-            @fence-draw-complete="handleFenceDrawComplete"
-            :fences="[formData]"
-          />
-        </div>
-      </el-form-item>
       <el-form-item label="状态" prop="status">
         <el-radio-group @change="refreshFences" v-model="formData.status">
           <el-radio-button
@@ -49,6 +35,20 @@
       <el-form-item label="备注" prop="remark">
         <el-input v-model="formData.remark" placeholder="请输入备注" />
       </el-form-item>
+
+      <el-form-item label="围栏范围" prop="fenceRange">
+        <div class="w-full h-[calc(100vh-200px)]">
+          <OpenLayerMap
+            ref="mapRef"
+            :show-markers="false"
+            :show-trajectories="false"
+            :show-fences="true"
+            :show-draw-fences="true"
+            @fence-draw-complete="handleFenceDrawComplete"
+            :fences="[formData]"
+          />
+        </div>
+      </el-form-item>
     </el-form>
     <template #footer>
       <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>