| | |
| | | <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> |
| | | |
| | | <!-- 表格部分 --> |
| | |
| | | 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%; |