解决多人选择组件的默认查询条件问题

解决选人组件的样式问题
回滚trim导致输入过程中,input全局不能输入空格问题
This commit is contained in:
zer0Black
2022-02-02 13:55:37 +08:00
parent 995465984c
commit f678b9514b
8 changed files with 34 additions and 55 deletions
@@ -28,20 +28,20 @@
</a-col>
<a-col :md="18" :sm="24">
<a-card :bordered="false">
用户账号:
<J-input
:style="{width:'150px',marginBottom:'15px'}"
placeholder="请输入账号"
v-model="queryParam.username"
></J-input>
用户姓名:
<J-input
:style="{width:'150px',marginBottom:'15px'}"
placeholder="请输入姓名"
v-model="queryParam.realname"
></J-input>
<a-button @click="onSearch(1)" style="margin-left: 20px" icon="search">查询</a-button>
<a-button @click="searchReset(1)" style="margin-left: 20px" icon="redo">重置</a-button>
<div :style="{marginBottom:'12px'}">
<label :style="{marginRight:'5px'}">用户账号:</label>
<j-input
:style="{width:'150px'}"
placeholder="请输入账号"
v-model="queryParam.username"></j-input>
<label :style="{marginRight:'5px', marginLeft: '16px'}">用户姓名:</label>
<j-input
:style="{width:'150px'}"
placeholder="请输入姓名"
v-model="queryParam.realname"></j-input>
<a-button type="primary" @click="onSearch(1)" style="margin-left: 20px" icon="search">查询</a-button>
<a-button type="primary" @click="searchReset(1)" style="margin-left: 20px" icon="redo">重置</a-button>
</div>
<!--用户列表-->
<a-table
ref="table"
@@ -73,6 +73,7 @@
return {
queryParam: {
username: "",
realname: ""
},
columns: [
{
@@ -88,19 +89,10 @@
{
title: '性别',
align: 'center',
dataIndex: 'sex',
customRender: function (text) {
if (text === 1) {
return '男'
} else if (text === 2) {
return '女'
} else {
return text
}
}
dataIndex: 'sex_dictText'
},
{
title: '手机',
title: '电话',
align: 'center',
dataIndex: 'phone'
},