组件拆分与状态管理落地方案

前端同事接手一个六百行的单文件组件，状态和请求混在一起，需要在三天内完成拆分并保证页面现有行为不变。

【需求】
1. 先列出现有组件的职责清单，指出其中可以独立出去的三个部分并说明理由。
2. 给出拆分后的目录结构，标明父子组件之间传递的属性与事件。
3. 说明哪些状态放本地、哪些放全局，并给出可复用的判断标准。
4. 给出请求层封装方式，必须覆盖加载中、失败与空数据三种展示。
5. 列出拆分过程中最容易导致回归的两处交互，各附三条自测步骤。

【输出要求】
1. 目录结构与组件职责用缩进列表呈现，总行数不超过二十行。
2. 代码示例只给关键片段，每段不超过十五行且能直接放进现有项目。
3. 自测步骤按操作、预期、异常处理三段写，合计四条。
4. 不引入新的状态管理库，沿用现有依赖，样式沿用现有命名方式。
5. 拆分后若出现跨层调用，说明替代方案与明确不允许的写法。
6. 为每个新组件标注一行用途说明，方便后续检索与接手。