style(views): 调整商店管理页面样式和布局

- 移除商店名称标签和重置按钮,简化搜索表单
- 移除批量删除按钮和表格标题,精简操作区域
- 为分页组件添加统一的上边距样式
- 保持代码风格一致性,优化页面布局
This commit is contained in:
dzq 2025-05-27 10:59:54 +08:00
parent 0bb25784f0
commit cab3eeaecc
2 changed files with 13 additions and 11 deletions
src/views/cabinet
shop
smart-cabinet-card

View File

@ -137,7 +137,7 @@ getList();
<div class="main">
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="商店名称:" prop="shopName">
<el-form-item prop="shopName">
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.shopName" placeholder="请输入商店名称" clearable
class="!w-[200px]" />
</el-form-item>
@ -145,21 +145,14 @@ getList();
<el-button type="primary" :icon="useRenderIcon(Search)" @click="onSearch">
搜索
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm">
重置
</el-button>
</el-form-item>
</el-form>
<PureTableBar title="商店管理" @refresh="getList">
<PureTableBar title="" @refresh="getList">
<template #buttons>
<el-button type="primary" :icon="useRenderIcon(AddFill)" @click="modalVisible = true">
新增商店
</el-button>
<el-button type="danger" :icon="useRenderIcon(Delete)" :disabled="multipleSelection.length === 0"
@click="handleBulkDelete">
批量删除
</el-button>
</template>
<el-table ref="tableRef" v-loading="loading" :data="dataList" row-key="id"
@selection-change="handleSelectionChange" border>
@ -186,7 +179,7 @@ getList();
</el-table>
<el-pagination v-model:current-page="pagination.currentPage" v-model:page-size="pagination.pageSize"
:page-sizes="[10, 20, 50]" layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
@size-change="onSizeChange" @current-change="onCurrentChange" />
@size-change="onSizeChange" @current-change="onCurrentChange" class="pagination" />
</PureTableBar>
<ShopFormModal :visible="modalVisible" @update:visible="val => modalVisible = val" @refresh="handleRefresh" />
<ShopFormModal :visible="editVisible" :row="currentRow" @update:visible="val => editVisible = val"
@ -202,4 +195,10 @@ getList();
</div>
</el-dialog>
</div>
</template>
</template>
<style scoped lang="scss">
.pagination {
margin-top: 10px;
}
</style>

View File

@ -485,4 +485,7 @@ onMounted(() => {
margin-bottom: 0px;
}
}
.pagination {
margin-top: 10px;
}
</style>