JavaWeb/QQBot
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
dev_
QQBot/web/jianrTask.html

287 lines
11 KiB
HTML
Raw Permalink Normal View History

新增舰R脚本
2022-07-25 12:35:50 +08:00
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
新增舰R脚本
2022-07-25 12:39:03 +08:00
<title>舰R脚本管理器</title>
新增舰R脚本
2022-07-25 12:35:50 +08:00
<link rel="stylesheet" href="layui/css/layui.css">
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
</head>
<body>
<div class="myDiy">
<blockquote class="layui-elem-quote">舰R脚本管理器：<span id="taskStatus"></span><br/><br/><span id="taskName">当前无任务</span><br/><br/><span id="runIndex"></span><br/><br/><span id="log"></span>
</blockquote>
<button class="layui-btn layui-btn-lg layui-btn-normal" onclick="createTask()">创建任务</button>
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
<button class="layui-btn layui-btn-lg layui-btn-normal" id="createDevice">选择设备
<i class="layui-icon layui-icon-down layui-font-12"></i>
</button>
<blockquote class="layui-elem-quote">
调用设备：<span id="deviceName"></span><br>
</blockquote>
新增舰R脚本
2022-07-25 12:35:50 +08:00
<br/><br/><br/>
<div class="layui-bg-gray layui-row layui-col-space15" id="card" style="padding: 30px;">
</div>
</div>
</body>
<script src="layui/layui.js"></script>
<script src="layui/jquery-3.2.1.js"></script>
<script>
update:优化脚本执行
2022-07-27 09:35:04 +08:00
let homeUrl="";
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
let device;
let deviceModel=[];
新增舰R脚本
2022-07-25 12:35:50 +08:00
function createTask() {
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
if(device===undefined){
layer.msg('请选择设备')
return
}
新增舰R脚本
2022-07-25 12:35:50 +08:00
layer.prompt({
formType: 2,
value: '{\n' +
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
' "title":"",\n' +
' "script":[\n' +
新增舰R脚本
2022-07-25 12:35:50 +08:00
' {\n' +
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
' "title":"",\n' +
update:优化脚本执行
2022-07-27 01:22:32 +08:00
' "activity":"map|attack|formationType#{0-4}|dialog_go|dialog_back|dialog_assets",\n' +
新增舰R脚本
2022-07-25 12:35:50 +08:00
' "nextWaitTime": 0,\n' +
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
' "randomNextWaitTime": 0\n' +
新增舰R脚本
2022-07-25 12:35:50 +08:00
' }\n' +
' ]\n' +
'}',
title: '创建任务',
maxlength: 99999,
area: ['800px', '350px'] //自定义文本域宽高
}, function (value, index, elem) {
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
$.post(homeUrl+"/jianr/task/add.do", {task: value}, function (json) {
新增舰R脚本
2022-07-25 12:35:50 +08:00
layer.msg(json.msg)
})
layer.close(index);
});
}
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
function runTask(name,title) {
if(device===undefined){
layer.msg('请选择设备')
return
}
$.post(homeUrl+"/jianr/run.do", {task: name,device:device.title,modelName:title}, function (json) {
新增舰R脚本
2022-07-25 12:35:50 +08:00
layer.msg(json.msg)
})
}
function stopTask() {
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
$.post(homeUrl+"/jianr/stop.do", function (json) {
新增舰R脚本
2022-07-25 12:35:50 +08:00
layer.msg(json.msg)
})
}
function removeTask(name) {
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
$.post(homeUrl+"/jianr/task/remove.do", {task: name}, function (json) {
新增舰R脚本
2022-07-25 12:35:50 +08:00
layer.msg(json.msg)
})
}
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
function showDevice() {
if(isSelectDevice()){
layer.msg("当前未选择设备")
}else{
layer.prompt({
formType: 2,
value: JSON.stringify(device),
title: '查看设备',
maxlength: 99999,
area: ['800px', '350px'] //自定义文本域宽高
}, function (value, index, elem) {
$.post(homeUrl+"/jianr/device/edit.do", {device: value,oldDevice:device.title}, function (json) {
layer.msg(json.msg)
})
layer.close(index);
});
}
}
function delDevice() {
}
function isSelectDevice() {
return device===undefined;
}
新增舰R脚本
2022-07-25 12:35:50 +08:00
function getStatus() {
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
$.post(homeUrl+"/jianr/status.do", function (json) {
新增舰R脚本
2022-07-25 12:35:50 +08:00
if(json.data.status){
$('#taskStatus')[0].innerHTML="运行"
$('#taskStatus').css('color','#5C962C')
$('#taskName')[0].innerHTML='执行次数: '+json.data.runIndex;
$('#runIndex')[0].innerHTML='当前正在执行: '+json.data.taskName;
$('#log')[0].innerHTML=json.data.log
}else{
$('#taskStatus')[0].innerHTML="停止"
$('#taskStatus').css('color','#FF5722')
}
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
setTimeout(function () {
getStatus()
},1000)
新增舰R脚本
2022-07-25 12:35:50 +08:00
})
}
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
layui.use('dropdown', function(){
let dropdown = layui.dropdown
function createCard(name) {
let html = '<div class="layui-card layui-col-md3 layui-col-lg-offset1"><div class="layui-card-header">' + name
+ '</div><div class="layui-card-body">' +
'<button class="layui-btn layui-btn-radius layui-btn-normal" id="runTask_'+name+'" ><i class="layui-icon">&#xe652;</i>运行 <i class="layui-icon layui-icon-down layui-font-12"></i></button><br/><br/><button class="layui-btn layui-btn-radius layui-btn-warm" onclick="stopTask()"><i class="layui-icon">&#xe651;</i>停止</button><br/><br/><button class="layui-btn layui-btn-radius layui-btn-danger" onclick="removeTask(\'' + name + '\')"><i class="layui-icon">&#xe64d;</i>删除</button></div></div>';
$('#card').append(html)
dropdown.render({
elem: '#runTask_'+name //可绑定在任意元素中，此处以上述按钮为例
,data: deviceModel
,id: 'runTask_'+name
//菜单被点击的事件
,click: function(obj){
console.log(obj);
update:优化脚本执行
2022-07-27 09:35:04 +08:00
if(obj.title==='查看'){
$.post(homeUrl+"/jianr/task/get.do",{task:name},function (json) {
layer.prompt({
formType: 2,
value: json.data,
title: '脚本内容',
area: ['800px', '350px'] //自定义文本域宽高
}, function(value, index, elem){
layer.close(index);
});
})
}else{
runTask(name,obj.title)
}
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
}
});
}
$.get(homeUrl+"/jianr/task/list.do", function (json) {
新增舰R脚本
2022-07-25 12:35:50 +08:00
json.data.forEach(function (item) {
createCard(item)
}
)
})
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
$.get(homeUrl+"/jianr/device/list.do",function (json) {
let devices=json.data;
devices.push({type:'-'})
devices.push({
title: '添加设备',
name:"addDevice"
,href: '#'
})
dropdown.render({
elem: '#createDevice' //可绑定在任意元素中，此处以上述按钮为例
,data: devices
,id: 'createDevice'
//菜单被点击的事件
,click: function(obj){
if(obj.name==='addDevice'){
layer.prompt({
formType: 2,
value: '{\n' +
' "deviceId":"",\n' +
' "title":"",\n' +
' "androidDevice":{\n' +
' "height":0,\n' +
' "width":0\n' +
' },\n' +
' "deviceDisplay":[\n' +
' {\n' +
' "title":"",\n' +
' "start":{\n' +
' "x":0,\n' +
' "y":0,\n' +
' "enableRandomX":false,\n' +
' "enableRandomY":false,\n' +
' "absRandomX":false,\n' +
' "absRandomY":false,\n' +
' "randomNumX":0,\n' +
' "randomNumY":0\n' +
' },\n' +
' "end":{\n' +
' "x": 0,\n' +
' "y": 0,\n' +
' "enableRandomX": false,\n' +
' "enableRandomY": false,\n' +
' "absRandomX": false,\n' +
' "absRandomY": false,\n' +
' "randomNumX": 0,\n' +
' "randomNumY": 0\n' +
' }\n' +
' }\n' +
' ]\n' +
'}',
title: '添加设备',
maxlength: 99999,
area: ['800px', '350px'] //自定义文本域宽高
}, function (value, index, elem) {
$.post(homeUrl+"/jianr/device/add.do", {device: value}, function (json) {
layer.msg(json.msg)
})
layer.close(index);
});
}else{
console.log(obj)
if(obj.data==='select'){
device=obj.device;
device.deviceDisplay.forEach(function (item){
deviceModel.push({
title:item.title
})
update:优化脚本执行
2022-07-27 09:35:04 +08:00
deviceModel.push({type: '-'})
})
deviceModel.push({
title:"查看",
update:重构脚本执行方式
2022-07-26 22:46:00 +08:00
})
$('#deviceName')[0].innerHTML=obj.device.title;
}else if (obj.data==='edit'){
showDevice()
}else if (obj.data==='del'){
delDevice()
}else if (obj.data==='connect'){
$.post(homeUrl+"/jianr/device/connect.do",{device:obj.device.deviceId},function (json) {
layer.msg(json.msg)
})
}
}
}
});
})
});
window.onload = function init() {
新增舰R脚本
2022-07-25 12:35:50 +08:00
getStatus()
}
</script>
<style>
.myDiy {
width: 40%;
height: 300px;
margin-top: 10px;
margin-left: 25%;
}
.button {
width: 100px;
height: 100px;
font-size: 1em;
}
</style>
</html>
Reference in New Issue Copy Permalink