add batch delete for log

src/api/audit.js

@@ -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,
+  })
+}

src/api/login_log.js

@@ -14,3 +14,11 @@ export function remove (data) {
     data,
   })
 }
+
+export function batchDelete (data) {
+  return request({
+    url: '/login_log/batchDelete',
+    method: 'post',
+    data,
+  })
+}

src/views/audit/connList.vue

@@ -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">

src/views/audit/fileList.vue

@@ -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">

src/views/audit/reponsitories.js

@@ -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,
   }
 }

src/views/login/log.js

@@ -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,
   }
 }

src/views/login/log.vue

@@ -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">