xzzn/emsfront
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

设备列表

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

35
src/views/ems/site/sblb/AddDevice.vue
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
}
}

6
src/views/ems/site/sblb/index.vue
View File

@ -158,7 +158,7 @@ export default {
this.$refs.addDevice.dialogTableVisible = true;
},
//删除设备
deleteDevice(){
deleteDevice(row){
this.$confirm(`确认要设备${row.deviceName}吗?`, {
confirmButtonText: '确定',
cancelButtonText: '取消',
@ -168,7 +168,7 @@ export default {
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
instance.confirmButtonLoading = true;
deleteService({id:row.id}).then(response => {
deleteService(row.id).then(response => {
response.code === 200 && done();
}).finally(() => {
instance.confirmButtonLoading = false;
@ -181,7 +181,7 @@ export default {
//只有在废弃成功的情况下会走到这里
this.$message({
type: 'success',
message: '废弃成功!'
message: '删除成功!'
});
this.getData()
//调用接口 更新表格数据