From 6dd9d176333cefe8092cb1566eb6172b76d82580 Mon Sep 17 00:00:00 2001
From: "97694732@qq.com" <Long6166@@>
Date: Sat, 6 Jun 2026 17:08:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E8=BF=9E=E6=8B=8D?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2(camera=5Fcapture.vue),=E4=B9=9D=E5=AE=AB?=
 =?UTF-8?q?=E6=A0=BC=E9=A2=84=E8=A7=88+=E7=A1=AE=E8=AE=A4=E8=BF=94?=
 =?UTF-8?q?=E5=9B=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                      |   6 +
 pages/upload/camera_capture.vue | 191 ++++++++++++++++++++++++++++++++
 pages/upload/upload.vue         |  20 ++++
 3 files changed, 217 insertions(+)
 create mode 100644 pages/upload/camera_capture.vue

diff --git a/pages.json b/pages.json
index 3e23a64..2031cf0 100644
--- a/pages.json
+++ b/pages.json
@@ -53,6 +53,12 @@
 			"style": {
 				"navigationBarTitleText": "图书上传"
 			}
+		},
+		{
+			"path": "pages/upload/camera_capture",
+			"style": {
+				"navigationBarTitleText": "连拍"
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/upload/camera_capture.vue b/pages/upload/camera_capture.vue
new file mode 100644
index 0000000..571ee2f
--- /dev/null
+++ b/pages/upload/camera_capture.vue
@@ -0,0 +1,191 @@
+<template>
+	<view class="cc-page">
+		<!-- 摄像头预览区 -->
+		<view class="cc-camera-wrap">
+			<camera class="cc-camera" device-position="back" flash="off" @error="onCameraError"></camera>
+		</view>
+
+		<!-- 已拍照九宫格 -->
+		<view class="cc-thumb-bar">
+			<view class="cc-thumb-list">
+				<view class="cc-thumb-item" v-for="(img, idx) in capturedList" :key="idx">
+					<image class="cc-thumb-img" :src="img" mode="aspectFill"></image>
+					<view class="cc-thumb-del" @click="deletePhoto(idx)">
+						<text class="cc-del-icon">✕</text>
+					</view>
+				</view>
+				<view class="cc-thumb-item cc-thumb-placeholder" v-for="n in (9 - capturedList.length)" :key="'p'+n">
+				</view>
+			</view>
+		</view>
+
+		<!-- 底部操作区 -->
+		<view class="cc-footer">
+			<view class="cc-capture-btn" @click="capturePhoto">
+				<view class="cc-capture-inner"></view>
+			</view>
+			<view class="cc-confirm-btn" @click="confirmCapture" :class="{ disabled: capturedList.length === 0 }">
+				<text class="cc-confirm-text">确认 ({{ capturedList.length }})</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				capturedList: [],
+				ctx: null
+			}
+		},
+		onReady() {
+			this.ctx = uni.createCameraContext()
+		},
+		methods: {
+			onCameraError(e) {
+				console.error('摄像头错误:', e)
+				uni.showToast({ title: '摄像头启动失败', icon: 'none', duration: 3000 })
+			},
+			capturePhoto() {
+				if (this.capturedList.length >= 9) {
+					uni.showToast({ title: '最多拍9张', icon: 'none' })
+					return
+				}
+				if (!this.ctx) {
+					uni.showToast({ title: '摄像头未就绪', icon: 'none' })
+					return
+				}
+				uni.showLoading({ title: '拍照中...', mask: true })
+				this.ctx.takePhoto({
+					quality: 'high',
+					success: (res) => {
+						uni.hideLoading()
+						this.capturedList.push(res.tempImagePath)
+					},
+					fail: (err) => {
+						uni.hideLoading()
+						console.error('拍照失败:', err)
+						uni.showToast({ title: '拍照失败', icon: 'none' })
+					}
+				})
+			},
+			deletePhoto(idx) {
+				this.capturedList.splice(idx, 1)
+			},
+			confirmCapture() {
+				if (this.capturedList.length === 0) {
+					uni.showToast({ title: '请先拍照', icon: 'none' })
+					return
+				}
+				// 获取上一页实例，设置数据并返回
+				var pages = getCurrentPages()
+				var prevPage = pages[pages.length - 2]
+				if (prevPage) {
+					prevPage.$vm.capturedPhotoList = this.capturedList
+				}
+				uni.navigateBack()
+			}
+		}
+	}
+</script>
+
+<style>
+	.cc-page {
+		display: flex;
+		flex-direction: column;
+		height: 100vh;
+		background: #000;
+	}
+	.cc-camera-wrap {
+		flex: 1;
+		position: relative;
+		overflow: hidden;
+	}
+	.cc-camera {
+		width: 100%;
+		height: 100%;
+	}
+	.cc-thumb-bar {
+		background: #1a1a1a;
+		padding: 16rpx 20rpx;
+	}
+	.cc-thumb-list {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 10rpx;
+	}
+	.cc-thumb-item {
+		width: 100rpx;
+		height: 100rpx;
+		border-radius: 10rpx;
+		overflow: hidden;
+		position: relative;
+		background: #333;
+	}
+	.cc-thumb-img {
+		width: 100%;
+		height: 100%;
+	}
+	.cc-thumb-del {
+		position: absolute;
+		top: -6rpx;
+		right: -6rpx;
+		width: 32rpx;
+		height: 32rpx;
+		border-radius: 50%;
+		background: rgba(0,0,0,0.6);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.cc-del-icon {
+		color: #fff;
+		font-size: 18rpx;
+	}
+	.cc-thumb-placeholder {
+		border: 2rpx dashed #444;
+		box-sizing: border-box;
+	}
+	.cc-footer {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding: 30rpx 40rpx;
+		padding-bottom: calc(30rpx + constant(safe-area-inset-bottom));
+		padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
+		background: #1a1a1a;
+		gap: 60rpx;
+	}
+	.cc-capture-btn {
+		width: 80rpx;
+		height: 80rpx;
+		border-radius: 50%;
+		border: 6rpx solid #fff;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.cc-capture-inner {
+		width: 64rpx;
+		height: 64rpx;
+		border-radius: 50%;
+		background: #fff;
+	}
+	.cc-capture-btn:active .cc-capture-inner {
+		background: #ccc;
+	}
+	.cc-confirm-btn {
+		padding: 18rpx 40rpx;
+		border-radius: 40rpx;
+		background: #409eff;
+	}
+	.cc-confirm-btn.disabled {
+		background: #555;
+	}
+	.cc-confirm-text {
+		color: #fff;
+		font-size: 28rpx;
+		font-weight: bold;
+	}
+</style>
diff --git a/pages/upload/upload.vue b/pages/upload/upload.vue
index 091b105..778dc43 100644
--- a/pages/upload/upload.vue
+++ b/pages/upload/upload.vue
@@ -441,6 +441,10 @@
 										<text class="add-icon">+</text>
 										<text class="add-text">拍照</text>
 									</view>
+									<view class="photo-add photo-add-camera" @click="openCameraCapture" v-if="noIsbnPhotoList.length < 9">
+										<text class="add-icon">📷</text>
+										<text class="add-text">连拍</text>
+									</view>
 								</view>
 							</view>
 						</view>
@@ -941,6 +945,7 @@ export default {
 			noIsbnPhotoList: [],
 			noIsbnSelectedArea: '',
 			noIsbnWarehouseData: null,
+			capturedPhotoList: null,
 			
 			// 无ISBN - 下拉列表
 			noIsbnAuthorOptions: [],
@@ -1240,6 +1245,15 @@ export default {
 		}
 	},
 
+	// 页面显示时处理连拍返回的照片
+	onShow() {
+		if (this.capturedPhotoList && this.capturedPhotoList.length > 0) {
+			var photos = this.capturedPhotoList
+			this.noIsbnPhotoList = [...this.noIsbnPhotoList, ...photos]
+			this.capturedPhotoList = null
+		}
+	},
+
 	methods: {
 		// 标签切换
 		switchTab(tab) {
@@ -1428,6 +1442,12 @@ export default {
 				}
 			})
 		},
+		// 无ISBN - 打开连拍页面
+		openCameraCapture() {
+			uni.navigateTo({
+				url: 'camera_capture'
+			})
+		},
 
 		deleteNoIsbnPhoto(index) {
 			this.noIsbnPhotoList.splice(index, 1)