优化: 下拉框支持搜索

This commit is contained in:
binbin_pan 2024-06-17 10:24:12 +08:00
parent 1745146eee
commit 63327236d5
31 changed files with 59 additions and 24 deletions

View File

@ -44,7 +44,7 @@
<el-form-item>
<el-radio v-model='radioValue' :label="7">
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-select filterable clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-option v-for="item in 31" :key="item" :value="item">{{item}}</el-option>
</el-select>
</el-radio>

View File

@ -25,7 +25,7 @@
<el-form-item>
<el-radio v-model='radioValue' :label="4">
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-select filterable clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-option v-for="item in 24" :key="item" :value="item-1">{{item-1}}</el-option>
</el-select>
</el-radio>

View File

@ -25,7 +25,7 @@
<el-form-item>
<el-radio v-model='radioValue' :label="4">
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-select filterable clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-option v-for="item in 60" :key="item" :value="item-1">{{item-1}}</el-option>
</el-select>
</el-radio>

View File

@ -25,7 +25,7 @@
<el-form-item>
<el-radio v-model='radioValue' :label="4">
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-select filterable clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-option v-for="item in 12" :key="item" :value="item">{{item}}</el-option>
</el-select>
</el-radio>

View File

@ -25,7 +25,7 @@
<el-form-item>
<el-radio v-model='radioValue' :label="4">
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-select filterable clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-option v-for="item in 60" :key="item" :value="item-1">{{item-1}}</el-option>
</el-select>
</el-radio>

View File

@ -15,7 +15,7 @@
<el-form-item>
<el-radio v-model='radioValue' :label="3">
周期从星期
<el-select clearable v-model="cycle01">
<el-select filterable clearable v-model="cycle01">
<el-option
v-for="(item,index) of weekList"
:key="index"
@ -25,7 +25,7 @@
>{{item.value}}</el-option>
</el-select>
-
<el-select clearable v-model="cycle02">
<el-select filterable clearable v-model="cycle02">
<el-option
v-for="(item,index) of weekList"
:key="index"
@ -41,7 +41,7 @@
<el-radio v-model='radioValue' :label="4">
<el-input-number v-model='average01' :min="1" :max="4" /> 周的星期
<el-select clearable v-model="average02">
<el-select filterable clearable v-model="average02">
<el-option v-for="(item,index) of weekList" :key="index" :label="item.value" :value="item.key">{{item.value}}</el-option>
</el-select>
</el-radio>
@ -50,7 +50,7 @@
<el-form-item>
<el-radio v-model='radioValue' :label="5">
本月最后一个星期
<el-select clearable v-model="weekday">
<el-select filterable clearable v-model="weekday">
<el-option v-for="(item,index) of weekList" :key="index" :label="item.value" :value="item.key">{{item.value}}</el-option>
</el-select>
</el-radio>
@ -59,7 +59,7 @@
<el-form-item>
<el-radio v-model='radioValue' :label="6">
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-select filterable clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
<el-option v-for="(item,index) of weekList" :key="index" :label="item.value" :value="String(item.key)">{{item.value}}</el-option>
</el-select>
</el-radio>

View File

@ -32,7 +32,7 @@
<el-form-item>
<el-radio :label="5" v-model='radioValue'>
指定
<el-select clearable v-model="checkboxList" placeholder="可多选" multiple>
<el-select filterable clearable v-model="checkboxList" placeholder="可多选" multiple>
<el-option v-for="item in 9" :key="item" :value="item - 1 + fullYear" :label="item -1 + fullYear" />
</el-select>
</el-radio>

View File

@ -23,6 +23,7 @@
v-model="queryParams.unitId"
placeholder="请选择单位名称"
clearable
filterable
>
<el-option
v-for="item in unitList"

View File

@ -34,6 +34,7 @@
v-model="queryParams.unitId"
placeholder="请选择往来单位"
clearable
filterable
>
<el-option
v-for="(item, i) in unitList"
@ -48,6 +49,7 @@
v-model="queryParams.projectId"
placeholder="请选择工程名称"
clearable
filterable
>
<el-option
v-for="(item, i) in projectList"

View File

@ -22,6 +22,7 @@
v-model="queryParams.unitId"
placeholder="请选择单位名称"
clearable
filterable
>
<el-option
v-for="item in unitList"
@ -52,6 +53,7 @@
v-model="queryParams.taskStatus"
placeholder="请选择出库状态"
clearable
filterable
>
<el-option
v-for="item in statusList"

View File

@ -23,6 +23,7 @@
v-model="queryParams.unitId"
placeholder="请选择单位名称"
clearable
filterable
>
<el-option
v-for="item in unitList"
@ -38,6 +39,7 @@
v-model="queryParams.proId"
placeholder="请选择工程名称"
clearable
filterable
>
<el-option
v-for="item in proList"

View File

