【底座】前端日志两个列表界面稍作调整

This commit is contained in:
小诺
2025-11-09 11:35:47 +08:00
parent 4f1e5524cc
commit c5d9cac585
2 changed files with 68 additions and 72 deletions

View File

@@ -12,6 +12,40 @@
</a-col>
</a-row>
<a-card :bordered="false" class="mt-2">
<a-form ref="formRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="16" :md="4" :lg="4" :xl="4">
<a-form-item>
<a-radio-group v-model:value="opLogType" button-style="solid">
<a-radio-button
v-for="opLog in opLogTypeList"
:key="opLog.value"
:value="opLog.value"
@click="opLogTypeClock(opLog.value)"
>
{{ opLog.label }}
</a-radio-button>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xs="24" :sm="16" :md="6" :lg="6" :xl="6">
<a-form-item>
<a-space>
<a-input-search
v-model:value="searchFormState.searchKey"
placeholder="请输入名称关键词"
enter-button
allowClear
@search="onSearch"
/>
<a-popconfirm title="确定清空操作与异常日志吗?" @confirm="deleteBatchOpLog()">
<a-button danger>清空</a-button>
</a-popconfirm>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
<s-table
ref="tableRef"
:columns="columns"
@@ -20,42 +54,6 @@
:row-key="(record) => record.id"
:scroll="{ x: 'max-content' }"
>
<template #operator>
<a-form ref="formRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="16" :md="4" :lg="4" :xl="4">
<a-form-item>
<a-radio-group v-model:value="opLogType" button-style="solid">
<a-radio-button
v-for="opLog in opLogTypeList"
:key="opLog.value"
:value="opLog.value"
@click="opLogTypeClock(opLog.value)"
>
{{ opLog.label }}
</a-radio-button>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xs="24" :sm="16" :md="6" :lg="6" :xl="6">
<a-form-item>
<a-space>
<a-input-search
v-model:value="searchFormState.searchKey"
placeholder="请输入名称关键词"
enter-button
allowClear
@search="onSearch"
/>
<a-popconfirm title="确定清空操作与异常日志吗" @confirm="deleteBatchOpLog()">
<a-button danger>清空</a-button>
</a-popconfirm>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.dataIndex === 'className'">
<ellipsis :length="70" tooltip>

View File

@@ -12,6 +12,40 @@
</a-col>
</a-row>
<a-card :bordered="false" class="mt-2">
<a-form ref="formRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="16" :md="4" :lg="4" :xl="4">
<a-form-item>
<a-radio-group v-model:value="visLogType" button-style="solid">
<a-radio-button
v-for="visLog in visLogTypeList"
:key="visLog.value"
:value="visLog.value"
@click="visLogTypeClock(visLog.value)"
>
{{ visLog.label }}
</a-radio-button>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xs="24" :sm="16" :md="6" :lg="6" :xl="6">
<a-form-item>
<a-space>
<a-input-search
v-model:value="searchFormState.searchKey"
placeholder="请输入名称关键词"
enter-button
allowClear
@search="onSearch"
/>
<a-popconfirm title="确定清空登录登出日志吗?" @confirm="deleteBatchVisLog()">
<a-button danger>清空</a-button>
</a-popconfirm>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
<s-table
ref="tableRef"
:columns="columns"
@@ -20,42 +54,6 @@
:row-key="(record) => record.id"
:scroll="{ x: 'max-content' }"
>
<template #operator>
<a-form ref="formRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="16" :md="4" :lg="4" :xl="4">
<a-form-item>
<a-radio-group v-model:value="visLogType" button-style="solid">
<a-radio-button
v-for="visLog in visLogTypeList"
:key="visLog.value"
:value="visLog.value"
@click="visLogTypeClock(visLog.value)"
>
{{ visLog.label }}
</a-radio-button>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xs="24" :sm="16" :md="6" :lg="6" :xl="6">
<a-form-item>
<a-space>
<a-input-search
v-model:value="searchFormState.searchKey"
placeholder="请输入名称关键词"
enter-button
allowClear
@search="onSearch"
/>
<a-popconfirm title="确定清空登录登出日志吗" @confirm="deleteBatchVisLog()">
<a-button danger>清空</a-button>
</a-popconfirm>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.dataIndex === 'action'">
<a-space>