# P9→NS1/RNS1 缺失项 #21：客户服务记录中"饮品描述"字段的展示

## 简要结论
- 状态：✅ 已解决
- 风险等级：🟢 低
- `drinks` 字段已在数据模型、API 传递、组件属性、组件模板中完整贯通

## 详细审查

### 审查范围
- `apps/miniprogram/miniprogram/pages/customer-service-records/customer-service-records.ts` — `ServiceRecord` 接口、数据映射
- `apps/miniprogram/miniprogram/pages/customer-service-records/customer-service-records.wxml` — 组件调用
- `apps/miniprogram/miniprogram/components/service-record-card/service-record-card.ts` — 组件属性
- `apps/miniprogram/miniprogram/components/service-record-card/service-record-card.wxml` — 组件模板

### 发现
1. `customer-service-records.ts` 的 `ServiceRecord` 接口定义了 `drinks: string`（注释：商品/饮品描述）
2. 数据映射中从 API 响应提取：`drinks: r.drinks || ''`
3. WXML 中通过 `service-record-card` 组件传递：`drinks="{{item.drinks}}"`
4. `service-record-card` 组件定义了 `drinks` 属性：`{ type: String, value: '' }`
5. 组件模板中在第二行展示：`<text class="svc-drinks">{{drinks || '—'}}</text>`，无数据时显示破折号

### 证据
```typescript
// customer-service-records.ts — ServiceRecord 接口
interface ServiceRecord {
  /** 商品/饮品描述 */
  drinks: string
  // ...
}

// 数据映射
drinks: r.drinks || '',
```

```html
<!-- customer-service-records.wxml — 传递给组件 -->
<service-record-card drinks="{{item.drinks}}" ... />

<!-- service-record-card.wxml — 展示 -->
<text class="svc-drinks">{{drinks || '—'}}</text>
```
