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