样式添加

package-lock.json

@@ -329,6 +329,11 @@
 				"fastq": "^1.6.0"
 			}
 		},
+		"@popperjs/core": {
+			"version": "npm:@sxzz/popperjs-es@2.11.7",
+			"resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+			"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
+		},
 		"@rollup/pluginutils": {
 			"version": "4.2.1",
 			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
@@ -946,13 +951,6 @@
 				"lodash-unified": "^1.0.2",
 				"memoize-one": "^6.0.0",
 				"normalize-wheel-es": "^1.2.0"
-			},
-			"dependencies": {
-				"@popperjs/core": {
-					"version": "npm:@sxzz/popperjs-es@2.11.7",
-					"resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
-					"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
-				}
 			}
 		},
 		"esbuild": {

src/views/responseManagement/userResponse/index.vue

@@ -32,9 +32,7 @@
             </el-table-column>
             <el-table-column prop="Operate" label="Operate" show-overflow-tooltip>
               <template #default="scope">
-                <el-button size="small" text type="primary" @click="onOpenEditRole('edit', scope.row)"
+                <el-button size="small" text type="primary" @click="onOpenEditRole('edit', scope.row)">Review</el-button>
-                  >Review</el-button
-                >
               </template>
             </el-table-column>
 
@@ -124,20 +122,22 @@
         </el-tab-pane>
       </el-tabs>
     </div>
-    <el-dialog
+    <el-dialog v-model="state.dialogVisible" title="Review" width="30%" :before-close="handleClose">
-      v-model="state.dialogVisible"
+      <el-container style="margin-top: -2%;margin-bottom: 2%;">
-      title="Review"
+        <el-radio v-model="state.radio" label='1'>Point</el-radio>
-      width="30%"
+        <el-radio v-model="state.radio" label='2'>Area</el-radio>
-      :before-close="handleClose"
+        <el-button type="primary" style="margin-left: 5%;">Clear</el-button>
-    >
+      </el-container>
+      <el-container style="margin-top: 2%;margin-bottom: 2%;" v-if="state.radio==='1'?true:false">
+        <span style="line-height: 35px;"> Latitude：</span>
+        <el-input v-model="input" placeholder="请输入内容" style="height:35px;margin-right: 1%;"></el-input>
+        <span style="line-height: 35px;">Longitude：</span>
+        <el-input v-model="input" placeholder="请输入内容" style="height:35px;"></el-input>
+      </el-container>
       <Map style="height:350px ; width:100% ;margin-bottom: 10px;" ref="map"></Map>
       <el-form-item label="Disaster Time">
-         <el-date-picker
+        <el-date-picker v-model="state.edit.disasterTime" type="date" value-format="YYYY-MM-DD"
-          v-model="state.edit.disasterTime"
+          placeholder="Select date and time" />
-          type="date"
-          value-format="YYYY-MM-DD"
-          placeholder="Select date and time"
-          />
       </el-form-item>
 
       <template #footer>
@@ -163,7 +163,10 @@ import { getDictionary } from '/@/api/system/dictbiz';
 //引入地图
 import Map from '/@/components/Map.vue';
 import { useDateFormat } from '@vueuse/shared';
-
+import L from "leaflet";
+import "leaflet/dist/leaflet.css";
+import 'leaflet-draw/dist/leaflet.draw'
+import 'leaflet-draw/dist/leaflet.draw.css'
 const map = ref(null);
 const activeName = ref('first');
 
@@ -192,6 +195,7 @@ const state = reactive({
   disasterTypeList: [],
   selectName: 'first',
   edit: {},
+  radio:null,
 });
 // 初始化表格数据
 const getTableData = () => {