亚丁号云控之云控设备
源代码链接：https://pan.baidu.com/s/1cQ1XEA5nSVNHRjHL2oWwWw 提取码：kvl3设备注册后就可以在云控设备页面进行审核，当然也可以删除（非法设备）页面的核心功能是发布任务，其次是监听设备的是否在线的状态和任务情况。其中发布任务是可以多个设备一起发布也可以单个设备发布发布任务后可以在发布任务页面查看。个人建议还是单个设备发任务防止封号~下面试云控设备的js
·
源代码链接：https://pan.baidu.com/s/1cQ1XEA5nSVNHRjHL2oWwWw 提取码：kvl3
设备注册后就可以在云控设备页面进行审核，当然也可以删除（非法设备）
页面的核心功能是发布任务，其次是监听设备的是否在线的状态和任务情况。其中发布任务是可以多个设备一起发布也可以单个设备发布
发布任务后可以在发布任务页面查看。
个人建议还是单个设备发任务防止封号~
下面试云控设备的js代码 ，大家参考一下吧 没啥 难度主要就是jquery的技术对UI的ID操作很简单。
$(function () {
let action_type = "add"; //不同按钮的Action类型默认是add
let PKID = ""; //当前单表业务主键
let timer = null;
let pager = null;
let i = 30;
let task_action_type="single"
initializeData()
function hideModalForm() {
//关闭模态窗体
$("#AppRegister_table_modal").modal('hide');
//刷新grid表格
$('#AppRegister_table').bootstrapTable('refresh');
$("#AppRegister_table_delete").attr("disabled", true);
}
function initializeUIRight() {
$("#AppRegister_table_update").attr("disabled", true);
$("#AppRegister_table_delete").attr("disabled", true);
$("#AppRegister_table_end").attr("disabled", true);
$("#AppRegister_table_task").attr("disabled", true);
$("#AppRegister_table_check").attr("disabled", true);
}
function validateForm() {
return $("#AppRegister_form").validate({
rules: {
AppRegister_TYPE: "required",
AppRegister_CODE: "required",
IS_USE: "required",
AppRegister_REG: "required",
},
messages: {
AppRegister_TYPE: "邀请码类型必须填写.",
AppRegister_CODE: "邀请码必须填写.",
IS_USE: "是否生效必须填写.",
AppRegister_REG: "邀请码规则必须填写.",
},
}).form();
}
function onCheck() {
var row = $("#AppRegister_table").bootstrapTable('getSelections');
if (row[0].IS_USE == "1") { } else {
$("#AppRegister_table_update").attr("disabled", false);
$("#AppRegister_table_delete").attr("disabled", false);
$("#AppRegister_table_task").attr("disabled", false);
$("#AppRegister_table_check").attr("disabled", false);
}
if (row[0].APP_REGISTER_STATUS == "2") {
$("#AppRegister_table_check").attr("disabled", true);
}
}
function onUnCheck() {
$("#AppRegister_table_update").attr("disabled", true);
$("#AppRegister_table_delete").attr("disabled", true);
$("#AppRegister_table_check").attr("disabled", true);
$("#AppRegister_table_task").attr("disabled", true);
if (row[0].APP_REGISTER_STATUS == "2") {
$("#AppRegister_table_check").attr("disabled", false);
}
}
function onCheckAll() {
$("#AppRegister_table_task").attr("disabled", false);
}
function initializeData() {
initializeUIRight();
let requestUrl = "../../../App/AjaxManageAppRegisterDevice";
let columns = [
{ checkbox: true, align: 'center' },
{ field: 'INDEX', title: '序号', align: 'center', formatter: function (value, row, index) { return index + 1; } },
{ field: 'APP_DIS_NAME', title: '显示名称', align: 'center' },
{ field: 'APP_REGISTER_ID', title: '业务主键', align: 'center' },
{ field: 'APP_REGISTER_DEVICE_ID', title: '设备ID', align: 'center' },
{
field: 'LIVE_TIME', title: '是否在线', align: 'center', formatter: function (value, row, index) {
if (value == "0001-01-01T00:00:00") {
return "<span style='color:red'>从未在线过</span>"
} else {
var endDate = new Date(value);
var currentDate = new Date();
//2)计算两个日期相差的毫秒数
var msecNum = currentDate.getTime() - endDate.getTime();
var muit = ((msecNum / 1000) / 60).toFixed(2)
var lasterHeartBeatTime = $.formatDateTime(endDate)
var message = ""
//超过2分钟是为不在线
if (muit > 2) {
message = "已离线:" + muit + "分(" + lasterHeartBeatTime + ")"
} else {
message = "<span style='color:green;font-size:18px;'>在线</span>(" + lasterHeartBeatTime + ")"
}
return message
}
}
},
{
field: 'TASK_STATUS', title: '任务状态', align: 'center', formatter: function (value, row, index) {
if (value == "") {
return "<span style='color:green;font-size:18px;'>空闲中...</span>"
} else if (value == "2") {
return "<span style='color:red;font-size:16px;'>忙碌中...</span>"
} else {
return "<span style='color:green;font-size:18px;'>空闲中...</span>"
}
}
},
{
field: 'APP_REGISTER_STATUS', title: '注册状态', align: 'center', formatter: function (value, row, index) {
if (value == "1") {
return "待审核"
} else if (value == "2") {
return "<span style='color:green;font-size:16px;'>通过</span>"
} else if (value == "3") {
return "<span style='color:green;font-size:12px;'>废弃</span>"
}
}
},
{
field: 'APP_DEVICE_TYPE', title: '设备类型', align: 'center', formatter: function (value, row, index) {
if (value == "Android") {
return "Android"
} else {
return "IOS"
}
}
},
{ field: 'APP_RECORED_SOFT_CODE', title: '软件名', align: 'center' },
{ field: 'CREATEDATE', title: '创建日期', align: 'center' },
{ field: 'REMARK', title: '备注', align: 'center' }]
let setting = { singleSelect: false, pagination: false, hideColumn: "APP_REGISTER_ID", onCheck: onCheck, onUncheck: onUnCheck, onCheckAll: onCheckAll };
$.gridTable("AppRegister_table", requestUrl, columns, setting);
}
$("#AppRegister_table_start").click(function () {
timer = setInterval(function () {
pager = setInterval(function () {
i = i - 1;
if (i == 0) {
clearInterval(pager);
//刷新grid表格
i = 30;
$('#AppRegister_table').bootstrapTable('refresh');
}
//刷新页面显示的值
$("#AppRegister_refresh_page").text("页面将于" + i + "S后刷新...");
}, 1000)
}, i * 1000)
$("#AppRegister_table_start").attr("disabled", true);
$("#AppRegister_table_end").attr("disabled", false);
$.showSuccessToast("监听服务开启成功！");
})
$("#AppRegister_table_end").click(function () {
clearInterval(timer);
clearInterval(pager);
timer = null;
pager = null;
$("#AppRegister_refresh_page").text("页面将于" + i + "S后刷新...");
$("#AppRegister_table_start").attr("disabled", false);
$("#AppRegister_table_end").attr("disabled", true);
$.showSuccessToast("监听服务已经被关闭！");
})
$("#AppRegister_table_task").click(function () {
var row = $("#AppRegister_table").bootstrapTable('getSelections');
if (row == "" || row == null) {
$.showWaringToast("请选择行");
} else {
clearInterval(timer);
clearInterval(pager);
let deviceID = row[0].APP_REGISTER_DEVICE_ID
$.ajax({
type: "POST",//方法类型
dataType: "json",//预期服务器返回的数据类型
url: "../../../App/AjaxGetTaskTypeList",//url
success: function (result) {
if (result.success == "true") {
let jsonResult = JSON.parse($.decrypt(result.message))
let categoryData = jsonResult.datas
let optionstring = ""
for (var i = 0, l = categoryData.length; i < l; i++) {
optionstring += "<option value=\"" + categoryData[i]["APP_TASK_ID"] + "\" >" + categoryData[i]["APP_TASK_NAME"] + "</option>";
}
$("#APP_TASK_ID").html("<option value=''>任务类型</option> " + optionstring); //获得要赋值的select的id，进行赋值
} else {
$.showErrorToast(result.message);
}
},
error: function () {
$.showErrorToast("连接服务器失败！请重试或者重新登录！");
}
});
$.ajax({
type: "POST",//方法类型
dataType: "json",//预期服务器返回的数据类型
url: "../../../App/GetDeviceTaskingList?deviceId=" + deviceID+"",//url
success: function (result) {
if (result.success == "true") {
if (result.havetask == "true") {
let taskDataJson=(JSON.parse(result.data))
let statusHtml = "正在执行<span style='color:red;font-size:16px;'>[" + taskDataJson[0].APP_TASK_NAME+"]</span>任务."
$("#DEVICE_TASK_STATUS").html(statusHtml)
} else {
$("#DEVICE_TASK_STATUS").html()("暂无任务")
}
} else {
$.showErrorToast(result.message);
}
},
error: function () {
$.showErrorToast("连接服务器失败！请重试或者重新登录！");
}
});
let selectLen = row.length
if (selectLen== 1) {
let registerID = row[0].APP_REGISTER_ID; //注册ID 主键
let deviceName = row[0].APP_DIS_NAME
$("#APP_REGISTER_ID_FK").val(registerID);
$("#DEVICE_ID").val(deviceID);
$("#DEVICE_NAME").val(deviceName);
} else {
task_action_type = "multi"
let deviceNames = ""
let deviceIds = ""
let deviceRegisterIds=""
for (let i = 0; i < selectLen; i++) {
deviceNames = deviceNames + row[i].APP_DIS_NAME + "@"
deviceIds = deviceIds + row[i].APP_REGISTER_DEVICE_ID + "@"
deviceRegisterIds = deviceRegisterIds + row[i].APP_REGISTER_ID + "@"
}
$("#DEVICE_NAME").val(deviceNames.substr(0, deviceNames.length - 1)); //设备名
$("#APP_REGISTER_ID_FK").val(deviceRegisterIds.substr(0, deviceRegisterIds.length - 1)); //设备注册的id
$("#DEVICE_ID").val(deviceIds.substr(0, deviceIds.length - 1)); //设备的ID
}
$("#ClusterTask_table_modal").modal(); //弹窗模态
}
})
$("#APP_TASK_ID").change(function () {
var appTaskId = $("#APP_TASK_ID").val();
$("#APP_TASK_NAME").val($("#APP_TASK_ID option:selected").text());
function refreshUI(data) {
let taskJson = JSON.parse($.decrypt(data));
$("#APP_TASK_TYPE").val("Android");
$("#APP_TASK_CODE").val(taskJson.APP_TASK_CODE);
$("#APP_TASK_TIME").val(taskJson.APP_TASK_TIME);
$("#APP_TASK_ADDRESS").val(taskJson.APP_TASK_ADDRESS);
}
let requestUrl = "../../../App/AjaxGetTaskTypeEntity";
let form_datas = "APP_TASK_ID=" + appTaskId + ""
$.ajaxPost(requestUrl, form_datas, refreshUI);
});
$("#APP_TASK_form_submit").click(function () {
function refreshUI() {
//关闭模态窗体
$("#ClusterTask_table_modal").modal('hide');
}
//alert(decodeURIComponent($('#ClusterTask_form').serialize()))
let form_datas = decodeURIComponent($('#ClusterTask_form').serialize()) + " &ACTION_TYPE=" + task_action_type + "&TABLE =" + $("#ClusterTask_form").attr("table") + "&PRIMARYKEY=" + PKID;
let requestUrl = "../../../App/AjaxSaveDeviceTask";
$.ajaxPost(requestUrl, form_datas, refreshUI);
});
$("#AppRegister_table_add").click(function () {
action_type = "add";
$('#AppRegister_form')[0].reset(); //清空Form表单
$("#AppRegister_table_modal").modal();
});
$("#AppRegister_table_update").click(function () {
// 获取当前行
var row = $("#AppRegister_table").bootstrapTable('getSelections');
if (row == "" || row == null) {
$.showWaringToast("请选择行");
} else {
PKID = row[0].APP_REGISTER_ID;
action_type = "update";
$("#APP_DIS_NAME").val(row[0].APP_DIS_NAME);
$("#APP_REGISTER_DEVICE_ID").val(row[0].APP_REGISTER_DEVICE_ID);
$("#APP_DEVICE_TYPE").val(row[0].APP_DEVICE_TYPE);
$("#APP_RECORED_SOFT_CODE").val(row[0].APP_RECORED_SOFT_CODE);
$("#REMARK").val(row[0].REMARK);
$("#AppRegister_table_modal").modal();
}
});
$("#AppRegister_table_delete").click(function () {
action_type = "delete";
let row = $("#AppRegister_table").bootstrapTable('getSelections');
if (row == "" || row == null) {
$.showWaringToast("请选择行!");
} else {
if (row.length > 1) {
$.showWaringToast("不支持批量删除!");
return
}
if (row[0].APP_REGISTER_STATUS == "2") {
$.showWaringToast("审核通过的设备不支持物理删除!");
return;
}
function refreshTable() {
$('#AppRegister_table').bootstrapTable('refresh');
$("#AppRegister_table_update").attr("disabled", true);
$("#AppRegister_table_delete").attr("disabled", true);
}
let business_id = "PRIMARYKEY=" + row[0].APP_REGISTER_ID + "&ACTION_TYPE=" + action_type;
let requestUrl = "../../../App/AjaxDeleteAppRegister";
$.ajaxPost(requestUrl, business_id, refreshTable);
}
});
$("#AppRegister_table_check").click(function () {
action_type = "check";
let row = $("#AppRegister_table").bootstrapTable('getSelections');
if (row == "" || row == null) {
$.showWaringToast("请选择行!");
} else {
function refreshTable() {
$('#AppRegister_table').bootstrapTable('refresh');
$("#AppRegister_table_update").attr("disabled", true);
$("#AppRegister_table_delete").attr("disabled", true);
$("#AppRegister_table_check").attr("disabled", true);
}
let business_id = "PRIMARYKEY=" + row[0].APP_REGISTER_ID + "&ACTION_TYPE=" + action_type;
let requestUrl = "../../../App/AjaxCheckInDevice";
$.ajaxPost(requestUrl, business_id, refreshTable);
}
})
$("#AppRegister_form_submit").click(function () {
if (validateForm()) {
let form_datas = decodeURIComponent($('#AppRegister_form').serialize()) + "&ACTION_TYPE=" + action_type + "&TABLE=" + $("#AppRegister_form").attr("table") + "&PRIMARYKEY=" + PKID;
let requestUrl = "../../../App/AjaxSaveAppRegister";
$.ajaxPost(requestUrl, form_datas, hideModalForm);
} else {
$.showWaringToast("取消了操作!");
}
});
});
源代码链接：https://pan.baidu.com/s/1cQ1XEA5nSVNHRjHL2oWwWw 提取码：kvl3
瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手
更多推荐
2
0- 0
已为社区贡献10条内容
所有评论(0)