|
|
@@ -57,6 +57,15 @@
|
|
|
<Icon icon="ep:plus" class="mr-5px" /> 新增
|
|
|
</el-button>
|
|
|
<el-button
|
|
|
+ type="danger"
|
|
|
+ plain
|
|
|
+ :disabled="checkedIds.length === 0"
|
|
|
+ @click="handleDeleteBatch"
|
|
|
+ v-hasPermi="['infra:job:delete']"
|
|
|
+ >
|
|
|
+ <Icon icon="ep:delete" class="mr-5px" /> 批量删除
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
type="success"
|
|
|
plain
|
|
|
@click="handleExport"
|
|
|
@@ -74,7 +83,8 @@
|
|
|
|
|
|
<!-- 列表 -->
|
|
|
<ContentWrap>
|
|
|
- <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="status">
|
|
|
@@ -251,6 +261,24 @@ const handleDelete = async (id: number) => {
|
|
|
} catch {}
|
|
|
}
|
|
|
|
|
|
+/** 批量删除按钮操作 */
|
|
|
+const checkedIds = ref<number[]>([])
|
|
|
+const handleRowCheckboxChange = (rows: JobApi.JobVO[]) => {
|
|
|
+ checkedIds.value = rows.map((row) => row.id)
|
|
|
+}
|
|
|
+
|
|
|
+const handleDeleteBatch = async () => {
|
|
|
+ try {
|
|
|
+ // 删除的二次确认
|
|
|
+ await message.delConfirm()
|
|
|
+ // 发起批量删除
|
|
|
+ await JobApi.deleteJobList(checkedIds.value)
|
|
|
+ message.success(t('common.delSuccess'))
|
|
|
+ // 刷新列表
|
|
|
+ await getList()
|
|
|
+ } catch {}
|
|
|
+}
|
|
|
+
|
|
|
/** '更多'操作按钮 */
|
|
|
const handleCommand = (command, row) => {
|
|
|
switch (command) {
|