@ -23,6 +23,7 @@
v-model="queryParams.unitId"
placeholder="请选择单位名称"
clearable
filterable
>
<el-option
v-for="item in unitList"
@ -38,6 +39,7 @@
v-model="queryParams.proId"
placeholder="请选择工程名称"
clearable
filterable
>
<el-option
v-for="item in proList"

View File

@ -22,6 +22,7 @@
v-model="queryParams.unitId"
placeholder="请选择单位名称"
clearable
filterable
>
<el-option
v-for="item in unitList"
@ -37,6 +38,7 @@
v-model="queryParams.proId"
placeholder="请选择工程名称"
clearable
filterable
>
<el-option
v-for="item in proList"

View File

@ -62,6 +62,7 @@
:disabled="leaseApplyDetails.length > 0"
placeholder="请选择设备类型"
clearable
filterable
>
<el-option label="机具设备" value="101"></el-option>
<el-option label="调试设备" value="102"></el-option>

View File

@ -53,6 +53,7 @@
v-model="queryParams.taskStatus"
placeholder="请选择出库状态"
clearable
filterable
>
<el-option
v-for="item in statusList"

View File

@ -59,6 +59,7 @@
:disabled="leaseApplyDetails.length > 0"
placeholder="请选择设备类型"
clearable
filterable
>
<el-option label="机具设备" value="101"></el-option>
<el-option label="调试设备" value="102"></el-option>

View File

@ -59,6 +59,7 @@
v-model="queryParams.isBind"
placeholder="请选择绑定状态"
clearable
filterable
style="width: 240px"
>
<el-option label="已绑定" value="1" />
@ -392,6 +393,7 @@
v-model="cform.labelType"
placeholder="请选择标签类型"
style="width: 100%"
filterable
>
<el-option
v-for="item in labelTypeList"

View File

@ -222,6 +222,7 @@
placeholder="是否为固定资产"
@change="fillingCodeList"
clearable
filterable
allow-create
>
<el-option label="是" value="0" />

View File

@ -22,6 +22,7 @@
<el-form-item label="往来单位" prop="unitId">
<el-select
v-model="queryParams.unitId"
filterable
clearable
@change="GetProData"
style="width: 240px"
@ -38,6 +39,7 @@
<el-form-item label="工程名称" prop="proId">
<el-select
v-model="queryParams.proId"
filterable
clearable
@change="GetUnitData"
style="width: 240px"

View File

@ -11,6 +11,7 @@
<el-form-item label="往来单位">
<el-select
v-model="queryParams.unitId"
filterable
clearable
@change="GetProData"
style="width: 240px"
@ -28,6 +29,7 @@
<el-form-item label="工程名称">
<el-select
v-model="queryParams.proId"
filterable
clearable
@change="GetUnitData"
style="width: 240px"

View File

@ -22,6 +22,7 @@
<el-form-item label="往来单位">
<el-select
v-model="queryParams.unitId"
filterable
clearable
@change="GetProData"
style="width: 240px"
@ -39,6 +40,7 @@
<el-form-item label="工程名称">
<el-select
v-model="queryParams.proId"
filterable
clearable
@change="GetUnitData"
style="width: 240px"

View File

@ -22,6 +22,7 @@
<el-form-item label="往来单位" prop="unitId">
<el-select
v-model="queryParams.unitId"
filterable
clearable
@change="GetProData"
style="width: 240px"
@ -38,6 +39,7 @@
<el-form-item label="工程名称" prop="proId">
<el-select
v-model="queryParams.proId"
filterable
clearable
@change="GetUnitData"
style="width: 240px"

View File

@ -22,6 +22,7 @@
<el-form-item label="选择单位">
<el-select
v-model="queryParams.unitId"
filterable
clearable
@change="GetProData"
style="width: 240px"
@ -39,6 +40,7 @@
<el-form-item label="工程名称">
<el-select
v-model="queryParams.proId"
filterable
clearable
@change="GetUnitData"
style="width: 240px"

View File

@ -20,7 +20,7 @@
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="数据状态" clearable>
<el-select v-model="queryParams.status" placeholder="数据状态" clearable filterable>
<el-option
v-for="dict in dict.type.sys_normal_disable"
:key="dict.value"

View File

@ -5,7 +5,7 @@
<el-input v-model="queryParams.menuName" placeholder="请输入菜单名称" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="菜单状态" clearable>
<el-select v-model="queryParams.status" placeholder="菜单状态" clearable filterable>
<el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>

View File

@ -30,6 +30,7 @@
v-model="queryParams.status"
placeholder="角色状态"
clearable
filterable
style="width: 240px"
>
<el-option
@ -343,6 +344,7 @@
<el-select
v-model="form.dataScope"
@change="dataScopeSelectChange"
filterable
>
<el-option
v-for="item in dataScopeOptions"

View File

