全局下拉框添加filterable属性

This commit is contained in:
guanj
2026-07-15 09:21:35 +08:00
parent 04c5eb7185
commit dc3b3cfc74
166 changed files with 8767 additions and 8649 deletions

View File

@@ -3,7 +3,7 @@
<TableHeader datePicker showExport>
<template v-slot:select>
<el-form-item label="日志类型">
<el-select v-model="tableStore.table.params.type" clearable placeholder="请选择日志类型">
<el-select v-model="tableStore.table.params.type" clearable placeholder="请选择日志类型" filterable>
<el-option v-for="item in fontdveoption" :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.nodeGrade"
clearable
placeholder="请选择前置等级"
filterable
>
<el-option
v-for="item in fontdveoption"
@@ -19,7 +20,7 @@
</el-select>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="tableStore.table.params.searchState" clearable placeholder="请选择状态">
<el-select v-model="tableStore.table.params.searchState" clearable placeholder="请选择状态" filterable>
<el-option
v-for="item in statusoption"
:key="item.id"
@@ -137,7 +138,7 @@
<el-input v-model="formData.ip" placeholder="请输入Ip"></el-input>
</el-form-item>
<el-form-item label="等级:" prop="nodeGrade" class="top">
<el-select v-model="formData.nodeGrade" placeholder="请选择等级" style="width: 100%">
<el-select v-model="formData.nodeGrade" placeholder="请选择等级" style="width: 100%" filterable>
<el-option
v-for="item in fontdveoption"
:key="item.id"
@@ -192,7 +193,7 @@
<Bind ref="bindRef" />
<!-- 绑定进程号 -->
<el-dialog draggable title="绑定进程号" v-model="popUps" :close-on-click-modal="false" width="400px">
<el-select v-model="processNo" placeholder="请选择进程号" style="width: 100%">
<el-select v-model="processNo" placeholder="请选择进程号" style="width: 100%" filterable>
<el-option
v-for="item in dataSource"
:key="item.name"

View File

@@ -3,7 +3,7 @@
<TableHeader>
<template #select>
<el-form-item label="终端型号">
<el-select v-model="tableStore.table.params.devType" clearable placeholder="请选择终端型号">
<el-select v-model="tableStore.table.params.devType" clearable placeholder="请选择终端型号" filterable>
<el-option
v-for="item in teriminaloption"
:key="item.id"
@@ -13,7 +13,7 @@
</el-select>
</el-form-item>
<el-form-item label="终端状态">
<el-select v-model="tableStore.table.params.runFlag" clearable placeholder="请选择终端状态">
<el-select v-model="tableStore.table.params.runFlag" clearable placeholder="请选择终端状态" filterable>
<el-option
v-for="item in teriminalstatusoption"
:key="item.id"
@@ -23,7 +23,7 @@
</el-select>
</el-form-item>
<el-form-item label="通讯状态">
<el-select v-model="tableStore.table.params.comFlag" clearable placeholder="请选择通讯状态">
<el-select v-model="tableStore.table.params.comFlag" clearable placeholder="请选择通讯状态" filterable>
<el-option
v-for="item in stateoption"
:key="item.id"
@@ -33,7 +33,7 @@
</el-select>
</el-form-item>
<!-- <el-form-item label="程序版本">
<el-select v-model="tableStore.table.params.program" clearable placeholder="请选择程序版本">
<el-select v-model="tableStore.table.params.program" clearable placeholder="请选择程序版本" filterable>
<el-option
v-for="item in programoption"
:key="item.id"

View File

@@ -4,7 +4,7 @@
<el-dialog draggable :title="title" v-model="dialogVisible" width="50%" :before-close="cancel">
<el-form :inline="true" :model="formInline" style="display: flex; justify-content: space-between">
<el-form-item label="终端状态">
<el-select v-model="formInline.state" placeholder="Select" size="large" style="width: 240px">
<el-select v-model="formInline.state" placeholder="Select" size="large" style="width: 240px" filterable>
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>

View File

