暂存修改审核加入地图与其他信息修改

src/views/responseManagement/userResponse/index.vue

@@ -2,7 +2,7 @@
   <div class="system-role-container layout-padding">
     <div class="system-role-padding layout-padding-auto layout-padding-view">
       <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" style="margin-left: 20px">
-        <el-tab-pane label="Not reviewed" name="first">
+        <el-tab-pane label="unchecked" name="first">
           <el-table :data="state.tableData.data" v-loading="state.tableData.loading" style="width: 100%">
             <el-table-column type="index" label="ID" width="50" />
             <el-table-column prop="username" label="User name" show-overflow-tooltip></el-table-column>
@@ -57,7 +57,7 @@
             :total="state.tableData.total">
           </el-pagination>
         </el-tab-pane>
-        <el-tab-pane label="Reviewed" name="second">
+        <el-tab-pane label="checked" name="second">
           <el-table :data="state.tableData.data" v-loading="state.tableData.loading" style="width: 100%">
             <el-table-column type="index" label="ID" width="50" />
             <el-table-column prop="username" label="User name" show-overflow-tooltip></el-table-column>
@@ -113,7 +113,22 @@
         </el-tab-pane>
       </el-tabs>
     </div>
-    <RoleDialog ref="roleDialogRef" @refresh="getTableData()" />
+    <el-dialog
+      v-model="state.dialogVisible"
+      title="Tips"
+      width="30%"
+      :before-close="handleClose"
+    >
+      <Map style="height:400px ; width:600px"></Map>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogVisible = false">Cancel</el-button>
+          <el-button type="primary" @click="dialogVisible = false">
+            Confirm
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
@@ -122,6 +137,9 @@ import { defineAsyncComponent, reactive, onMounted, ref } from 'vue';
 import { ElMessageBox, ElMessage} from 'element-plus';
 import {getList ,review } from '/@/api/disasterInfo/index';
 import { getDictionary } from '/@/api/system/dictbiz';
+//引入地图
+import Map from '/@/components/Map.vue';
+
 
 const activeName = ref('first');
 
@@ -129,12 +147,11 @@ const handleClick = (tab ,event) => {
   state.selectName=tab.props.name;
   getTableData();
 };
-// 引入组件
-const RoleDialog = defineAsyncComponent(() => import('/@/views/system/role/dialog.vue'));
 
 // 定义变量内容
 const roleDialogRef = ref();
 const state = reactive({
+  dialogVisible: false,
   tableData: {
     data: [],
     total: 0,
@@ -171,28 +188,29 @@ const onHandleSizeChange = (val) => {
 };
 const onOpenEditRole = (type, row) => {
   //使用英语提示用户是否进行审核
-  ElMessageBox.confirm('Are you sure you want to review this data ?', 'Tips', {
-    confirmButtonText: 'OK',
-    cancelButtonText: 'Cancel',
-    type: 'warning',
-  })
-    .then(() => {
-      //审核通过
-      review(row.id).then(() => {
-        ElMessage({
-          type: 'success',
-          message: 'Review success!',
-        });
-        getTableData();
-      });
-    })
-    .catch(() => {
-      //审核不通过
-      ElMessage({
-        type: 'info',
-        message: 'Review failed!',
-      });
-    });
+  // ElMessageBox.confirm('Are you sure you want to review this data ?', 'Tips', {
+  //   confirmButtonText: 'OK',
+  //   cancelButtonText: 'Cancel',
+  //   type: 'warning',
+  // })
+  //   .then(() => {
+  //     //审核通过
+  //     review(row.id,state.tableData.loading).then(() => {
+  //       ElMessage({
+  //         type: 'success',
+  //         message: 'Review success!',
+  //       });
+  //       getTableData();
+  //     });
+  //   })
+  //   .catch(() => {
+  //     //审核不通过
+  //     ElMessage({
+  //       type: 'info',
+  //       message: 'Review failed!',
+  //     });
+  //   });
+  state.dialogVisible = true;
   
 };
 // 分页改变