【优化】解决前端下拉选框不跟随页面滚动导致与选框分离的问题

snowy-admin-web/src/views/auth/third/index.vue

@@ -9,7 +9,12 @@
 				</a-col>
 				<a-col :span="8">
 					<a-form-item label="分类" name="category">
-						<a-select v-model:value="searchFormState.category" placeholder="请选择分类" :options="categoryOptions">
+						<a-select
+							v-model:value="searchFormState.category"
+							placeholder="请选择分类"
+							:options="categoryOptions"
+							:getPopupContainer="(trigger) => trigger.parentNode"
+						>
 						</a-select>
 					</a-form-item>
 				</a-col>
@@ -89,7 +94,7 @@
 	}
 	// 重置
 	const reset = () => {
-		searchFormRef.value.resetFields();
+		searchFormRef.value.resetFields()
 		tableRef.value.refresh(true)
 	}
 	// 分类

snowy-admin-web/src/views/biz/user/index.vue

@@ -27,7 +27,11 @@
 						</a-col>
 						<a-col :span="8">
 							<a-form-item name="userStatus" :label="$t('user.userStatus')">
-								<a-select v-model:value="searchFormState.userStatus" :placeholder="$t('user.placeholderUserStatus')">
+								<a-select
+									v-model:value="searchFormState.userStatus"
+									:placeholder="$t('user.placeholderUserStatus')"
+									:getPopupContainer="(trigger) => trigger.parentNode"
+								>
 									<a-select-option v-for="item in statusData" :key="item.value" :value="item.value">{{
 										item.label
 									}}</a-select-option>

snowy-admin-web/src/views/dev/email/index.vue

@@ -8,6 +8,7 @@
 							v-model:value="searchFormState.engine"
 							:options="engineOptions"
 							placeholder="请选择邮件引擎"
+							:getPopupContainer="(trigger) => trigger.parentNode"
 							allow-clear
 						></a-select>
 					</a-form-item>

snowy-admin-web/src/views/dev/file/index.vue

@@ -10,7 +10,12 @@
 					</a-col>
 					<a-col :span="8">
 						<a-form-item name="engine" label="存储位置">
-							<a-select v-model:value="searchFormState.engine" placeholder="请选择存储位置" :options="engineOptions" :getPopupContainer="(trigger) => trigger.parentNode"/>
+							<a-select
+								v-model:value="searchFormState.engine"
+								placeholder="请选择存储位置"
+								:options="engineOptions"
+								:getPopupContainer="(trigger) => trigger.parentNode"
+							/>
 						</a-form-item>
 					</a-col>
 					<a-col :span="8">

snowy-admin-web/src/views/dev/job/index.vue

@@ -9,12 +9,22 @@
 				</a-col>
 				<a-col :span="6">
 					<a-form-item label="分类" name="category">
-						<a-select v-model:value="searchFormState.category" placeholder="请选择分类" :options="categoryOptions" />
+						<a-select
+							v-model:value="searchFormState.category"
+							placeholder="请选择分类"
+							:options="categoryOptions"
+							:getPopupContainer="(trigger) => trigger.parentNode"
+						/>
 					</a-form-item>
 				</a-col>
 				<a-col :span="6">
 					<a-form-item label="状态" name="jobStatus">
-						<a-select v-model:value="searchFormState.jobStatus" placeholder="请选择状态" :options="jobStatusOptions" />
+						<a-select
+							v-model:value="searchFormState.jobStatus"
+							placeholder="请选择状态"
+							:options="jobStatusOptions"
+							:getPopupContainer="(trigger) => trigger.parentNode"
+						/>
 					</a-form-item>
 				</a-col>
 				<a-col :span="6">

snowy-admin-web/src/views/dev/sms/index.vue

@@ -8,6 +8,7 @@
 							v-model:value="searchFormState.engine"
 							:options="engineOptions"
 							placeholder="请选择短信引擎"
+							:getPopupContainer="(trigger) => trigger.parentNode"
 							allow-clear
 						></a-select>
 					</a-form-item>

snowy-admin-web/src/views/sys/user/index.vue

@@ -27,7 +27,11 @@
 						</a-col>
 						<a-col :span="8">
 							<a-form-item name="userStatus" :label="$t('user.userStatus')">
-								<a-select v-model:value="searchFormState.userStatus" :placeholder="$t('user.placeholderUserStatus')">
+								<a-select
+									v-model:value="searchFormState.userStatus"
+									:placeholder="$t('user.placeholderUserStatus')"
+									:getPopupContainer="(trigger) => trigger.parentNode"
+								>
 									<a-select-option v-for="item in statusData" :key="item.value" :value="item.value">{{
 										item.label
 									}}</a-select-option>