feat：添加设备通信参数后，展示到页面上

device_communication/views.py

@@ -100,6 +100,9 @@ class DeviceCommunicationParameterViewSet(ModelViewSet):
             device_infos[i].device_id = i + 1
             device_infos[i].save()
 
+            if serializer.instance.id == device_infos[i].id:
+                serializer.instance.device_id = device_infos[i].device_id
+
     def perform_destroy(self, instance):
         """
         删除某个记录之后，更新 device_id
@@ -129,6 +132,9 @@ class SimulateDeviceCommunicationParameterViewSet(ModelViewSet):
             device_infos[i].device_id = i + 1
             device_infos[i].save()
 
+            if serializer.instance.id == device_infos[i].id:
+                serializer.instance.device_id = device_infos[i].device_id
+    
     def perform_destroy(self, instance):
         """
         删除某个记录之后，更新 device_id

frontend/src/components/device_communication/EditDialog.vue

@@ -285,10 +285,12 @@ const submit = () => {
     axios.post('/api/device_communication/communicate/', data)
       .then((res) => {
         console.log(res.data)
+        data = res.data
         ElMessage({
           message: '创建成功',
           type: 'success'
         })
+        emit('changeDeviceInfo', data)
       })
       .catch((err) => {
         console.log(err);
@@ -306,13 +308,13 @@ const submit = () => {
           message: '修改成功',
           type: 'success'
         })
+        emit('changeDeviceInfo', data)
       })
       .catch((err) => {
         console.log(err);
       })
   }
   emit('close')
-  emit('changeDeviceInfo', data)
 }
 
 

frontend/src/views/DeviceCommunication.vue

@@ -111,6 +111,12 @@ const addDevice = () => {
 const changeDeviceInfo = (params: DeviceInfo) => {
   console.log('changeDeviceInfo')
   console.log(params);
+
+  if (device_infos.value[params.station_id] === undefined) {
+    device_infos.value[params.station_id] = [params]
+  } else {
+    device_infos.value[params.station_id].push(params)
+  }
 }
 
 // clipboard 赋值到设备信息到 ini 文件中