设备列表

This commit is contained in:
白菜
2025-07-12 16:18:15 +08:00
parent 893c690e7d
commit 8fc9f975e1
2 changed files with 26 additions and 15 deletions

View File

@ -6,8 +6,8 @@
<el-option :label="item.siteName" :value="item.siteId" v-for="(item,index) in siteList" :key="index+'siteOptions'"></el-option>
</el-select>
</el-form-item>
<el-form-item label="设备id" prop="deviceId" v-if="mode !== 'add'">
<el-input disabled v-model="formData.deviceId" clearable :style="{width: '100%'}">
<el-form-item label="设备id" prop="deviceId" >
<el-input v-model="formData.deviceId" maxlength="60" clearable :style="{width: '100%'}">
</el-input>
</el-form-item>
<el-form-item label="设备名称" prop="deviceName">
@ -105,6 +105,13 @@ export default {
callback();
}
}
const validateDeviceId=(rule, value, callback) =>{
if (value !== '' && !/^[a-zA-Z0-9]+$/.test(value)) {
callback(new Error('只能输入英文和数字!'));
} else {
callback();
}
}
return {
loading:0,
dccDeviceCategory:'CLUSTER',
@ -133,7 +140,11 @@ export default {
},
rules: {
siteId:[
{ required: true, message: '请选择站点', trigger: 'blur'}
{ required: true, message: '请选择站点', trigger: ['blur','change']}
],
deviceId:[
{ required: true, message: '请输入设备id', trigger: 'blur'},
{ validator: validateDeviceId, trigger: 'blur' }
],
deviceName:[
{ required: true, message: '请输入设备名称', trigger: 'blur'},
@ -144,13 +155,13 @@ export default {
{ validator: validateText, trigger: 'blur' }
],
communicationStatus:[
{ required: true, message: '请选择工作状态', trigger: ['blur']}
{ required: true, message: '请选择工作状态', trigger: ['blur','change']}
],
deviceType:[
{ required: true, message: '请选择设备类型', trigger: ['blur']}
{ required: true, message: '请选择设备类型', trigger:['blur','change']}
],
deviceCategory:[
{ required: true, message: '请选择设备类别', trigger: ['blur']}
{ required: true, message: '请选择设备类别', trigger: ['blur','change']}
],
ipAddress:[
{ validator: validateText, trigger: 'blur' }
@ -173,9 +184,9 @@ export default {
parity:[
{ validator: validateText, trigger: 'blur' }
],
pictureUrl:[
{ required: true, message: '请上传图片', trigger: ['blur', 'change']}
],
// pictureUrl:[
// { required: true, message: '请上传图片', trigger: ['blur', 'change']}
// ],
},
}
},
@ -281,7 +292,7 @@ export default {
pictureUrl='',//设备图片
}= this.formData;
if(this.mode === 'add'){
addDevice({siteId,deviceName,description,communicationStatus,deviceType,deviceCategory,parentId,ipAddress,ipPort,serialPort,baudRate,dataBits,stopBits,parity,pictureUrl}).then(response => {
addDevice({siteId,deviceId,deviceName,description,communicationStatus,deviceType,deviceCategory,parentId,ipAddress,ipPort,serialPort,baudRate,dataBits,stopBits,parity,pictureUrl}).then(response => {
if(response.code === 200){
//新增成功
// 关闭弹窗 更新表格
@ -292,7 +303,7 @@ export default {
this.loading-=1
})
}else{
updateDevice({id,siteId,deviceName,description,communicationStatus,deviceType,deviceCategory,parentId,ipAddress,ipPort,serialPort,baudRate,dataBits,stopBits,parity,pictureUrl}).then(response => {
updateDevice({id,siteId,deviceId,deviceName,description,communicationStatus,deviceType,deviceCategory,parentId,ipAddress,ipPort,serialPort,baudRate,dataBits,stopBits,parity,pictureUrl}).then(response => {
if(response.code === 200){
//新增成功
// 关闭弹窗 更新表格
@ -328,7 +339,7 @@ export default {
stopBits:'',//停止位
parity:'',//校验位
pictureUrl:'',//设备图片
},
}
this.dialogTableVisible=false
}
}