搜索框样式调整

张含笑

2025-04-28 25125aeebcd42fd11e686f870d9d901db09d40b3

 src/views/tickets/orderLog.vue

@@ -27,7 +27,7 @@

                        <el-date-picker v-model="filters.dateRange" type="datetimerange" range-separator="至"
                            start-placeholder="开始日期" end-placeholder="结束日期" class="filter-item" style="width: 100px" />
                        <el-select v-model="filters.file_id" placeholder="请选择关联航线" class="filter-item" clearable>
                        <el-select v-model="filters.file_id" placeholder="请选择关联航线" class="filter-item frequency" clearable>
                            <el-option v-for="item in wayLineList" :key="item.wayline_id" :label="item.name"
                                :value="item.wayline_id" />
                        </el-select>
@@ -49,8 +49,8 @@
                        </el-select>
                        <el-date-picker v-model="filters.cycleDateRange" type="datetimerange" range-separator="至"
                            start-placeholder="工单周期开始日期" end-placeholder="工单周期结束时间日期" class="filter-item"
                            style="width: 240px !important" />
                        <el-select v-model="filters.rep_fre_type" placeholder="请选择频次" class="filter-item">
                            style="width: 220px !important" />
                        <el-select v-model="filters.rep_fre_type" placeholder="请选择频次" class="filter-item frequency">
                            <el-option v-for="item in cycles" :key="item" :label="item" :value="item" />
                        </el-select>
                        <el-time-picker style="width: 100px" v-model="filters.deal_time" placeholder="请选择执行时间"
@@ -966,24 +966,38 @@
    },
}
</script>
<style>

</style>
<style lang="scss" scoped>


  :deep(.el-textarea__inner) {
    padding: 8px 12px;
  }

  :deep(.el-input__inner),
  :deep(.el-select),
  :deep(.el-select .el-input) {
    width: 100%; // 确保所有输入框和选择框宽度一致
  }
.tab-content {
    padding: 10px;
}

.filter-bar {
    display: flex;
    align-items: center;
    // align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;

    .filter-item {
        margin-right: 10px;
        margin-right: 20px;
        margin-bottom: 10px;
        width: 200px;
    }

    .frequency {
      margin-left: 20px;
    }
    .date-picker {
        width: 240px;
    }