fix OrderFulfillmentList.vue style

src/pages/fulfillment/OrderFulfillmentList.vue

@@ -1,7 +1,7 @@
 <template>
 	<div v-can="permissionCodes.orderFulfillment.read" class="fulfillment-list">
 		<div class="filters">
-			<t-dropdown-menu>
+			<t-dropdown-menu class="menus">
 				<t-dropdown-item
 					v-model="type"
 					label="履约类型"
@@ -214,9 +214,31 @@ onUnmounted(() => navBarStore.clearRight());
 		position: sticky;
 		background: var(--td-bg-color-page);
 		box-shadow: var(--td-shadow-1);
+		flex-direction: column;
+
+		.menus {
+			--td-spacer-1: 6px;
 
-		:deep(.t-dropdown-menu) {
 			width: 100%;
+			border: 1px solid rgba(148, 163, 184, .18);
+			overflow: hidden;
+			background: var(--td-bg-color-container);
+			border-top: none;
+			border-radius: 1rem;
+
+			&:after {
+				display: none;
+			}
+
+			:deep(.t-dropdown-menu__item) {
+				min-width: 0;
+			}
+
+			:deep(.t-dropdown-menu__title) {
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+			}
 		}
 	}