fix : 所有下拉框, 加上搜索删除

This commit is contained in:
2024-07-13 17:10:41 +08:00
parent b1309fae57
commit 3c12bafa59
13 changed files with 24 additions and 24 deletions

View File

@@ -24,7 +24,7 @@
<el-table-column prop="projectId" label="项目名称" min-width="230"> <el-table-column prop="projectId" label="项目名称" min-width="230">
<template #default="scope"> <template #default="scope">
<el-form-item prop="time" :rules="scope.row.projectId?'1':rules.projectId"> <el-form-item prop="time" :rules="scope.row.projectId?'1':rules.projectId">
<el-select v-model="scope.row.projectId" placeholder="请选择项目名称" clearable> <el-select v-model="scope.row.projectId" placeholder="请选择项目名称" clearable filterable>
<el-option <el-option
v-for="item in nameOptions" v-for="item in nameOptions"
:key="item.value" :key="item.value"

View File

@@ -173,7 +173,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="标签主题" prop="theme"> <el-form-item label="标签主题" prop="theme">
<el-select v-model="dataForm.theme" placeholder="请选择显示样式"> <el-select v-model="dataForm.theme" placeholder="请选择显示样式" clearable filterable>
<el-option <el-option
v-for="item in tagThemeList" v-for="item in tagThemeList"
:key="item.value" :key="item.value"
@@ -185,7 +185,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="标签样式" prop="listClass"> <el-form-item label="标签样式" prop="listClass">
<el-select v-model="dataForm.listClass" placeholder="请选择显示样式" v-if="dataForm.isType"> <el-select v-model="dataForm.listClass" placeholder="请选择显示样式" v-if="dataForm.isType" clearable filterable>
<el-option <el-option
v-for="item in tagTypeList" v-for="item in tagTypeList"
:key="item.value" :key="item.value"

View File

@@ -16,7 +16,7 @@
<!--显示退回节点弹出框--> <!--显示退回节点弹出框-->
<div v-if="type === 4" style="margin-bottom: 10px"> <div v-if="type === 4" style="margin-bottom: 10px">
<span>回退节点</span> <span>回退节点</span>
<el-select v-if="userTaskOption.length >0 " v-model="rollBackId" slot="prepend" placeholder="选择要回退到的节点" filterable> <el-select v-if="userTaskOption.length >0 " v-model="rollBackId" slot="prepend" placeholder="选择要回退到的节点" filterable clearable>
<el-option v-for="(option,index) in userTaskOption" :key="index" <el-option v-for="(option,index) in userTaskOption" :key="index"
:label="option.label" :value="option.value"/> :label="option.label" :value="option.value"/>
</el-select> </el-select>

View File

@@ -1,6 +1,6 @@
<template> <template>
<template v-if="mode === 'DESIGN'"> <template v-if="mode === 'DESIGN'">
<el-select class="max-fill" v-if="!expanding" size="medium" multiple v-model="_value" disabled :placeholder="placeholder" filterable/> <el-select class="max-fill" v-if="!expanding" size="medium" multiple v-model="_value" disabled :placeholder="placeholder" filterable clearable/>
<el-checkbox-group v-else v-model="_value"> <el-checkbox-group v-else v-model="_value">
<el-checkbox disabled v-for="(op, index) in options" :key="index" :label="op">{{op}}</el-checkbox> <el-checkbox disabled v-for="(op, index) in options" :key="index" :label="op">{{op}}</el-checkbox>
</el-checkbox-group> </el-checkbox-group>

View File

@@ -1,6 +1,6 @@
<template> <template>
<template v-if="mode === 'DESIGN'"> <template v-if="mode === 'DESIGN'">
<el-select class="max-fill" v-if="!expanding" size="medium" v-model="_value" disabled :placeholder="placeholder" filterable/> <el-select class="max-fill" v-if="!expanding" size="medium" v-model="_value" disabled :placeholder="placeholder" filterable clearable/>
<el-radio-group v-model="_value" v-else> <el-radio-group v-model="_value" v-else>
<el-radio disabled v-for="(op, index) in options" :key="index" :label="op">{{op}}</el-radio> <el-radio disabled v-for="(op, index) in options" :key="index" :label="op">{{op}}</el-radio>
</el-radio-group> </el-radio-group>

View File