@@ -18,7 +18,7 @@
</el-select>
</el-form-item>
<el-form-item label="终端状态">
<el-select v-model="tableStore.table.params.runFlag" clearable placeholder="请选择终端状态">
<el-select v-model="tableStore.table.params.runFlag" clearable placeholder="请选择终端状态" filterable>
<el-option
v-for="item in teriminalstatusoption"
:key="item.id"
@@ -28,7 +28,7 @@
</el-select>
</el-form-item>
<el-form-item label="通讯状态">
<el-select v-model="tableStore.table.params.comFlag" clearable placeholder="请选择通讯状态">
<el-select v-model="tableStore.table.params.comFlag" clearable placeholder="请选择通讯状态" filterable>
<el-option
v-for="item in stateoption"
:key="item.id"

View File

@@ -2005,28 +2005,28 @@ const arrdess: any = ref((rule: any, value: any, callback: any) => {
}
})
/**经度 */
const lngff: any = ref((rule: any, value: any, callback: any) => {
let reg1 = /^(([1-9]\d?)|(1[0-7]\d))(\.\d{1,6})|180|0(\.\d{1,6})?/
if (reg1.test(value)) {
return true
} else if (value == '') {
/** 经度-180 ~ 180最多 6 位小数 */
const lngff = (_rule: any, value: any, callback: any) => {
if (value === '' || value === null || value === undefined) {
return callback(new Error('请输入经度'))
} else {
callback(new Error('请输入正确经度'))
}
})
/**纬度 */
const latff: any = ref((rule: any, value: any, callback: any) => {
let reg2 = /^(\-|\+)?([0-8]?\d{1}\.\d{0,6}|90\.0{0,6}|[0-8]?\d{1}|90)$/
if (reg2.test(value)) {
return true
} else if (value == '') {
const reg = /^[+-]?(?:180(?:\.0{1,6})?|(?:1[0-7]\d|[1-9]?\d)(?:\.\d{1,6})?)$/
if (!reg.test(String(value))) {
return callback(new Error('请输入正确经度-180~180最多6位小数'))
}
callback()
}
/** 纬度:-90 ~ 90最多 6 位小数 */
const latff = (_rule: any, value: any, callback: any) => {
if (value === '' || value === null || value === undefined) {
return callback(new Error('请输入纬度'))
} else {
callback(new Error('请输入正确纬度'))
}
})
const reg = /^[+-]?(?:90(?:\.0{1,6})?|[1-8]?\d(?:\.\d{1,6})?)$/
if (!reg.test(String(value))) {
return callback(new Error('请输入正确纬度-90~90最多6位小数'))
}
callback()
}
const plevel = ref(0)
const nodeDataList = ref()
const nodeEventList = ref()

View File

@@ -8,7 +8,7 @@
<el-input v-model.trim="form.name" placeholder="请输入敏感用户名称"></el-input>
</el-form-item>
<el-form-item label="敏感负荷类型" prop="loadType">
<el-select v-model.trim="form.loadType" filterable clearable placeholder="请选择数据分类">
<el-select v-model.trim="form.loadType" filterable clearable placeholder="请选择数据分类" >
<el-option
v-for="item in DataTypeSelect"
:key="item.id"

View File

@@ -3,7 +3,7 @@
<TableHeader ref="TableHeaderRef" showCustomColumn>
<template #select>
<el-form-item label="地市">
<el-select v-model="tableStore.table.params.city" clearable placeholder="请选择地市">
<el-select v-model="tableStore.table.params.city" clearable placeholder="请选择地市" filterable>
<el-option
v-for="item in areaOptionList"
:key="item.id"

View File

@@ -77,7 +77,7 @@
<el-input v-model="ruleForm.tfName" placeholder="请输入" clearable maxlength="32" show-word-limit></el-input>
</el-form-item>
<el-form-item label="接线方式:" prop="wiring" class="top">
<el-select style="width: 100%" v-model="ruleForm.wiring" clearable placeholder="请选择接线方式">
<el-select style="width: 100%" v-model="ruleForm.wiring" clearable placeholder="请选择接线方式" filterable>
<el-option
v-for="item in connectionType"
:key="item.id"

View File

@@ -34,7 +34,7 @@
<el-input v-model.trim="form.orgId" :disabled="true" autocomplete="off" />
</el-form-item> -->
<el-form-item for="-" label="所在地市:" prop="city">
<el-select v-model="form.city" clearable placeholder="请选择所在地市">
<el-select v-model="form.city" clearable placeholder="请选择所在地市" filterable>
<el-option
v-for="item in areaOptionList"
:key="item.id"
@@ -76,7 +76,7 @@
</el-form-item>
<el-form-item for="-" label="用户性质:">
<!-- :disabled="resendId != '' && title != '编辑'" -->
<el-select v-model="form.userType" placeholder="请选择用户性质">
<el-select v-model="form.userType" placeholder="请选择用户性质" filterable>
<el-option
v-for="(item, index) in userTypeList"
:label="item.label"
@@ -97,7 +97,7 @@
</el-form-item>
<el-form-item for="-" label="用户状态:">
<el-select v-model="form.userStatus" placeholder="请选择用户状态">
<el-select v-model="form.userStatus" placeholder="请选择用户状态" filterable>
<el-option
v-for="(item, index) in userStateList"
:label="item.label"
@@ -161,7 +161,7 @@
/>
</el-form-item>
<el-form-item for="-" label="电压等级:">
<el-select v-model="form.voltageLevel" placeholder="请选择电压等级" node-key="id">
<el-select v-model="form.voltageLevel" placeholder="请选择电压等级" node-key="id" filterable>
<el-option
v-for="(item, index) in voltageLevelList"
:label="item.name"
@@ -171,7 +171,7 @@
</el-select>
</el-form-item>
<el-form-item for="-" label="所属电站:" prop="stationId">
<el-select v-model="form.stationId" filterable placeholder="请选择所属电站">
<el-select v-model="form.stationId" filterable placeholder="请选择所属电站" >
<el-option v-for="(item, index) in stationList" :label="item.name" :value="item.id" :key="index" />
</el-select>
</el-form-item>
@@ -200,7 +200,7 @@
</el-form-item>
<el-form-item for="-" v-if="form.userType != '0' && form.userType != '1'" label="评估类型:">
<el-select v-model="form.evaluationType" placeholder="请选择评估类型">
<el-select v-model="form.evaluationType" placeholder="请选择评估类型" filterable>
<el-option
v-for="(item, index) in evaluationTypeList"
:key="index"
@@ -275,7 +275,7 @@
</el-input>
</el-form-item>-->
<el-form-item for="-" v-if="form.userType == '6'" label="行业:">
<el-select v-model="form.industry" placeholder="请选择行业">
<el-select v-model="form.industry" placeholder="请选择行业" filterable>
<el-option v-for="(item, index) in industryList" :label="item.name" :value="item.id" :key="index" />
</el-select>
</el-form-item>
@@ -296,7 +296,7 @@
multiple
collapse-tags
collapse-tags-tooltip
placeholder="请选择敏感电能质量指标"
placeholder="请选择敏感电能质量指标" filterable
>
<el-option
v-for="(item, index) in energyQualityIndexList"
@@ -335,12 +335,12 @@
</el-radio-group>
</el-form-item>
<el-form-item for="-" v-if="form.userType == '6' && isInterferencemanagement" label="负荷级别:">
<el-select v-model="form.loadLevel" collapse-tags collapse-tags-tooltip placeholder="请选择负荷级别">
<el-select v-model="form.loadLevel" collapse-tags collapse-tags-tooltip placeholder="请选择负荷级别" filterable>
<el-option
v-for="(item, index) in loadLevelOptionList"
:label="item.name"
:value="item.id"
:key="index"
:key="index"
/>
</el-select>
</el-form-item>
@@ -350,6 +350,7 @@
collapse-tags
collapse-tags-tooltip
placeholder="请选择供电电源情况"
filterable
>
<el-option
v-for="(item, index) in powerSupplyInfoOptionList"

View File

@@ -13,7 +13,7 @@
></el-input>
</el-form-item>
<el-form-item label="所在地市">
<el-select v-model="tableStore.table.params.city" clearable placeholder="请选择所在地市">
<el-select v-model="tableStore.table.params.city" clearable placeholder="请选择所在地市" filterable>
<el-option
v-for="item in areaOptionList"
:key="item.id"