90 lines
3.1 KiB
Markdown
90 lines
3.1 KiB
Markdown
# 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`
|