添加设备添加、删除、修改

src/api/device.js

@@ -16,12 +16,20 @@ export const updateDeviceService = (data) => {
     return request.post('/device/update_device', params, { "headers": { 'token': data.token } });
 }
 
+export const deleteDeviceService = (data) => {
+    const params = new URLSearchParams();
+    for (let key in data) {
+        params.append(key, data[key])
+    }
+    return request.post('/device/delete_device', params, { "headers": { 'token': data.token } });
+}
+
 export const addDeviceService = (data) => {
     const params = new URLSearchParams();
     for (let key in data) {
         params.append(key, data[key])
     }
-    return request.post('/device/add_device', params, { "headers": { 'token': data.token } });
+    return request.post('/device/add_device', params, { "headers": { 'token': data.token },'Content-Type': 'application/json' });
 }
 
 export const getDeviceListService = (data) => {

src/views/DeviceList.vue

@@ -4,6 +4,8 @@ import { inject } from "vue";
 import { getDeviceListService } from "@/api/device.js";
 import { restartDeviceService } from "@/api/device.js";
 import { addDeviceService } from "@/api/device.js";
+import { deleteDeviceService } from "@/api/device.js";
+import { updateDeviceService } from "@/api/device.js";
 import router from "@/router/index.js";
 
 export default {
@@ -18,6 +20,7 @@ export default {
         username: localStorage.getItem("username"),
       },
       addDialogVisible: false,
+      updateDialogVisible: false,
       searchForm: {
         hour: 0,
         entrydate: [],
@@ -32,6 +35,17 @@ export default {
         auth_id: -1,
         token: localStorage.getItem("token"),
       },
+      updateForm: {
+        id:0,
+        device_name: "",
+        device_ip: "",
+        device_status: "",
+        device_info: "",
+        device_location: "",
+        device_type: "",
+        auth_id: -1,
+        token: localStorage.getItem("token"),
+      },
     };
   },
 
@@ -87,18 +101,65 @@ export default {
         console.log(e);
       }
     },
