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
|
||
}
|
||
}
|
||
}
|
||
})
|
||
|
||
})
|