fix require photo position

src/pages/home/QuickSignInPage.vue

@@ -14,17 +14,7 @@
 					<span>登记事件加载失败</span>
 					<t-button size="small" theme="primary" variant="text" @click="loadActions">重试</t-button>
 				</div>
-			</div>
-			<div v-if="showRecordPhotoInput" class="input-form photo-form">
-				<photo-scroller
-					title="登记事件照片"
-					:required="selectedRequiredPhotoEventList.length > 0"
-					v-model="recordPhotoList"
-					v-model:photo-items="recordPhotoItemList"
-					:edit-mode="true"
-					:loading="recordPhotoUploading"
-					@add="capturePhoto"
-				/>
+				<div class="tips red">事件可多选，请注意勾选的登记事件</div>
 			</div>
 			<code-scanner
 				visible
@@ -69,6 +59,17 @@
 				/>
 			</t-form-item>
 		</t-form>
+		<div v-if="showRecordPhotoInput" class="input-form photo-form content-margin">
+			<photo-scroller
+				title="登记事件照片"
+				:required="selectedRequiredPhotoEventList.length > 0"
+				v-model="recordPhotoList"
+				v-model:photo-items="recordPhotoItemList"
+				:edit-mode="true"
+				:loading="recordPhotoUploading"
+				@add="capturePhoto"
+			/>
+		</div>
 		<t-form
 			v-if="showSourceValueInput"
 			class="input-form"
@@ -498,6 +499,11 @@ async function doSubmit(): Promise<void> {
 		background: rgba(255, 255, 255, .94);
 		box-shadow: 0 .75rem 2rem rgba(15, 23, 42, .08);
 		border-radius: .875rem;
+
+		.tips {
+			margin-top: .5rem;
+			text-align: center;
+		}
 	}
 
 	.input-form {
@@ -506,6 +512,10 @@ async function doSubmit(): Promise<void> {
 		box-shadow: 0 .75rem 2rem rgba(15, 23, 42, .08);
 		border-radius: .875rem;
 
+		&.photo-form {
+			padding: 1rem;
+		}
+
 		.form-text {
 			color: #0f172a;
 			display: block;