设备列表
This commit is contained in:
@ -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
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user