From 7d10269a9a5fd5f85a5915235ab8c6880e6586e8 Mon Sep 17 00:00:00 2001
From: yyhouc <792163605@qq.com>
Date: Wed, 24 May 2023 18:41:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             | 22 ++++++++++
 src/api/disasterInfo/index.js                 |  7 +++
 src/api/news/index.js                         |  7 +++
 .../remoteSensingSourceData.js                |  9 +++-
 src/api/response/dataUpload.js                |  9 +++-
 src/directive/authDirective.js                |  7 +++
 .../dataService/multimediaData/index.vue      | 37 +++++++++++++---
 .../components/retrievalCondition.vue         | 42 +++++++++++++++---
 .../responseManagement/dataUpload/index.vue   | 22 +++++++++-
 .../responseManagement/userResponse/index.vue | 44 +++++++++++++++----
 10 files changed, 184 insertions(+), 22 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e30a322..5155afe 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3007,6 +3007,14 @@
 			"resolved": "https://registry.npmmirror.com/leaflet/-/leaflet-1.9.3.tgz",
 			"integrity": "sha512-iB2cR9vAkDOu5l3HAay2obcUHZ7xwUBBjph8+PGtmW/2lYhbLizWtG7nTeYht36WfOslixQF9D/uSIzhZgGMfQ=="
 		},
+		"leaflet-control-geocoder": {
+			"version": "2.4.0",
+			"resolved": "https://registry.npmjs.org/leaflet-control-geocoder/-/leaflet-control-geocoder-2.4.0.tgz",
+			"integrity": "sha512-b2QlxuFd40uIDbnoUI3U9fzfnB4yKUYlmsXjquJ2d2YjoJqnyVYcIJeErAVv3kPvX3nI0gzvBq1XHMgSVFrGkQ==",
+			"requires": {
+				"open-location-code": "^1.0.0"
+			}
+		},
 		"leaflet-draw": {
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/leaflet-draw/-/leaflet-draw-1.0.4.tgz",
@@ -3020,6 +3028,14 @@
 				"leaflet": "^1.0.0"
 			}
 		},
+		"leaflet-search": {
+			"version": "2.9.6",
+			"resolved": "https://registry.npmjs.org/leaflet-search/-/leaflet-search-2.9.6.tgz",
+			"integrity": "sha512-ZzZEnjcYmVEXfYq5r2adt47voAtycJlZ3YDjWJXjJuUCWW99sj6IqB5qjNrBC5JALBmSnkOlfSHCaj3jbO1CGg==",
+			"requires": {
+				"leaflet": "*"
+			}
+		},
 		"levn": {
 			"version": "0.4.1",
 			"resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -3199,6 +3215,12 @@
 				"wrappy": "1"
 			}
 		},
+		"open-location-code": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/open-location-code/-/open-location-code-1.0.3.tgz",
+			"integrity": "sha512-DBm14BSn40Ee241n80zIFXIT6+y8Tb0I+jTdosLJ8Sidvr2qONvymwqymVbHV2nS+1gkDZ5eTNpnOIVV0Kn2fw==",
+			"optional": true
+		},
 		"optimist": {
 			"version": "0.6.1",
 			"resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
diff --git a/src/api/disasterInfo/index.js b/src/api/disasterInfo/index.js
index 30b2450..4a6afc1 100644
--- a/src/api/disasterInfo/index.js
+++ b/src/api/disasterInfo/index.js
@@ -88,3 +88,10 @@ export function responseEndedDisasterInfo(id) {
     }
   });
 }
+export function deleteByIds(ids) {
+  return request({
+    url: '/api/' + moduleName + '/ui/disasterInfo/deleteByIds',
+    method: 'delete',
+    data: ids
+  });
+}
diff --git a/src/api/news/index.js b/src/api/news/index.js
index ee02d89..d88b152 100644
--- a/src/api/news/index.js
+++ b/src/api/news/index.js
@@ -32,3 +32,10 @@ export const importTemplate = (data) => {
         data: data
     })
 }
