设为首页收藏本站
开启辅助访问

信息发布软件,b2b软件,广告发布软件

 找回密码
 立即注册
搜索
返回列表 发新帖
查看: 2|回复: 0
打印 上一主题 下一主题

[宣传软件网站动态] AIWROK苹果脚本H5任务执行小例子

[复制链接]
群发软件

1877

主题

1887

帖子

1万

积分

积分
10982
跳转到指定楼层
宣传软件楼主
发表于 1 小时前 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式

资讯缩略图：

资讯发布日期：2026-03-06

资讯发布简介：AIWROK苹果脚本H5任务执行小例子

资讯关键词：AIWROK苹果脚本H5任务执行小例子

资讯所属分类：IT资讯 

联系：

① 本信息收集于网络，如有不对的地方欢迎联系我纠正！
② 本信息免费收录，不存在价格的问题！
③ 如果您的网站也想这样出现在这里，请您加好友情链接，我当天会审核通过！

④友情链接关键字：软件网站分类目录 网址：http://www.postbbs.com/

资讯详细描述
AIWROK苹果脚本H5任务执行小例子
AIWROK苹果脚本H5任务执行小例子 b2b软件
AIWROK苹果脚本H5任务执行小例子 b2b软件
AIWROK苹果脚本H5任务执行小例子 b2b软件
  1. // 创建 WebView 实例
  2. var web = new WebView();

  4. // 显示 WebView 界面
  5. web.show();

  7. // 加载本地 HTML 文件
  8. var htmlPath = project.getCodePath() + "h5.html";
  9. web.loadFile(htmlPath);

  11. // 定义 H5 中调用的函数
  12. function test(arg) {
  13.     printl("我被 H5 调用了，参数是: " + arg);
  14. }

  16. // 定义返回桌面的函数，供H5页面调用
  17. function returnToHome() {
  18.     printl("执行返回桌面操作");
  19.     hid.home();
  20. }

  22. // 打印加载信息
  23. printl("WebView 已创建并加载本地文件: " + htmlPath);
