添加设备添加、删除、修改
This commit is contained in:
junleea
parent
1dcb5c0265
commit
468dc3b5b1
|
|
@ -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) => {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
let result ={}
|
||||
try{
|
||||
this.addDialogVisible = false;
|
||||
let result = {};
|
||||
try {
|
||||
result = await addDeviceService(this.addForm);
|
||||
if(result.code == 0){
|
||||
if (result.code == 0) {
|
||||
alert("添加成功");
|
||||
} else {
|
||||
alert("添加失败");
|
||||
}
|
||||
}catch (e) {
|
||||
console.log(e)
|
||||
} catch (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>
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
Loading…
Reference in New Issue