feat: infra 新增批量删除

Author: puhui999

src/api/infra/codegen.js

@@ -96,3 +96,11 @@ export function deleteCodegen(tableId) {
     method: 'delete'
   })
 }
+
+// 批量删除数据库的表和字段定义
+export function deleteCodegenList(tableIds) {
+  return request({
+    url: `/infra/codegen/delete-list?tableIds=${tableIds.join(',')}`,
+    method: 'delete'
+  })
+}

src/api/infra/config.js

@@ -51,6 +51,14 @@ export function delConfig(configId) {
   })
 }
 
+// 批量删除参数配置
+export function delConfigList(ids) {
+  return request({
+    url: `/infra/config/delete-list?ids=${ids.join(',')}`,
+    method: 'delete'
+  })
+}
+
 // 导出参数
 export function exportConfig(query) {
   return request({

src/api/infra/dataSourceConfig.js

@@ -26,6 +26,14 @@ export function deleteDataSourceConfig(id) {
   })
 }
 
+// 批量删除数据源配置
+export function deleteDataSourceConfigList(ids) {
+  return request({
+    url: `/infra/data-source-config/delete-list?ids=${ids.join(',')}`,
+    method: 'delete'
+  })
+}
+
 // 获得数据源配置
 export function getDataSourceConfig(id) {
   return request({

src/api/infra/demo02.js

@@ -26,6 +26,14 @@ export function deleteDemo02Category(id) {
   })
 }
 
+// 批量删除示例分类
+export function deleteDemo02CategoryList(ids) {
+  return request({
+    url: `/infra/demo02-category/delete-list?ids=${ids.join(',')}`,
+    method: 'delete'
+  })
+}
+
 // 获得示例分类
 export function getDemo02Category(id) {
   return request({

src/api/infra/file.js

@@ -8,6 +8,14 @@ export function deleteFile(id) {
   })
 }
 
+// 批量删除文件
+export function deleteFileList(ids) {
+  return request({
+    url: `/infra/file/delete-list?ids=${ids.join(',')}`,
+    method: 'delete'
+  })
+}
+
 // 获得文件分页
 export function getFilePage(query) {
   return request({

src/api/infra/fileConfig.js

@@ -34,6 +34,14 @@ export function deleteFileConfig(id) {
   })
 }
 
+// 批量删除文件配置
+export function deleteFileConfigList(ids) {
+  return request({
+    url: `/infra/file-config/delete-list?ids=${ids.join(',')}`,
+    method: 'delete'
+  })
+}
+
 // 获得文件配置
 export function getFileConfig(id) {
   return request({

src/api/infra/job.js

@@ -43,6 +43,14 @@ export function delJob(jobId) {
   })
 }
 
+// 批量删除定时任务调度
+export function delJobList(ids) {
+  return request({
+    url: `/infra/job/delete-list?ids=${ids.join(',')}`,
+    method: 'delete'
+  })
+}
+
 // 导出定时任务调度
 export function exportJob(query) {
   return request({

src/views/infra/codegen/index.vue

@@ -28,11 +28,25 @@
         <el-button type="info" plain icon="el-icon-upload" size="mini" @click="openImportTable"
                    v-hasPermi="['infra:codegen:create']">导入</el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="isEmpty(checkedIds)"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:codegen:delete']"
+        >
+          批量删除
+        </el-button>
+      </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <!-- 列表 -->
-    <el-table v-loading="loading" :data="tableList">
+    <el-table v-loading="loading" :data="tableList" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55"/>
       <el-table-column label="数据源" align="center" :formatter="dataSourceConfigNameFormat"/>
       <el-table-column label="表名称" align="center" prop="tableName" width="200"/>
       <el-table-column label="表描述" align="center" prop="tableComment" :show-overflow-tooltip="true" width="120"/>
@@ -85,7 +99,7 @@
 
 <script>
 import { getCodegenTablePage, previewCodegen, downloadCodegen, deleteCodegen,
-  syncCodegenFromDB } from "@/api/infra/codegen";
+  syncCodegenFromDB, deleteCodegenList } from "@/api/infra/codegen";
 
 import importTable from "./importTable";
 // 代码高亮插件
@@ -136,6 +150,8 @@ export default {
       },
       // 数据源列表
       dataSourceConfigs: [],
+      // 选中项
+      checkedIds: [],
     };
   },
   created() {
@@ -312,6 +328,19 @@ export default {
       }
       return '未知【' + row.leaderUserId + '】';
     },
+    /** 选中行变化 */
+    handleRowCheckboxChange(selection) {
+      this.checkedIds = selection.map(item => item.id);
+    },
+    /** 批量删除 */
+    handleDeleteBatch() {
+      this.$modal.confirm('是否确认删除选中的数据项?').then(function() {
+          return deleteCodegenList(this.checkedIds);
+      }).then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    }
   }
 };
 </script>

src/views/infra/config/index.vue

@@ -36,10 +36,24 @@
         <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
                    v-hasPermi="['infra:config:export']">导出</el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="isEmpty(checkedIds)"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:config:delete']"
+        >
+          批量删除
+        </el-button>
+      </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="configList">
+    <el-table v-loading="loading" :data="configList" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55"/>
       <el-table-column label="参数主键" align="center" prop="id" />
       <el-table-column label="参数分类" align="center" prop="category" />
       <el-table-column label="参数名称" align="center" prop="name" :show-overflow-tooltip="true" />
@@ -107,7 +121,7 @@
 </template>
 
 <script>
-import { listConfig, getConfig, delConfig, addConfig, updateConfig, exportConfig } from "@/api/infra/config";
+import { listConfig, getConfig, delConfig, addConfig, updateConfig, exportConfig, delConfigList } from "@/api/infra/config";
 
 export default {
   name: "InfraConfig",
@@ -154,7 +168,8 @@ export default {
         value: [
           { required: true, message: "参数键值不能为空", trigger: "blur" }
         ]
-      }
+      },
+      checkedIds: []
     };
   },
   created() {
@@ -258,6 +273,18 @@ export default {
         this.exportLoading = false;
       });
     },
