feat: 筛选框样式

src/plugins/p-daily-account/p-daily-account-detail.vue

@@ -17,12 +17,13 @@
 
     <!-- 筛选 -->
     <a-form class="flex flex-wrap" :model="formState">
-      <a-form-item name="timeRange" label="时间" style="width: 280px; margin-right: 20px; margin-bottom: 12px">
+      <a-form-item name="timeRange" label="时间" style="width: 280px; margin-right: 20px; line-height: 32px; margin-bottom: 12px">
         <a-range-picker v-model:value="formState.timeRange" />
       </a-form-item>
 
-      <a-form-item name="staffRange" label="员工" style="width: 280px; margin-right: 20px; margin-bottom: 12px">
+      <a-form-item name="staffRange" label="员工" style="width: 280px; margin-right: 20px; line-height: 32px; margin-bottom: 12px">
         <a-select
+          class="select-box overflow-hidden"
           v-model:value="formState.staffRange"
           :options="memberList"
           :field-names="{ label: 'empName', value: 'empName' }"
@@ -31,8 +32,9 @@
         ></a-select>
       </a-form-item>
 
-      <a-form-item name="programName" label="项目" style="width: 280px; margin-right: 20px; margin-bottom: 12px">
+      <a-form-item name="programName" label="项目" style="width: 280px; margin-right: 20px; line-height: 32px; margin-bottom: 12px">
         <a-select
+          class="select-box overflow-hidden"
           v-model:value="formState.programName"
           :options="proList"
           :field-names="{ label: 'projectName', value: 'projectName' }"
@@ -643,4 +645,20 @@ async function punch(clockType) {
 .task-today::-webkit-scrollbar {
   width: 0 !important;
 }
+
+.select-box {
+  position: relative;
+  height: 32px;
+}
+
+.select-box /deep/ .ant-select-selector {
+  position: absolute;
+  left: 0;
+}
+
+.select-box /deep/ .ant-select-selection-overflow {
+  width: 225px;
+  flex-wrap: nowrap;
+  overflow: hidden;
+}
 </style>