refactor(shop-dashboard): 调整商城后台Dashboard布局及面板结构
- 基本信息面板改为左右两列并排显示,响应式列数调整为2列 - 今日数据概况与基本信息合并至同一行,分别占用半宽空间 - 今日数据概况面板栅格调整为2列,样式和间距优化 - 删除快捷操作面板及相关图标导入和缓存清理功能 - 快速入口功能调整为动态渲染卡片布局取代原按键列表 - 优化部分样式,如待办任务列表的内边距和字体大小调整 - 头像显示增加默认图片占位,避免空白显示
This commit is contained in:
@@ -29,3 +29,20 @@
|
||||
1. 后端:`cd /Users/gxwebsoft/JAVA/websopy-java && git push`,然后远程服务器 `git pull && mvn clean package -DskipTests && docker-compose up -d --build cms-api`(或对应重启方式)。
|
||||
2. 小程序端:`websopy-taro` 重新编译上传体验版/正式版。
|
||||
3. 联调验证:admin 点"立即续费" → 弹码 → 微信扫码 → 进小程序应显示"确认支付"页(不再误显成功)→ 点"立即支付" → 微信支付 → 显示"支付成功" → 跳转 `/user/apps/index`。
|
||||
|
||||
## 商城后台 Dashboard 布局调整
|
||||
|
||||
- 文件:`src/views/shop/dashboard/index.vue`
|
||||
- 需求:今日数据概况页,「基本信息」改为左右两列并排;删除「快捷操作」面板。
|
||||
- 改动:
|
||||
- `a-descriptions` 由 `:column="1"` 改为 `:column="{ xs: 1, sm: 2 }"`(响应式两列并排)。
|
||||
- 基本信息 `a-col` 由 `:span="12"` 改为 `:span="24"`(占满整行)。
|
||||
- 删除「快捷操作」`a-col` 整块,并清理其专属的图标导入(ShoppingCartOutlined/ShopOutlined/AppstoreOutlined/GiftOutlined/TeamOutlined/SettingOutlined/ClearOutlined)、`removeSiteInfoCache` 导入及 `handleClearCache` 函数。
|
||||
|
||||
### 今日数据概况 + 基本信息改为左右两栏布局
|
||||
|
||||
- 需求:参考「待处理事项 + 快速入口」的左右结构,将「今日数据概况」和「基本信息」也并排为左右各半。
|
||||
- 改动:
|
||||
- 原来各自独占整行的两个 panel,合并到一个 `<a-row>` 中,各占 `:md="12"`。
|
||||
- 今日数据概况栅格从 4 列改为 2 列(`grid-template-columns: repeat(2, 1fr)`),适配半宽空间。
|
||||
- 基本信息 `a-descriptions` 列数改为 `:column="1"`,半宽下单列更不拥挤。
|
||||
|
||||
Reference in New Issue
Block a user