From 25125aeebcd42fd11e686f870d9d901db09d40b3 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Mon, 28 Apr 2025 18:06:55 +0800
Subject: [PATCH] 搜索框样式调整
---
src/views/tickets/orderLog.vue | 28 +++++++++++++++++++++-------
1 files changed, 21 insertions(+), 7 deletions(-)
diff --git a/src/views/tickets/orderLog.vue b/src/views/tickets/orderLog.vue
index d3f1748..9c56a2e 100644
--- a/src/views/tickets/orderLog.vue
+++ b/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;
}
--
Gitblit v1.9.3