复制代码
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6.     <meta name="apple-mobile-web-app-capable" content="yes">
  7.     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  8.     <title>AIWROK 智能任务调度中心</title>
  9.     <style>
  10.         /* 基础样式重置 */
  11.         * {
  12.             margin: 0;
  13.             padding: 0;
  14.             box-sizing: border-box;
  15.         }

  17.         /* 全局样式 */
  18.         body {
  19.             font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  20.             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  21.             color: #333;
  22.             min-height: 100vh;
  23.             -webkit-font-smoothing: antialiased;
  24.             -moz-osx-font-smoothing: grayscale;
  25.             position: relative;
  26.             overflow-x: hidden;
  27.         }

  29.         /* 背景动画粒子 */
  30.         .particles {
  31.             position: fixed;
  32.             top: 0;
  33.             left: 0;
  34.             width: 100%;
  35.             height: 100%;
  36.             pointer-events: none;
  37.             z-index: 0;
  38.             overflow: hidden;
  39.         }

  41.         .particle {
  42.             position: absolute;
  43.             width: 10px;
  44.             height: 10px;
  45.             background: rgba(255, 255, 255, 0.1);
  46.             border-radius: 50%;
  47.             animation: float 6s ease-in-out infinite;
  48.         }

  50.         .particle:nth-child(1) { left: 10%; animation-delay: 0s; }
  51.         .particle:nth-child(2) { left: 20%; animation-delay: 1s; }
  52.         .particle:nth-child(3) { left: 30%; animation-delay: 2s; }
  53.         .particle:nth-child(4) { left: 40%; animation-delay: 3s; }
  54.         .particle:nth-child(5) { left: 50%; animation-delay: 4s; }
  55.         .particle:nth-child(6) { left: 60%; animation-delay: 5s; }
  56.         .particle:nth-child(7) { left: 70%; animation-delay: 0.5s; }
  57.         .particle:nth-child(8) { left: 80%; animation-delay: 1.5s; }
  58.         .particle:nth-child(9) { left: 90%; animation-delay: 2.5s; }
  59.         .particle:nth-child(10) { left: 5%; animation-delay: 3.5s; }

  61.         @keyframes float {
  62.             0%, 100% {
  63.                 transform: translateY(100vh) rotate(0deg);
  64.                 opacity: 0;
  65.             }
  66.             10% {
  67.                 opacity: 1;
  68.             }
  69.             90% {
  70.                 opacity: 1;
  71.             }
  72.             100% {
  73.                 transform: translateY(-100vh) rotate(720deg);
  74.                 opacity: 0;
  75.             }
  76.         }

  78.         /* 主容器 */
  79.         .main-container {
  80.             position: relative;
  81.             z-index: 1;
  82.             max-width: 500px;
  83.             margin: 0 auto;
  84.             padding: 20px;
  85.         }

  87.         /* 头部卡片 */
  88.         .header-card {
  89.             background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.9) 100%);
  90.             border-radius: 24px;
  91.             padding: 24px;
  92.             margin-bottom: 20px;
  93.             box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  94.             backdrop-filter: blur(10px);
  95.             text-align: center;
  96.         }

  98.         .header-card h1 {
  99.             font-size: 24px;
  100.             font-weight: 800;
  101.             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  102.             -webkit-background-clip: text;
  103.             -webkit-text-fill-color: transparent;
  104.             background-clip: text;
  105.             margin-bottom: 8px;
  106.         }

  108.         .header-card .subtitle {
  109.             font-size: 14px;
  110.             color: #666;
  111.             margin-bottom: 12px;
  112.         }

  114.         .header-card .qq-group {
  115.             font-size: 13px;
  116.             color: #667eea;
  117.             font-weight: 600;
  118.         }

  120.         /* 统计卡片 */
  121.         .stats-container {
  122.             display: grid;
  123.             grid-template-columns: repeat(3, 1fr);
  124.             gap: 12px;
  125.             margin-bottom: 20px;
  126.         }

  128.         .stat-card {
  129.             background: rgba(255, 255, 255, 0.95);
  130.             border-radius: 16px;
  131.             padding: 16px 8px;
  132.             text-align: center;
  133.             box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  134.             transition: transform 0.3s ease;
  135.         }

  137.         .stat-card:hover {
  138.             transform: translateY(-4px);
  139.         }

  141.         .stat-card .number {
  142.             font-size: 28px;
  143.             font-weight: 800;
  144.             color: #667eea;
  145.             display: block;
  146.         }

  148.         .stat-card .label {
  149.             font-size: 12px;
  150.             color: #666;
  151.             margin-top: 4px;
  152.         }

  154.         /* 标签页导航 */
  155.         .tab-nav {
  156.             display: flex;
  157.             background: rgba(255, 255, 255, 0.95);
  158.             border-radius: 16px;
  159.             padding: 6px;
  160.             margin-bottom: 20px;
  161.             box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  162.         }

  164.         .tab-btn {
  165.             flex: 1;
  166.             padding: 12px 8px;
  167.             border: none;
  168.             background: transparent;
  169.             border-radius: 12px;
  170.             font-size: 14px;
  171.             font-weight: 600;
  172.             color: #666;
  173.             cursor: pointer;
  174.             transition: all 0.3s ease;
  175.         }

  177.         .tab-btn.active {
  178.             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  179.             color: white;
  180.             box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
  181.         }

  183.         /* 内容区域 */
  184.         .content-area {
  185.             background: rgba(255, 255, 255, 0.95);
  186.             border-radius: 24px;
  187.             padding: 20px;
  188.             box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  189.             min-height: 400px;
  190.         }

  192.         .tab-content {
  193.             display: none;
  194.         }

  196.         .tab-content.active {
  197.             display: block;
  198.             animation: fadeIn 0.3s ease-out;
  199.         }

  201.         @keyframes fadeIn {
  202.             from { opacity: 0; transform: translateY(10px); }
  203.             to { opacity: 1; transform: translateY(0); }
  204.         }

  206.         /* 任务列表 */
  207.         .task-list {
  208.             list-style: none;
  209.         }

  211.         .task-item {
  212.             display: flex;
  213.             align-items: center;
  214.             padding: 16px;
  215.             background: #f8f9fa;
  216.             border-radius: 12px;
  217.             margin-bottom: 12px;
  218.             transition: all 0.3s ease;
  219.             cursor: pointer;
  220.         }

  222.         .task-item:hover {
  223.             background: #e9ecef;
  224.             transform: translateX(4px);
  225.         }

  227.         .task-item.selected {
  228.             background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
  229.             border: 2px solid #667eea;
  230.         }

  232.         .task-checkbox {
  233.             width: 24px;
  234.             height: 24px;
  235.             margin-right: 12px;
  236.             cursor: pointer;
  237.             accent-color: #667eea;
  238.         }

  240.         .task-info {
  241.             flex: 1;
  242.         }

  244.         .task-name {
  245.             font-size: 15px;
  246.             font-weight: 600;
  247.             color: #333;
  248.             margin-bottom: 4px;
  249.         }

  251.         .task-desc {
  252.             font-size: 12px;
  253.             color: #666;
  254.         }

  256.         .task-status {
  257.             padding: 4px 12px;
  258.             border-radius: 20px;
  259.             font-size: 12px;
  260.             font-weight: 600;
  261.         }

  263.         .task-status.pending {
  264.             background: #fff3cd;
  265.             color: #856404;
  266.         }

  268.         .task-status.running {
  269.             background: #d4edda;
  270.             color: #155724;
  271.         }

  273.         .task-status.completed {
  274.             background: #d1ecf1;
  275.             color: #0c5460;
  276.         }

  278.         /* 设置表单 */
  279.         .settings-form {
  280.             space-y: 16px;
  281.         }

  283.         .form-group {
  284.             margin-bottom: 20px;
  285.         }

  287.         .form-label {
  288.             display: block;
  289.             font-size: 14px;
  290.             font-weight: 600;
  291.             color: #333;
  292.             margin-bottom: 8px;
  293.         }

  295.         .form-input {
  296.             width: 100%;
  297.             padding: 12px 16px;
  298.             border: 2px solid #e9ecef;
  299.             border-radius: 12px;
  300.             font-size: 15px;
  301.             transition: all 0.3s ease;
  302.         }

  304.         .form-input:focus {
  305.             outline: none;
  306.             border-color: #667eea;
  307.             box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
  308.         }

  310.         .form-select {
  311.             width: 100%;
  312.             padding: 12px 16px;
  313.             border: 2px solid #e9ecef;
  314.             border-radius: 12px;
  315.             font-size: 15px;
  316.             background: white;
  317.             cursor: pointer;
  318.         }

  320.         /* 开关样式 */
  321.         .switch-container {
  322.             display: flex;
  323.             align-items: center;
  324.             justify-content: space-between;
  325.             padding: 16px;
  326.             background: #f8f9fa;
  327.             border-radius: 12px;
  328.             margin-bottom: 12px;
  329.         }

  331.         .switch-label {
  332.             font-size: 15px;
  333.             font-weight: 500;
  334.             color: #333;
  335.         }

  337.         .switch {
  338.             position: relative;
  339.             width: 52px;
  340.             height: 28px;
  341.         }

  343.         .switch input {
  344.             opacity: 0;
  345.             width: 0;
  346.             height: 0;
  347.         }

  349.         .slider {
  350.             position: absolute;
  351.             cursor: pointer;
  352.             top: 0;
  353.             left: 0;
  354.             right: 0;
  355.             bottom: 0;
  356.             background-color: #ccc;
  357.             transition: .4s;
  358.             border-radius: 28px;
  359.         }

  361.         .slider:before {
  362.             position: absolute;
  363.             content: "";
  364.             height: 20px;
  365.             width: 20px;
  366.             left: 4px;
  367.             bottom: 4px;
  368.             background-color: white;
  369.             transition: .4s;
  370.             border-radius: 50%;
  371.         }

  373.         input:checked + .slider {
  374.             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  375.         }

  377.         input:checked + .slider:before {
  378.             transform: translateX(24px);
  379.         }

  381.         /* 按钮样式 */
  382.         .btn {
  383.             width: 100%;
  384.             padding: 16px;
  385.             border: none;
  386.             border-radius: 12px;
  387.             font-size: 16px;
  388.             font-weight: 700;
  389.             cursor: pointer;
  390.             transition: all 0.3s ease;
  391.             margin-bottom: 12px;
  392.         }

  394.         .btn-primary {
  395.             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  396.             color: white;
  397.             box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
  398.         }

  400.         .btn-primary:hover {
  401.             transform: translateY(-2px);
  402.             box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
  403.         }

  405.         .btn-danger {
  406.             background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
  407.             color: white;
  408.             box-shadow: 0 4px 16px rgba(255, 107, 107, 0.4);
  409.         }

  411.         .btn-danger:hover {
  412.             transform: translateY(-2px);
  413.             box-shadow: 0 6px 20px rgba(255, 107, 107, 0.5);
  414.         }

  416.         .btn-success {
  417.             background: linear-gradient(135deg, #51cf66 0%, #40c057 100%);
  418.             color: white;
  419.             box-shadow: 0 4px 16px rgba(81, 207, 102, 0.4);
  420.         }

  422.         .btn-success:hover {
  423.             transform: translateY(-2px);
  424.             box-shadow: 0 6px 20px rgba(81, 207, 102, 0.5);
  425.         }

  427.         .btn:disabled {
  428.             opacity: 0.6;
  429.             cursor: not-allowed;
  430.             transform: none;
  431.         }

  433.         /* 日志区域 */
  434.         .log-container {
  435.             background: #1a1a2e;
  436.             border-radius: 12px;
  437.             padding: 16px;
  438.             max-height: 200px;
  439.             overflow-y: auto;
  440.             font-family: 'Courier New', monospace;
  441.             font-size: 12px;
  442.         }

  444.         .log-item {
  445.             color: #a0a0a0;
  446.             margin-bottom: 4px;
  447.             padding: 4px 0;
  448.             border-bottom: 1px solid #2a2a3e;
  449.         }

  451.         .log-item:last-child {
  452.             border-bottom: none;
  453.         }

  455.         .log-time {
  456.             color: #667eea;
  457.             margin-right: 8px;
  458.         }

  460.         .log-info { color: #4dabf7; }
  461.         .log-success { color: #51cf66; }
  462.         .log-warning { color: #ffd43b; }
  463.         .log-error { color: #ff6b6b; }

  465.         /* Toast 提示 */
  466.         .toast {
  467.             position: fixed;
  468.             bottom: 100px;
  469.             left: 50%;
  470.             transform: translateX(-50%) translateY(100px);
  471.             background: rgba(0, 0, 0, 0.9);
  472.             color: white;
  473.             padding: 16px 32px;
  474.             border-radius: 50px;
  475.             font-size: 14px;
  476.             font-weight: 600;
  477.             opacity: 0;
  478.             transition: all 0.3s ease;
  479.             z-index: 9999;
  480.             box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  481.         }

  483.         .toast.show {
  484.             opacity: 1;
  485.             transform: translateX(-50%) translateY(0);
  486.         }

  488.         /* 加载动画 */
  489.         .loading {
  490.             position: relative;
  491.         }

  493.         .loading::after {
  494.             content: '';
  495.             position: absolute;
  496.             top: 50%;
  497.             left: 50%;
  498.             width: 20px;
  499.             height: 20px;
  500.             margin: -10px 0 0 -10px;
  501.             border: 2px solid rgba(255, 255, 255, 0.3);
  502.             border-top-color: white;
  503.             border-radius: 50%;
  504.             animation: spin 1s linear infinite;
  505.         }

  507.         @keyframes spin {
  508.             to { transform: rotate(360deg); }
  509.         }

  511.         /* 响应式设计 */
  512.         @media (max-width: 480px) {
  513.             .main-container {
  514.                 padding: 16px;
  515.             }
  516.             
  517.             .stats-container {
  518.                 grid-template-columns: repeat(3, 1fr);
  519.                 gap: 8px;
  520.             }
  521.             
  522.             .stat-card {
  523.                 padding: 12px 4px;
  524.             }
  525.             
  526.             .stat-card .number {
  527.                 font-size: 20px;
  528.             }
  529.         }
  530.     </style>
  531. </head>
  532. <body>
  533.     <!-- 背景粒子 -->
  534.     <div class="particles">
  535.         <div class="particle"></div>
  536.         <div class="particle"></div>
  537.         <div class="particle"></div>
  538.         <div class="particle"></div>
  539.         <div class="particle"></div>
  540.         <div class="particle"></div>
  541.         <div class="particle"></div>
  542.         <div class="particle"></div>
  543.         <div class="particle"></div>
  544.         <div class="particle"></div>
  545.     </div>

  547.     <div class="main-container">
  548.         <!-- 头部卡片 -->
  549.         <div class="header-card">
  550.             <h1>智能任务调度中心</h1>
  551.             <div class="subtitle">AIWROK 自动化任务管理系统</div>
  552.             <div class="qq-group">&#127822;交流QQ群711841924群一，苹果内测群，528816639</div>
  553.         </div>

  555.         <!-- 统计卡片 -->
  556.         <div class="stats-container">
  557.             <div class="stat-card">
  558.                 <span class="number" id="pendingCount">0</span>
  559.                 <div class="label">待执行</div>
  560.             </div>
  561.             <div class="stat-card">
  562.                 <span class="number" id="runningCount">0</span>
  563.                 <div class="label">执行中</div>
  564.             </div>
  565.             <div class="stat-card">
  566.                 <span class="number" id="completedCount">0</span>
  567.                 <div class="label">已完成</div>
  568.             </div>
  569.         </div>

  571.         <!-- 标签页导航 -->
  572.         <div class="tab-nav">
  573.             <button class="tab-btn active" onclick="switchTab('tasks')">任务列表</button>
  574.             <button class="tab-btn" onclick="switchTab('settings')">系统设置</button>
  575.             <button class="tab-btn" onclick="switchTab('logs')">运行日志</button>
  576.         </div>

  578.         <!-- 内容区域 -->
  579.         <div class="content-area">
  580.             <!-- 任务列表 -->
  581.             <div id="tasks-tab" class="tab-content active">
  582.                 <ul class="task-list" id="taskList">
  583.                     <!-- 任务项将通过JS动态生成 -->
  584.                 </ul>
  585.                 <button class="btn btn-primary" onclick="executeSelectedTasks()">
  586.                     执行选中任务
  587.                 </button>
  588.                 <button class="btn btn-danger" onclick="clearAllTasks()">
  589.                     清空所有任务
  590.                 </button>
  591.             </div>

  593.             <!-- 系统设置 -->
  594.             <div id="settings-tab" class="tab-content">
  595.                 <div class="settings-form">
  596.                     <div class="form-group">
  597.                         <label class="form-label">运行间隔 (秒)</label>
  598.                         <input type="number" class="form-input" id="intervalInput" value="5" min="1" max="60">
  599.                     </div>
  600.                     
  601.                     <div class="form-group">
  602.                         <label class="form-label">最大重试次数</label>
  603.                         <input type="number" class="form-input" id="retryInput" value="3" min="1" max="10">
  604.                     </div>

  606.                     <div class="form-group">
  607.                         <label class="form-label">执行模式</label>
  608.                         <select class="form-select" id="modeSelect">
  609.                             <option value="serial">顺序执行</option>
  610.                             <option value="parallel">并行执行</option>
  611.                             <option value="smart">智能调度</option>
  612.                         </select>
  613.                     </div>

  615.                     <div class="switch-container">
  616.                         <span class="switch-label">任务完成后返回桌面</span>
  617.                         <label class="switch">
  618.                             <input type="checkbox" id="autoReturn" checked>
  619.                             <span class="slider"></span>
  620.                         </label>
  621.                     </div>

  623.                     <div class="switch-container">
  624.                         <span class="switch-label">自动清理缓存</span>
  625.                         <label class="switch">
  626.                             <input type="checkbox" id="autoClean" checked>
  627.                             <span class="slider"></span>
  628.                         </label>
  629.                     </div>

  631.                     <div class="switch-container">
  632.                         <span class="switch-label">后台运行</span>
  633.                         <label class="switch">
  634.                             <input type="checkbox" id="backgroundRun">
  635.                             <span class="slider"></span>
  636.                         </label>
  637.                     </div>

  639.                     <div class="switch-container">
  640.                         <span class="switch-label">错误自动重试</span>
  641.                         <label class="switch">
  642.                             <input type="checkbox" id="autoRetry" checked>
  643.                             <span class="slider"></span>
  644.                         </label>
  645.                     </div>

  647.                     <button class="btn btn-success" onclick="saveSettings()">
  648.                         保存设置
  649.                     </button>
  650.                 </div>
  651.             </div>

  653.             <!-- 运行日志 -->
  654.             <div id="logs-tab" class="tab-content">
  655.                 <div class="log-container" id="logContainer">
  656.                     <div class="log-item">
  657.                         <span class="log-time">[系统]</span>
  658.                         <span class="log-info">任务调度中心已启动</span>
  659.                     </div>
  660.                 </div>
  661.                 <button class="btn btn-primary" onclick="clearLogs()">
  662.                     清空日志
  663.                 </button>
  664.             </div>
  665.         </div>
  666.     </div>

  668.     <!-- Toast 提示 -->
  669.     <div class="toast" id="toast"></div>

  671.     <script>
  672.         // 任务数据
  673.         const tasksData = [
  674.             { id: 1, name: '抖音极速版', desc: '自动刷视频赚金币', status: 'pending' },
  675.             { id: 2, name: '快手极速版', desc: '自动浏览任务', status: 'pending' },
  676.             { id: 3, name: '番茄小说', desc: '自动阅读赚金币', status: 'pending' },
  677.             { id: 4, name: '番茄畅听', desc: '自动听书任务', status: 'pending' },
  678.             { id: 5, name: '红果短剧', desc: '自动刷短剧', status: 'pending' },
  679.             { id: 6, name: '悟空浏览器', desc: '自动浏览资讯', status: 'pending' },
  680.             { id: 7, name: '西瓜视频', desc: '自动看视频赚金币', status: 'pending' },
  681.             { id: 8, name: '今日头条', desc: '自动阅读新闻', status: 'pending' },
  682.             { id: 9, name: '喜番短剧', desc: '自动刷短剧任务', status: 'pending' },
  683.             { id: 10, name: '汽水音乐', desc: '自动听歌赚金币', status: 'pending' }
  684.         ];

  686.         // 当前选中的任务
  687.         let selectedTasks = new Set();

  689.         // 初始化
  690.         function init() {
  691.             renderTaskList();
  692.             updateStats();
  693.             addLog('系统初始化完成', 'info');
  694.         }

  696.         // 渲染任务列表
  697.         function renderTaskList() {
  698.             const taskList = document.getElementById('taskList');
  699.             taskList.innerHTML = '';

  701.             tasksData.forEach(task => {
  702.                 const li = document.createElement('li');
  703.                 li.className = 'task-item' + (selectedTasks.has(task.id) ? ' selected' : '');
  704.                 li.onclick = function(e) {
  705.                     if (e.target.type !== 'checkbox') {
  706.                         toggleTaskSelection(task.id);
  707.                     }
  708.                 };

  710.                 const statusClass = task.status;
  711.                 const statusText = {
  712.                     'pending': '待执行',
  713.                     'running': '执行中',
  714.                     'completed': '已完成'
  715.                 }[task.status];

  717.                 li.innerHTML = `
  718.                     <input type="checkbox" class="task-checkbox"
  719.                            ${selectedTasks.has(task.id) ? 'checked' : ''}
  720.                            onchange="toggleTaskSelection(${task.id})">
  721.                     <div class="task-info">
  722.                         <div class="task-name">${task.name}</div>
  723.                         <div class="task-desc">${task.desc}</div>
  724.                     </div>
  725.                     <span class="task-status ${statusClass}">${statusText}</span>
  726.                 `;

  728.                 taskList.appendChild(li);
  729.             });
  730.         }

  732.         // 切换任务选择
  733.         function toggleTaskSelection(taskId) {
  734.             if (selectedTasks.has(taskId)) {
  735.                 selectedTasks.delete(taskId);
  736.             } else {
  737.                 selectedTasks.add(taskId);
  738.             }
  739.             renderTaskList();
  740.         }

  742.         // 更新统计
  743.         function updateStats() {
  744.             const pending = tasksData.filter(t => t.status === 'pending').length;
  745.             const running = tasksData.filter(t => t.status === 'running').length;
  746.             const completed = tasksData.filter(t => t.status === 'completed').length;

  748.             document.getElementById('pendingCount').textContent = pending;
  749.             document.getElementById('runningCount').textContent = running;
  750.             document.getElementById('completedCount').textContent = completed;
  751.         }

  753.         // 切换标签页
  754.         function switchTab(tabName) {
  755.             // 更新按钮状态
  756.             document.querySelectorAll('.tab-btn').forEach(btn => {
  757.                 btn.classList.remove('active');
  758.             });
  759.             event.target.classList.add('active');

  761.             // 更新内容显示
  762.             document.querySelectorAll('.tab-content').forEach(content => {
  763.                 content.classList.remove('active');
  764.             });
  765.             document.getElementById(tabName + '-tab').classList.add('active');

  767.             addLog('切换到' + tabName + '页面', 'info');
  768.         }

  770.         // 执行选中的任务
  771.         function executeSelectedTasks() {
  772.             if (selectedTasks.size === 0) {
  773.                 showToast('请先选择要执行的任务');
  774.                 return;
  775.             }

  777.             const btn = event.target;
  778.             btn.classList.add('loading');
  779.             btn.disabled = true;

  781.             showToast('开始执行 ' + selectedTasks.size + ' 个任务');
  782.             addLog('开始执行 ' + selectedTasks.size + ' 个任务', 'info');

  784.             // 模拟任务执行
  785.             let completed = 0;
  786.             selectedTasks.forEach(taskId => {
  787.                 const task = tasksData.find(t => t.id === taskId);
  788.                 if (task) {
  789.                     task.status = 'running';
  790.                     addLog('开始执行: ' + task.name, 'info');
  791.                 }
  792.             });

  794.             renderTaskList();
  795.             updateStats();

  797.             // 模拟执行完成
  798.             setTimeout(function() {
  799.                 selectedTasks.forEach(taskId => {
  800.                     const task = tasksData.find(t => t.id === taskId);
  801.                     if (task) {
  802.                         task.status = 'completed';
  803.                         completed++;
  804.                         addLog('完成: ' + task.name, 'success');
  805.                     }
  806.                 });

  808.                 selectedTasks.clear();
  809.                 renderTaskList();
  810.                 updateStats();

  812.                 btn.classList.remove('loading');
  813.                 btn.disabled = false;

  815.                 showToast('任务执行完成');
  816.                 addLog('所有任务执行完成', 'success');

  818.                 // 检查是否需要返回桌面
  819.                 const autoReturn = document.getElementById('autoReturn').checked;
  820.                 if (autoReturn) {
  821.                     setTimeout(function() {
  822.                         showToast('正在返回桌面');
  823.                         addLog('任务完成，返回桌面', 'info');
  824.                         
  825.                         // 尝试不同方式调用返回桌面
  826.                         let success = false;
  827.                         
  828.                         // 方式1：直接调用hid.home()
  829.                         try {
  830.                             if (typeof hid !== 'undefined' && typeof hid.home === 'function') {
  831.                                 hid.home();
  832.                                 addLog('已调用 hid.home() 返回桌面', 'success');
  833.                                 success = true;
  834.                             }
  835.                         } catch (e) {}
  836.                         
  837.                         // 方式2：调用全局home()函数
  838.                         if (!success) {
  839.                             try {
  840.                                 if (typeof home === 'function') {
  841.                                     home();
  842.                                     addLog('已调用 home() 返回桌面', 'success');
  843.                                     success = true;
  844.                                 }
  845.                             } catch (e) {}
  846.                         }
  847.                         
  848.                         // 方式3：调用window.home()
  849.                         if (!success) {
  850.                             try {
  851.                                 if (typeof window !== 'undefined' && typeof window.home === 'function') {
  852.                                     window.home();
  853.                                     addLog('已调用 window.home() 返回桌面', 'success');
  854.                                     success = true;
  855.                                 }
  856.                             } catch (e) {}
  857.                         }
  858.                         
  859.                         // 方式4：调用window.hid.home()
  860.                         if (!success) {
  861.                             try {
  862.                                 if (typeof window !== 'undefined' && window.hid && typeof window.hid.home === 'function') {
  863.                                     window.hid.home();
  864.                                     addLog('已调用 window.hid.home() 返回桌面', 'success');
  865.                                     success = true;
  866.                                 }
  867.                             } catch (e) {}
  868.                         }
  869.                         
  870.                         // 方式5：使用eval调用
  871.                         if (!success) {
  872.                             try {
  873.                                 eval('hid.home()');
  874.                                 addLog('已调用 eval(hid.home()) 返回桌面', 'success');
  875.                                 success = true;
  876.                             } catch (e) {}
  877.                         }
  878.                         
  879.                         // 方式6：使用全局对象调用
  880.                         if (!success) {
  881.                             try {
  882.                                 // 尝试使用全局对象
  883.                                 const globalObj = (function() { return this; })();
  884.                                 if (globalObj && globalObj.hid && typeof globalObj.hid.home === 'function') {
  885.                                     globalObj.hid.home();
  886.                                     addLog('已调用 globalObj.hid.home() 返回桌面', 'success');
  887.                                     success = true;
  888.                                 }
  889.                             } catch (e) {}
  890.                         }
  891.                         
  892.                         // 如果所有方式都失败
  893.                         if (!success) {
  894.                             addLog('返回桌面功能暂不可用，请确保在AIWROK环境中运行', 'warning');
  895.                             showToast('返回桌面功能暂不可用');
  896.                         }
  897.                     }, 1000);
  898.                 }
  899.             }, 2000);
  900.         }

  902.         // 清空所有任务
  903.         function clearAllTasks() {
  904.             if (!confirm('确定要清空所有任务状态吗？')) {
  905.                 return;
  906.             }

  908.             tasksData.forEach(task => {
  909.                 task.status = 'pending';
  910.             });
  911.             selectedTasks.clear();
  912.             renderTaskList();
  913.             updateStats();

  915.             showToast('所有任务已重置');
  916.             addLog('所有任务状态已重置', 'warning');
  917.         }

  919.         // 保存设置
  920.         function saveSettings() {
  921.             const settings = {
  922.                 interval: document.getElementById('intervalInput').value,
  923.                 retry: document.getElementById('retryInput').value,
  924.                 mode: document.getElementById('modeSelect').value,
  925.                 autoClean: document.getElementById('autoClean').checked,
  926.                 backgroundRun: document.getElementById('backgroundRun').checked,
  927.                 autoRetry: document.getElementById('autoRetry').checked
  928.             };

  930.             const btn = event.target;
  931.             btn.classList.add('loading');
  932.             btn.disabled = true;

  934.             setTimeout(function() {
  935.                 btn.classList.remove('loading');
  936.                 btn.disabled = false;

  938.                 showToast('设置保存成功');
  939.                 addLog('系统设置已保存: ' + JSON.stringify(settings), 'success');
  940.             }, 1000);
  941.         }

  943.         // 清空日志
  944.         function clearLogs() {
  945.             document.getElementById('logContainer').innerHTML = `
  946.                 <div class="log-item">
  947.                     <span class="log-time">[系统]</span>
  948.                     <span class="log-info">日志已清空</span>
  949.                 </div>
  950.             `;
  951.             showToast('日志已清空');
  952.         }

  954.         // 添加日志
  955.         function addLog(message, type) {
  956.             const container = document.getElementById('logContainer');
  957.             const time = new Date().toLocaleTimeString();
  958.             const typeClass = 'log-' + type;

  960.             const logItem = document.createElement('div');
  961.             logItem.className = 'log-item';
  962.             logItem.innerHTML = `
  963.                 <span class="log-time">[${time}]</span>
  964.                 <span class="${typeClass}">${message}</span>
  965.             `;

  967.             container.appendChild(logItem);
  968.             container.scrollTop = container.scrollHeight;
  969.         }

  971.         // Toast 提示
  972.         function showToast(message) {
  973.             const toast = document.getElementById('toast');
  974.             toast.textContent = message;
  975.             toast.classList.add('show');

  977.             setTimeout(function() {
  978.                 toast.classList.remove('show');
  979.             }, 2000);
  980.         }

  982.         // 页面加载完成
  983.         window.onload = function() {
  984.             init();
  985.             showToast('智能任务调度中心已启动');
  986.             
  987.             // 绑定所有事件
  988.             bindAllEvents();
  989.         };

  991.         // 绑定所有事件
  992.         function bindAllEvents() {
  993.             // 输入框事件
  994.             bindInputEvents();
  995.             
  996.             // 开关事件
  997.             bindSwitchEvents();
  998.             
  999.             // 下拉菜单事件
  1000.             bindSelectEvents();
  1001.             
  1002.             // 键盘事件
  1003.             bindKeyboardEvents();
  1004.             
  1005.             // 窗口事件
  1006.             bindWindowEvents();
  1007.         }

  1009.         // 绑定输入框事件
  1010.         function bindInputEvents() {
  1011.             const inputs = document.querySelectorAll('.form-input');
  1012.             inputs.forEach(input => {
  1013.                 input.addEventListener('input', function() {
  1014.                     addLog('设置已更新: ' + this.id + ' = ' + this.value, 'info');
  1015.                 });
  1016.                
  1017.                 input.addEventListener('focus', function() {
  1018.                     this.style.borderColor = '#667eea';
  1019.                     this.style.boxShadow = '0 0 0 3px rgba(102, 126, 234, 0.1)';
  1020.                 });
  1021.                
  1022.                 input.addEventListener('blur', function() {
  1023.                     this.style.borderColor = '#e9ecef';
  1024.                     this.style.boxShadow = 'none';
  1025.                 });
  1026.             });
  1027.         }

  1029.         // 绑定开关事件
  1030.         function bindSwitchEvents() {
  1031.             const switches = document.querySelectorAll('.switch input[type="checkbox"]');
  1032.             switches.forEach(switchEl => {
  1033.                 switchEl.addEventListener('change', function() {
  1034.                     const label = this.closest('.switch-container').querySelector('.switch-label').textContent;
  1035.                     addLog('设置已更新: ' + label + ' = ' + (this.checked ? '开启' : '关闭'), 'info');
  1036.                 });
  1037.             });
  1038.         }

  1040.         // 绑定下拉菜单事件
  1041.         function bindSelectEvents() {
  1042.             const selects = document.querySelectorAll('.form-select');
  1043.             selects.forEach(select => {
  1044.                 select.addEventListener('change', function() {
  1045.                     addLog('设置已更新: ' + this.id + ' = ' + this.value, 'info');
  1046.                 });
  1047.                
  1048.                 select.addEventListener('focus', function() {
  1049.                     this.style.borderColor = '#667eea';
  1050.                     this.style.boxShadow = '0 0 0 3px rgba(102, 126, 234, 0.1)';
  1051.                 });
  1052.                
  1053.                 select.addEventListener('blur', function() {
  1054.                     this.style.borderColor = '#e9ecef';
  1055.                     this.style.boxShadow = 'none';
  1056.                 });
  1057.             });
  1058.         }

  1060.         // 绑定键盘事件
  1061.         function bindKeyboardEvents() {
  1062.             document.addEventListener('keydown', function(e) {
  1063.                 // 按 Enter 键执行选中任务
  1064.                 if (e.key === 'Enter' && document.getElementById('tasks-tab').classList.contains('active')) {
  1065.                     const selectedCount = selectedTasks.size;
  1066.                     if (selectedCount > 0) {
  1067.                         executeSelectedTasks();
  1068.                     }
  1069.                 }
  1070.                
  1071.                 // 按 Escape 键清空选择
  1072.                 if (e.key === 'Escape') {
  1073.                     selectedTasks.clear();
  1074.                     renderTaskList();
  1075.                     addLog('已清空任务选择', 'info');
  1076.                 }
  1077.             });
  1078.         }

  1080.         // 绑定窗口事件
  1081.         function bindWindowEvents() {
  1082.             // 窗口大小变化事件
  1083.             window.addEventListener('resize', function() {
  1084.                 addLog('窗口大小已变化', 'info');
  1085.             });
  1086.             
  1087.             // 页面可见性变化事件
  1088.             document.addEventListener('visibilitychange', function() {
  1089.                 if (document.hidden) {
  1090.                     addLog('页面已隐藏', 'info');
  1091.                 } else {
  1092.                     addLog('页面已显示', 'info');
  1093.                 }
  1094.             });
  1095.         }
  1096.     </script>
  1097. </body>
  1098. </html>
复制代码



AIWROK, aiwrok软件
楼主新帖
楼主热帖
untoAIWROK软件苹果水平容器[Horizontal]小实例nextnocontent

相关帖子
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关导读
群发软件AIWROK苹果脚本H5任务执行小例子
AIWROK苹果脚本H5任务执行小例子
群发软件AIWROK软件苹果水平容器[Horizontal]小实例
AIWROK软件苹果水平容器[Horizontal]小实例
群发软件AIWROK苹果脚本实例1界面UI输入框类[Input]
AIWROK苹果脚本实例1界面UI输入框类
群发软件AIWROK软件苹果脚本案例1空白站位[Space]方法
AIWROK软件苹果脚本案例1空白站位[Space]方法
群发软件AIWROK软件苹查系统复选框用法
AIWROK软件苹查系统复选框用法
群发软件苹果AIWROK实例单选按钮组类[RadioButtonGroup]完整综合示例
苹果AIWROK实例单选按钮组类[RadioButtonGroup]完整综合示例
群发软件AIWROK软件苹果实例UI-垂直容器[Vertical]高级综合示例
AIWROK软件苹果实例UI-垂直容器[Vertical]高级综合示例
群发软件IOS苹果脚本View的完整功能实例
IOS苹果脚本View的完整功能实例
群发软件AIWROK苹果系统实例演示1标签类[Label]方法
AIWROK苹果系统实例演示1标签类[Label]方法
信息发布软件AIWROK软件苹果UI按钮Button方法示例
AIWROK软件苹果UI按钮Button方法示例
信息发布软件AIWROK软件苹果TAB界面视图示例
AIWROK软件苹果TAB界面视图示例
信息发布软件AIWROK苹果系统自带view视图简洁UI界面示例
AIWROK苹果系统自带view视图简洁UI界面示例
信息发布软件汇集HID安卓输入文字的方法和复制粘贴示例
汇集HID安卓输入文字的方法和复制粘贴示例
信息发布软件AIWROK软件找字与OCR方法汇总示例
AIWROK软件找字与OCR方法汇总示例
信息发布软件AIWROK软件找图方法汇总示例
AIWROK软件找图方法汇总示例
信息发布软件AIWROK软件滑动方法集合示例
AIWROK软件滑动方法集合示例
信息发布软件AIWROK软件安卓AIWROK汇集软件点击
AIWROK软件安卓AIWROK汇集软件点击
信息发布软件苹果系统点击方法综合示例
苹果系统点击方法综合示例
信息发布软件AIWROK苹果系统找图方法完整示例集合
AIWROK苹果系统找图方法完整示例集合
信息发布软件苹果系统找图方法完整示例集合
苹果系统找图方法完整示例集合
信息发布软件苹果IOS系统找字OCR方法例子
苹果IOS系统找字OCR方法例子
信息发布软件AIWORK软件数组高级示例
AIWORK软件数组高级示例
信息发布软件AIWROK软件运算符封装库示例
AIWROK软件运算符封装库示例
信息发布软件AIWROK软件语法运行小示例
AIWROK软件语法运行小示例
信息发布软件AIWROK软件JS循环小示例
AIWROK软件JS循环小示例
信息发布软件AIWROK软件H5网页被主脚本获取值用法
AIWROK软件H5网页被主脚本获取值用法
信息发布软件AIWROK软件创建可暂停恢复的多线程任务
AIWROK软件创建可暂停恢复的多线程任务
信息发布软件AIWROK软件类型转换方法例子
AIWROK软件类型转换方法例子
信息发布软件AIWROK软件H5脚本执行与进度显示
AIWROK软件H5脚本执行与进度显示 .
信息发布软件AIWROK软件根据时间段执行异步任务支持多线程并行处理
AIWROK软件根据时间段执行异步任务支持多线程并行处理
信息发布软件H5自动开关执行脚本功能演示
H5自动开关执行脚本功能演示
信息发布软件AIWROK软件H5单选脚本运行示例
AIWROK软件H5单选脚本运行示例
信息发布软件H5任务脚本选择与执行中心
H5任务脚本选择与执行中心
信息发布软件H5里CheckBox控件演示
H5里CheckBox控件演示
信息发布软件AIWROK软件正则用法实际例子
AIWROK软件正则用法实际例子
信息发布软件AIWROK软件权限管理器实现
AIWROK软件权限管理器实现
信息发布软件AIWORK软件节点方法无碍示例子
AIWORK软件节点方法无碍示例子
信息发布软件JSON.stringify 和 JSON.parse 完整示例
JSON.stringify 和 JSON.parse 完整示例
信息发布软件AIWROK软件展示JavaScript各种语句标识符的用法
AIWROK软件展示JavaScript各种语句标识符的用法
信息发布软件JS巧妙地组合使用各种条件语句
JS巧妙地组合使用各种条件语句
信息发布软件AIWROK手机数据库MySQL数据库截图片批量上传操作脚本
AIWROK手机数据库MySQL数据库截图片批量上传操作脚本
信息发布软件HID中文输入智能打字功能
HID中文输入智能打字功能
信息发布软件AIWROK软件对象工具函数库例子
AIWROK软件对象工具函数库例子
信息发布软件AIWROK软件H5交互演示黄色主题
AIWROK软件H5交互演示黄色主题
信息发布软件H5单按钮执行脚本示例
H5单按钮执行脚本示例
信息发布软件苹果H5界面完整调用脚本示例
苹果H5界面完整调用脚本示例
信息发布软件AIWROK软件平台设备信息全面检测工具例子
AIWROK软件平台设备信息全面检测工具例子
信息发布软件AIWROK创建和放大日志窗口并展示动态内容
AIWROK创建和放大日志窗口并展示动态内容
信息发布软件AIWROK软件device相关方法获取设备信息例子
AIWROK软件device相关方法获取设备信息例子[/backcolor]
信息发布软件数据库MySQL实时内容随机调用
数据库MySQL实时内容随机调用
信息发布软件AIWROK软件分享一个特效苹果H5页面
AIWROK软件分享一个特效苹果H5页面
信息发布软件数据库MYQ业务流程心跳程序启动
数据库MYQ业务流程心跳程序启动
信息发布软件数据库MySQL功能支持创建表插入中文数据查询删除功能例子
数据库MySQL功能支持创建表插入中文数据查询删除功能例子
信息发布软件AIWROK软件Zip 高级操作复杂示例
AIWROK软件Zip 高级操作复杂示例
信息发布软件AIWROK软件txt_文件读写方法小结
AIWROK软件txt_文件读写方法小结
信息发布软件AIWROK软件file文件操作方法小结
AIWROK软件file文件操作方法小结
信息发布软件AIWORK软件配置读写H5演示配套脚本
AIWORK软件配置读写H5演示配套脚本
信息发布软件AIWROK配置读写功能演示示例
AIWROK配置读写功能演示示例
信息发布软件AIWROK截图缓存工具
AIWROK截图缓存工具
信息发布软件AIWROK线程许可证工具
AIWROK线程许可证工具
信息发布软件整理了AIWROK环境下常用的Date对象和sleep对象方法
整理了AIWROK环境下常用的Date对象和sleep对象方法
信息发布软件FastUI界面普通用法
FastUI界面普通用法
信息发布软件FastUI界面类[window]方法小结
FastUI界面类[window]方法小结 方法 1：close（关闭指定窗口）方法 2：closeAll（关闭所有窗口）方法 3：loadUI（加载 UI 界面）方法 4：onClose（监听窗口关闭事件）方法 5：onLoad（监听窗口加载事件）方法 6：setFull（设置窗口全屏）方法 7：setHeight（设置窗口高度）方法 8：setHidden（隐藏窗口）方法 9：setLeft（设置窗口 X 轴坐标）方法 10：setTop（设置窗口 Y 轴坐标）方法 11：setVisable（显示隐藏的窗口）方
信息发布软件AIWROK软件按钮监听UI界面与事件监听功能演示
AIWROK软件按钮监听UI界面与事件监听功能演示.
信息发布软件AWIROK软件多选[uiCheckBox]方法小结
AWIROK软件多选方法小结 方法一：findByID 加载多选控件方法二：getAllChecked 获取所有选中项方法三：getAllSelect 获取所有选项方法四：getChecked 获取某个选项是否选中方法五：setChecked 设置某个选项是否选中方法六：setCheckeds 设置多个选项是否选中方法七：setHeight 设置高度

QQ|( 京ICP备09078825号 )

本网站信息发布软件，是可以发布论坛，发送信息到各大博客，各大b2b软件自动发布，好不夸张的说：只要手工能发在电脑打开IE能发的网站，用这个宣传软件就可以仿制动作，进行推送发到您想发送的B2B网站或是信息发布平台上，不管是后台，还是前台，都可以进行最方便的广告发布，这个广告发布软件，可以按月购买，还可以试用软件，对网站的验证码也可以完全自动对信息发布，让客户自动找上门,使企业轻松实现b2b发布，这个信息发布软件，均是本站原创正版开发，拥有正版的血统，想要新功能，欢迎提意见给我，一好的分类信息群发软件在手，舍我其谁。QQ896757558

GMT+8, 2026-3-6 10:54 , Processed in 0.601015 second(s), 51 queries .

宣传软件--信息发布软件--b2b软件【广告发布软件】

快速回复 返回顶部 返回列表