diff --git a/src/views/mes/task/index.vue b/src/views/mes/task/index.vue
index 187ba439..b9767fdb 100644
--- a/src/views/mes/task/index.vue
+++ b/src/views/mes/task/index.vue
@@ -26,7 +26,7 @@
           :start-placeholder="t('ProductionPlan.Task.searchOrderStartPlaceholder')"
           :end-placeholder="t('ProductionPlan.Task.searchOrderEndPlaceholder')"
           :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-180px"
+          class="!w-280px"
         />
       </el-form-item>
       <el-form-item :label="t('ProductionPlan.Task.searchDeliveryLabel')" prop="deliveryDate">
@@ -38,7 +38,7 @@
           :start-placeholder="t('ProductionPlan.Task.searchDeliveryStartPlaceholder')"
           :end-placeholder="t('ProductionPlan.Task.searchDeliveryEndPlaceholder')"
           :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-180px"
+          class="!w-280px"
         />
       </el-form-item>
 
@@ -60,7 +60,7 @@
           :start-placeholder="t('ProductionPlan.Task.searchCreateTimeStartPlaceholder')"
           :end-placeholder="t('ProductionPlan.Task.searchCreateTimeEndPlaceholder')"
           :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-240px"
+          class="!w-280px"
         />
       </el-form-item>
       <el-form-item>
@@ -326,3 +326,13 @@ const changeStatus = async (type:string, status: number, id: number) => {
 let activeListName = 'taskDetail'
 
 </script>
+
+<style scoped>
+.task-search-form {
+  display: flex;
+  flex-wrap: wrap;
+}
+.task-search-form :deep(.el-form-item) {
+  margin-right: 16px;
+}
+</style>