feat(tailings_reservoir):增加尾矿库设计库容、现状库容和经纬度定位功能

- 在尾矿库添加表单中增加设计库容和现状库容字段
- 添加经度和纬度输入框及点击定位按钮
- 实现点击定位功能，弹出地图组件进行经纬度选择
- 在尾矿库列表中添加经纬度字段

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;
 };

src/views/tailings_reservoir/index.vue

@@ -179,10 +179,8 @@ const data = reactive({
       corpPrincipalName: "",
       corpPrincipalPost: "",
       corpPrincipalPhone: "",
-      creator: "",
-      createTime: "",
-      operator: "",
-      operatTime: "",
+      longitude: "",
+      latitude: "",
     },
   },
 });