# 2026-04-29 工作记录

## 完成的任务

### 1. Web 前端优化
- **WorkOrderList.vue** - 工单列表页
  - 增宽工单标题列：w-64 → w-80
  - 增宽描述列：w-32 → w-48
  - 状态气泡添加 `whitespace-nowrap` 防止换行

- **WarehouseOverview.vue** - 仓库概览页
  - 操作列按钮添加 `whitespace-nowrap`
  - 删除创建日期列

- **WarehouseContainerDetail.vue** - 容器详情页
  - 操作列按钮添加 `whitespace-nowrap`
  - 删除创建日期列

### 2. 部署脚本
- 创建 `install.sh`（根目录）
  - 执行 git pull
  - 构建前端：cd frontend/ops_vue_js && npm run build
  - 安装后端：cd backend/my_work && sudo bash install.sh

### 3. 移动端开发
- **add-workorder.vue** - 新建工单页
  - 添加客户搜索功能（参考 Web 前端实现）
  - 修改关联物品为多选模式
  - 添加 `selectedItems`、`linkedItemIds` 数组
  - 修改 `submitForm()` 提交 `item_ids` 数组

- **edit-workorder.vue** - 编辑工单页
  - 添加关联物品多选功能
  - 添加关联客户多选功能
  - 加载时已关联的物品和客户
  - 修改 `fetchOrder()` 加载 `res.data.items` 和 `res.data.customers`
  - 修改 `submitForm()` 提交 `item_ids` 和 `customer_ids`

### 4. API 文件创建
- **customer.js** (uni-app api)
  - 创建客户 API 模块
  - 支持 list、get、add、update、delete 操作

## 技术要点
- 使用防抖搜索（setTimeout 300ms）
- 多选标签式 UI（参考关联客户实现）
- Vue 3 Composition API (ref, reactive, onMounted)
- uni-app 开发规范

### 5. 样式修改
- **show-workorder.vue** - 工单详情页
  - 修改关联客户标签颜色：绿色 → 蓝色
  - 背景色: #f6ffed → #e6f7ff
  - 边框色: #b7eb8f → #91d5ff
  - 文字色: #52c41a → #1890ff
  - 与关联物品样式保持一致

### 6. 物品页面添加关联客户
- **add-item.vue** - 新增物品页
  - 添加客户搜索功能（防抖 300ms）
  - 添加 `selectedCustomers` 数组存储已选客户
  - 添加 `customerSearchQuery`、`customerSearchResults` 等搜索数据
  - 修改 `submitForm()` 提交 `customer_ids` 数组
  - 添加客户标签样式（蓝色主题）

- **item-edit.vue** - 编辑物品页
  - 添加客户搜索功能（防抖 300ms）
  - 修改 `fetchDetail()` 加载已关联客户 `res.data.customers`（非 `linkedCustomers`）
  - 修改 `submitForm()` 提交 `customer_ids` 数组
  - 添加客户标签样式（蓝色主题）

- **item-detail.vue** - 物品详情页
  - 添加加载 `res.data.customers`
  - 添加显示关联客户 UI
  - 添加关联客户样式

### 7. 修复关联客户显示问题
- **问题1**: item-edit.vue 没回填关联客户
  - 原因：使用了错误的字段名 `linkedCustomers`
  - 修复：改为 `res.data.customers`
  
- **问题2**: item-detail.vue 没显示关联客户
  - 原因：`fetchDetail()` 没有加载 `customers` 字段
  - 修复：添加 `linkedCustomers.value = res.data.customers || []`
  - 添加模板代码显示关联客户

- **后端修复**: apiWarehouse.go
  - `CustomerInfo` 结构体添加 `PrimaryPhone` 字段
  - 返回客户信息时包含 `primary_phone`