@@ -4,7 +4,7 @@
<el-input size="small" v-model="value.placeholder" placeholder="请设置日期提示"/> <el-input size="small" v-model="value.placeholder" placeholder="请设置日期提示"/>
</el-form-item> </el-form-item>
<el-form-item label="日期格式"> <el-form-item label="日期格式">
<el-select size="small" v-model="value.format" filterable> <el-select size="small" v-model="value.format" filterable clearable>
<el-option value="yyyy" label="年"></el-option> <el-option value="yyyy" label="年"></el-option>
<el-option value="yyyy-MM" label="年-月"></el-option> <el-option value="yyyy-MM" label="年-月"></el-option>
<el-option value="yyyy-MM-dd" label="年-月-日"></el-option> <el-option value="yyyy-MM-dd" label="年-月-日"></el-option>

View File

@@ -5,7 +5,7 @@
<el-input size="small" v-model="placeholder[1]" @change="placeholderChange" placeholder="结束日期提示"/> <el-input size="small" v-model="placeholder[1]" @change="placeholderChange" placeholder="结束日期提示"/>
</el-form-item> </el-form-item>
<el-form-item label="日期格式"> <el-form-item label="日期格式">
<el-select size="small" v-model="value.format" filterable> <el-select size="small" v-model="value.format" filterable clearable>
<el-option value="yyyy" label="年"></el-option> <el-option value="yyyy" label="年"></el-option>
<el-option value="yyyy-MM" label="年-月"></el-option> <el-option value="yyyy-MM" label="年-月"></el-option>
<el-option value="yyyy-MM-dd" label="年-月-日"></el-option> <el-option value="yyyy-MM-dd" label="年-月-日"></el-option>

View File

@@ -2,7 +2,7 @@
<div> <div>
<el-form :model="queryParams" inline class="query-form" ref="queryForm"> <el-form :model="queryParams" inline class="query-form" ref="queryForm">
<el-form-item label="监听器类型" prop="listenerType"> <el-form-item label="监听器类型" prop="listenerType">
<el-select v-model="queryParams.listenerType" placeholder="请选择监听器类型" filterable> <el-select v-model="queryParams.listenerType" placeholder="请选择监听器类型" filterable clearable>
<el-option <el-option
v-for="item in cacheStore.getDict('process_listen_type')" v-for="item in cacheStore.getDict('process_listen_type')"
:key="item.value" :key="item.value"
@@ -15,7 +15,7 @@
<el-input v-model="queryParams.listenerName" placeholder="请输入监听器名称"></el-input> <el-input v-model="queryParams.listenerName" placeholder="请输入监听器名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="监听器数据类型" prop="listenerValueType"> <el-form-item label="监听器数据类型" prop="listenerValueType">
<el-select v-model="queryParams.listenerValueType" placeholder="请选择监听器数据类型" filterable> <el-select v-model="queryParams.listenerValueType" placeholder="请选择监听器数据类型" filterable clearable>
<el-option <el-option
v-for="item in cacheStore.getDict('process_data_type')" v-for="item in cacheStore.getDict('process_data_type')"
:key="item.value" :key="item.value"
@@ -86,7 +86,7 @@
<el-col :span="11" :offset="2"> <el-col :span="11" :offset="2">
<el-form-item label="监听器类型" prop="eventType" class="listen"> <el-form-item label="监听器类型" prop="eventType" class="listen">
<el-select placeholder="请选择监听器类型" @change="form.eventType = []" <el-select placeholder="请选择监听器类型" @change="form.eventType = []"
v-model="form.listenerType" filterable> v-model="form.listenerType" filterable clearable>
<el-option :value="'1'" label="任务监听"/> <el-option :value="'1'" label="任务监听"/>
<el-option :value="'2'" label="执行监听"/> <el-option :value="'2'" label="执行监听"/>
</el-select> </el-select>
@@ -94,7 +94,7 @@
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item label="事件类型" prop="listenerType" class="listen"> <el-form-item label="事件类型" prop="listenerType" class="listen">
<el-select multiple placeholder="请选择事件类型" v-model="form.eventType" filterable> <el-select multiple placeholder="请选择事件类型" v-model="form.eventType" filterable clearable>
<el-option value="create" label="create"/> <el-option value="create" label="create"/>
<el-option v-if="form.listenerType === '2'" value="end" label="end"/> <el-option v-if="form.listenerType === '2'" value="end" label="end"/>
<el-option v-if="form.listenerType === '2'" value="take" label="take"/> <el-option v-if="form.listenerType === '2'" value="take" label="take"/>

View File

