admin/core_wing_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【优化】优化用户管理界面

Browse Source
This commit is contained in:
MichaelWin
2025-11-03 11:43:37 +08:00
parent 0f2cc6a33c
commit 44f817eced
1 changed files with 1 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/main/resources/templates/admin/biz/user/index.html
View File

@@ -13,12 +13,9 @@
<body id="app"> <body id="app">
<div class="main-container"> <div class="main-container">
<div class="table-container"> <div class="table-container">
<!-- 页面标题 -->
<h4 class="mb-3">用户管理</h4> <h4 class="mb-3">用户管理</h4>
<!-- 多参数搜索栏 -->
<div class="search-bar"> <div class="search-bar">
<!-- 搜索参数1：关键词 -->
<div class="search-item"> <div class="search-item">
<div class="input-group"> <div class="input-group">
<span class="input-group-text"> <span class="input-group-text">
@@ -49,7 +46,6 @@
</div> </div>
</div> </div>
<!-- 搜索参数2：状态筛选 -->
<div class="search-item"> <div class="search-item">
<div class="input-group"> <div class="input-group">
<span class="input-group-text"> <span class="input-group-text">
@@ -67,7 +63,6 @@
</div> </div>
</div> </div>
<!-- 搜索和重置按钮 -->
<div class="d-flex gap-2"> <div class="d-flex gap-2">
<button class="btn btn-primary" @click="fetchData()"> <button class="btn btn-primary" @click="fetchData()">
<i class="bi bi-search me-1"></i> 搜索 <i class="bi bi-search me-1"></i> 搜索
@@ -78,19 +73,16 @@
</div> </div>
</div> </div>
<!-- 新增按钮 -->
<div class="mb-2"> <div class="mb-2">
<button class="btn btn-info" @click="openAddModal()"> <button class="btn btn-info" @click="openAddModal()">
<i class="bi bi-plus-circle me-1"></i> 新增 <i class="bi bi-plus-circle me-1"></i> 新增
</button> </button>
</div> </div>
<!-- 表格 -->
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-sm table-striped table-hover table-bordered "> <table class="table table-sm table-striped table-hover table-bordered ">
<thead class="table-light"> <thead class="table-light">
<tr> <tr>
<!-- 全选复选框 -->
<th style="width: 50px;"> <th style="width: 50px;">
<input <input
type="checkbox" type="checkbox"
@@ -172,12 +164,10 @@
</table> </table>
</div> </div>
<!-- 批量操作（表格下方左侧） -->
<div class="batch-actions mt-3"> <div class="batch-actions mt-3">
<div class="d-flex align-items-center gap-2"> <div class="d-flex align-items-center gap-2">
<span class="text-muted">已选中 {{ selectedIds.length }} 条数据</span> <span class="text-muted">已选中 {{ selectedIds.length }} 条数据</span>
<!-- 使用select标签实现批量操作选择 -->
<select <select
class="form-select" class="form-select"
v-model="batchAction" v-model="batchAction"
@@ -201,7 +191,6 @@
</div> </div>
</div> </div>
<!-- 分页控件 -->
<div class="d-flex justify-content-between align-items-center mt-3"> <div class="d-flex justify-content-between align-items-center mt-3">
<div class="page-info"> <div class="page-info">
共 {{ total }} 条数据，当前第 {{ pageNum }}/{{ totalPages }} 页 共 {{ total }} 条数据，当前第 {{ pageNum }}/{{ totalPages }} 页
@@ -530,7 +519,7 @@
} }
} catch (error) { } catch (error) {
console.error('删除失败:', error); console.error('删除失败:', error);
alert('删除失败，请重试！'); $message.error('删除失败，请重试！');
} }
} }
}); });