所以下拉框加filterable属性

This commit is contained in:
stt
2025-12-08 09:31:16 +08:00
parent 7783569f91
commit 4ae27a9d6d
10 changed files with 20 additions and 13 deletions

View File

@@ -4,12 +4,12 @@
<TableHeader :showReset="false" ref="TableHeaderRef" datePicker @selectChange="selectChange" v-if="fullscreen">
<template v-slot:select>
<el-form-item label="报表模板">
<el-select v-model="tableStore.table.params.tempId" placeholder="请选择报表模板" clearable>
<el-select filterable v-model="tableStore.table.params.tempId" placeholder="请选择报表模板" clearable>
<el-option v-for="item in templateList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="监测对象">
<el-select v-model="tableStore.table.params.sensitiveUserId" placeholder="请选择监测对象" clearable>
<el-select filterable v-model="tableStore.table.params.sensitiveUserId" placeholder="请选择监测对象" clearable>
<el-option v-for="item in idList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>

View File

@@ -9,6 +9,7 @@
v-model="tableStore.table.params.lineId"
placeholder="请选择监测点"
style="width: 150px"
filterable
>
<el-option
v-for="item in options"

View File

@@ -4,7 +4,7 @@
<TableHeader :showReset="false" ref="TableHeaderRef" @selectChange="selectChange" datePicker v-if="fullscreen">
<template v-slot:select>
<el-form-item label="监测点">
<el-select size="small" v-model="tableStore.table.params.lineId">
<el-select size="small" filterable v-model="tableStore.table.params.lineId">
<el-option
v-for="item in lineList"
:key="item.lineId"

View File

@@ -9,6 +9,7 @@
v-model="tableStore.table.params.lineId"
placeholder="请选择监测点"
style="width: 150px"
filterable
>
<el-option
v-for="item in options"

View File

@@ -10,7 +10,7 @@
>
<template v-slot:select>
<el-form-item label="监测点">
<el-select v-model="tableStore.table.params.lineId" placeholder="请选择监测点" clearable>
<el-select filterable v-model="tableStore.table.params.lineId" placeholder="请选择监测点" clearable>
<el-option
v-for="item in lineList"
:key="item.lineId"
@@ -20,7 +20,7 @@
</el-select>
</el-form-item>
<el-form-item label="用户功率">
<el-select v-model="tableStore.table.params.power" placeholder="请选择用户功率" clearable>
<el-select filterable v-model="tableStore.table.params.power" placeholder="请选择用户功率" clearable>
<el-option v-for="item in powerList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
@@ -29,6 +29,7 @@
style="min-width: 120px !important"
placeholder="请选择"
v-model="tableStore.table.params.valueType"
filterable
>
<el-option value="max" label="最大值"></el-option>
<el-option value="min" label="最小值"></el-option>
@@ -37,7 +38,7 @@
</el-select>
</el-form-item>
<el-form-item label="电能质量指标">
<el-select v-model="tableStore.table.params.indicator" placeholder="请选择电能质量指标" clearable>
<el-select filterable v-model="tableStore.table.params.indicator" placeholder="请选择电能质量指标" clearable>
<el-option v-for="item in indicatorList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
@@ -48,6 +49,7 @@
v-model="tableStore.table.params.harmonicCount"
placeholder="请选择谐波次数"
style="min-width: 80px !important"
filterable
>
<el-option
v-for="num in harmonicCountOptions"

View File

@@ -9,6 +9,7 @@
v-model="tableStore.table.params.lineId"
placeholder="请选择监测点"
style="width: 150px"
filterable
>
<el-option
v-for="item in options"

View File

@@ -9,6 +9,7 @@
v-model="tableStore.table.params.lineId"
placeholder="请选择监测点"
style="width: 150px"
filterable
>
<el-option
v-for="item in options"

View File

@@ -5,12 +5,12 @@
<TableHeader datePicker showExport :showReset="false" ref="tableHeaderRef" @selectChange="selectChange">
<template v-slot:select>
<el-form-item label="监测点">
<el-select v-model="tableStore.table.params.lineId" placeholder="请选择监测点名称">
<el-select filterable v-model="tableStore.table.params.lineId" placeholder="请选择监测点名称">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
:key="item.lineId"
:label="item.name"
:value="item.lineId"
/>
</el-select>
</el-form-item>
@@ -58,9 +58,9 @@ const boxoList: any = ref({})
const tableHeaderRef = ref()
const options = ref()
const heightRef = ref(mainHeight(168, 2.1).height)
const heightRef = ref(mainHeight(168, 2.2).height)
const selectChange = (flag: boolean, h: any) => {
heightRef.value = mainHeight(h, 2.1).height
heightRef.value = mainHeight(h, 2.2).height
}
const getSimpleLineList = async () => {

View File

@@ -50,6 +50,7 @@ const TableHeaderRef = ref()
const headerHeight = ref(57)
const selectChange = (showSelect: any, height: any, datePickerValue?: any) => {
headerHeight.value = height

View File

@@ -11,7 +11,7 @@
>
<template v-slot:select>
<el-form-item label="监测对象">
<el-select v-model="tableStore.table.params.sensitiveUserId" placeholder="请选择监测对象" clearable>
<el-select filterable v-model="tableStore.table.params.sensitiveUserId" placeholder="请选择监测对象" clearable>
<el-option v-for="item in idList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>