[前端] 短信资源管理页面开发 116
任务名称
任务描述

功能说明

构建运营平台短信资源管理页面:平台选择、资源调整/历史、小区列表、配置/历史/使用弹窗、低库存预警。校验与二次确认。

关联任务

  • 依赖后端任务:[后端] 短信资源管理-数据库与接口开发 - /api/sms/*
  • 关联测试任务:[测试-前端] 短信资源管理前端测试

接口对接(来自后端任务)

接口参数对接响应字段用途
GET /api/sms/platformskeyword←平台下拉搜索name→下拉, id→后续请求
GET /api/sms/platform/{id}/summaryid←下拉选中remain→服务商卡片, allocatable→分配卡片
GET /api/sms/communitiesplatformId←下拉, name←搜索框列表列: name, remain, usedTotal, usedMonth
POST /api/sms/platform/adjusttype, amount, remark←资源调整弹窗返回最新剩余用于刷新
POST /api/sms/community/allocatecommunityId, mode, amount, rate, mappedValue, expire, remark←配置弹窗返回最新平台/小区剩余
GET /api/sms/historyplatformId/ communityId表格展示历史

页面结构

Page
├── PlatformSelect (searchable)
├── WarningBar (低于1000提示)
├── Cards: ServiceProvider, Allocation
├── SearchInput[communityName]
└── Table[communities]
    ├── Column[name]
    ├── Column[remain] (高亮<1000)
    ├── Column[usedTotal/usedMonth]
    └── Column[操作:配置/历史/使用]
Modals: 平台资源调整/历史,小区配置/历史/使用

控件交互逻辑

控件事件行为调用接口
平台下拉change刷新卡片+列表GET summary, GET communities
小区搜索input/enter过滤列表GET communities
资源调整提交confirm校验正数+提交POST platform/adjust
小区配置提交二次确认后提交换算四舍五入+校验POST community/allocate
历史/使用按钮click拉取弹窗数据GET history

条件渲染

元素显示条件数据来源
预警条lowCount>0summary.lowCount
剩余高亮remain<1000行数据
相关研发需求
附件
基本信息
所属执行
所属模块
父任务
任务模式
指派给
任务类型
任务状态
优先级
进度
关键词
抄送给
工时信息
预计开始
截止日期
最初预计
h
总计消耗
0.00h
预计剩余
h
任务的一生
实际开始
由谁完成
实际完成
由谁取消
取消时间
由谁关闭
关闭原因
关闭时间