|
|
|
|
@ -11,7 +11,9 @@
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="formData.code"
|
|
|
|
|
:placeholder="t('DataCollection.DeviceModel.placeholderCode')"
|
|
|
|
|
:disabled = "formType === 'update'"/>
|
|
|
|
|
:disabled = "formType === 'update'"
|
|
|
|
|
@input="onCodeInput"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item :label="t('DataCollection.DeviceModel.name')" prop="name">
|
|
|
|
|
<el-input
|
|
|
|
|
@ -64,6 +66,13 @@ const formData = ref({
|
|
|
|
|
protocol: 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({
|
|
|
|
|
code: [{ required: true, message: t('DataCollection.DeviceModel.validatorCodeRequired'), trigger: 'blur' }],
|
|
|
|
|
name: [{ required: true, message: t('DataCollection.DeviceModel.validatorNameRequired'), trigger: 'blur' }],
|
|
|
|
|
|