# 实现合并图片功能

## 需求分析
1. 在h3标题右侧添加"合并图片"按钮
2. 点击按钮后，在图片展示区域下方出现选中框
3. 当用户选中两个以上图片时，显示"确定合并"按钮
4. 点击"确定合并"按钮将选中的图片打印在控制台上

## 实现方案

### 1. 修改 AdminDisassemblyDetail.vue

#### 1.1 添加合并图片按钮
- 在h3标题右侧添加"合并图片"按钮
- 绑定点击事件，切换图片选择模式

#### 1.2 添加状态管理
- 添加 `mergeMode` 状态，控制是否显示选择框
- 添加 `selectedImages` 状态，存储选中的图片
- 添加 `showMergeConfirm` 计算属性，根据选中图片数量决定是否显示确定合并按钮

#### 1.3 添加图片选择逻辑
- 为每个图片项添加选择功能
- 实现选择/取消选择图片的方法

#### 1.4 添加合并功能
- 实现 `confirmMerge` 方法，将选中的图片打印到控制台
- 添加"确定合并"按钮，绑定点击事件

### 2. 修改 ImageWrapper.vue

#### 2.1 添加选中状态支持
- 添加 `selected` 属性，接收选中状态
- 添加选中样式，显示选中效果

## 代码修改点

### 1. AdminDisassemblyDetail.vue
- **模板部分**：
  - 在h3标题右侧添加合并图片按钮
  - 在图片展示区域下方添加确定合并按钮
- **脚本部分**：
  - 添加 `mergeMode`、`selectedImages` 状态
  - 添加 `toggleMergeMode`、`toggleImageSelection`、`confirmMerge` 方法
  - 添加 `showMergeConfirm` 计算属性
- **样式部分**：
  - 为图片选择状态添加样式

### 2. ImageWrapper.vue
- **模板部分**：
  - 添加选中状态的视觉反馈
- **脚本部分**：
  - 添加 `selected` 属性
  - 添加 `onSelect` 事件

## 预期效果
1. 点击"合并图片"按钮，图片进入选择模式
2. 点击图片可选择/取消选择
3. 选中两张以上图片时，显示"确定合并"按钮
4. 点击"确定合并"按钮，控制台打印选中的图片信息

## 实现步骤
1. 先修改 ImageWrapper.vue，添加选中状态支持
2. 然后修改 AdminDisassemblyDetail.vue，添加合并图片按钮和选择逻辑
3. 最后添加合并功能和确定合并按钮

这个方案将实现用户要求的所有功能，同时保持代码的可维护性和扩展性。