+export const remove = (ids,type) => {
+    return request({
+        url: '/api/'+moduleName+'/ui/'+(type?'news':'socialMedia')+'/deleteByIds',
+        method: 'delete',
+        data: ids
+    })
+}
diff --git a/src/api/remoteSensingSourceData/remoteSensingSourceData.js b/src/api/remoteSensingSourceData/remoteSensingSourceData.js
index da88526..231d040 100644
--- a/src/api/remoteSensingSourceData/remoteSensingSourceData.js
+++ b/src/api/remoteSensingSourceData/remoteSensingSourceData.js
@@ -45,4 +45,11 @@ export const importTemplate = (data) => {
 		method: 'post',
 		data: data
 	});
-};
\ No newline at end of file
+};
+export const removeList = (ids) => {
+	return request({
+		url: '/api/' + moduleName + '/ui/remoteSensing/remove',
+		method: 'delte',
+		data: ids,
+	});
+}
\ No newline at end of file
diff --git a/src/api/response/dataUpload.js b/src/api/response/dataUpload.js
index 19d1b8c..a50fdd9 100644
--- a/src/api/response/dataUpload.js
+++ b/src/api/response/dataUpload.js
@@ -50,4 +50,11 @@ export const auditData = (data) => {
         method: 'post',
         data: data
     });
-};
\ No newline at end of file
+};
+export const remove = (data) => {
+    return request({
+        url: '/api/' + moduleName + '/ui/dataUpload/remove',
+        method: 'delete',
+        data: data
+    });
+}
\ No newline at end of file
diff --git a/src/directive/authDirective.js b/src/directive/authDirective.js
index b1b2cb1..0013142 100644
--- a/src/directive/authDirective.js
+++ b/src/directive/authDirective.js
@@ -15,6 +15,13 @@ export function authDirective(app) {
 			if (!stores.userInfos.authBtnList.some((v) => v === binding.value)) el.parentNode.removeChild(el);
 		},
 	});
