🎨 全平台 UI 设计稿

基于 NutUI React Taro（小程序）+ Ant Design（管理后台）· 高保真视觉预览 · 真实图片素材

9:41📶 🔋

🔍 搜索摄影服务 / 工作室

📸

婚纱摄影

👶

儿童摄影

👔

证件照

🎨

个人写真

🔥 热门摄影馆

XX摄影馆 · 上海旗舰店

10家工作室 · 4.9分 · 月销500+

热门免定金

YY摄影中心 · 北京国贸店

8家工作室 · 4.8分 · 月销300+

新店

🏠

首页

📋

订单

👤

我的

📱 首页

9:41📶 🔋

综合排序销量最高价格最低好评优先

光影工作室

婚纱摄影 · 4.9分 · 月销128

金牌

¥299/组 · 起拍15张

童真摄影

儿童摄影 · 4.8分 · 月销86

¥399/组 · 起拍15张

臻选影像

高端定制 · 5.0分 · 月销210

店长推荐

¥499/组 · 起拍20张

🏢 服务中心 · 工作室列表

9:41📶 🔋

光影工作室

📍 上海 · 婚纱摄影

¥299/组

起拍15张

4.9分月销128 金牌工作室

📷 作品图集

⭐ 用户评价

王

王小姐

★★★★★

摄影师很专业，成片效果超出预期！

定金 ¥2,000

🎨 工作室详情页

9:41📶 🔋

光影工作室 · 婚纱摄影

10月31日 10:00 · ¥299/张 × 15 张起拍

支付定金✕

¥2,000

套餐 ¥4,485 · 尾款 ¥2,485 选片后支付

支付方式💚 微信支付

定金规则未拍摄前可全额退

我已阅读并同意《摄影服务预约协议》

💳 定金支付弹层（核心交易场景）

9:41📶 🔋

光影工作室

今日待拍 3 单 · 本月收益 ¥12,580

今日待拍

本月完成

¥12,580

本月收益

📥 今日派单

10月31日 10:00

婚纱摄影 · 15张起拍

10月31日 14:00

婚纱摄影 · 15张起拍

⚙️ 快捷操作

📝 设置每日档期数3单/天

🛌 设置休息日›

💰 收益记录›

💼 工作室 · 工作台

9:41📶 🔋

全部待拍摄已完成

2026-10-28待拍摄

婚纱摄影套餐

10月31日 10:00 · 15张起拍

定金 ¥2,000

2026-10-15已完成

儿童摄影套餐

已交付 · 客户评价 5.0 分

实收 ¥4,485

📋 工作室 · 订单管理

9:41📶 🔋

本月累计收益

¥12,580

共 12 单 · 平均 ¥1,048/单

📊 收益明细

10月28日 · 婚纱摄影+¥1,495

10月25日 · 婚纱摄影+¥1,495

10月22日 · 婚纱摄影+¥1,495

10月20日 · 婚纱摄影+¥1,495

10月18日 · 婚纱摄影+¥1,495

💰 工作室 · 收益记录

🏢 XX摄影馆

数据看板管理员 ▼

今日订单

今日营收

¥8,450

入驻工作室

本月销量

486

📈 近7日订单趋势

🏢 服务中心 · 数据看板

🏢 XX摄影馆

工作室管理

工作室	报价	起拍量	每日档期	本月销量 ▲	评分	营业状态
光影工作室	¥299/张	15张	3单	128	⭐ 4.9
臻选影像	¥499/张	20张	2单	86	⭐ 5.0
童真摄影	¥399/张	15张	2单	72	⭐ 4.8
瞬间永恒	¥199/张	20张	4单	65	⭐ 4.7	审核中

🎨 服务中心 · 工作室管理

🏢 XX摄影馆

订单管理管理员 ▼

🔍 订单号 / 客户姓名全部状态 ▼ 📅 2026-10-01 ~ 2026-10-31

	订单号	客户	工作室	拍摄时间	金额	状态
✓	#20261028001	王小姐	光影工作室	10月31日 10:00	¥4,485	待拍摄
	#20261027003	李先生	臻选影像	10月30日 14:00	¥9,980	待拍摄
	#20261025012	张女士	童真摄影	10月28日 09:00	¥5,985	待选片
	#20261020008	刘先生	光影工作室	10月25日 15:00	¥4,485	已完成

已选 1 项 · 共 128 条 ‹ 1 2 3 ›

📦 服务中心 · 订单管理

🏢 XX摄影馆

订单管理管理员 ▼

订单号	客户	工作室	金额	状态
#20261028001	王小姐	光影工作室	¥4,485	待拍摄
#20261027003	李先生	臻选影像	¥9,980	待拍摄

