page6.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!doctype html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>应用管理</title>
  6. </head>
  7. <body>
  8. <div class="app">
  9. <main class="view page-userapp">
  10. <div class="status-bar">
  11. <div class="status-item">
  12. <span class="label">安装服务</span>
  13. <span class="value" id="avar1">--</span>
  14. </div>
  15. <div class="status-item">
  16. <span class="label">当前已安装的用户应用</span>
  17. <span class="value" id="avar2">--</span>
  18. </div>
  19. <div class="status-item">
  20. <span class="label">用户应用运行状态</span>
  21. <span class="value" id="avar3">--</span>
  22. </div>
  23. <div class="status-item">
  24. <span class="label">用户应用进程PID</span>
  25. <span class="value" id="avar4">--</span>
  26. </div>
  27. </div>
  28. <div class="panes">
  29. <!-- 左栏 -->
  30. <div class="left-pane">
  31. <div class="card">
  32. <div class="card-header">
  33. <h2>包管理器</h2>
  34. <div class="log-actions">
  35. <input type="file" id="userAppPkg" style="display:none" accept=".tar.gz" onchange="uploadUserAppPkg(this)">
  36. <button class="btn" id="btn1" title="从本地选择用户应用安装包并上传" onclick="onBtn1Click()">上传</button>
  37. <span style="margin:0 1px;"></span>
  38. <button class="btn" id="btn2" title="下载当前已上传的用户应用安装包" onclick="onBtn2Click()">下载</button>
  39. <span style="margin:0 1px;"></span>
  40. <button class="btn" id="btn3" title="删除当前已上传的用户应用安装包" onclick="onBtn3Click()">移除</button>
  41. </div>
  42. </div>
  43. <div class="card-body">
  44. <div class="app-info">
  45. <span class="label">安装包名:</span>
  46. <span class="value" id="bvar1">--</span>
  47. </div>
  48. <div class="app-info">
  49. <span class="label">文件大小:</span>
  50. <span class="value" id="bvar2">--</span>
  51. </div>
  52. <div class="app-info">
  53. <span class="label" title="安装包文件的MD5校验值">文件哈希:</span>
  54. <span class="value" title="安装包文件的MD5校验值" id="bvar3">--</span>
  55. </div>
  56. <div class="app-info">
  57. <span class="label">上传时间:</span>
  58. <span class="value" id="bvar4">--</span>
  59. </div>
  60. <div class="app-info">
  61. <span class="label">操作状态:</span>
  62. <span class="value" id="bvar5">--</span>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="card">
  67. <div class="card-header">
  68. <h2>用户应用</h2>
  69. <div class="log-actions">
  70. <button class="btn" id="btn4" title="使用当前安装包安装用户应用" onclick="onBtn4Click()">安装</button>
  71. <span style="margin:0 1px;"></span>
  72. <button class="btn" id="btn5" title="卸载当前已经安装的用户应用" onclick="onBtn5Click()">卸载</button>
  73. <span style="margin:0 1px;"></span>
  74. <button class="btn" id="btn6" title="重启当前已经安装的用户应用" onclick="onBtn6Click()">重启</button>
  75. </div>
  76. </div>
  77. <div class="card-body">
  78. <div class="app-info">
  79. <span class="label">应用名称:</span>
  80. <span class="value" id="cvar1">--</span>
  81. </div>
  82. <div class="app-info">
  83. <span class="label">应用版本:</span>
  84. <span class="value" id="cvar2">--</span>
  85. </div>
  86. <div class="app-info">
  87. <span class="label">启动文件:</span>
  88. <span class="value" id="cvar3">--</span>
  89. </div>
  90. <div class="app-info">
  91. <span class="label">安装时间:</span>
  92. <span class="value" id="cvar4">--</span>
  93. </div>
  94. <div class="app-info app-desc">
  95. <span class="label">应用说明:</span>
  96. <span class="value" id="cvar5">--</span>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <!-- 右栏 -->
  102. <div class="right-pane">
  103. <div class="card log-card">
  104. <div class="card-header">
  105. <h2>安装服务</h2>
  106. <div class="log-actions">
  107. <select class="log-level-select" id="logLevel" title="当前服务日志级别" onchange="setAppInstallLogLevel()">
  108. <option value="trace">trace</option>
  109. <option value="debug">debug</option>
  110. <option value="info" selected>info</option>
  111. <option value="error">error</option>
  112. <option value="fatal">fatal</option>
  113. </select>
  114. <span style="margin:0 1px;"></span>
  115. <button class="btn" title="复制当前屏显日志" onclick="copyLog('text1')">复制</button>
  116. <span style="margin:0 1px;"></span>
  117. <button class="btn" title="清除当前屏显日志" onclick="clearLog('text1')">清除</button>
  118. <span style="margin:0 1px;"></span>
  119. <button class="btn" title="下载服务日志文件" onclick="downloadAppInstallLogFile(event)">下载</button>
  120. <span style="margin:0 1px;"></span>
  121. <button class="btn" title="点击重启应用管理" onclick="restartAppInstallService(event)">重启</button>
  122. </div>
  123. </div>
  124. <div class="output" id="text1">自动实时获取数据...</div>
  125. </div>
  126. </div>
  127. <!-- 结束 -->
  128. </div>
  129. </main>
  130. </div>
  131. </body>
  132. </html>