+	app.directive('auth-role', {
+		mounted(el, binding) {
+			const stores = useUserInfo();
+			console.log('指令验证',stores.userInfos);
+			if (!stores.userInfos.roles.some((v) => v === binding.value)) el.parentNode.removeChild(el);
+		},
+	});
 	// 多个权限验证，满足一个则显示（v-auths="[xxx,xxx]"）
 	app.directive('auths', {
 		mounted(el, binding) {
diff --git a/src/views/dataService/multimediaData/index.vue b/src/views/dataService/multimediaData/index.vue
index bbc16eb..7fb4a62 100644
--- a/src/views/dataService/multimediaData/index.vue
+++ b/src/views/dataService/multimediaData/index.vue
@@ -57,6 +57,12 @@
                 </el-icon>
                 Upload
               </el-button>
+              <el-button size="default" type="danger"  v-auth-role="'admin'" class="ml10" @click="removeThis">
+                <el-icon>
+                  <ele-Delete />
+                </el-icon>
+                Delete
+              </el-button>
             </div>
 
             <el-table :data="state.tableData.data" v-loading="state.tableData.loading"
@@ -120,15 +126,14 @@
   </div>
 </template>
 
-<script lang="ts" setup name="dataMultimediaData">
+<script  setup name="dataMultimediaData">
 import en from 'element-plus/dist/locale/en.mjs'
-import type { TabsPaneContext } from 'element-plus';
 import { getList } from '/@/api/disasterInfo/index';
-import { getList as getNewsList, review } from '/@/api/news/index';
+import { getList as getNewsList, review , remove as removeList} from '/@/api/news/index';
 import { getDictionary } from '/@/api/system/dictbiz';
 //复制内容
 import { reactive, onMounted, ref } from 'vue';
-import { ElMessage } from 'element-plus';
+import { ElMessage ,ElMessageBox} from 'element-plus';
 
 import boot from "./component/boot.vue";
 import uploadData from "./component/uploadData.vue";
@@ -136,7 +141,27 @@ import disasterTable from "/@/components/table/DisasterTable.vue";
 // 引入组件
 const bootRef = ref();
 const uploadDataRef = ref();
-
+const removeThis = (row) =>{
+  let ids = state.multipleSelection.map((item) => item.id);
+  //如何ids为空使用英语提示并返回
+  if(ids.length == 0){
+    ElMessage.info("Please select the data to be deleted");
+    return;
+  }
+  //使用英语提示是否删除
+  ElMessageBox.confirm('Are you sure you want to delete it?', 'Prompt', {
+    confirmButtonText: 'Yes',
+    cancelButtonText: 'No',
+    type: 'warning',
+  }).then(() => {
+    //删除数据
+    removeList(ids,(state.searchName=='1'?"News":null)).then((res) => {
+        ElMessage.success("Delete successfully");
+        getTableData();
+    });
+    }).catch(() => {   ElMessage.error("Delete failed");});
+  
+}
 
 const state = reactive({
   dialogVisible: false,
@@ -254,7 +279,7 @@ const getTableData = () => {
 };
 
 // 打开上传弹窗
-const startBot = (row: any) => {
+const startBot = (row) => {
   bootRef.value.openDialog(row);
 
 };
diff --git a/src/views/dataService/remoteSensingData/components/retrievalCondition.vue b/src/views/dataService/remoteSensingData/components/retrievalCondition.vue
index 6ecba5e..692f071 100644
--- a/src/views/dataService/remoteSensingData/components/retrievalCondition.vue
+++ b/src/views/dataService/remoteSensingData/components/retrievalCondition.vue
@@ -52,11 +52,20 @@
                   </template>
                 </el-upload>
               </el-col>
+              <el-col :span="3" v-auth-role="'admin'">
+                <el-button size="default" type="danger" v-auth-role="'admin'" class="upload-demo" style="margin-top: 15px; height: 40px;" @click="removeThis">
+                  <el-icon>
+                    <ele-Delete />
+                  </el-icon>
+                  Delete
+                </el-button>
+              </el-col>
             </el-row>
 
           </div>
           <!-- id，卫星类型，生产日期，产品谱段，产品分辨率，云覆盖量，景中心经纬度，元数据下载链接，缩略图   支撑单位 -->
-          <el-table :data="state.requestData" style="width: 1000Px;">
+          <el-table :data="state.requestData" style="width: 1000Px;" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" width="55" v-auth-role="'admin'" />
             <el-table-column type="index" label="Index" align="center" width="80"></el-table-column>
             <el-table-column prop="satelliteCode" label="Satellite code" width="170" align="center" show-overflow-tooltip
               sortable></el-table-column>
@@ -96,13 +105,36 @@
 
 <script setup>
 import { ref, reactive, onMounted } from 'vue';
-import { getRemoteSensingSourceDataByCondition, getPagesRemoteSensingSourceData, importTemplate } from "/@/api/remoteSensingSourceData/remoteSensingSourceData.js";
+import { getRemoteSensingSourceDataByCondition, getPagesRemoteSensingSourceData, importTemplate ,removeList } from "/@/api/remoteSensingSourceData/remoteSensingSourceData.js";
 import { getDisasterPage } from '/@/api/data/otherData.js'
 import disasterTable from "/@/components/table/DisasterTable.vue";
 import approvalData from "./approvalData.vue";
 import addAddress from "./addAddress.vue";
 import { ElMessageBox, ElMessage } from 'element-plus';
-
+//选择事件
+const handleSelectionChange = (val) => {
+  state.multipleSelection = val;
+};
+const removeThis = ()=>{
+  let ids = state.multipleSelection.map((item) => item.id);
+  //如何ids为空使用英语提示并返回
+  if(ids.length == 0){
+    ElMessage.info("Please select the data to be deleted");
+    return;
+  }
+  //使用英语提示是否删除
+  ElMessageBox.confirm('Are you sure you want to delete it?', 'Prompt', {
+    confirmButtonText: 'Yes',
+    cancelButtonText: 'No',
+    type: 'warning',
+  }).then(() => {
+    //删除数据
+    removeList(ids,(state.searchName=='1'?"News":null)).then((res) => {
+        ElMessage.success("Delete successfully");
+        getTableData();
+    });
+    }).catch(() => {   ElMessage.error("Delete failed");});  
+}
 
 // import { getList as getDisasterPage } from '/@/api/disasterInfo/index';
 const approvalDataRef = ref();
@@ -255,7 +287,7 @@ const addRemoteSensingData = (data, fileList) => {
     ElMessage.success("success");
     emit('callback');
     searchRemoteSensingSourceData();
-    upFileRef.value.clearFiles();  
+    upFileRef.value.clearFiles();
   })
 }
 
@@ -268,7 +300,7 @@ const searchRemoteSensingSourceData = () => {
     }
     else if (state.value_satelliteType[i] == state.options_satelliteType[1].value) {
       let arrData = ['Sentinel -2_Sentinel - 2A', 'Sentinel -2_Sentinel - 2B', 'GF1', 'GF1B', 'GF1C', 'GF1D', 'GF2', 'GF4', 'GF6'];
-      arrData.forEach(item => { 
+      arrData.forEach(item => {
         state.satelliteCodeList.push(item);
       })
     }
diff --git a/src/views/responseManagement/dataUpload/index.vue b/src/views/responseManagement/dataUpload/index.vue
index 84fa7cd..3a714fd 100644
--- a/src/views/responseManagement/dataUpload/index.vue
+++ b/src/views/responseManagement/dataUpload/index.vue
@@ -34,6 +34,7 @@
               <el-table-column prop="Operate" label="Operate" show-overflow-tooltip>
                 <template #default="scope">
                   <el-button size="small" text type="primary" @click="auditData(scope.row)">Audit</el-button>
+                  <el-button size="small" v-auth-role="'admin'" text type="danger" @click="removeThis(scope.row)">Delete</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -54,18 +55,37 @@
 <script lang="ts" setup name="systemRole">
 import en from 'element-plus/dist/locale/en.mjs'
 import type { TabsPaneContext } from 'element-plus';
-import { getDataUploadPage, getDisasterPage } from '/@/api/response/dataUpload.js'
+import { getDataUploadPage, getDisasterPage, remove } from '/@/api/response/dataUpload.js'
 const activeName = ref('first');
 
 const handleClick = (tab: TabsPaneContext, event: Event) => {
   console.log(tab, event);
 };
+const removeThis =(row) =>{
+  let arr = [];
+  arr.push(row.id);
+  //使用英语提示是否删除
+  ElMessageBox.confirm('Are you sure you want to delete this data?', 'Warning', {
+    confirmButtonText: 'Confirm',
+    cancelButtonText: 'Cancel',
+    type: 'warning'
+  }).then(() => {
+    remove(arr).then((res) => {
+        ElMessage.success("Delete successfully");
+        getTableData();
+    })
+  }).catch(() => {
+    ElMessage.info("Cancel deletion");
+  });
+
+}
 
 //复制内容
 import { defineAsyncComponent, reactive, onMounted, ref } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import Audit from './component/audit.vue';
 import disasterTable from "/@/components/table/DisasterTable.vue";
+
 // 引入组件
 const RoleDialog = defineAsyncComponent(() => import('/@/views/system/role/dialog.vue'));
 const auditRef = ref();
diff --git a/src/views/responseManagement/userResponse/index.vue b/src/views/responseManagement/userResponse/index.vue
index 1b2705f..608a8b8 100644
--- a/src/views/responseManagement/userResponse/index.vue
+++ b/src/views/responseManagement/userResponse/index.vue
@@ -59,6 +59,11 @@
                   {{ dateFormat(scope.row.disasterTime) }}
                 </template>
               </el-table-column>
+              <el-table-column width="200" prop="Operate" label="Operate" show-overflow-tooltip sortable v-auth-role="'admin'">
+                <template #default="scope">
+                  <el-button size="small" text type="danger" @click="remove(scope.row)">Delete</el-button>
+                </template>
+              </el-table-column>
             </el-table>
             <el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" class="mt15"
               :pager-count="5" :page-sizes="[10, 20, 30]" v-model:current-page="state.tableData.param.current" background
@@ -70,25 +75,25 @@
           <el-tab-pane label="Approved" name="second">
             <el-table :data="state.tableData.data" v-loading="state.tableData.loading" style="width: 100%">
 
-              <el-table-column prop="username" label="User name" show-overflow-tooltip sortable></el-table-column>
-              <el-table-column prop="organization" label="Organization" show-overflow-tooltip sortable></el-table-column>
+              <el-table-column prop="username" label="User name" show-overflow-tooltip sortable  width="150"></el-table-column>
+              <el-table-column prop="organization" label="Organization" show-overflow-tooltip sortable  width="160"></el-table-column>
               <el-table-column prop="email" label="Email" show-overflow-tooltip sortable></el-table-column>
-              <el-table-column prop="disasterType" label="Disaster type" show-overflow-tooltip sortable>
+              <el-table-column prop="disasterType" label="Disaster type" show-overflow-tooltip sortable  width="160">
                 <!-- 在disasterType中获取dictKey 对应的dictValue -->
                 <template #default="scope">
                   <el-tag type="info">{{ getValue(scope.row.disasterType) }}</el-tag>
                 </template>
               </el-table-column>
-              <el-table-column prop="disasterKeyword" label="Disaster keyword" show-overflow-tooltip
+              <el-table-column prop="disasterKeyword" label="Disaster keyword"  width="190" show-overflow-tooltip
                 sortable></el-table-column>
-              <el-table-column prop="disasterTime" label="Disaster time" show-overflow-tooltip sortable>
+              <el-table-column prop="disasterTime" label="Disaster time" show-overflow-tooltip sortable  width="150">
                 <template #default="scope">
                   <!-- 格式化去除时分秒 -->
                   {{ dateFormat(scope.row.disasterTime) }}
                 </template>
               </el-table-column>
               <el-table-column prop="chiefName" label="Answer" show-overflow-tooltip sortable></el-table-column>
-              <el-table-column prop="reviewTime" label="reviewTime" show-overflow-tooltip sortable />
+              <el-table-column prop="reviewTime" label="reviewTime" show-overflow-tooltip sortable   width="140"/>
               <el-table-column width="170" prop="respondStatus" label="Response status" show-overflow-tooltip sortable>
                 <template #default="scope">
                   <el-tag type="info" v-if="scope.row.respondStatus === 2">Approved</el-tag>
@@ -96,10 +101,11 @@
                   <el-tag type="success" v-if="scope.row.respondStatus === 3">Complete response</el-tag>
                 </template>
               </el-table-column>
-              <el-table-column width="200" prop="Operate" label="Operate" show-overflow-tooltip sortable>
+              <el-table-column width="240" prop="Operate" label="Operate" show-overflow-tooltip sortable>
                 <template #default="scope">
                   <el-button size="small" text type="primary" @click="onAllocation(scope.row)">Allocation</el-button>
                   <el-button size="small" text type="danger" @click="responseEnded(scope.row)">Response ended</el-button>
+                  <el-button size="small" text type="danger" @click="remove(scope.row)"  v-auth-role="'admin'">Delete</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -135,6 +141,11 @@
                   {{ dateFormat(scope.row.respondedTime) }}
                 </template>
               </el-table-column>
+              <el-table-column width="200" prop="Operate" label="Operate" show-overflow-tooltip sortable>
+                <template #default="scope"  v-auth-role="'admin'">
+                  <el-button size="small" text type="danger" @click="remove(scope.row)">Delete</el-button>
+                </template>
+              </el-table-column>
             </el-table>
             <el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" class="mt15"
               :pager-count="5" :page-sizes="[10, 20, 30]" v-model:current-page="state.tableData.param.current" background
@@ -228,7 +239,7 @@
 import en from 'element-plus/dist/locale/en.mjs'
 import { reactive, onMounted, ref, nextTick, watchEffect, defineAsyncComponent, h } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
-import { getList, review, responseEndedDisasterInfo } from '/@/api/disasterInfo/index';
+import { getList, review, responseEndedDisasterInfo,deleteByIds } from '/@/api/disasterInfo/index';
 import { getDictionary, getList as getListNew } from '/@/api/system/dictbiz';
 import { useVariableStore } from '/@/stores/index.ts'
 //引入地图
@@ -247,7 +258,24 @@ const variableStore = useVariableStore();
 const mapRef = ref();
 const activeName = ref('first');
 const select = ref();
+const remove =(row) =>{
+  let arr = [];
+  arr.push(row.disasterId);
+  //使用英语提示确认删除
+  ElMessageBox.confirm('Are you sure you want to delete it?', 'Prompt', {
+    confirmButtonText: 'Yes',
+    cancelButtonText: 'No',
+    type: 'warning',
+  })
+    .then(() => {
+      deleteByIds(arr).then((da) => {
+        getTableData();
+        ElMessage.success('success');
+      })
+    })
+    .catch(() => { });
 
+}
 const handleClick = (tab, event) => {
   state.selectName = tab.props.name;
   getTableData();