style:采集设备模型-模型编码不能输入中文

main
黄伟杰 1 month ago
parent 426e7da4c1
commit e39d8f5f6d

@ -11,7 +11,9 @@
<el-input <el-input
v-model="formData.code" v-model="formData.code"
:placeholder="t('DataCollection.DeviceModel.placeholderCode')" :placeholder="t('DataCollection.DeviceModel.placeholderCode')"
:disabled = "formType === 'update'"/> :disabled = "formType === 'update'"
@input="onCodeInput"
/>
</el-form-item> </el-form-item>
<el-form-item :label="t('DataCollection.DeviceModel.name')" prop="name"> <el-form-item :label="t('DataCollection.DeviceModel.name')" prop="name">
<el-input <el-input
@ -64,6 +66,13 @@ const formData = ref({
protocol: undefined, protocol: undefined,
remark: undefined, remark: undefined,
}) })
const onCodeInput = (val: string) => {
if (typeof val !== 'string') return
const filtered = val.replace(/[^0-9a-zA-Z_\-]/g, '')
if (filtered !== val) {
formData.value.code = filtered
}
}
const formRules = reactive({ const formRules = reactive({
code: [{ required: true, message: t('DataCollection.DeviceModel.validatorCodeRequired'), trigger: 'blur' }], code: [{ required: true, message: t('DataCollection.DeviceModel.validatorCodeRequired'), trigger: 'blur' }],
name: [{ required: true, message: t('DataCollection.DeviceModel.validatorNameRequired'), trigger: 'blur' }], name: [{ required: true, message: t('DataCollection.DeviceModel.validatorNameRequired'), trigger: 'blur' }],

Loading…
Cancel
Save