From 1eae5c06afd835712b6805be8ccef8dd598f7986 Mon Sep 17 00:00:00 2001
From: fangjiakai <450850793@qq.com>
Date: Wed, 11 Jun 2025 10:59:22 +0800
Subject: [PATCH] =?UTF-8?q?feat(tailings=5Freservoir):=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=B0=BE=E7=9F=BF=E5=BA=93=E8=AE=BE=E8=AE=A1=E5=BA=93=E5=AE=B9?=
 =?UTF-8?q?=E3=80=81=E7=8E=B0=E7=8A=B6=E5=BA=93=E5=AE=B9=E5=92=8C=E7=BB=8F?=
 =?UTF-8?q?=E7=BA=AC=E5=BA=A6=E5=AE=9A=E4=BD=8D=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在尾矿库添加表单中增加设计库容和现状库容字段
- 添加经度和纬度输入框及点击定位按钮
- 实现点击定位功能，弹出地图组件进行经纬度选择
- 在尾矿库列表中添加经纬度字段
---
 .../tailings_reservoir/components/add.vue     | 68 +++++++++++++++++++
 src/views/tailings_reservoir/index.vue        |  6 +-
 2 files changed, 70 insertions(+), 4 deletions(-)

diff --git a/src/views/tailings_reservoir/components/add.vue b/src/views/tailings_reservoir/components/add.vue
index 65fff07..e3bfaef 100644
--- a/src/views/tailings_reservoir/components/add.vue
+++ b/src/views/tailings_reservoir/components/add.vue
@@ -140,6 +140,31 @@
             />
           </el-form-item>
         </el-col>
+
+        <el-col :span="24">
+          <el-form-item label="设计库容" prop="designStorageCapacity">
+            <el-input-number
+              v-model="form.designStorageCapacity"
+              :precision="2"
+              :step="0.1"
+              placeholder="请输入设计库容"
+              style="width: 100%"
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24">
+          <el-form-item label="现状库容" prop="currentStorageCapacity">
+            <el-input-number
+              v-model="form.currentStorageCapacity"
+              :precision="2"
+              :step="0.1"
+              placeholder="请输入现状库容"
+              style="width: 100%"
+            />
+          </el-form-item>
+        </el-col>
+
         <el-col :span="24">
           <el-form-item
             label="是否在长江、黄河及其主要支流、其他重要河流岸线3公里范围内"
@@ -224,6 +249,26 @@
             />
           </el-form-item>
         </el-col>
+
+        <el-col :span="24">
+          <div style="display: flex">
+            <el-form-item label="经度" prop="longitude" style="flex: 1">
+              <el-input v-model="form.longitude" placeholder="请选择经度" />
+            </el-form-item>
+            <el-form-item label="纬度" prop="latitude" style="flex: 1">
+              <el-input v-model="form.latitude" placeholder="请选择纬度" />
+            </el-form-item>
+            <el-form-item label-width="10px">
+              <el-button
+                class="ml-10"
+                type="primary"
+                @click="fnSelectedPosition(form)"
+              >
+                点击定位
+              </el-button>
+            </el-form-item>
+          </div>
+        </el-col>
       </el-row>
     </el-form>
 
@@ -231,6 +276,13 @@
       <el-button @click="fnClose">取 消</el-button>
       <el-button type="primary" @click="fnSubmit">确 定</el-button>
     </template>
+
+    <app-map
+      v-model:visible="mapDialog.visible"
+      v-model:longitude="mapDialog.longitude"
+      v-model:latitude="mapDialog.latitude"
+      @submit="fnMapSubmit"
+    />
   </el-dialog>
 </template>
 
@@ -246,6 +298,7 @@ import {
   setTailingsReservoirAdd,
   setTailingsReservoirUpdate,
 } from "@/request/kangzai.js";
+import AppMap from "@/components/map/map.vue";
 
 const props = defineProps({
   visible: {
@@ -383,6 +436,21 @@ const data = reactive({
   },
 });
 
+const mapDialog = ref({
+  visible: false,
+  longitude: "",
+  latitude: "",
+});
+const fnSelectedPosition = ({ longitude, latitude }) => {
+  mapDialog.value.visible = true;
+  mapDialog.value.longitude = longitude;
+  mapDialog.value.latitude = latitude;
+};
+const fnMapSubmit = ({ longitude, latitude }) => {
+  form.value.longitude = longitude;
+  form.value.latitude = latitude;
+};
+
 const fnClose = () => {
   visible.value = false;
 };
diff --git a/src/views/tailings_reservoir/index.vue b/src/views/tailings_reservoir/index.vue
index 894f88b..69ad05f 100644
--- a/src/views/tailings_reservoir/index.vue
+++ b/src/views/tailings_reservoir/index.vue
@@ -179,10 +179,8 @@ const data = reactive({
       corpPrincipalName: "",
       corpPrincipalPost: "",
       corpPrincipalPhone: "",
-      creator: "",
-      createTime: "",
-      operator: "",
-      operatTime: "",
+      longitude: "",
+      latitude: "",
     },
   },
 });