style: 调整表格样式和列宽设置

- 统一调整多个页面中表格的样式间距和列宽
- 移除部分表格列的固定宽度设置以增强响应式布局
- 简化用户详情页的信息展示,移除冗余字段
This commit is contained in:
dzq 2025-05-27 10:12:54 +08:00
parent 28789ce95d
commit 0bb25784f0
5 changed files with 5 additions and 8 deletions

View File

@ -115,7 +115,7 @@ getList();
<el-table-column label="格口ID" prop="cellId" width="120" />
<el-table-column label="操作人" prop="name" width="120" />
<el-table-column label="手机号" prop="mobile" width="120" />
<el-table-column label="商品名称" prop="goodsName" width="180" />
<el-table-column label="商品名称" prop="goodsName" />
<el-table-column label="操作类型" prop="operationType" width="120">
<template #default="{ row }">
<el-tag :type="row.operationType === 1 ? 'success' : 'warning'">

View File

@ -204,7 +204,7 @@ getList().then(() => getTotalBalance());
}
.table-container {
margin-top: 12px;
margin-top: 8px;
background-color: var(--el-bg-color);
border-radius: 4px;
padding: 16px;

View File

@ -185,7 +185,7 @@ getList();
<el-table-column label="商品ID" prop="goodsId" width="80" />
<el-table-column label="用户姓名" prop="name" width="100" />
<el-table-column label="手机号" prop="mobile" width="120" />
<el-table-column label="商品名称" prop="goodsName" width="120" />
<el-table-column label="商品名称" prop="goodsName" />
<el-table-column label="商品封面" width="120">
<template #default="{ row }">
<div v-if="row.coverImg" class="flex gap-2">

View File

@ -189,7 +189,7 @@ getList();
<PureTableBar title="订单列表" @refresh="getList">
<el-table ref="tableRef" v-loading="loading" :data="dataList" row-key="orderId" border>
<el-table-column label="订单ID" prop="orderId" width="120" />
<el-table-column label="商品名称" prop="goodsNames" width="180">
<el-table-column label="商品名称" prop="goodsNames" >
<template #default="{ row }">
<span v-if="row.goodsNames">
{{ row.goodsNames.split(',').join(', ') }}

View File

@ -165,10 +165,7 @@ onMounted(() => {
<el-descriptions class="info-details" v-if="activeTab === 'basic'" :column="2" border>
<el-descriptions-item label="会员ID">{{ userInfo.ab98UserId }}</el-descriptions-item>
<el-descriptions-item label="微信openid">{{ userInfo.openid }}</el-descriptions-item>
<el-descriptions-item label="注册时间">{{ userInfo.createTime }}</el-descriptions-item>
<el-descriptions-item label="最后登录">{{ basicInfo.lastLogin }}</el-descriptions-item>
<el-descriptions-item label="登录次数">{{ basicInfo.loginCount }}</el-descriptions-item>
<el-descriptions-item label="常用设备">{{ basicInfo.device }}</el-descriptions-item>
<el-descriptions-item label="注册时间" :span="2">{{ userInfo.createTime }}</el-descriptions-item>
<el-descriptions-item label="标签" :span="2">
<div class="tag-container">
<div class="user-tags" v-if="tags.length > 0">