fix QuickSignInPage.vue style

src/pages/home/QuickSignInPage.vue

@@ -1,24 +1,35 @@
 <template>
 	<div v-can="permissionCodes.eventRecord.create" class="quick-sign-in-page">
 		<t-cell-group v-if="!isEventLoading && !eventLoadFailed" theme="card">
-			<t-cell
+			<t-cell title="登记事件" arrow @click="eventPopupVisible = true">
-				title="登记事件"
-				:note="selectedEventName"
-				arrow
-				@click="eventPopupVisible = true"
-			>
 				<template #left-icon>
 					<t-icon name="task-setting" />
 				</template>
+				<template #note>
+					<span class="red text-bold" v-text="selectedEventName" />
+				</template>
+			</t-cell>
+			<t-cell title="识别成功自动登记">
+				<template #left-icon>
+					<t-icon name="arrow-right-up" />
+				</template>
+				<template #right-icon>
+					<t-switch v-model="autoRegisterEnabled" />
+				</template>
+				<template #description>
+					<div class="red">扫码匹配客户后自动提交登记，请注意已选登记事件</div>
+				</template>
 			</t-cell>
 		</t-cell-group>
 		<div v-else-if="isEventLoading" class="center-tips">正在加载登记事件</div>
 		<div v-else class="center-tips">登记事件加载失败</div>
+		<div v-if="selectedEventList && selectedEventList[0]?.optionGroupList?.length !== 0" class="content-margin">
 			<event-option-selector
 				v-model="selectedOptionSelectionMap"
 				:event-list="eventList"
 				:selected-event-id-list="selectedEventIdList"
 			/>
+		</div>
 		<div class="content-margin">
 			<code-scanner
 				visible
@@ -29,16 +40,6 @@
 				@status-change="handleScanStatusChange"
 			/>
 		</div>
-		<t-cell-group class="auto-register-setting" theme="card" v-entrance-transition="55">
-			<t-cell title="识别成功自动登记">
-				<template #right-icon>
-					<t-switch v-model="autoRegisterEnabled" />
-				</template>
-				<template #description>
-					<div class="red">扫码匹配客户后自动提交登记，请注意已选登记事件</div>
-				</template>
-			</t-cell>
-		</t-cell-group>
 		<t-button
 			class="cell-button"
 			theme="primary"
@@ -165,9 +166,9 @@ import { permissionCodes } from "@/utils/permission";
 import { getEventRecordPhotoURL, hasPhotoAttachment } from "@/utils/eventRecord";
 import { compressUploadImageList } from "@/utils/imageCompression";
 import { Storage, Time } from "timi-web";
-import { AttachmentAPI, type Attachment } from "timi-web-api";
+import { type Attachment, AttachmentAPI } from "timi-web-api";
 import EventSelector from "@/components/EventSelector.vue";
-import { BottomPopup, Space } from "timi-tdesign-mobile";
+import { BottomPopup } from "timi-tdesign-mobile";
 
 defineOptions({
 	name: "QuickSignInPage"