283 lines
12 KiB
JavaScript
283 lines
12 KiB
JavaScript
|
$(function () {
|
|||
|
|
var baseHost = document.location.origin
|
|||
|
|
/*********************************************************登录页面数据提交**************************************************/
|
|||
|
|
// $('#login').on('click', function () {
|
|||
|
|
// var pwd = $('#pwd').val()
|
|||
|
|
// var login = {}
|
|||
|
|
// login.log_in = new Object()
|
|||
|
|
// login.log_in.type = 1
|
|||
|
|
// login.log_in.pass = pwd
|
|||
|
|
// console.log(JSON.stringify(login))
|
|||
|
|
// if (!pwd.trim().length) {
|
|||
|
|
// $('.toast').css('display', 'flex')
|
|||
|
|
// setTimeout(function () {
|
|||
|
|
// $('.toast').css('display', 'none')
|
|||
|
|
// }, 2000)
|
|||
|
|
// return false
|
|||
|
|
// }
|
|||
|
|
// //1.创建ajax对象
|
|||
|
|
// var xhr = new XMLHttpRequest()
|
|||
|
|
// //2.连接服务器
|
|||
|
|
// xhr.open('post', baseHost + '/log_in', true)
|
|||
|
|
// //3.设置请求头信息
|
|||
|
|
// xhr.setRequestHeader('content-type', 'application/json')
|
|||
|
|
// //4.发送请求
|
|||
|
|
// xhr.send(JSON.stringify(login));
|
|||
|
|
// xhr.onreadystatechange = function () {
|
|||
|
|
// if (xhr.readyState == 4 && xhr.status == 200) {
|
|||
|
|
// //1.服务器返回的json格式数据
|
|||
|
|
// var json = xhr.responseText
|
|||
|
|
// console.log(JSON.stringify(json))
|
|||
|
|
// //alert(xhr.responseText)
|
|||
|
|
// /*2.
|
|||
|
|
// *通过eval方法将上面的数据转换成json格式，
|
|||
|
|
// *上面数据的所有双引号全部转换成单引号
|
|||
|
|
// */
|
|||
|
|
// var result = eval("(" + json.replace(/"/g, "'") + ")")
|
|||
|
|
// /* 3.转换成json格式后可以通过对象的方式进行访问，既通过“.”的方式
|
|||
|
|
// * 判断从服务器返回值中return是否等于0
|
|||
|
|
// * 0：密码正确 1：密码错误
|
|||
|
|
// */
|
|||
|
|
// if (result.log_in.return == 0) {
|
|||
|
|
// alert("登录成功！")
|
|||
|
|
// window.location.href = "/screen_main.html"
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// else {
|
|||
|
|
// alert("登录失败！")
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
// })
|
|||
|
|
/*********************************************************密码修改页面数据提交**************************************************/
|
|||
|
|
// $('#submit').on('click', function () {
|
|||
|
|
// var rawPwd = $('#raw_pass').val()
|
|||
|
|
// var newPwd = $('#new_pwd').val()
|
|||
|
|
// var rePwd = $('#pwdOK').val()
|
|||
|
|
// var submit = {}
|
|||
|
|
// submit.log_in = new Object()
|
|||
|
|
// submit.log_in.type = 2
|
|||
|
|
// submit.log_in.pass = rawPwd
|
|||
|
|
// submit.log_in.new_pass = newPwd
|
|||
|
|
// console.log(JSON.stringify(submit))
|
|||
|
|
// if (!newPwd.trim().length || !rePwd.trim().length) {
|
|||
|
|
// $('.toast').css('display', 'flex')
|
|||
|
|
// setTimeout(function () {
|
|||
|
|
// $('.toast').css('display', 'none')
|
|||
|
|
// }, 2000)
|
|||
|
|
// return false
|
|||
|
|
// } else if (newPwd != rePwd) {
|
|||
|
|
// alert('新密码与确认密码不一致')
|
|||
|
|
// return false
|
|||
|
|
// }
|
|||
|
|
// //1.创建ajax对象
|
|||
|
|
// var xhr = new XMLHttpRequest()
|
|||
|
|
// xhr.open('post', baseHost + '/log_in', true)
|
|||
|
|
// xhr.setRequestHeader('content-type', 'application/json')
|
|||
|
|
// xhr.send(JSON.stringify(submit))
|
|||
|
|
// xhr.onreadystatechange = function () {
|
|||
|
|
// if (xhr.readyState == 4 && xhr.status == 200) {
|
|||
|
|
// //1.服务器返回的json格式数据
|
|||
|
|
// var json = xhr.responseText
|
|||
|
|
// console.log(json)
|
|||
|
|
// /*2.
|
|||
|
|
// *通过eval方法将上面的数据转换成json格式，
|
|||
|
|
// *上面数据的所有双引号全部转换成单引号
|
|||
|
|
// */
|
|||
|
|
// var result = eval("(" + json.replace(/"/g, "'") + ")")
|
|||
|
|
// /* 3.转换成json格式后可以通过对象的方式进行访问，既通过“.”的方式
|
|||
|
|
// * 判断从服务器返回值中return是否等于0
|
|||
|
|
// * 0：密码正确 1：密码错误
|
|||
|
|
// */
|
|||
|
|
// if (result.log_in.return == 0) {
|
|||
|
|
// alert("修改密码成功！")
|
|||
|
|
// window.location.href = "/login.html"
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// else {
|
|||
|
|
// alert("修改密码失败！")
|
|||
|
|
// return false
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
// })
|
|||
|
|
// //单击取消按钮，跳转至登录页面
|
|||
|
|
// $("#reset").on('click', function () {
|
|||
|
|
// window.location.href = '/login.html'
|
|||
|
|
// })
|
|||
|
|
/*********************************************************屏幕参数页面数据提交->读取数据**************************************************/
|
|||
|
|
// function item_init(obj) {
|
|||
|
|
// document.getElementById('sw').value = obj.screen_p.w
|
|||
|
|
// document.getElementById('sh').value = obj.screen_p.h
|
|||
|
|
// if (obj.screen_p.oe == 0 && obj.screen_p.data == 1) {
|
|||
|
|
// document.getElementById('two-color').checked = "checked"
|
|||
|
|
// } else {
|
|||
|
|
// document.getElementById('mono').checked = "checked"
|
|||
|
|
// }
|
|||
|
|
// document.getElementById('srt').value = obj.screen_p.screen_angle
|
|||
|
|
// }
|
|||
|
|
// // read intial values
|
|||
|
|
// fetch(`${baseHost}/p/get?`)
|
|||
|
|
// //异步执行 避免数据没获取到等问题
|
|||
|
|
// .then(function (response) {
|
|||
|
|
// return response.json()
|
|||
|
|
// })
|
|||
|
|
// .then(function (state) {
|
|||
|
|
// item_init(state)
|
|||
|
|
// }).catch(function (arr) {
|
|||
|
|
// console.log(arr)
|
|||
|
|
// })
|
|||
|
|
// $('#read').on('click', function () {
|
|||
|
|
// fetch(`${baseHost}/p/get?`)
|
|||
|
|
// //异步执行 避免数据没获取到等问题
|
|||
|
|
// .then(function (response) {
|
|||
|
|
// return response.json()
|
|||
|
|
// })
|
|||
|
|
// .then(function (state) {
|
|||
|
|
// item_init(state)
|
|||
|
|
// }).catch(function (arr) {
|
|||
|
|
// console.log(arr)
|
|||
|
|
// })
|
|||
|
|
// })
|
|||
|
|
/*********************************************************屏幕参数页面数据提交->设置数据**************************************************/
|
|||
|
|
// $('#set').on('click', function () {
|
|||
|
|
// var screen_width = parseInt($('#sw').val())
|
|||
|
|
// var screen_height = parseInt($('#sh').val())
|
|||
|
|
// var oecolor = $("input[type='radio']:checked").val()
|
|||
|
|
// var screen_angle = parseInt($('#srt').val())
|
|||
|
|
// var screen = {}
|
|||
|
|
// screen.screen_p = new Object()
|
|||
|
|
// //获取屏幕宽度、高度
|
|||
|
|
// screen.screen_p.w = screen_width
|
|||
|
|
// screen.screen_p.h = screen_height
|
|||
|
|
// /*mono：单色 two-color：双色
|
|||
|
|
// *如果oecolor==momo 输出oe极性为1 另一个值则为0
|
|||
|
|
// */
|
|||
|
|
// if (oecolor === "mono") {
|
|||
|
|
// screen.screen_p.oe = 1
|
|||
|
|
// screen.screen_p.data = 0
|
|||
|
|
// } else {
|
|||
|
|
// screen.screen_p.oe = 0
|
|||
|
|
// screen.screen_p.data = 1
|
|||
|
|
// }
|
|||
|
|
// screen.screen_p.screen_angle = screen_angle
|
|||
|
|
// console.log(JSON.stringify(screen))
|
|||
|
|
// var xhr = new XMLHttpRequest()
|
|||
|
|
// xhr.open('post', baseHost + '/p/set', true)
|
|||
|
|
// xhr.setRequestHeader('content-type', 'application/json')
|
|||
|
|
// xhr.send(JSON.stringify(screen))
|
|||
|
|
// xhr.onreadystatechange = function () {
|
|||
|
|
// if (xhr.readyState == 4 && xhr.status == 200) {
|
|||
|
|
// var info = xhr.responseText
|
|||
|
|
// if (info == "OK") {
|
|||
|
|
// alert("屏幕参数设置成功！")
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
// })
|
|||
|
|
/*********************************************************屏幕操作指令**************************************************/
|
|||
|
|
/*1.开启屏幕
|
|||
|
|
*当type=1时，data1的值为1表示关闭屏幕、值为2表示开启屏幕、值为3时清除屏幕
|
|||
|
|
*/
|
|||
|
|
$('#start').on('click', function () {
|
|||
|
|
var screen_start = {}
|
|||
|
|
screen_start.cmd = new Object()
|
|||
|
|
screen_start.cmd.type = 1
|
|||
|
|
screen_start.cmd.data1 = 2
|
|||
|
|
screen_start.cmd.data2 = 0
|
|||
|
|
screen_start.cmd.data3 = 0
|
|||
|
|
console.log(JSON.stringify(screen_start))
|
|||
|
|
var xhr = new XMLHttpRequest()
|
|||
|
|
xhr.open('POST', baseHost + '/cmd', true)
|
|||
|
|
xhr.setRequestHeader('content-type', 'application/json')
|
|||
|
|
xhr.send(JSON.stringify(screen_start))
|
|||
|
|
xhr.onreadystatechange = function () {
|
|||
|
|
if (xhr.readyState == 4 && xhr.status == 200) {
|
|||
|
|
var info = xhr.responseText
|
|||
|
|
if (info == "OK") {
|
|||
|
|
alert("开启屏幕成功！")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// alert(JSON.stringify(screen_start))
|
|||
|
|
})
|
|||
|
|
//关闭屏幕
|
|||
|
|
$('#close').on('click', function () {
|
|||
|
|
var screen_close = {}
|
|||
|
|
screen_close.cmd = new Object()
|
|||
|
|
screen_close.cmd.type = 1
|
|||
|
|
screen_close.cmd.data1 = 1
|
|||
|
|
screen_close.cmd.data2 = 0
|
|||
|
|
screen_close.cmd.data3 = 0
|
|||
|
|
console.log(JSON.stringify(screen_close))
|
|||
|
|
var xhr = new XMLHttpRequest()
|
|||
|
|
xhr.open('POST', baseHost + '/cmd', true)
|
|||
|
|
xhr.setRequestHeader('content-type', 'application/json')
|
|||
|
|
xhr.send(JSON.stringify(screen_close))
|
|||
|
|
xhr.onreadystatechange = function () {
|
|||
|
|
if (xhr.readyState == 4 && xhr.status == 200) {
|
|||
|
|
var info = xhr.responseText
|
|||
|
|
if (info == "OK") {
|
|||
|
|
alert("关闭屏幕成功！")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return false
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//清除屏幕
|
|||
|
|
$('#clear').on('click', function () {
|
|||
|
|
var screen_clear = {}
|
|||
|
|
screen_clear.cmd = new Object()
|
|||
|
|
screen_clear.cmd.type = 1
|
|||
|
|
screen_clear.cmd.data1 = 3
|
|||
|
|
screen_clear.cmd.data2 = 0
|
|||
|
|
screen_clear.cmd.data3 = 0
|
|||
|
|
console.log(JSON.stringify(screen_clear))
|
|||
|
|
var xhr = new XMLHttpRequest()
|
|||
|
|
xhr.open('POST', baseHost + '/cmd', true)
|
|||
|
|
xhr.send(JSON.stringify(screen_clear))
|
|||
|
|
xhr.setRequestHeader('content-type', 'application/json')
|
|||
|
|
xhr.onreadystatechange = function () {
|
|||
|
|
if (xhr.readyState == 4 && xhr.status == 200) {
|
|||
|
|
var info = xhr.responseText
|
|||
|
|
if (info == "OK") {
|
|||
|
|
alert("清除屏幕成功！")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return false
|
|||
|
|
})
|
|||
|
|
/*********************************************************模式选择 pattern**************************************************/
|
|||
|
|
/*mode1:单色屏幕 播放项为纯文字
|
|||
|
|
mode2:双色屏幕 播放项为文字和图片
|
|||
|
|
mode3:彩色屏幕
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
$("#pattern1").on('click', function () {
|
|||
|
|
var screen_pattern = {}
|
|||
|
|
screen_pattern.cmd = new Object()
|
|||
|
|
screen_pattern.cmd.mode = 1
|
|||
|
|
var screen_start = {}
|
|||
|
|
screen_start.cmd = new Object()
|
|||
|
|
screen_start.cmd.type = 1
|
|||
|
|
screen_start.cmd.data1 = 2
|
|||
|
|
var xhr = new XMLHttpRequest()
|
|||
|
|
xhr.open('POST', baseHost + '/cmd', true)
|
|||
|
|
xhr.send(JSON.stringify(screen_pattern))
|
|||
|
|
// xhr.setRequestHeader('content-type', 'application/json')
|
|||
|
|
xhr.onreadystatechange = function () {
|
|||
|
|
if (xhr.readyState == 4 && xhr.status == 200) {
|
|||
|
|
var info = xhr.responseText
|
|||
|
|
if (info == "OK") {
|
|||
|
|
alert("接入屏幕成功！")
|
|||
|
|
window.location.href = "/content.html"
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|