搜索框样式调整

张含笑

2025-04-28 25125aeebcd42fd11e686f870d9d901db09d40b3

 src/views/tickets/ticket.vue

@@ -5,26 +5,26 @@
        <div class="tab-content">
          <!-- 查询条件筛选栏 -->
          <div class="filter-bar">
            <el-input v-model="filters.keyword" placeholder="请输入关键字" class="filter-item" size="small" clearable
            <el-input v-model="filters.keyword" placeholder="请输入关键字" class="filter-item"  clearable
              @keyup.enter="handleSearch" />
            <el-select v-model="filters.department" placeholder="请选择所属单位" class="filter-item" size="small" clearable>
            <el-select v-model="filters.department" placeholder="请选择所属单位" class="filter-item"  clearable>
              <el-option v-for="item in departments" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
            <el-select v-model="filters.type" placeholder="请选择工单类型" class="filter-item" size="small" clearable>
            <el-select v-model="filters.type" placeholder="请选择工单类型" class="filter-item"  clearable>
              <el-option v-for="item in types" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
            <el-date-picker v-model="filters.dateRange" type="daterange" class="filter-item" size="small"
            <el-date-picker v-model="filters.dateRange" type="daterange" class="filter-item" 
              range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
            </el-date-picker>
            <el-select v-model="filters.status" placeholder="请选择状态" class="filter-item" size="small" clearable>
            <el-select v-model="filters.status" placeholder="请选择状态" class="filter-item"  clearable>
              <el-option v-for="item in statuses" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
            <el-select v-model="filters.algorithm" placeholder="请选择关联算法" class="filter-item" size="small" clearable>
            <el-select v-model="filters.algorithm" placeholder="请选择关联算法" class="filter-item"  clearable>
              <el-option v-for="item in algorithms" :key="item.dict_key" :label="item.dict_value"
                :value="item.dict_key" />
            </el-select>
            <el-button type="primary" icon="el-icon-search" size="small" @click="handleSearch">查询</el-button>
            <el-button icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
            <el-button type="primary" icon="el-icon-search"  @click="handleSearch">查询</el-button>
            <el-button icon="el-icon-refresh"  @click="handleReset">重置</el-button>
          </div>

          <!-- 表格部分 -->
@@ -2333,20 +2333,20 @@
    color: #606266;
  }

  :deep(.el-input__inner) {
    height: 36px;
    line-height: 36px;
  }
  // :deep(.el-input__inner) {
  //   height: 36px;
  //   line-height: 36px;
  // }

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

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

  .full-width {
    width: 100%;