+    handleRowCheckboxChange(selection) {
+      this.checkedIds = selection.map(item => item.id);
+    },
+    handleDeleteBatch() {
+      const ids = this.checkedIds;
+      this.$modal.confirm('是否确认删除选中的' + this.checkedIds.length + '项数据?').then(function() {
+          return delConfigList(ids);
+        }).then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    }
   }
 };
 </script>

src/views/infra/dataSourceConfig/index.vue

@@ -6,10 +6,24 @@
         <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                    v-hasPermi="['infra:data-source-config:create']">新增</el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="isEmpty(checkedIds)"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:data-source-config:delete']"
+        >
+          批量删除
+        </el-button>
+      </el-col>
     </el-row>
 
     <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55"/>
       <el-table-column label="主键编号" align="center" prop="id" />
       <el-table-column label="数据源名称" align="center" prop="name" />
       <el-table-column label="数据源连接" align="center" prop="url" />
@@ -54,7 +68,7 @@
 </template>
 
 <script>
-import { createDataSourceConfig, updateDataSourceConfig, deleteDataSourceConfig, getDataSourceConfig, getDataSourceConfigList } from "@/api/infra/dataSourceConfig";
+import { createDataSourceConfig, updateDataSourceConfig, deleteDataSourceConfig, getDataSourceConfig, getDataSourceConfigList, deleteDataSourceConfigList } from "@/api/infra/dataSourceConfig";
 
 export default {
   name: "InfraDataSourceConfig",
@@ -80,7 +94,8 @@ export default {
         url: [{ required: true, message: "数据源连接不能为空", trigger: "blur" }],
         username: [{ required: true, message: "用户名不能为空", trigger: "blur" }],
         password: [{ required: true, message: "密码不能为空", trigger: "blur" }],
-      }
+      },
+      checkedIds: []
     };
   },
   created() {
@@ -160,6 +175,18 @@ export default {
           this.getList();
           this.$modal.msgSuccess("删除成功");
         }).catch(() => {});
+    },
+    handleRowCheckboxChange(val) {
+      this.checkedIds = val.map(item => item.id);
+    },
+    handleDeleteBatch() {
+      const ids = this.checkedIds;
+      this.$modal.confirm('是否确认删除选中的数据源配置?').then(function() {
+          return deleteDataSourceConfigList(ids);
+        }).then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        }).catch(() => {});
     }
   }
 };