🪟 服务中心 · 订单详情弹窗（状态流转 + 异常处理）

🏢 XX摄影馆

交互状态 & 组件规范两端后台通用 · Ant Design 5

按钮 Button · 全状态

全局提示 Message

✓ 操作成功 ✕ 支付失败 ⚠ 待确认

加载中 Loading

数据加载中…

订单状态机 · Tag 颜色语义

待支付定金下单未付款，30 分钟超时自动关闭待拍摄定金已付，档期已锁定待选片拍摄完成，等客户选片待付尾款选片完成，待收尾款已完成尾款结清，可评价退款中定金全退走系统，纠纷走人工已取消终态，档期自动释放

Tabs 页签 + Badge 徽标

全部订单待选片 5 退款中 2

Tooltip 文字气泡（hover 字段说明）

Popconfirm 二次确认（歇业 / 退款等危险操作）

⚠️ 确认对「童真摄影」一键歇业？

歇业后小程序端立即下架，进行中订单不受影响

Progress 进度（月度销量目标）

128/150 张

空状态 Empty（筛选无结果 / 无数据时）

📭

暂无数据，请调整筛选条件

🧩 后台 · 交互状态与组件规范（两端通用）

🏢 XX摄影馆

档期总控 · 本周（10-27 ~ 11-02）

光影工作室营业中每日档期 3 单 · 休息日与档期数由工作室自填

周一 10-27

剩 1/3

周二 10-28

剩 2/3

周三 10-29

已满 3/3

周四 10-30

剩 3/3

周五 10-31

已满 3/3

周六 11-01

休息日

周日 11-02

剩 2/3

可预约已满（小程序端置灰不可选）休息日（工作室自设）

童真摄影歇业中

歇业期间小程序端不展示该工作室 · 进行中 2 单不受影响 · 可随时恢复营业

📅 服务中心 · 档期总控（含一键歇业）

🏢 XX摄影馆

工作室管理

工作室	报价	本月销量	营业状态
光影工作室	¥299/张	128
臻选影像	¥499/张	86

📝 服务中心 · 新增工作室（表单校验错误态）

🏢 XX摄影馆

设计规范 Design TokensUI 交付物 · 直接映射代码变量

色彩体系（CSS 变量 / UnoCSS theme）

品牌主色

#FA2C19

后台主色

#1890FF

成功

#52C41A

警告

#FA8C16

错误

#FF4D4F

标题文字

#1A1A1A

正文文字

#666666

辅助文字

#999999

页面底色

#F5F5F5

侧边栏

#001529

字体阶（PingFang SC / 系统栈）

H1 · 20/700页面主标题

H2 · 17/600卡片标题

H3 · 15/600区块标题

Body · 13/400正文与表格内容

Caption · 11/400辅助说明文字

Price · 17/700¥299/张

圆角 / 阴影 / 间距 Token

radius-sm · 4px Tag / 小元素

radius-md · 8px 卡片 / 输入框

radius-lg · 12px 小程序卡片

shadow-card 0 2px 12px rgba(0,0,0,.08)

spacing · 4 基数 8 / 12 / 16 / 24

数据可视化配色（图表序列色）

486

本月订单

婚纱摄影 45%

儿童摄影 27%

个人写真 16%

其他 12%

🎨 设计规范 Design Tokens（UI 交付物 · 可直接映射代码变量）

📷 拍了吗 · 管理平台

让每一座城市的
好摄影师被看见

摄影服务撮合平台 · 总部 / 服务中心统一入口

欢迎登录 👋

请使用管理员分配的账号登录系统

👤 admin@pailema.com

🔒 •••••••••• 👁

✓7 天内自动登录忘记密码？

登录即代表同意《平台服务协议》与《隐私政策》

🔐 后台 · 登录页（总部 / 服务中心共用）

🏛️ 拍了吗总部

全局数据看板超级管理员 ▼

入驻城市

服务中心

工作室总数

156

本月总营收

¥2.4M

🏙️ 各城市业绩排名

排名	城市	服务中心	本月订单	营收	增长率
1	上海	XX摄影馆	486	¥486,000	+23%
2	北京	YY摄影中心	412	¥412,000	+18%
3	杭州	ZZ摄影馆	356	¥356,000	+15%
4	成都	AA摄影中心	298	¥298,000	-5%

🏛️ 总部 · 全局数据看板

🏛️ 拍了吗总部

服务中心管理

服务中心	城市	工作室数	本月订单	营收	状态
XX摄影馆	上海	10	486	¥486,000	营业中
YY摄影中心	北京	8	412	¥412,000	营业中
ZZ摄影馆	杭州	6	356	¥356,000	营业中
AA摄影中心	成都	5	298	¥298,000	待审核

🏢 总部 · 服务中心管理