add batch delete for log

This commit is contained in:
ljw
2024-11-12 09:07:42 +08:00
parent 4d1da2e89e
commit cb1bf5307a
7 changed files with 149 additions and 13 deletions
+16
View File
@@ -15,6 +15,14 @@ export function remove (data) {
})
}
export function batchDelete (data) {
return request({
url: '/audit_conn/batchDelete',
method: 'post',
data,
})
}
export function fileList (params) {
return request({
url: '/audit_file/list',
@@ -29,3 +37,11 @@ export function fileRemove (data) {
data,
})
}
export function fileBatchDelete (data) {
return request({
url: '/audit_file/batchDelete',
method: 'post',
data,
})
}
+8
View File
@@ -14,3 +14,11 @@ export function remove (data) {
data,
})
}
export function batchDelete (data) {
return request({
url: '/login_log/batchDelete',
method: 'post',
data,
})
}
+15 -3
View File
@@ -10,11 +10,13 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handlerQuery">筛选</el-button>
<el-button type="danger" @click="toBatchDelete">{{ T('BatchDelete') }}</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="list-body" shadow="hover">
<el-table :data="listRes.list" v-loading="listRes.loading" border>
<el-table :data="listRes.list" v-loading="listRes.loading" border @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50"/>
<el-table-column prop="id" label="ID" align="center" width="100"/>
<el-table-column :label="T('Peer')" prop="peer_id" align="center" width="120"/>
<el-table-column :label="T('FromPeer')" prop="from_peer" align="center" width="120"/>
@@ -49,7 +51,7 @@
</template>
<script setup>
import { onActivated, onMounted, watch } from 'vue'
import { onActivated, onMounted, ref, watch } from 'vue'
import { useRepositories } from '@/views/audit/reponsitories'
import { T } from '@/utils/i18n'
@@ -59,6 +61,7 @@
getList,
handlerQuery,
del,
batchdel,
} = useRepositories()
onMounted(getList)
@@ -67,7 +70,16 @@
watch(() => listQuery.page, getList)
watch(() => listQuery.page_size, handlerQuery)
const multipleSelection = ref([])
const handleSelectionChange = (val) => {
multipleSelection.value = val
}
const toBatchDelete = () => {
if (multipleSelection.value.length === 0) {
return
}
batchdel(multipleSelection.value)
}
</script>
<style scoped lang="scss">
+27 -3
View File
@@ -10,11 +10,13 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handlerQuery">筛选</el-button>
<el-button type="danger" @click="toBatchDelete">{{ T('BatchDelete') }}</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="list-body" shadow="hover">
<el-table :data="listRes.list" v-loading="listRes.loading" border max-height="750">
<el-table :data="listRes.list" v-loading="listRes.loading" border max-height="750" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50"/>
<el-table-column prop="id" label="ID" align="center" width="100"/>
<el-table-column :label="T('Peer')" prop="peer_id" align="center" width="120"/>
<el-table-column :label="T('FromPeer')" prop="from_peer" align="center" width="120"/>
@@ -22,8 +24,18 @@
<el-table-column :label="T('Ip')" prop="ip" align="center" width="120"/>
<el-table-column prop="type" :label="T('Type')" align="center" width="200">
<template #default="{row}">
<el-tag v-if="row.type === 1" type="warning"> {{T('ToRemote')}}: <el-icon><Right/></el-icon> {{row.peer_id}}</el-tag>
<el-tag v-else>{{T('ToLocal')}}: <el-icon><Right/></el-icon> {{row.from_peer}}</el-tag>
<el-tag v-if="row.type === 1" type="warning"> {{ T('ToRemote') }}:
<el-icon>
<Right/>
</el-icon>
{{ row.peer_id }}
</el-tag>
<el-tag v-else>{{ T('ToLocal') }}:
<el-icon>
<Right/>
</el-icon>
{{ row.from_peer }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="num" :label="T('Num')" align="center" width="100"/>
@@ -96,6 +108,7 @@
getList,
handlerQuery,
del,
batchdel,
} = useFileRepositories()
onMounted(getList)
@@ -111,6 +124,17 @@
showFiles.value = files
allFilesVisible.value = true
}
const multipleSelection = ref([])
const handleSelectionChange = (val) => {
multipleSelection.value = val
}
const toBatchDelete = () => {
if (multipleSelection.value.length === 0) {
return
}
batchdel(multipleSelection.value)
}
</script>
<style scoped lang="scss">
+43 -1
View File
@@ -1,5 +1,5 @@
import { reactive } from 'vue'
import { list, remove, fileList, fileRemove } from '@/api/audit'
import { list, remove, fileList, fileRemove, batchDelete, fileBatchDelete } from '@/api/audit'
import { ElMessage, ElMessageBox } from 'element-plus'
import { useRoute } from 'vue-router'
import { formatTime } from '@/utils/time'
@@ -52,13 +52,34 @@ export function useRepositories () {
getList()
}
}
const batchdel = async (rows) => {
const ids = rows.map(r => r.id)
if (!ids.length) {
ElMessage.warning(T('PleaseSelectData'))
return false
}
const cf = await ElMessageBox.confirm(T('Confirm?', { param: T('BatchDelete') }), {
confirmButtonText: T('Confirm'),
cancelButtonText: T('Cancel'),
type: 'warning',
}).catch(_ => false)
if (!cf) {
return false
}
const res = await batchDelete({ ids }).catch(_ => false)
if (res) {
ElMessage.success(T('OperationSuccess'))
getList()
}
}
return {
listRes,
listQuery,
getList,
handlerQuery,
del,
batchdel,
}
}
@@ -109,12 +130,33 @@ export function useFileRepositories () {
getList()
}
}
const batchdel = async (rows) => {
const ids = rows.map(r => r.id)
if (!ids.length) {
ElMessage.warning(T('PleaseSelectData'))
return false
}
const cf = await ElMessageBox.confirm(T('Confirm?', { param: T('BatchDelete') }), {
confirmButtonText: T('Confirm'),
cancelButtonText: T('Cancel'),
type: 'warning',
}).catch(_ => false)
if (!cf) {
return false
}
const res = await fileBatchDelete({ ids }).catch(_ => false)
if (res) {
ElMessage.success(T('OperationSuccess'))
getList()
}
}
return {
listRes,
listQuery,
getList,
handlerQuery,
del,
batchdel,
}
}
+25 -2
View File
@@ -1,5 +1,5 @@
import { reactive } from 'vue'
import { list, remove } from '@/api/login_log'
import { reactive, ref } from 'vue'
import { batchDelete, list, remove } from '@/api/login_log'
import { list as fetchPeers } from '@/api/peer'
import { ElMessage, ElMessageBox } from 'element-plus'
import { useRoute } from 'vue-router'
@@ -62,11 +62,34 @@ export function useRepositories () {
}
}
const batchdel = async (rows) => {
const ids = rows.map(r => r.id)
if (!ids.length) {
ElMessage.warning(T('PleaseSelectData'))
return false
}
const cf = await ElMessageBox.confirm(T('Confirm?', { param: T('BatchDelete') }), {
confirmButtonText: T('Confirm'),
cancelButtonText: T('Cancel'),
type: 'warning',
}).catch(_ => false)
if (!cf) {
return false
}
const res = await batchDelete({ ids }).catch(_ => false)
if (res) {
ElMessage.success(T('OperationSuccess'))
getList()
}
}
return {
listRes,
listQuery,
getList,
handlerQuery,
del,
batchdel,
}
}
+15 -4
View File
@@ -14,12 +14,13 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handlerQuery">筛选</el-button>
<el-button type="danger" @click="toBatchDelete">{{ T('BatchDelete') }}</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="list-body" shadow="hover">
<!-- <el-tag type="danger" style="margin-bottom: 10px">不建议在此操作地址簿可能会造成数据不同步</el-tag>-->
<el-table :data="listRes.list" v-loading="listRes.loading" border>
<el-table :data="listRes.list" v-loading="listRes.loading" border @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50"/>
<el-table-column prop="id" label="ID" align="center" width="100"/>
<el-table-column :label="T('Owner')" align="center" width="120">
<template #default="{row}">
@@ -53,7 +54,7 @@
</template>
<script setup>
import { onActivated, onMounted, watch } from 'vue'
import { onActivated, onMounted, ref, watch } from 'vue'
import { loadAllUsers } from '@/global'
import { useRepositories } from '@/views/login/log.js'
import { T } from '@/utils/i18n'
@@ -67,6 +68,7 @@
getList,
handlerQuery,
del,
batchdel,
} = useRepositories()
onMounted(getList)
@@ -75,7 +77,16 @@
watch(() => listQuery.page, getList)
watch(() => listQuery.page_size, handlerQuery)
const multipleSelection = ref([])
const handleSelectionChange = (val) => {
multipleSelection.value = val
}
const toBatchDelete = () => {
if (multipleSelection.value.length === 0) {
return
}
batchdel(multipleSelection.value)
}
</script>
<style scoped lang="scss">