update 表单单行文本去前后空格

This commit is contained in:
赵霄
2023-10-25 17:42:10 +08:00
parent 8d5c6b9380
commit 8bd2beb10e
9 changed files with 79 additions and 33 deletions
@@ -58,13 +58,13 @@
<a-row>
<a-col :md="8" :sm="8">
<a-form-item :label="$t('number')" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input :placeholder="$t('pleaseEnter')+$t('number')"
<a-input :placeholder="$t('pleaseEnter')+$t('number')" @change="event => event.target.value = event.target.value.trim()"
v-model="queryParamRight.serialNumber"></a-input>
</a-form-item>
</a-col>
<a-col :md="8" :sm="8">
<a-form-item :label="$t('title')" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input :placeholder="$t('pleaseEnter')+$t('title')"
<a-input :placeholder="$t('pleaseEnter')+$t('title')" @change="event => event.target.value = event.target.value.trim()"
v-model="queryParamRight.title"></a-input>
</a-form-item>
</a-col>
@@ -102,6 +102,7 @@
:disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
v-model="formInline[item.dbFieldName]"
:maxLength="50"
@change="event => event.target.value = event.target.value.trim()"
:placeholder="specialPlaceholder[item.dbFieldName] || $t('pleaseEnter')+item.dbFieldTxt" />
<!-- 10, 下拉单选数据字典 -->
<j-dict-select-tag v-else-if="item.fieldShowType === FieldType.OPTION_SINGLE.value"
@@ -38,7 +38,7 @@
:placeholder="$t('docTool.split.enterQuantity')"
:formatter="limitNumber"
:parser="limitNumber"
></a-input-number>
@change="event => event.target.value = event.target.value.trim()"/>
</a-form-model-item>
</a-form-model>
</a-form>
@@ -61,6 +61,7 @@
:placeholder="$t('pleaseEnter')+$t('docTool.split.numberRows')"
:formatter="limitNumber"
:parser="limitNumber"
@change="event => event.target.value = event.target.value.trim()"
/>
</a-form-model-item>
<a-form-model-item :label="$t('docTool.split.numberColumns')" prop="colCount">
@@ -72,6 +73,7 @@
:placeholder="$t('pleaseEnter')+$t('docTool.split.numberColumns')"
:formatter="limitNumber"
:parser="limitNumber"
@change="event => event.target.value = event.target.value.trim()"
/>
</a-form-model-item>
</a-form-model>
@@ -99,6 +99,7 @@
:disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
v-model="formInline[item.dbFieldName]"
:maxLength="50"
@change="event => event.target.value = event.target.value.trim()"
:placeholder="specialPlaceholder[item.dbFieldName] || $t('pleaseEnter')+item.dbFieldTxt"/>
<!-- 10, 下拉单选数据字典 -->
<j-dict-select-tag v-else-if="item.fieldShowType === FieldType.OPTION_SINGLE.value"
@@ -16,17 +16,26 @@
:wrapper-col="wrapperCol">
<!--条款号-->
<a-form-model-item :label="$t('docTool.split.clauseNo')" prop="name">
<a-input class="box-input" v-model="form.name" :placeholder="$t('pleaseEnter')+$t('docTool.split.clauseNo')" :maxLength="50" />
<a-input class="box-input"
v-model="form.name"
:placeholder="$t('pleaseEnter')+$t('docTool.split.clauseNo')"
:maxLength="50"
@change="event => event.target.value = event.target.value.trim()" />
</a-form-model-item>
<!--条款名称-->
<a-form-model-item :label="$t('docTool.split.clauseName')" prop="itemName">
<a-input class="box-input" v-model="form.itemName" :placeholder="$t('pleaseEnter')+$t('docTool.split.clauseName')" :maxLength="50" />
<a-input class="box-input"
v-model="form.itemName"
:placeholder="$t('pleaseEnter')+$t('docTool.split.clauseName')"
@change="event => event.target.value = event.target.value.trim()"
:maxLength="50" />
</a-form-model-item>
<!--序号-->
<a-form-model-item :label="$t('serialNumber')" prop="displaySeq">
<a-input-number v-model="form.displaySeq" :min="1" :max="99999"
class="box-input"
:placeholder="$t('pleaseEnter')+$t('serialNumber')"
@change="event => event.target.value = event.target.value.trim()"
:formatter="limitNumber"
:parser="limitNumber" style="width: 100%" />
</a-form-model-item>
@@ -35,7 +44,7 @@
</template>
<script>
import { addClauseTreeNode,editClauseTreeNode } from '../../../../api/documentToolApi'
import { addClauseTreeNode, editClauseTreeNode } from '../../../../api/documentToolApi'
export default {
name: 'SplitDetailNodeAdd',
+16 -7
View File
@@ -10,14 +10,17 @@
:cancelText="$t('close')"
>
<a-spin :spinning="confirmLoading">
<a-form-model ref="form" :model="model" :rules="validatorRules">
<a-form-model ref="form" :model="model" :rules="validatorRules">
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="itemText"
:label="$t('name')">
<a-input :placeholder="$t('pleaseEnter') + $t('name')" :maxLength="50" v-model="model.itemText"/>
<a-input :placeholder="$t('pleaseEnter') + $t('name')"
:maxLength="50"
@change="event => event.target.value = event.target.value.trim()"
v-model="model.itemText" />
</a-form-model-item>
<a-form-model-item
@@ -25,7 +28,10 @@
:wrapperCol="wrapperCol"
prop="enName"
:label="$t('englishName')">
<a-input :placeholder="$t('pleaseEnter') + $t('englishName')" :maxLength="50" v-model="model.enName"/>
<a-input :placeholder="$t('pleaseEnter') + $t('englishName')"
:maxLength="50"
@change="event => event.target.value = event.target.value.trim()"
v-model="model.enName" />
</a-form-model-item>
<a-form-model-item
@@ -40,7 +46,7 @@
:labelCol="labelCol"
:wrapperCol="wrapperCol"
:label="$t('description')">
<a-input :maxLength="50" v-model="model.description" />
<a-input :maxLength="50" v-model="model.description" @change="event => event.target.value = event.target.value.trim()" />
</a-form-model-item>
<a-form-model-item
@@ -56,7 +62,7 @@
:wrapperCol="wrapperCol"
:label="$t('whether') + $t('enable')"
:hasFeedback="true">
<a-switch :checkedChildren="$t('enable')" :unCheckedChildren="$t('disable')" @change="onChose" v-model="visibleCheck"/>
<a-switch :checkedChildren="$t('enable')" :unCheckedChildren="$t('disable')" @change="onChose" v-model="visibleCheck" />
</a-form-model-item>
</a-form-model>
@@ -90,7 +96,10 @@ export default {
confirmLoading: false,
validatorRules: {
itemText: [{ required: true, message: this.$t('pleaseEnter') + this.$t('name') + '!' }],
itemValue: [{ required: true, message: this.$t('pleaseEnter') + this.$t('dict.dataValue') + '!' }, { validator: this.validateItemValue }]
itemValue: [{
required: true,
message: this.$t('pleaseEnter') + this.$t('dict.dataValue') + '!'
}, { validator: this.validateItemValue }]
}
}
},
@@ -179,7 +188,7 @@ export default {
param.id = this.model.id
}
if (value) {
const reg = new RegExp("[`_~!@#$^&*()=|{}'.<>《》/?!¥()—【】‘;:”“。,、?]")
const reg = new RegExp('[`_~!@#$^&*()=|{}\'.<>《》/?!¥()—【】‘;:”“。,、?]')
if (reg.test(value)) {
callback(new Error(this.$t('dict.valueCannotContainSpecChar')))
} else {
+35 -16
View File
@@ -27,12 +27,16 @@
:maxLength="50"
v-model="model.username"
:readOnly="!!model.id"
:disabled="disableSubmit" />
:disabled="disableSubmit"
@change="event => event.target.value = event.target.value.trim()" />
</a-form-model-item>
<template v-if="!model.id">
<a-form-model-item :label="$t('user.loginPassword')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="password">
<a-input-password type="password" :placeholder="$t('pleaseEnter') + $t('user.loginPassword')" :maxLength="20" v-model="model.password" />
<a-input-password type="password"
:placeholder="$t('pleaseEnter') + $t('user.loginPassword')"
:maxLength="20"
v-model="model.password" />
</a-form-model-item>
<a-form-model-item :label="$t('user.confirmPassword')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="confirmpassword">
@@ -45,11 +49,19 @@
</template>
<a-form-model-item :label="$t('user.userName')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="realname">
<a-input :placeholder="$t('pleaseEnter') + $t('user.userName')" v-model="model.realname" :maxLength="50" :disabled="disableSubmit" />
<a-input :placeholder="$t('pleaseEnter') + $t('user.userName')"
v-model="model.realname"
:maxLength="50"
:disabled="disableSubmit"
@change="event => event.target.value = event.target.value.trim()" />
</a-form-model-item>
<a-form-model-item :label="$t('user.post')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="post">
<a-input :placeholder="$t('pleaseEnter') + $t('user.post')" v-model="model.post" :maxLength="50" :disabled="disableSubmit" />
<a-input :placeholder="$t('pleaseEnter') + $t('user.post')"
v-model="model.post"
:maxLength="50"
:disabled="disableSubmit"
@change="event => event.target.value = event.target.value.trim()" />
</a-form-model-item>
<a-form-model-item :label="$t('user.roleAssignment')" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!roleDisabled">
@@ -90,7 +102,10 @@
<a-radio :value="2">{{ $t('user.superior') }}</a-radio>
</a-radio-group>
</a-form-model-item>
<a-form-model-item :label="$t('user.responsibleDepartment')" :labelCol="labelCol" :wrapperCol="wrapperCol" v-if="departIdShow===true">
<a-form-model-item :label="$t('user.responsibleDepartment')"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
v-if="departIdShow===true">
<j-multi-select-tag
:disabled="disableSubmit"
v-model="model.departIds"
@@ -99,14 +114,14 @@
</j-multi-select-tag>
</a-form-model-item>
<!-- update--end--autor:wangshuai-----date:20200108------for新增身份和负责部门------ -->
<!-- <a-form-model-item :label="$t('user.heads')" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
<!-- <j-image-upload class="avatar-uploader"-->
<!-- :text="$t('upload')"-->
<!-- v-model="model.avatar"-->
<!-- :disabled="disableSubmit"-->
<!-- :number=1-->
<!-- accept='.png,.PNG,.jpg,.JPG'></j-image-upload>-->
<!-- </a-form-model-item>-->
<!-- <a-form-model-item :label="$t('user.heads')" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
<!-- <j-image-upload class="avatar-uploader"-->
<!-- :text="$t('upload')"-->
<!-- v-model="model.avatar"-->
<!-- :disabled="disableSubmit"-->
<!-- :number=1-->
<!-- accept='.png,.PNG,.jpg,.JPG'></j-image-upload>-->
<!-- </a-form-model-item>-->
<a-form-model-item :label="$t('user.gender')" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select v-model="model.sex"
@@ -119,7 +134,11 @@
</a-form-model-item>
<a-form-model-item :label="$t('user.mailbox')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="email">
<a-input :placeholder="$t('pleaseEnter') + $t('user.mailbox')" v-model="model.email" :maxLength="50" :disabled="disableSubmit" />
<a-input :placeholder="$t('pleaseEnter') + $t('user.mailbox')"
v-model="model.email"
:maxLength="50"
:disabled="disableSubmit"
@change="event => event.target.value = event.target.value.trim()" />
</a-form-model-item>
<a-form-model-item :label="$t('phoneNumber')" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="phone">
@@ -181,13 +200,13 @@ export default {
pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,}$/,
message: this.$t('user.passwordConsists')
},
{ validator: this.validateToNextPassword, trigger: 'change' }],
{ validator: this.validateToNextPassword, trigger: 'change' }],
confirmpassword: [{ required: true, message: this.$t('user.reenterLoginPassword') },
{ validator: this.compareToFirstPassword }],
realname: [{ required: true, message: this.$t('pleaseEnter') + this.$t('user.userName') }],
phone: [{ validator: this.validatePhone }],
email: [{ validator: this.validateEmail }],
roles: {},
roles: {}
},
departIdShow: false,
title: this.$t('operation'),
@@ -12,7 +12,7 @@
:cancelText="$t('close')"
>
<a-spin :spinning="confirmLoading">
<a-form-model ref="form" :model="model" :rules="validatorRules" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-form-model ref="form" :model="model" :rules="validatorRules" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-form-model-item prop="itemText" :label="$t('system.tag.name')">
<a-input
:placeholder="$t('pleaseEnter') + $t('system.tag.name')"
@@ -42,7 +42,7 @@
allowClear
showSearch
tree-node-filter-prop="title"
>
>
</a-tree-select>
</a-form-model-item>
<!--数据值-->
@@ -56,7 +56,10 @@
</a-form-model-item>
<a-form-model-item :label="$t('description')">
<a-input :maxLength="50" v-model="model.description" :placeholder="$t('pleaseEnter') + $t('description')" @change="event => event.target.value = event.target.value.trim()"/>
<a-input :maxLength="50"
v-model="model.description"
:placeholder="$t('pleaseEnter') + $t('description')"
@change="event => event.target.value = event.target.value.trim()" />
</a-form-model-item>
<a-form-model-item :label="$t('dict.rankingValue')">
@@ -202,7 +205,7 @@ export default {
param.id = this.model.id
}
if (value) {
const reg = new RegExp("[`_~!@#$^&*()=|{}'.<>《》/?!¥()—【】‘;:”“。,、?]")
const reg = new RegExp('[`_~!@#$^&*()=|{}\'.<>《》/?!¥()—【】‘;:”“。,、?]')
if (reg.test(value)) {
callback(new Error(this.$t('dict.valueCannotContainSpecChar')))
} else {
@@ -126,6 +126,7 @@
:disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
v-model="basicFormInfo[item.dbFieldName]"
:maxLength="50"
@change="event => event.target.value = event.target.value.trim()"
:placeholder="specialPlaceholder[item.dbFieldName] || $t('pleaseEnter')+item.dbFieldTxt" />
</a-form-model-item>
<a-form-model-item class="item-model" :prop="item.dbFieldName" v-else>
@@ -192,6 +193,7 @@
:disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
v-model="basicFormInfo[item.dbFieldName]"
:maxLength="50"
@change="event => event.target.value = event.target.value.trim()"
:placeholder="specialPlaceholder[item.dbFieldName] || $t('pleaseEnter')+item.dbFieldTxt" />
<!-- 10, 下拉单选数据字典 -->
<j-dict-select-tag v-else-if="item.fieldShowType === FieldType.OPTION_SINGLE.value"