全局添加输入框空格校验

This commit is contained in:
GGJ
2024-12-25 10:53:07 +08:00
parent 90efcc4ad2
commit aed771578a
98 changed files with 703 additions and 904 deletions

View File

@@ -3,20 +3,20 @@
<TableHeader>
<template v-slot:select>
<el-form-item label="用户状态">
<el-select v-model="tableStore.table.params.searchState" placeholder="选择用户状态">
<el-select v-model.trim="tableStore.table.params.searchState" placeholder="选择用户状态">
<el-option v-for="(item, index) in userState" :label="item.label" :key="index"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="用户类型:">
<el-select v-model="tableStore.table.params.casualUser" placeholder="选择用户类型">
<el-select v-model.trim="tableStore.table.params.casualUser" placeholder="选择用户类型">
<el-option v-for="(item, index) in casualUser" :label="item.label" :key="index"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="关键词:">
<el-input maxlength="32" show-word-limit style="width: 240px"
v-model="tableStore.table.params.searchValue" clearable placeholder="仅根据用户名/登录名" />
v-model.trim="tableStore.table.params.searchValue" clearable placeholder="仅根据用户名/登录名" />
</el-form-item>
</template>
<template v-slot:operation>

View File

@@ -1,73 +1,73 @@
<template>
<el-dialog class="cn-operate-dialog" v-model="dialogVisible" :title="title">
<el-dialog class="cn-operate-dialog" v-model.trim="dialogVisible" :title="title">
<el-form :model="form" label-width="auto" class="form-two" :rules="rules">
<el-form-item label="用户名" prop="name">
<el-input maxlength="32" show-word-limit v-model="form.name" placeholder="请输入昵称" />
<el-input maxlength="32" show-word-limit v-model.trim="form.name" placeholder="请输入昵称" />
</el-form-item>
<el-form-item label="登录名" prop="loginName">
<el-input maxlength="32" show-word-limit v-model="form.loginName" placeholder="请输入登录名" />
<el-input maxlength="32" show-word-limit v-model.trim="form.loginName" placeholder="请输入登录名" />
</el-form-item>
<el-form-item label="默认密码" prop="password" v-if="title === '新增用户'">
<el-input maxlength="32" show-word-limit v-model="form.password" placeholder="请输入密码" disabled />
<el-input maxlength="32" show-word-limit v-model.trim="form.password" placeholder="请输入密码" disabled />
</el-form-item>
<el-form-item label="权限类型" prop="type">
<el-select v-model="form.type" @change="changeValue" disabled placeholder="请选择权限类型">
<el-select v-model.trim="form.type" @change="changeValue" disabled placeholder="请选择权限类型">
<el-option v-for="(item, index) in UserTypeOption" :label="item.label" :value="item.value"
:key="index"></el-option>
</el-select>
</el-form-item>
<el-form-item label="用户类型" prop="casualUser">
<el-select v-model="form.casualUser" placeholder="请选择权限类型">
<el-select v-model.trim="form.casualUser" placeholder="请选择权限类型">
<el-option v-for="(item, index) in TypeOptions" :label="item.label" :value="item.value"
:key="index"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属部门" prop="deptId">
<Area v-model="form.deptId" />
<Area v-model.trim="form.deptId" />
</el-form-item>
<el-form-item label="角色" prop="role">
<el-select v-model="form.role" placeholder="请选择角色" multiple collapse-tags>
<el-select v-model.trim="form.role" placeholder="请选择角色" multiple collapse-tags>
<el-option v-for="(item, index) in roleOptions" :label="item.label" :value="item.value"
:key="index"></el-option>
</el-select>
</el-form-item>
<el-form-item label="手机号" prop="phone">
<el-input maxlength="32" show-word-limit v-model="form.phone" placeholder="请输入手机号" />
<el-input maxlength="32" show-word-limit v-model.trim="form.phone" placeholder="请输入手机号" />
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input maxlength="32" show-word-limit v-model="form.email" placeholder="请输入描述" />
<el-input maxlength="32" show-word-limit v-model.trim="form.email" placeholder="请输入描述" />
</el-form-item>
<el-form-item label="时间段" prop="limitTime">
<el-slider v-model="form.limitTime" style="width: 95%" range show-stops :max="24" />
<el-slider v-model.trim="form.limitTime" style="width: 95%" range show-stops :max="24" />
</el-form-item>
<el-form-item label="起始IP" prop="limitIpStart">
<el-input maxlength="32" show-word-limit v-model="form.limitIpStart" placeholder="请输入描述" />
<el-input maxlength="32" show-word-limit v-model.trim="form.limitIpStart" placeholder="请输入描述" />
</el-form-item>
<el-form-item label="结束IP" prop="limitIpEnd">
<el-input maxlength="32" show-word-limit v-model="form.limitIpEnd" placeholder="请输入描述" />
<el-input maxlength="32" show-word-limit v-model.trim="form.limitIpEnd" placeholder="请输入描述" />
</el-form-item>
<el-form-item label="短信通知" prop="smsNotice">
<el-radio-group v-model="form.smsNotice" style="width: 200px">
<el-radio-group v-model.trim="form.smsNotice" style="width: 200px">
<el-radio-button :label="0"></el-radio-button>
<el-radio-button :label="1"></el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="邮件通知" prop="emailNotice">
<el-radio-group v-model="form.emailNotice" style="width: 200px">
<el-radio-group v-model.trim="form.emailNotice" style="width: 200px">
<el-radio-button :label="0"></el-radio-button>
<el-radio-button :label="1"></el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="用户ID">
<div style="display: flex; width: 100%">
<el-radio-group v-model="useId">
<el-radio-group v-model.trim="useId">
<el-radio-button :label="1"></el-radio-button>
<el-radio-button :label="0"></el-radio-button>
</el-radio-group>
<el-input maxlength="32" show-word-limit :disabled="title !== '新增用户'" v-model="form.id"
<el-input maxlength="32" show-word-limit :disabled="title !== '新增用户'" v-model.trim="form.id"
placeholder="请输入用户id" v-if="useId" style="flex: 1;" class="ml10"></el-input>
</div>
</el-form-item>

View File

@@ -1,13 +1,13 @@
<template>
<el-dialog width=500px v-model="dialogVisible" title="修改密码">
<el-dialog width=500px v-model.trim="dialogVisible" title="修改密码">
<el-scrollbar>
<el-form :inline="false" :model="form" label-width="120px" class="form-one" :rules="rules" ref="formRef">
<el-form :inline="false" :model="form" label-width="120px" class="form-one" :rules="rules" ref="formRef">
<el-form-item label="新密码" prop="newPwd">
<el-input maxlength="32" show-word-limit v-model="form.newPwd" type="password" placeholder="请输入新密码"
show-password />
<el-input maxlength="32" show-word-limit v-model.trim="form.newPwd" type="password"
placeholder="请输入新密码" show-password />
</el-form-item>
<el-form-item label="确认密码" prop="confirmPwd">
<el-input maxlength="32" show-word-limit v-model="form.confirmPwd" type="password"
<el-input maxlength="32" show-word-limit v-model.trim="form.confirmPwd" type="password"
placeholder="请输入确认密码" show-password />
</el-form-item>
</el-form>