@ -15,6 +15,7 @@
<el-select
v-model="activeData.tagIcon"
placeholder="请选择组件类型"
filterable
:style="{width: '100%'}"
@change="tagChange"
>
@ -62,7 +63,7 @@
</el-radio-group>
</el-form-item>
<el-form-item v-if="activeData.justify!==undefined&&activeData.type==='flex'" label="水平排列">
<el-select v-model="activeData.justify" placeholder="请选择水平排列" :style="{width: '100%'}">
<el-select v-model="activeData.justify" placeholder="请选择水平排列" :style="{width: '100%'}" filterable>
<el-option
v-for="(item, index) in justifyOptions"
:key="index"
@ -192,6 +193,7 @@
<el-select
v-model="activeData.type"
placeholder="请选择时间类型"
filterable
:style="{ width: '100%' }"
@change="dateTypeChange"
>
@ -210,6 +212,7 @@
<el-select
v-model="activeData.accept"
placeholder="请选择文件类型"
filterable
:style="{ width: '100%' }"
clearable
>
@ -224,7 +227,7 @@
</el-form-item>
<el-form-item v-if="activeData.fileSize !== undefined" label="文件大小">
<el-input v-model.number="activeData.fileSize" placeholder="请输入文件大小">
<el-select slot="append" v-model="activeData.sizeUnit" :style="{ width: '66px' }">
<el-select slot="append" v-model="activeData.sizeUnit" filterable :style="{ width: '66px' }">
<el-option label="KB" value="KB" />
<el-option label="MB" value="MB" />
<el-option label="GB" value="GB" />
@ -395,6 +398,7 @@
<el-select
v-model="activeData['color-format']"
placeholder="请选择颜色格式"
filterable
:style="{ width: '100%' }"
@change="colorFormatChange"
>

View File

@ -41,6 +41,7 @@
<el-select
slot="append"
v-model="dataType"
filterable
:style="{width: '100px'}"
>
<el-option

View File

@ -26,7 +26,7 @@
/>
<el-table-column label="Java类型" min-width="11%">
<template slot-scope="scope">
<el-select v-model="scope.row.javaType">
<el-select v-model="scope.row.javaType" filterable>
<el-option label="Long" value="Long" />
<el-option label="String" value="String" />
<el-option label="Integer" value="Integer" />
@ -65,7 +65,7 @@
</el-table-column>
<el-table-column label="查询方式" min-width="10%">
<template slot-scope="scope">
<el-select v-model="scope.row.queryType">
<el-select v-model="scope.row.queryType" filterable>
<el-option label="=" value="EQ" />
<el-option label="!=" value="NE" />
<el-option label=">" value="GT" />
@ -84,7 +84,7 @@
</el-table-column>
<el-table-column label="显示类型" min-width="12%">
<template slot-scope="scope">
<el-select v-model="scope.row.htmlType">
<el-select v-model="scope.row.htmlType" filterable>
<el-option label="文本框" value="input" />
<el-option label="文本域" value="textarea" />
<el-option label="下拉框" value="select" />

View File

@ -4,7 +4,7 @@
<el-col :span="12">
<el-form-item prop="tplCategory">
<span slot="label">生成模板</span>
<el-select v-model="info.tplCategory" @change="tplSelectChange">
<el-select v-model="info.tplCategory" @change="tplSelectChange" filterable>
<el-option label="单表(增删改查)" value="crud" />
<el-option label="树表(增删改查)" value="tree" />
<el-option label="主子表(增删改查)" value="sub" />
@ -125,7 +125,7 @@
<i class="el-icon-question"></i>
</el-tooltip>
</span>
<el-select v-model="info.treeCode" placeholder="请选择">
<el-select v-model="info.treeCode" placeholder="请选择" filterable>
<el-option
v-for="(column, index) in info.columns"
:key="index"
@ -143,7 +143,7 @@
<i class="el-icon-question"></i>
</el-tooltip>
</span>
<el-select v-model="info.treeParentCode" placeholder="请选择">
<el-select v-model="info.treeParentCode" placeholder="请选择" filterable>
<el-option
v-for="(column, index) in info.columns"
:key="index"
@ -161,7 +161,7 @@
<i class="el-icon-question"></i>
</el-tooltip>
</span>
<el-select v-model="info.treeName" placeholder="请选择">
<el-select v-model="info.treeName" placeholder="请选择" filterable>
<el-option
v-for="(column, index) in info.columns"
:key="index"
@ -182,7 +182,7 @@
<i class="el-icon-question"></i>
</el-tooltip>
</span>
<el-select v-model="info.subTableName" placeholder="请选择" @change="subSelectChange">
<el-select v-model="info.subTableName" placeholder="请选择" @change="subSelectChange" filterable>
<el-option
v-for="(table, index) in tables"
:key="index"
@ -200,7 +200,7 @@
<i class="el-icon-question"></i>
</el-tooltip>
</span>
<el-select v-model="info.subTableFkName" placeholder="请选择">
<el-select v-model="info.subTableFkName" placeholder="请选择" filterable>
<el-option
v-for="(column, index) in subColumns"
:key="index"

View File

@ -396,6 +396,7 @@
v-model="cform.labelType"
placeholder="请选择标签类型"
style="width: 100%"
filterable
>
<el-option
v-for="item in labelTypeList"