2024-10-18 15:01:39 +08:00
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<el-card class="list-query" shadow="hover">
|
|
|
|
|
<el-form inline label-width="80px">
|
|
|
|
|
<el-form-item :label="T('Peer')">
|
|
|
|
|
<el-input v-model="listQuery.peer_id" clearable></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item :label="T('FromPeer')">
|
|
|
|
|
<el-input v-model="listQuery.from_peer" clearable></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button type="primary" @click="handlerQuery">筛选</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>
|
2024-10-31 15:31:15 +08:00
|
|
|
<el-table-column prop="id" label="ID" align="center" width="100"/>
|
2024-10-18 15:01:39 +08:00
|
|
|
<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"/>
|
|
|
|
|
<el-table-column :label="T('FromName')" prop="from_name" align="center" width="120"/>
|
2024-10-21 21:07:11 +08:00
|
|
|
<el-table-column :label="T('Ip')" prop="ip" align="center" width="120"/>
|
|
|
|
|
<el-table-column pop="type" :label="T('Type')" align="center" width="120">
|
|
|
|
|
<template #default="{row}">
|
|
|
|
|
<el-tag v-if="row.type === 1" type="warning">{{ T('File') }}</el-tag>
|
|
|
|
|
<el-tag v-else>{{ T('Common') }}</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
2024-10-18 15:01:39 +08:00
|
|
|
<el-table-column prop="uuid" label="uuid" align="center" width="120" show-overflow-tooltip/>
|
|
|
|
|
<el-table-column prop="created_at" :label="T('CreatedAt')" align="center"/>
|
|
|
|
|
<el-table-column :label="T('CloseTime')" prop="close_time" align="center"/>
|
2024-10-21 21:07:11 +08:00
|
|
|
<el-table-column :label="T('Actions')" align="center" width="150">
|
2024-10-18 15:01:39 +08:00
|
|
|
<template #default="{row}">
|
|
|
|
|
<el-button type="danger" @click="del(row)">{{ T('Delete') }}</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</el-card>
|
|
|
|
|
<el-card class="list-page" shadow="hover">
|
|
|
|
|
<el-pagination background
|
|
|
|
|
layout="prev, pager, next, sizes, jumper"
|
|
|
|
|
:page-sizes="[10,20,50,100]"
|
|
|
|
|
v-model:page-size="listQuery.page_size"
|
|
|
|
|
v-model:current-page="listQuery.page"
|
|
|
|
|
:total="listRes.total">
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</el-card>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import { onActivated, onMounted, watch } from 'vue'
|
|
|
|
|
import { useRepositories } from '@/views/audit/reponsitories'
|
|
|
|
|
import { T } from '@/utils/i18n'
|
|
|
|
|
|
|
|
|
|
const {
|
|
|
|
|
listRes,
|
|
|
|
|
listQuery,
|
|
|
|
|
getList,
|
|
|
|
|
handlerQuery,
|
|
|
|
|
del,
|
|
|
|
|
} = useRepositories()
|
|
|
|
|
|
|
|
|
|
onMounted(getList)
|
|
|
|
|
onActivated(getList)
|
|
|
|
|
|
|
|
|
|
watch(() => listQuery.page, getList)
|
|
|
|
|
|
|
|
|
|
watch(() => listQuery.page_size, handlerQuery)
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
|
|
|
|
|
</style>
|