@@ -5,7 +5,7 @@
</p> </p>
</div> </div>
<div v-if="!processData.processDefinitionKey"> <div v-if="!processData.processDefinitionKey">
<el-select v-model="processData.processKey" @change="processKeyChange" placeholder="请选择流程环节"> <el-select v-model="processData.processKey" @change="processKeyChange" placeholder="请选择流程环节" clearable filterable>
<el-option v-for="item in optionList" :label="item.label" :value="item.value"/> <el-option v-for="item in optionList" :label="item.label" :value="item.value"/>
</el-select> </el-select>
</div> </div>

View File

@@ -59,7 +59,7 @@
<div v-else-if="nodeProps.assignedType === 'FORM_USER'"> <div v-else-if="nodeProps.assignedType === 'FORM_USER'">
<el-form-item label="选择表单联系人项" prop="text" class="approve-end"> <el-form-item label="选择表单联系人项" prop="text" class="approve-end">
<el-select style="width: 80%;" size="small" v-model="nodeProps.formUser" placeholder="请选择包含联系人的表单项" <el-select style="width: 80%;" size="small" v-model="nodeProps.formUser" placeholder="请选择包含联系人的表单项"
filterable> filterable clearable>
<el-option v-for="(op,i) in forms" :label="op.title" :value="op.id" :key="i"></el-option> <el-option v-for="(op,i) in forms" :label="op.title" :value="op.id" :key="i"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>

View File

@@ -38,13 +38,13 @@
<ellipsis slot="label" hover-tip :content="condition.title"/> <ellipsis slot="label" hover-tip :content="condition.title"/>
<span v-if="condition.valueType === ValueType.string"> <span v-if="condition.valueType === ValueType.string">
<el-select placeholder="判断符" style="width: 120px;" v-model="condition.compare" <el-select placeholder="判断符" style="width: 120px;" v-model="condition.compare"
@change="condition.value = []" filterable> @change="condition.value = []" filterable clearable>
<el-option label="等于" value="="></el-option> <el-option label="等于" value="="></el-option>
<el-option label="包含在" value="IN"></el-option> <el-option label="包含在" value="IN"></el-option>
</el-select> </el-select>
<span v-if="isSelect(condition.id)" style="margin-left: 10px"> <span v-if="isSelect(condition.id)" style="margin-left: 10px">
<el-select v-if="condition.compare === 'IN'" style="width: 280px;" clearable multiple size="small" <el-select v-if="condition.compare === 'IN'" style="width: 280px;" clearable multiple size="small"
v-model="condition.value" placeholder="选择值" filterable> v-model="condition.value" placeholder="选择值" filterable >
<el-option v-for="(option, oi) in getOptions(condition.id)" :key="oi" :label="option" <el-option v-for="(option, oi) in getOptions(condition.id)" :key="oi" :label="option"
:value="option"></el-option> :value="option"></el-option>
</el-select> </el-select>
@@ -62,13 +62,13 @@
</span> </span>
</span> </span>
<span v-else-if="condition.valueType === ValueType.number"> <span v-else-if="condition.valueType === ValueType.number">
<el-select size="small" placeholder="判断符" style="width: 120px;" v-model="condition.compare" filterable> <el-select size="small" placeholder="判断符" style="width: 120px;" v-model="condition.compare" filterable clearable>
<el-option :label="exp.label" :value="exp.value" :key="exp.value" v-for="exp in explains"></el-option> <el-option :label="exp.label" :value="exp.value" :key="exp.value" v-for="exp in explains"></el-option>
</el-select> </el-select>
<span style="margin-left: 10px"> <span style="margin-left: 10px">
<el-input style="width: 280px;" v-if="conditionValType(condition.compare) === 0" <el-input style="width: 280px;" v-if="conditionValType(condition.compare) === 0"
placeholder="输入比较值" type="number" v-model="condition.value[0]"/> placeholder="输入比较值" type="number" v-model="condition.value[0]"/>
<el-select style="width: 280px;" multiple filterable allow-create <el-select style="width: 280px;" multiple filterable allow-create clearable
v-else-if="conditionValType(condition.compare) === 1" v-else-if="conditionValType(condition.compare) === 1"
v-model="condition.value" placeholder="输入可能包含的值"></el-select> v-model="condition.value" placeholder="输入可能包含的值"></el-select>
<span v-else> <span v-else>

View File

