From e35ebd29ee658ac23227d2902b7620e7f13461c0 Mon Sep 17 00:00:00 2001
From: ZvonimirSun <hi@iszy.xyz>
Date: Thu, 14 Nov 2024 18:36:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(lodCalculator):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/tools/lodCalculator/lodCalculator.vue | 48 +++++++++++------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/tools/lodCalculator/lodCalculator.vue b/src/tools/lodCalculator/lodCalculator.vue
index 70c4b618..3a13f7a5 100644
--- a/src/tools/lodCalculator/lodCalculator.vue
+++ b/src/tools/lodCalculator/lodCalculator.vue
@@ -154,7 +154,21 @@ function generate() {
   <div h-full w-full flex flex-col gap-2 overflow-hidden>
     <el-form :label-width="130">
       <el-row :gutter="8">
-        <el-col :span="4">
+        <el-col :xl="8" :lg="12" :sm="12">
+          <el-form-item label="地图分辨率" class="form-item">
+            <el-input v-model="formInfo.resolution" @input="changeResolution">
+              <template #prepend>
+                1 :
+              </template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :xl="8" :lg="12" :sm="12">
+          <el-form-item label="地图比例尺" class="form-item">
+            <el-input v-model="formInfo.scaleDomination" @input="changeScaleDomination" />
+          </el-form-item>
+        </el-col>
+        <el-col :xl="4" :lg="12" :sm="12">
           <el-form-item label="屏幕分辨率(ppi)" class="form-item">
             <el-input v-model="formInfo.ppi" :readonly="!canEdit" @input="changePPI">
               <template #append>
@@ -175,26 +189,12 @@ function generate() {
             </el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="4">
+        <el-col :xl="4" :lg="12" :sm="12">
           <el-form-item label="像元大小(mm)" class="form-item">
             <el-input v-model="formInfo.pixelSize" :readonly="!canEdit" @input="changePixelSize" />
           </el-form-item>
         </el-col>
-        <el-col :span="6">
-          <el-form-item label="地图分辨率" class="form-item">
-            <el-input v-model="formInfo.resolution" @input="changeResolution">
-              <template #prepend>
-                1 :
-              </template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="地图比例尺" class="form-item">
-            <el-input v-model="formInfo.scaleDomination" @input="changeScaleDomination" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="3">
+        <el-col :xl="4" :lg="6" :sm="12">
           <el-form-item label="单位" class="form-item">
             <el-select v-model="formInfo.unit" @change="changeUnit">
               <el-option label="度" value="degree" />
@@ -202,17 +202,17 @@ function generate() {
             </el-select>
           </el-form-item>
         </el-col>
-        <el-col :span="4">
-          <el-form-item label="切片层级数" class="form-item">
-            <el-input-number v-model.number="lodInfo.count" controls-position="right" :min="0" :step="1" @change="changeCount" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="4">
+        <el-col :xl="4" :md="6" :sm="12">
           <el-form-item label="当前层级" class="form-item">
             <el-input-number v-model.number="lodInfo.lod" controls-position="right" :min="0" :max="lodInfo.count" :step="1" />
           </el-form-item>
         </el-col>
-        <el-col :span="4">
+        <el-col :xl="4" :md="6" :sm="12">
+          <el-form-item label="切片层级数" class="form-item">
+            <el-input-number v-model.number="lodInfo.count" controls-position="right" :min="0" :step="1" @change="changeCount" />
+          </el-form-item>
+        </el-col>
+        <el-col :md="24" :sm="12">
           <el-form-item class="form-item">
             <el-button type="primary" @click="generate">
               生成