+    async deleteDevice(index) {
+      var id = this.tableData[index].ID;
+      var delete_data = {
+        id: id,
+        userId: this.tokenData.userId,
+        token: this.tokenData.token,
+      };
+      try {
+        var d_re = await deleteDeviceService(delete_data);
+        if (d_re.code == 0) {
+          alert("删除成功");
+          //刷新页面
+          this.getDeviceList();
+        } else {
+          alert("操作失败");
+        }
+      } catch (e) {
+        console.log(e);
+      }
+    },
+    async updateButtonDevice(index) {
+      var id = this.tableData[index].ID;
+      this.updateForm.device_name = this.tableData[index].DeviceName;
+      this.updateForm.device_ip = this.tableData[index].DeviceIP;
+      this.updateForm.device_status = this.tableData[index].DeviceStatus;
+      this.updateForm.device_info = this.tableData[index].DeviceInfo;
+      this.updateForm.device_location = this.tableData[index].DeviceLocation;
+      this.updateForm.device_type = this.tableData[index].DeviceType;
+      this.updateForm.auth_id = this.tableData[index].AuthID;
+      this.updateForm.id = id;
+      this.updateDialogVisible= true;
+    },
     async addDevice() {
-      this.addDialogVisible = true;
+      this.addDialogVisible = false;
-      let result ={}
+      let result = {};
-      try{
+      try {
         result = await addDeviceService(this.addForm);
-        if(result.code == 0){
+        if (result.code == 0) {
           alert("添加成功");
         } else {
           alert("添加失败");
         }
-      }catch (e) {
+      } catch (e) {
-        console.log(e)
+        console.log(e);
+      }
+    },
+    async updateDevice() {
+      this.updateDialogVisible = false;
+      let result = {};
+      try {
+        result = await updateDeviceService(this.updateForm);
+        if (result.code == 0) {
+          alert("修改成功");
+          this.getDeviceList()
+        } else {
+          alert("修改失败");
+        }
+      } catch (e) {
+        console.log(e);
       }
     },
     async restartAllDevice() {
@@ -204,7 +265,9 @@ export default {
               >
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" @click="addDialogVisible=true">添加设备</el-button>
+              <el-button type="primary" @click="addDialogVisible = true"
+                >添加设备</el-button
+              >
             </el-form-item>
             <el-form-item>
               <el-dialog
@@ -221,13 +284,16 @@ export default {
                   label-width="70px"
                 >
                   <el-form-item label="设备名称" prop="device_name">
-                    <el-input v-model="addForm.device_name" autocomplete="on"></el-input>
+                    <el-input
+                      v-model="addForm.device_name"
+                      autocomplete="on"
+                    ></el-input>
                   </el-form-item>
                   <el-form-item label="设备IP" prop="device_ip">
-                    <el-input v-model="addForm.device_ip" ></el-input>
+                    <el-input v-model="addForm.device_ip"></el-input>
                   </el-form-item>
                   <el-form-item label="设备状态" prop="device_status">
-                    <el-select v-model="addForm.device_status" >
+                    <el-select v-model="addForm.device_status">
                       <el-option label="在线" value="在线"></el-option>
                       <el-option label="离线" value="离线"></el-option>
                     </el-select>
@@ -255,6 +321,59 @@ export default {
                 </template>
               </el-dialog>
             </el-form-item>
+
+            <el-form-item>
+              <el-dialog
+                v-model="updateDialogVisible"
+                title="修改设备"
+                width="50%"
+                :before-close="handleClose"
+              >
+                <!-- 内容主体区域 -->
+                <el-form
+                  ref="updateFormRef"
+                  :model="updateForm"
+                  :rules="updateFormRules"
+                  label-width="70px"
+                >
+                  <el-form-item label="设备名称" prop="device_name">
+                    <el-input
+                      v-model="updateForm.device_name"
+                      autocomplete="on"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="设备IP" prop="device_ip">
+                    <el-input v-model="updateForm.device_ip"></el-input>
+                  </el-form-item>
+                  <el-form-item label="设备状态" prop="device_status">
+                    <el-select v-model="updateForm.device_status">
+                      <el-option label="在线" value="在线"></el-option>
+                      <el-option label="离线" value="离线"></el-option>
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="设备类型" prop="device_type">
+                    <el-input v-model="updateForm.device_type"></el-input>
+                  </el-form-item>
+                  <el-form-item label="设备位置" prop="device_location">
+                    <el-input v-model="updateForm.device_location"></el-input>
+                  </el-form-item>
+                  <el-form-item label="设备信息" prop="device_info">
+                    <el-input v-model="updateForm.device_info"></el-input>
+                  </el-form-item>
+                </el-form>
+                <!-- 底部区域 -->
+                <template #footer>
+                  <span class="dialog-footer">
+                    <el-button @click="updateDialogVisible = false"
+                      >取消</el-button
+                    >
+                    <el-button type="primary" @click="updateDevice()"
+                      >确定</el-button
+                    >
+                  </span>
+                </template>
+              </el-dialog>
+            </el-form-item>
           </el-form>
 
           <!-- 表格  :row-style="this.tableRowClassName"-->
@@ -299,6 +418,18 @@ export default {
                   @click.prevent="restartDevice(scope.$index)"
                   >重启</el-button
                 >
+                <el-button
+                  type="primary"
+                  size="mini"
+                  @click.prevent="updateButtonDevice(scope.$index)"
+                  >修改</el-button
+                >
+                <el-button
+                  type="primary"
+                  size="mini"
+                  @click.prevent="deleteDevice(scope.$index)"
+                  >删除</el-button
+                >
                 <!-- <el-button type="danger" size="mini">删除</el-button> -->
               </template>
             </el-table-column>

src/views/UserList.vue

@@ -57,6 +57,10 @@ export default {
       //     to_user_name: this.tableData[index].Name,
       //   };
       //转到聊天页面
+      if(id == localStorage.getItem("userId")){
+        alert("不能和自己聊天");
+        return;
+      }
       localStorage.setItem("to_user_id", id);
       localStorage.setItem("to_user_name", name);
       router.push("/im");