2026-09-28-mini-pl-driver-plan-copy-wechat.md 1.7 KB

司机运输计划单「复制发群」Implementation Plan

For agentic workers: REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (- [ ]) syntax for tracking.

Goal: 在小程序司机运输计划单列表卡片增加【复制发群】,将计划编号 / 装货方 / 送货方 / 实际送货量复制为纯文本。

Architecture: 纯前端。工具函数拼文案 + uni.setClipboardData;点击时拉 driverPlanApi.get 详情以取得 actualQty。不对齐附件。

Tech Stack: uni-app Vue 3、现有 driverPlanApi、对齐 plFuelRegisterCopy.js 模式。

Spec: docs/superpowers/specs/2026-09-28-mini-pl-driver-plan-copy-wechat-design.md


Task 1: 复制文案工具

Files:

  • Create: miniprogram/utils/plDriverPlanCopy.js

  • [ ] Step 1: 实现 buildDriverPlanCopyText(page) 与 copyDriverPlanToClipboard(page),规则见 design §4。

  • [ ] Step 2: 空值 —;无送货产品行时「实际送货量:」下追加 —。

Task 2: 列表按钮与交互

Files:

  • Modify: miniprogram/pages/pl/driver-plan/list.vue
  • Modify: miniprogram/styles/pl-driver-plan.scss(仅必要时)

  • [ ] Step 1: 卡片底部增加【复制发群】按钮,@click.stop。

  • [ ] Step 2: handleCopy:校验 planId → loading → get 详情 → copyDriverPlanToClipboard → hideLoading;失败 toast。

Task 4: 司机回执保存后弹窗

Files:

  • Modify: miniprogram/pages/pl/driver-plan/detail.vue

  • [x] 保存成功后 showModal【复制发群】/【关闭】

  • [x] 复制成功 → 回列表;关闭或复制失败 → 留在回执页