refactor(shopCoupon): 重构优惠券页面

- 优化表格展示,增加状态标签和操作按钮
- 重新设计编辑弹窗,分为多个步骤展示
- 添加数据验证和错误提示
-优化删除操作提示信息
-调整表格样式,增加分页功能
This commit is contained in:
2025-08-11 12:33:29 +08:00
parent 32fe74c71f
commit d0000fb391
5 changed files with 661 additions and 393 deletions

View File

@@ -18,6 +18,7 @@
row-key="userId"
:columns="columns"
:datasource="datasource"
class="sys-org-table"
:scroll="{ x: 1300 }"
:where="defaultWhere"
:customRow="customRow"
@@ -386,7 +387,7 @@ const resetPsw = (row: User) => {
/* 修改用户状态 */
const updateIsAdmin = (row: User) => {
row.isAdmin = row.isAdmin ? 0 : 1;
row.isAdmin = !row.isAdmin;
updateUser(row)
.then((msg) => {
message.success(msg);
@@ -432,15 +433,48 @@ export default {
};
</script>
<style lang="less" scoped>
.user-box {
display: flex;
align-items: center;
.user-info {
display: flex;
flex-direction: column;
align-items: start;
<style lang="less" scoped>
.sys-org-table {
:deep(.ant-table) {
.ant-table-thead > tr > th {
background: #fafafa;
font-weight: 600;
color: #262626;
border-bottom: 2px solid #f0f0f0;
}
.ant-table-tbody > tr > td {
padding: 12px 8px;
border-bottom: 1px solid #f5f5f5;
}
.ant-table-tbody > tr:hover > td {
background: #f8f9ff;
}
.ant-tag {
margin: 0;
border-radius: 4px;
font-size: 12px;
padding: 2px 8px;
}
}
}
.ele-text-primary {
color: #1890ff;
&:hover {
color: #40a9ff;
}
}
.ele-text-danger {
color: #ff4d4f;
&:hover {
color: #ff7875;
}
}
</style>