@@ -10,7 +10,7 @@
<div v-if="config.type === 'FIXED'"> <div v-if="config.type === 'FIXED'">
<el-input style="width: 180px;" placeholder="时间单位" type="number" v-model="config.time"> <el-input style="width: 180px;" placeholder="时间单位" type="number" v-model="config.time">
</el-input> </el-input>
<el-select style="width: 75px;" v-model="config.unit" slot="append" placeholder="请选择" filterable> <el-select style="width: 75px;" v-model="config.unit" slot="append" placeholder="请选择" filterable clearable>
<el-option label="天" value="D"></el-option> <el-option label="天" value="D"></el-option>
<el-option label="小时" value="H"></el-option> <el-option label="小时" value="H"></el-option>
<el-option label="分钟" value="M"></el-option> <el-option label="分钟" value="M"></el-option>

View File

@@ -10,7 +10,7 @@
<div v-if="config.type === 'WEBHOOK'"> <div v-if="config.type === 'WEBHOOK'">
<el-form-item label="请求地址" prop="text"> <el-form-item label="请求地址" prop="text">
<el-input placeholder="请输入URL地址" v-model="config.http.url"> <el-input placeholder="请输入URL地址" v-model="config.http.url">
<el-select v-model="config.http.method" style="width: 85px;" slot="prepend" placeholder="URL" filterable> <el-select v-model="config.http.method" style="width: 85px;" slot="prepend" placeholder="URL" filterable clearable>
<el-option label="GET" value="GET"></el-option> <el-option label="GET" value="GET"></el-option>
<el-option label="POST" value="POST"></el-option> <el-option label="POST" value="POST"></el-option>
<el-option label="PUT" value="PUT"></el-option> <el-option label="PUT" value="PUT"></el-option>
@@ -31,7 +31,7 @@
<el-radio-button :label="false">固定</el-radio-button> <el-radio-button :label="false">固定</el-radio-button>
</el-radio-group> </el-radio-group>
<el-select v-if="header.isField" style="width: 180px;" v-model="header.value" <el-select v-if="header.isField" style="width: 180px;" v-model="header.value"
placeholder="请选择表单字段" filterable> placeholder="请选择表单字段" filterable clearable>
<el-option v-for="form in forms" :key="form.id" :label="form.title" :value="form.title"></el-option> <el-option v-for="form in forms" :key="form.id" :label="form.title" :value="form.title"></el-option>
</el-select> </el-select>
<el-input v-else placeholder="请设置字段值" v-model="header.value" style="width: 180px;"/> <el-input v-else placeholder="请设置字段值" v-model="header.value" style="width: 180px;"/>
@@ -57,7 +57,7 @@
<el-radio-button :label="false">固定</el-radio-button> <el-radio-button :label="false">固定</el-radio-button>
</el-radio-group> </el-radio-group>
<el-select v-if="param.isField" style="width: 180px;" v-model="param.value" <el-select v-if="param.isField" style="width: 180px;" v-model="param.value"
placeholder="请选择表单字段" filterable> placeholder="请选择表单字段" filterable clearable>
<el-option v-for="form in forms" :key="form.id" :label="form.title" :value="form.id"></el-option> <el-option v-for="form in forms" :key="form.id" :label="form.title" :value="form.id"></el-option>
</el-select> </el-select>
<el-input v-else placeholder="请设置字段值" v-model="param.value" style="width: 180px;"/> <el-input v-else placeholder="请设置字段值" v-model="param.value" style="width: 180px;"/>
@@ -108,13 +108,13 @@
<el-input placeholder="请输入邮件主题" v-model="config.email.subject"/> <el-input placeholder="请输入邮件主题" v-model="config.email.subject"/>
</el-form-item> </el-form-item>
<el-form-item label="收件方" prop="text"> <el-form-item label="收件方" prop="text">
<el-select style="width: 100%;" v-model="config.email.to" filterable multiple allow-create <el-select style="width: 100%;" v-model="config.email.to" filterable multiple allow-create clearable
default-first-option placeholder="请输入收件人"> default-first-option placeholder="请输入收件人">
<el-option v-for="sender in config.email.to" :key="sender" :label="sender" :value="sender"></el-option> <el-option v-for="sender in config.email.to" :key="sender" :label="sender" :value="sender"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="抄送方" prop="text"> <el-form-item label="抄送方" prop="text">
<el-select style="width: 100%;" v-model="config.email.cc" filterable multiple allow-create <el-select style="width: 100%;" v-model="config.email.cc" filterable multiple allow-create clearable
default-first-option placeholder="请输入收件人"> default-first-option placeholder="请输入收件人">
<el-option v-for="item in config.email.cc" :key="item" :label="item" :value="item"></el-option> <el-option v-for="item in config.email.cc" :key="item" :label="item" :value="item"></el-option>
</el-select> </el-select>