67 lines
1.4 KiB
JavaScript
67 lines
1.4 KiB
JavaScript
|
class deviceInfo {
|
||
|
|
constructor() {
|
||
|
|
this.info = {};
|
||
|
|
|
||
|
|
this.init();
|
||
|
|
}
|
||
|
|
init() {
|
||
|
|
deviceApis.getDeviceInfo().then(res => {
|
||
|
|
console.log(res)
|
||
|
|
this.info = res.data;
|
||
|
|
this.initForm()
|
||
|
|
})
|
||
|
|
}
|
||
|
|
initForm() {
|
||
|
|
layui.use(() => {
|
||
|
|
var form = layui.form;
|
||
|
|
form.val('deviceForm', this.info);
|
||
|
|
form.on('submit(saveData)', (formData) => {
|
||
|
|
deviceApis.editDeviceInfo(Object.assign(this.info, formData.field)).then(res => {
|
||
|
|
console.log(res)
|
||
|
|
})
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 等待Layui加载完成后初始化
|
||
|
|
layui.use(['layer', 'form'], () => {
|
||
|
|
// 初始化表格管理器
|
||
|
|
window.deviceInfo = new deviceInfo();
|
||
|
|
});
|
||
|
|
|
||
|
|
const deviceApis = {
|
||
|
|
getDeviceInfo: () => {
|
||
|
|
return new Promise((resolve, reject) => {
|
||
|
|
$.ajax({
|
||
|
|
type: "GET",
|
||
|
|
dataType: "json",
|
||
|
|
url: `http://${ZQLGLOBAL.serverIp}${ZQLGLOBAL.device}`,
|
||
|
|
success: function (res) {
|
||
|
|
resolve(res)
|
||
|
|
},
|
||
|
|
error: function (err) {
|
||
|
|
reject(err)
|
||
|
|
}
|
||
|
|
});
|
||
|
|
})
|
||
|
|
},
|
||
|
|
editDeviceInfo: (data) => {
|
||
|
|
return new Promise((resolve, reject) => {
|
||
|
|
$.ajax({
|
||
|
|
type: "PUT",
|
||
|
|
contentType: "application/json",
|
||
|
|
url: `http://${ZQLGLOBAL.serverIp}${ZQLGLOBAL.device}`,
|
||
|
|
data: JSON.stringify(data),
|
||
|
|
success: function (res) {
|
||
|
|
resolve(res)
|
||
|
|
},
|
||
|
|
error: function (err) {
|
||
|
|
reject(err)
|
||
|
|
}
|
||
|
|
});
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|