magnax 1.0.0__py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- magnax/__init__.py +3 -0
- magnax/__main__.py +25 -0
- magnax/debug.py +65 -0
- magnax/public/__init__.py +1 -0
- magnax/public/adb/linux/adb +0 -0
- magnax/public/adb/linux_arm/adb +0 -0
- magnax/public/adb/mac/adb +0 -0
- magnax/public/adb/windows/AdbWinApi.dll +0 -0
- magnax/public/adb/windows/AdbWinUsbApi.dll +0 -0
- magnax/public/adb/windows/adb.exe +0 -0
- magnax/public/adb.py +96 -0
- magnax/public/android_fps.py +750 -0
- magnax/public/apm.py +1306 -0
- magnax/public/apm_pk.py +184 -0
- magnax/public/common.py +1598 -0
- magnax/public/config.json +1 -0
- magnax/public/ios_perf_adapter.py +790 -0
- magnax/public/report_template/android.html +526 -0
- magnax/public/report_template/ios.html +482 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/AdbWinApi.dll +0 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/AdbWinUsbApi.dll +0 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/SDL2.dll +0 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/adb.exe +0 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/avcodec-60.dll +0 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/avformat-60.dll +0 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/avutil-58.dll +0 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/icon.png +0 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/libusb-1.0.dll +0 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/open_a_terminal_here.bat +1 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/scrcpy-console.bat +2 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/scrcpy-noconsole.vbs +7 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/scrcpy-server +0 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/scrcpy.exe +0 -0
- magnax/public/scrcpy/scrcpy-win32-v2.4/swresample-4.dll +0 -0
- magnax/public/scrcpy/scrcpy-win64-v2.4/AdbWinApi.dll +0 -0
- magnax/public/scrcpy/scrcpy-win64-v2.4/AdbWinUsbApi.dll +0 -0
- magnax/public/scrcpy/scrcpy-win64-v2.4/SDL2.dll +0 -0
- magnax/public/scrcpy/scrcpy-win64-v2.4/avformat-60.dll +0 -0
- magnax/public/scrcpy/scrcpy-win64-v2.4/avutil-58.dll +0 -0
- magnax/public/scrcpy/scrcpy-win64-v2.4/open_a_terminal_here.bat +1 -0
- magnax/public/scrcpy/scrcpy-win64-v2.4/scrcpy-noconsole.vbs +7 -0
- magnax/public/scrcpy/scrcpy-win64-v2.4/scrcpy-server +0 -0
- magnax/public/scrcpy/scrcpy-win64-v2.4/scrcpy.exe +0 -0
- magnax/public/scrcpy/scrcpy-win64-v2.4/swresample-4.dll +0 -0
- magnax/static/css/highlight.min.css +9 -0
- magnax/static/css/magnax-dark-theme.css +1237 -0
- magnax/static/css/select2-bootstrap-5-theme.min.css +3 -0
- magnax/static/css/select2-bootstrap-5-theme.rtl.min.css +3 -0
- magnax/static/css/select2.min.css +1 -0
- magnax/static/css/sweetalert2.min.css +1 -0
- magnax/static/css/tabler.demo.min.css +9 -0
- magnax/static/css/tabler.min.css +14 -0
- magnax/static/image/500.png +0 -0
- magnax/static/image/avatar.png +0 -0
- magnax/static/image/empty.png +0 -0
- magnax/static/image/readme/home.png +0 -0
- magnax/static/image/readme/pk.png +0 -0
- magnax/static/js/apexcharts.js +14 -0
- magnax/static/js/gray.js +16 -0
- magnax/static/js/highlight.min.js +1173 -0
- magnax/static/js/highstock.js +803 -0
- magnax/static/js/html2canvas.min.js +20 -0
- magnax/static/js/jquery.min.js +2 -0
- magnax/static/js/magnax-chart-theme.js +492 -0
- magnax/static/js/select2.min.js +2 -0
- magnax/static/js/sweetalert2.min.js +1 -0
- magnax/static/js/tabler.demo.min.js +9 -0
- magnax/static/js/tabler.min.js +9 -0
- magnax/static/logo/logo.png +0 -0
- magnax/templates/404.html +30 -0
- magnax/templates/analysis.html +1375 -0
- magnax/templates/analysis_compare.html +600 -0
- magnax/templates/analysis_pk.html +680 -0
- magnax/templates/base.html +365 -0
- magnax/templates/index.html +2471 -0
- magnax/templates/pk.html +743 -0
- magnax/templates/report.html +416 -0
- magnax/view/__init__.py +1 -0
- magnax/view/apis.py +952 -0
- magnax/view/pages.py +146 -0
- magnax/web.py +345 -0
- magnax-1.0.0.dist-info/METADATA +242 -0
- magnax-1.0.0.dist-info/RECORD +87 -0
- magnax-1.0.0.dist-info/WHEEL +5 -0
- magnax-1.0.0.dist-info/entry_points.txt +2 -0
- magnax-1.0.0.dist-info/licenses/LICENSE +21 -0
- magnax-1.0.0.dist-info/top_level.txt +1 -0
|
@@ -0,0 +1,680 @@
|
|
|
1
|
+
{% extends 'base.html' %}
|
|
2
|
+
{% block title %}SoloX - {% if lan == 'cn' %} 报告分析 {% else %} Analysis {% endif %}{% endblock %}
|
|
3
|
+
|
|
4
|
+
{% block css %}{% endblock %}
|
|
5
|
+
|
|
6
|
+
{% block page_title %}
|
|
7
|
+
<a class="active" style="color: #1e71df" href="/report?lan={{ lan }}">{% if lan == 'cn' %} 报告管理 {% else %} Report {% endif %}</a>
|
|
8
|
+
<svg t="1635085520789" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="165732" width="200" height="200"><path d="M360.704 280.746667l45.226667-45.226667 246.570666 246.528a42.666667 42.666667 0 0 1 0 60.330667l-246.528 246.570666-45.22666601-45.269333 231.42400001-231.466667-231.466667-231.424z" p-id="165733"></path></svg>
|
|
9
|
+
{{ app }}
|
|
10
|
+
<svg t="1635085520789" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="165732" width="200" height="200"><path d="M360.704 280.746667l45.226667-45.226667 246.570666 246.528a42.666667 42.666667 0 0 1 0 60.330667l-246.528 246.570666-45.22666601-45.269333 231.42400001-231.466667-231.466667-231.424z" p-id="165733"></path></svg>
|
|
11
|
+
{{ scene }}
|
|
12
|
+
{% endblock %}
|
|
13
|
+
|
|
14
|
+
{% block ms_auto %}
|
|
15
|
+
<div class="col-auto ms-auto d-print-none">
|
|
16
|
+
<div class="btn-list">
|
|
17
|
+
<a download="report.png" onclick="screenshot('sceen-body','report.png')" class="btn">
|
|
18
|
+
<svg t="1645944931399" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4026" width="200" height="200"><path d="M523.73504 319.29344h-204.8c-16.896 0-30.72-13.824-30.72-30.72s13.824-30.72 30.72-30.72h204.8c16.896 0 30.72 13.824 30.72 30.72s-13.824 30.72-30.72 30.72zM605.65504 452.41344h-286.72c-16.896 0-30.72-13.824-30.72-30.72s13.824-30.72 30.72-30.72h286.72c16.896 0 30.72 13.824 30.72 30.72s-13.824 30.72-30.72 30.72z" fill="#FFFFFF" p-id="4027"></path><path d="M658.176 146.57536H267.8784c-40.07936 0-72.58112 32.13312-72.58112 71.7824v587.29472c0 39.63904 32.49152 71.7824 72.58112 71.7824h488.2432c40.07936 0 72.58112-32.13312 72.58112-71.7824V303.18592L658.176 146.57536z" fill="#3889FF" p-id="4028"></path><path d="M317.10208 195.29728h341.06368v146.176H317.10208zM268.38016 633.8048h487.23968v243.61984H268.38016z" fill="#FFFFFF" p-id="4029"></path><path d="M598.71232 317.10208a25.6 25.6 0 0 1-25.6-25.6v-46.24384a25.6 25.6 0 1 1 51.2 0v46.24384a25.6 25.6 0 0 1-25.6 25.6zM640 736.2048h-256a25.6 25.6 0 1 1 0-51.2h256a25.6 25.6 0 1 1 0 51.2zM643.0208 829.17376h-256a25.6 25.6 0 1 1 0-51.2h256a25.6 25.6 0 0 1 0 51.2z" fill="#3889FF" p-id="4030"></path></svg>
|
|
19
|
+
{% if lan == 'cn' %} 保存图片 {% else %} Save image {% endif %}
|
|
20
|
+
</a>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
{% endblock %}
|
|
24
|
+
|
|
25
|
+
{% block navbar_nav %}
|
|
26
|
+
<ul class="navbar-nav">
|
|
27
|
+
<li class="nav-item" id="apm_tab" style="margin-left: 20px;font-weight: bolder;">
|
|
28
|
+
<a class="nav-link" href="/?platform=Android&lan={{ lan }}" >
|
|
29
|
+
<span class="nav-link-icon d-md-none d-lg-inline-block">
|
|
30
|
+
<svg t="1635060342196" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="82258" width="200" height="200"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FBD000" p-id="82259"></path><path d="M949.6 848H92.8c-4.8 0-8-3.2-8-8s3.2-8 8-8h856.8c4.8 0 8 3.2 8 8s-4 8-8 8z" fill="#074370" p-id="82260"></path><path d="M903.2 776c0 35.2-28.8 64-64 64H203.2c-35.2 0-64-28.8-64-64V293.6c0-35.2 28.8-64 64-64h636c35.2 0 64 28.8 64 64V776z" fill="#415E6D" p-id="82261"></path><path d="M839.2 797.6H203.2c-35.2 0-64-28.8-64-64V776c0 35.2 28.8 64 64 64h636c35.2 0 64-28.8 64-64v-42.4c0 35.2-28.8 64-64 64z" fill="#324D5B" p-id="82262"></path><path d="M839.2 229.6H203.2c-35.2 0-64 28.8-64 64V728h764V293.6c0-35.2-28.8-64-64-64z" fill="#EAEAEA" p-id="82263"></path><path d="M901.6 736H144c-4.8 0-8-3.2-8-8s3.2-8 8-8h757.6c4.8 0 8 3.2 8 8s-4 8-8 8z" fill="#074370" p-id="82264"></path><path d="M816 784m-24 0a24 24 0 1 0 48 0 24 24 0 1 0-48 0Z" fill="#28A5C6" p-id="82265"></path><path d="M216 784m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#3AD0F9" p-id="82266"></path><path d="M280 784m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#FF4848" p-id="82267"></path><path d="M344 784m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#75B600" p-id="82268"></path><path d="M408 784m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#FFFFFF" p-id="82269"></path><path d="M904 592h-72c-4.8 0-8-3.2-8-8s4-8 8-8h71.2c4.8 0 8 3.2 8 8s-3.2 8-7.2 8zM639.2 664c-3.2 0-6.4-2.4-8-5.6L592 523.2l-14.4 63.2c-0.8 4-4 6.4-8 6.4H391.2c-4 0-7.2-2.4-8-6.4l-21.6-119.2-17.6 73.6c-0.8 4-5.6 7.2-9.6 5.6-4-0.8-7.2-5.6-5.6-9.6L355.2 424c0.8-4 4-6.4 8-6.4s7.2 3.2 8 6.4l27.2 152h166.4L584 488.8c0.8-3.2 4-8.8 8-8.8s6.4 4.8 8 8.8l38.4 132.8 40.8-224.8c0.8-4 4-6.4 8-6.4s7.2 2.4 8 6.4L732 576h76c4.8 0 8 3.2 8 8s-3.2 8-8 8H725.6c-4 0-7.2-2.4-8-6.4l-30.4-146.4-40 218.4c-0.8 3.2-4 6.4-8 6.4 0.8 0 0.8 0 0 0zM305.6 680c-4 0-7.2-2.4-8-6.4L268 536l-15.2 50.4c-0.8 3.2-4 5.6-8 5.6H146.4c-4.8 0-8-3.2-8-8s3.2-8 8-8h92.8l22.4-74.4c0.8-3.2 4.8-5.6 8-5.6 4 0 6.4 2.4 7.2 6.4l28.8 132.8 11.2-47.2c0.8-4 5.6-7.2 9.6-5.6 4 0.8 7.2 5.6 5.6 9.6l-19.2 82.4c0 3.2-4 5.6-7.2 5.6z" fill="#074370" p-id="82270"></path><path d="M776 304h-56c-4.8 0-8-3.2-8-8s3.2-8 8-8h56c4.8 0 8 3.2 8 8s-3.2 8-8 8zM672 304H488c-4 0-8-3.2-8-8s3.2-8 8-8h184c4 0 8 3.2 8 8s-3.2 8-8 8zM424 304H224c-4.8 0-8-3.2-8-8s4-8 8-8h200c4.8 0 8 3.2 8 8s-4 8-8 8zM711.2 344H584c-4.8 0-8-3.2-8-8s3.2-8 8-8h127.2c4.8 0 8 3.2 8 8s-3.2 8-8 8zM528 344H224c-4.8 0-8-3.2-8-8s4-8 8-8h304c4.8 0 8 3.2 8 8s-4 8-8 8z" fill="#ADADAD" p-id="82271"></path><path d="M840 848H200c-40 0-72-32-72-72V296c0-40 32-72 72-72h640c40 0 72 32 72 72v480c0 40-32 72-72 72zM200 240c-31.2 0-56 24.8-56 56v480c0 31.2 24.8 56 56 56h640c31.2 0 56-24.8 56-56V296c0-31.2-24.8-56-56-56H200z" fill="#074370" p-id="82272"></path><path d="M864 553.6c-4.8 0-8-3.2-8-8v-80c0-4.8 3.2-8 8-8s8 3.2 8 8v80c0 4.8-3.2 8-8 8zM864 425.6c-4.8 0-8-3.2-8-8V312c0-22.4-17.6-40-40-40H408c-4.8 0-8-3.2-8-8s3.2-8 8-8h408c31.2 0 56 24.8 56 56v105.6c0 4.8-3.2 8-8 8zM345.6 272H224c-4.8 0-8-3.2-8-8s3.2-8 8-8h121.6c4.8 0 8 3.2 8 8s-4 8-8 8zM64 464c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32z m0-48c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16zM656 176c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32z m0-48c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16zM474.4 124c0-3.2-3.2-6.4-8-7.2l-15.2-2.4c-4-0.8-8.8-4.8-8.8-8.8l-2.4-15.2c-0.8-4-4-8-7.2-8s-6.4 3.2-7.2 8l-2.4 15.2c-0.8 4-4.8 8.8-8.8 8.8l-15.2 2.4c-4 0.8-8 4-8 7.2s3.2 6.4 8 7.2l15.2 2.4c4 0.8 8.8 4.8 8.8 8.8l2.4 15.2c0.8 4 4 8 7.2 8s6.4-3.2 7.2-8l2.4-16.8c0.8-4 4.8-8 8.8-8.8l14.4-0.8c5.6-1.6 8.8-4 8.8-7.2zM502.4 928c0-3.2-3.2-6.4-8-7.2l-15.2-2.4c-4-0.8-8.8-4.8-8.8-8.8l-2.4-15.2c-0.8-4-4-8-7.2-8s-6.4 3.2-7.2 8l-2.4 15.2c-0.8 4-4.8 8.8-8.8 8.8l-15.2 2.4c-4 0.8-8 4-8 7.2s3.2 6.4 8 7.2l15.2 2.4c4 0.8 8.8 4.8 8.8 8.8l2.4 15.2c0.8 4 4 8 7.2 8s6.4-3.2 7.2-8l2.4-16.8c0.8-4 4.8-8 8.8-8.8l14.4-0.8c5.6-1.6 8.8-4 8.8-7.2z" fill="#FFFFFF" p-id="82273"></path></svg>
|
|
31
|
+
</span>
|
|
32
|
+
<span class="nav-link-title strong-text">{% if lan == 'cn' %} 性能测试 {% else %} APM {% endif %}</span>
|
|
33
|
+
</a>
|
|
34
|
+
</li>
|
|
35
|
+
<li class="nav-item active" id="report_tab" style="margin-left: 20px;font-weight: bolder;">
|
|
36
|
+
<a class="nav-link" href="/report?lan={{ lan }}" >
|
|
37
|
+
<span class="nav-link-icon d-md-none d-lg-inline-block">
|
|
38
|
+
<svg t="1643364122000" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29349" width="300" height="300"><path d="M777 806.7c0 38.7-31.1 70.3-69.7 70.3H225.9c-38.7 0-69.9-31.6-69.9-70.3V174.4c0-38.7 31.2-70.4 69.9-70.4h481.4c38.7 0 69.7 31.7 69.7 70.4v632.3z" fill="#FFFFFF" p-id="29350"></path><path d="M707.3 886H225.9c-43.5 0-78.9-35.8-78.9-79.3V174.4c0-43.5 35.4-79.4 78.9-79.4h481.4c43.5 0 79.7 35.9 79.7 79.4v632.3c0 43.5-36.2 79.3-79.7 79.3zM225.9 113c-33.7 0-59.9 27.7-59.9 61.4v632.3c0 33.7 26.2 61.3 59.9 61.3h481.4c33.7 0 60.7-27.6 60.7-61.3V174.4c0-33.7-27-61.4-60.7-61.4H225.9z" fill="#282828" p-id="29351"></path><path d="M732 763.1c0 33.3-26.1 60.9-59.4 60.9H251.7c-33.3 0-59.7-27.6-59.7-60.9V226.9c0-33.3 26.4-60.9 59.7-60.9h420.9c33.3 0 59.4 27.5 59.4 60.9v536.2z" fill="#50BCFF" p-id="29352"></path><path d="M361.8 251.9H208.6c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9h153.1c4.9 0 8.9 4 8.9 8.9s-3.9 8.9-8.8 8.9zM549.2 313H208.6c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9h340.5c4.9 0 8.9 4 8.9 8.9s-3.9 8.9-8.8 8.9zM652 448.4H208.6c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9H652c4.9 0 8.9 4 8.9 8.9s-4 8.9-8.9 8.9zM588.4 515.8H208.6c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9h379.7c4.9 0 8.9 4 8.9 8.9 0.1 4.9-3.9 8.9-8.8 8.9z" fill="#282828" p-id="29353"></path><path d="M673.3 113.3c0 19.6-15.9 35.5-35.5 35.5h-346c-19.6 0-35.5-15.9-35.5-35.5v-6.7c0-19.6 15.9-35.5 35.5-35.5h346c19.6 0 35.5 15.9 35.5 35.5v6.7z" fill="#1A6DFF" p-id="29354"></path><path d="M637.8 157.6h-346c-24.5 0-44.4-19.9-44.4-44.4v-6.7c0-24.5 19.9-44.4 44.4-44.4h346c24.5 0 44.4 19.9 44.4 44.4v6.7c0 24.5-19.9 44.4-44.4 44.4zM291.9 80c-14.7 0-26.6 11.9-26.6 26.6v6.7c0 14.7 11.9 26.6 26.6 26.6h346c14.7 0 26.6-11.9 26.6-26.6v-6.7c0-14.7-11.9-26.6-26.6-26.6h-346z" fill="#282828" p-id="29355"></path><path d="M849.7 758.4c0 106.3-86.2 192.4-192.4 192.4-106.3 0-192.4-86.2-192.4-192.4C464.8 652.1 551 566 657.3 566c106.2 0 192.4 86.1 192.4 192.4z" fill="#FFFFFF" p-id="29356"></path><path d="M657.3 959.7c-111 0-201.3-90.3-201.3-201.3s90.3-201.3 201.3-201.3 201.3 90.3 201.3 201.3-90.3 201.3-201.3 201.3z m0-384.8c-101.2 0-183.5 82.3-183.5 183.5S556.1 942 657.3 942s183.6-82.3 183.6-183.6c-0.1-101.2-82.4-183.5-183.6-183.5z" fill="#282828" p-id="29357"></path><path d="M657.3 553.6v204.9h203.6c-0.2-112.7-91.2-204-203.6-204.9z" fill="#1A6DFF" p-id="29358"></path><path d="M860.9 767.3H657.3c-4.9 0-8.9-4-8.9-8.9V553.6c0-2.4 0.9-4.6 2.6-6.3 1.7-1.7 3.6-2.4 6.3-2.6 116.9 0.9 212.2 96.8 212.4 213.7 0 2.4-0.9 4.6-2.6 6.3-1.6 1.7-3.9 2.6-6.2 2.6z m-194.8-17.8h185.6C847 649.3 766.2 568 666.1 562.7v186.8z" fill="#282828" p-id="29359"></path><path d="M794.1 903.7c-2.3 0-4.6-0.9-6.3-2.6L652.1 764.7c-3.5-3.5-3.4-9.1 0-12.6 3.5-3.5 9.1-3.4 12.6 0l135.7 136.5c3.5 3.5 3.4 9.1 0 12.6-1.8 1.7-4 2.5-6.3 2.5z" fill="#282828" p-id="29360"></path></svg>
|
|
39
|
+
</span>
|
|
40
|
+
<span class="nav-link-title strong-text">Report{% if lan == 'cn' %} 比对模式 {% else %} PK Model {% endif %}</span>
|
|
41
|
+
</a>
|
|
42
|
+
</li>
|
|
43
|
+
</ul>
|
|
44
|
+
{% endblock %}
|
|
45
|
+
|
|
46
|
+
{% block page_body %}
|
|
47
|
+
<div class="col-12 mb-3">
|
|
48
|
+
<div class="row row-cards">
|
|
49
|
+
{% if model == '2-devices' %}
|
|
50
|
+
<div class="col-sm-6 col-lg-2">
|
|
51
|
+
<div class="card card-sm">
|
|
52
|
+
<div class="card-body">
|
|
53
|
+
<div class="row align-items-center">
|
|
54
|
+
<div class="col-auto">
|
|
55
|
+
<span class="bg-dark text-white avatar">
|
|
56
|
+
CPU
|
|
57
|
+
</span>
|
|
58
|
+
</div>
|
|
59
|
+
<div class="col">
|
|
60
|
+
<div class="font-weight-medium">
|
|
61
|
+
Device1
|
|
62
|
+
</div>
|
|
63
|
+
<div class="text-muted">
|
|
64
|
+
Avg：{{ apm_data.cpuAppRate1 }}
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
<div class="col-sm-6 col-lg-2">
|
|
72
|
+
<div class="card card-sm">
|
|
73
|
+
<div class="card-body">
|
|
74
|
+
<div class="row align-items-center">
|
|
75
|
+
<div class="col-auto">
|
|
76
|
+
<span class="bg-dark text-white avatar">
|
|
77
|
+
CPU
|
|
78
|
+
</span>
|
|
79
|
+
</div>
|
|
80
|
+
<div class="col">
|
|
81
|
+
<div class="font-weight-medium">
|
|
82
|
+
Device2
|
|
83
|
+
</div>
|
|
84
|
+
<div class="text-muted">
|
|
85
|
+
Avg：{{ apm_data.cpuAppRate2 }}
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
<div class="col-sm-6 col-lg-2">
|
|
93
|
+
<div class="card card-sm">
|
|
94
|
+
<div class="card-body">
|
|
95
|
+
<div class="row align-items-center">
|
|
96
|
+
<div class="col-auto">
|
|
97
|
+
<span class="bg-yellow text-white avatar">
|
|
98
|
+
MEM
|
|
99
|
+
</span>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="col">
|
|
102
|
+
<div class="font-weight-medium">
|
|
103
|
+
Device1
|
|
104
|
+
</div>
|
|
105
|
+
<div class="text-muted">
|
|
106
|
+
Avg：{{ apm_data.totalPassAvg1 }}
|
|
107
|
+
</div>
|
|
108
|
+
</div>
|
|
109
|
+
</div>
|
|
110
|
+
</div>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
<div class="col-sm-6 col-lg-2">
|
|
114
|
+
<div class="card card-sm">
|
|
115
|
+
<div class="card-body">
|
|
116
|
+
<div class="row align-items-center">
|
|
117
|
+
<div class="col-auto">
|
|
118
|
+
<span class="bg-yellow text-white avatar">
|
|
119
|
+
MEM
|
|
120
|
+
</span>
|
|
121
|
+
</div>
|
|
122
|
+
<div class="col">
|
|
123
|
+
<div class="font-weight-medium">
|
|
124
|
+
Device2
|
|
125
|
+
</div>
|
|
126
|
+
<div class="text-muted">
|
|
127
|
+
Avg：{{ apm_data.totalPassAvg2 }}
|
|
128
|
+
</div>
|
|
129
|
+
</div>
|
|
130
|
+
</div>
|
|
131
|
+
</div>
|
|
132
|
+
</div>
|
|
133
|
+
</div>
|
|
134
|
+
<div class="col-sm-6 col-lg-2">
|
|
135
|
+
<div class="card card-sm">
|
|
136
|
+
<div class="card-body">
|
|
137
|
+
<div class="row align-items-center">
|
|
138
|
+
<div class="col-auto">
|
|
139
|
+
<span class="bg-pink text-white avatar">
|
|
140
|
+
FPS
|
|
141
|
+
</span>
|
|
142
|
+
</div>
|
|
143
|
+
<div class="col">
|
|
144
|
+
<div class="font-weight-medium">
|
|
145
|
+
Device1
|
|
146
|
+
</div>
|
|
147
|
+
<div class="text-muted">
|
|
148
|
+
Avg：{{ apm_data.fpsAvg1 }}
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
</div>
|
|
153
|
+
</div>
|
|
154
|
+
</div>
|
|
155
|
+
<div class="col-sm-6 col-lg-2">
|
|
156
|
+
<div class="card card-sm">
|
|
157
|
+
<div class="card-body">
|
|
158
|
+
<div class="row align-items-center">
|
|
159
|
+
<div class="col-auto">
|
|
160
|
+
<span class="bg-pink text-white avatar">
|
|
161
|
+
FPS
|
|
162
|
+
</span>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="col">
|
|
165
|
+
<div class="font-weight-medium">
|
|
166
|
+
Device2
|
|
167
|
+
</div>
|
|
168
|
+
<div class="text-muted">
|
|
169
|
+
Avg：{{ apm_data.fpsAvg2 }}
|
|
170
|
+
</div>
|
|
171
|
+
</div>
|
|
172
|
+
</div>
|
|
173
|
+
</div>
|
|
174
|
+
</div>
|
|
175
|
+
</div>
|
|
176
|
+
<div class="col-sm-6 col-lg-2">
|
|
177
|
+
<div class="card card-sm">
|
|
178
|
+
<div class="card-body">
|
|
179
|
+
<div class="row align-items-center">
|
|
180
|
+
<div class="col-auto">
|
|
181
|
+
<span class="bg-blue text-white avatar">
|
|
182
|
+
NET
|
|
183
|
+
</span>
|
|
184
|
+
</div>
|
|
185
|
+
<div class="col">
|
|
186
|
+
<div class="font-weight-medium">
|
|
187
|
+
Device1
|
|
188
|
+
</div>
|
|
189
|
+
<div class="text-muted">
|
|
190
|
+
All：{{ apm_data.network1 }}
|
|
191
|
+
</div>
|
|
192
|
+
</div>
|
|
193
|
+
</div>
|
|
194
|
+
</div>
|
|
195
|
+
</div>
|
|
196
|
+
</div>
|
|
197
|
+
<div class="col-sm-6 col-lg-2">
|
|
198
|
+
<div class="card card-sm">
|
|
199
|
+
<div class="card-body">
|
|
200
|
+
<div class="row align-items-center">
|
|
201
|
+
<div class="col-auto">
|
|
202
|
+
<span class="bg-blue text-white avatar">
|
|
203
|
+
NET
|
|
204
|
+
</span>
|
|
205
|
+
</div>
|
|
206
|
+
<div class="col">
|
|
207
|
+
<div class="font-weight-medium">
|
|
208
|
+
Device2
|
|
209
|
+
</div>
|
|
210
|
+
<div class="text-muted">
|
|
211
|
+
All：{{ apm_data.network2 }}
|
|
212
|
+
</div>
|
|
213
|
+
</div>
|
|
214
|
+
</div>
|
|
215
|
+
</div>
|
|
216
|
+
</div>
|
|
217
|
+
</div>
|
|
218
|
+
{% else %}
|
|
219
|
+
<div class="col-sm-6 col-lg-2">
|
|
220
|
+
<div class="card card-sm">
|
|
221
|
+
<div class="card-body">
|
|
222
|
+
<div class="row align-items-center">
|
|
223
|
+
<div class="col-auto">
|
|
224
|
+
<span class="bg-dark text-white avatar">
|
|
225
|
+
CPU
|
|
226
|
+
</span>
|
|
227
|
+
</div>
|
|
228
|
+
<div class="col">
|
|
229
|
+
<div class="font-weight-medium">
|
|
230
|
+
APP1
|
|
231
|
+
</div>
|
|
232
|
+
<div class="text-muted">
|
|
233
|
+
Avg：{{ apm_data.cpuAppRate1 }}
|
|
234
|
+
</div>
|
|
235
|
+
</div>
|
|
236
|
+
</div>
|
|
237
|
+
</div>
|
|
238
|
+
</div>
|
|
239
|
+
</div>
|
|
240
|
+
<div class="col-sm-6 col-lg-2">
|
|
241
|
+
<div class="card card-sm">
|
|
242
|
+
<div class="card-body">
|
|
243
|
+
<div class="row align-items-center">
|
|
244
|
+
<div class="col-auto">
|
|
245
|
+
<span class="bg-dark text-white avatar">
|
|
246
|
+
CPU
|
|
247
|
+
</span>
|
|
248
|
+
</div>
|
|
249
|
+
<div class="col">
|
|
250
|
+
<div class="font-weight-medium">
|
|
251
|
+
APP2
|
|
252
|
+
</div>
|
|
253
|
+
<div class="text-muted">
|
|
254
|
+
Avg：{{ apm_data.cpuAppRate2 }}
|
|
255
|
+
</div>
|
|
256
|
+
</div>
|
|
257
|
+
</div>
|
|
258
|
+
</div>
|
|
259
|
+
</div>
|
|
260
|
+
</div>
|
|
261
|
+
<div class="col-sm-6 col-lg-2">
|
|
262
|
+
<div class="card card-sm">
|
|
263
|
+
<div class="card-body">
|
|
264
|
+
<div class="row align-items-center">
|
|
265
|
+
<div class="col-auto">
|
|
266
|
+
<span class="bg-yellow text-white avatar">
|
|
267
|
+
MEM
|
|
268
|
+
</span>
|
|
269
|
+
</div>
|
|
270
|
+
<div class="col">
|
|
271
|
+
<div class="font-weight-medium">
|
|
272
|
+
APP1
|
|
273
|
+
</div>
|
|
274
|
+
<div class="text-muted">
|
|
275
|
+
Avg：{{ apm_data.totalPassAvg1 }}
|
|
276
|
+
</div>
|
|
277
|
+
</div>
|
|
278
|
+
</div>
|
|
279
|
+
</div>
|
|
280
|
+
</div>
|
|
281
|
+
</div>
|
|
282
|
+
<div class="col-sm-6 col-lg-2">
|
|
283
|
+
<div class="card card-sm">
|
|
284
|
+
<div class="card-body">
|
|
285
|
+
<div class="row align-items-center">
|
|
286
|
+
<div class="col-auto">
|
|
287
|
+
<span class="bg-yellow text-white avatar">
|
|
288
|
+
MEM
|
|
289
|
+
</span>
|
|
290
|
+
</div>
|
|
291
|
+
<div class="col">
|
|
292
|
+
<div class="font-weight-medium">
|
|
293
|
+
APP2
|
|
294
|
+
</div>
|
|
295
|
+
<div class="text-muted">
|
|
296
|
+
Avg：{{ apm_data.totalPassAvg2 }}
|
|
297
|
+
</div>
|
|
298
|
+
</div>
|
|
299
|
+
</div>
|
|
300
|
+
</div>
|
|
301
|
+
</div>
|
|
302
|
+
</div>
|
|
303
|
+
<div class="col-sm-6 col-lg-2">
|
|
304
|
+
<div class="card card-sm">
|
|
305
|
+
<div class="card-body">
|
|
306
|
+
<div class="row align-items-center">
|
|
307
|
+
<div class="col-auto">
|
|
308
|
+
<span class="bg-pink text-white avatar">
|
|
309
|
+
FPS
|
|
310
|
+
</span>
|
|
311
|
+
</div>
|
|
312
|
+
<div class="col">
|
|
313
|
+
<div class="font-weight-medium">
|
|
314
|
+
APP1
|
|
315
|
+
</div>
|
|
316
|
+
<div class="text-muted">
|
|
317
|
+
Avg：{{ apm_data.fpsAvg1 }}
|
|
318
|
+
</div>
|
|
319
|
+
</div>
|
|
320
|
+
</div>
|
|
321
|
+
</div>
|
|
322
|
+
</div>
|
|
323
|
+
</div>
|
|
324
|
+
<div class="col-sm-6 col-lg-2">
|
|
325
|
+
<div class="card card-sm">
|
|
326
|
+
<div class="card-body">
|
|
327
|
+
<div class="row align-items-center">
|
|
328
|
+
<div class="col-auto">
|
|
329
|
+
<span class="bg-pink text-white avatar">
|
|
330
|
+
FPS
|
|
331
|
+
</span>
|
|
332
|
+
</div>
|
|
333
|
+
<div class="col">
|
|
334
|
+
<div class="font-weight-medium">
|
|
335
|
+
APP2
|
|
336
|
+
</div>
|
|
337
|
+
<div class="text-muted">
|
|
338
|
+
Avg：{{ apm_data.fpsAvg2 }}
|
|
339
|
+
</div>
|
|
340
|
+
</div>
|
|
341
|
+
</div>
|
|
342
|
+
</div>
|
|
343
|
+
</div>
|
|
344
|
+
</div>
|
|
345
|
+
<div class="col-sm-6 col-lg-2">
|
|
346
|
+
<div class="card card-sm">
|
|
347
|
+
<div class="card-body">
|
|
348
|
+
<div class="row align-items-center">
|
|
349
|
+
<div class="col-auto">
|
|
350
|
+
<span class="bg-blue text-white avatar">
|
|
351
|
+
NET
|
|
352
|
+
</span>
|
|
353
|
+
</div>
|
|
354
|
+
<div class="col">
|
|
355
|
+
<div class="font-weight-medium">
|
|
356
|
+
APP1
|
|
357
|
+
</div>
|
|
358
|
+
<div class="text-muted">
|
|
359
|
+
All：{{ apm_data.network1 }}
|
|
360
|
+
</div>
|
|
361
|
+
</div>
|
|
362
|
+
</div>
|
|
363
|
+
</div>
|
|
364
|
+
</div>
|
|
365
|
+
</div>
|
|
366
|
+
<div class="col-sm-6 col-lg-2">
|
|
367
|
+
<div class="card card-sm">
|
|
368
|
+
<div class="card-body">
|
|
369
|
+
<div class="row align-items-center">
|
|
370
|
+
<div class="col-auto">
|
|
371
|
+
<span class="bg-blue text-white avatar">
|
|
372
|
+
NET
|
|
373
|
+
</span>
|
|
374
|
+
</div>
|
|
375
|
+
<div class="col">
|
|
376
|
+
<div class="font-weight-medium">
|
|
377
|
+
APP2
|
|
378
|
+
</div>
|
|
379
|
+
<div class="text-muted">
|
|
380
|
+
All：{{ apm_data.network2 }}
|
|
381
|
+
</div>
|
|
382
|
+
</div>
|
|
383
|
+
</div>
|
|
384
|
+
</div>
|
|
385
|
+
</div>
|
|
386
|
+
</div>
|
|
387
|
+
{% endif %}
|
|
388
|
+
</div>
|
|
389
|
+
</div>
|
|
390
|
+
<div class="col-12">
|
|
391
|
+
<div class="card cpu-card">
|
|
392
|
+
<div class="card-header">
|
|
393
|
+
<div class='card-title'>CPU（%）</div>
|
|
394
|
+
<div class="card-actions btn-actions">
|
|
395
|
+
<a class="btn-action cursor-pointer" id="cpu_loading">
|
|
396
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /></svg>
|
|
397
|
+
</a>
|
|
398
|
+
<a class="btn-action cursor-pointer" id="cpu_png" onclick="screenshot('cpu-card','cpu.png')">
|
|
399
|
+
<svg t="1646303797379" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5790" width="2000" height="2000"><path d="M897.856 842.56c14.464-6.72 18.624-20.48 9.28-30.848l-241.216-263.296a25.792 25.792 0 0 0-7.68-5.888c-14.016-7.296-33.6-5.184-43.776 4.8l-241.152 233.088-103.808-70.528a30.912 30.912 0 0 0-3.52-1.92c-14.08-7.36-33.664-4.992-43.776 4.864l-101.056 97.728a18.368 18.368 0 0 0-6.08 13.952c0.512 12.288 14.848 22.016 32.128 21.696h732.8a40.768 40.768 0 0 0 17.856-3.648zM259.84 399.68a78.464 78.464 0 0 0 117.504 67.84 78.272 78.272 0 0 0 0-135.744A78.208 78.208 0 0 0 259.84 399.68" p-id="5791"></path><path d="M864.832 872.256H159.232a83.84 83.84 0 0 1-83.776-83.776V235.52a83.84 83.84 0 0 1 83.776-83.776h705.536a83.84 83.84 0 0 1 83.776 83.776v552.96a83.84 83.84 0 0 1-83.712 83.776zM159.232 183.744a51.84 51.84 0 0 0-51.776 51.776v552.96a51.84 51.84 0 0 0 51.776 51.776h705.536a51.84 51.84 0 0 0 51.776-51.776V235.52a51.84 51.84 0 0 0-51.776-51.776H159.232z" p-id="5792"></path></svg>
|
|
400
|
+
</a>
|
|
401
|
+
</div>
|
|
402
|
+
</div>
|
|
403
|
+
<div class="card-body">
|
|
404
|
+
<div id="chart-cpu"></div>
|
|
405
|
+
</div>
|
|
406
|
+
</div>
|
|
407
|
+
<div class="card mem-card mt-3">
|
|
408
|
+
<div class="card-header">
|
|
409
|
+
<div class='card-title'>Memory（MB）</div>
|
|
410
|
+
<div class="card-actions btn-actions">
|
|
411
|
+
<a class="btn-action cursor-pointer" id="mem_loading">
|
|
412
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /></svg>
|
|
413
|
+
</a>
|
|
414
|
+
<a class="btn-action cursor-pointer" id="mem_png" onclick="screenshot('mem-card','mem.png')">
|
|
415
|
+
<svg t="1646303797379" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5790" width="2000" height="2000"><path d="M897.856 842.56c14.464-6.72 18.624-20.48 9.28-30.848l-241.216-263.296a25.792 25.792 0 0 0-7.68-5.888c-14.016-7.296-33.6-5.184-43.776 4.8l-241.152 233.088-103.808-70.528a30.912 30.912 0 0 0-3.52-1.92c-14.08-7.36-33.664-4.992-43.776 4.864l-101.056 97.728a18.368 18.368 0 0 0-6.08 13.952c0.512 12.288 14.848 22.016 32.128 21.696h732.8a40.768 40.768 0 0 0 17.856-3.648zM259.84 399.68a78.464 78.464 0 0 0 117.504 67.84 78.272 78.272 0 0 0 0-135.744A78.208 78.208 0 0 0 259.84 399.68" p-id="5791"></path><path d="M864.832 872.256H159.232a83.84 83.84 0 0 1-83.776-83.776V235.52a83.84 83.84 0 0 1 83.776-83.776h705.536a83.84 83.84 0 0 1 83.776 83.776v552.96a83.84 83.84 0 0 1-83.712 83.776zM159.232 183.744a51.84 51.84 0 0 0-51.776 51.776v552.96a51.84 51.84 0 0 0 51.776 51.776h705.536a51.84 51.84 0 0 0 51.776-51.776V235.52a51.84 51.84 0 0 0-51.776-51.776H159.232z" p-id="5792"></path></svg>
|
|
416
|
+
</a>
|
|
417
|
+
</div>
|
|
418
|
+
</div>
|
|
419
|
+
<div class="card-body">
|
|
420
|
+
<div id="chart-mem"></div>
|
|
421
|
+
</div>
|
|
422
|
+
</div>
|
|
423
|
+
<div class="card fps-card mt-3">
|
|
424
|
+
<div class="card-header">
|
|
425
|
+
<div class='card-title'>FPS（HZ）</div>
|
|
426
|
+
<div class="card-actions btn-actions">
|
|
427
|
+
<a class="btn-action cursor-pointer" id="fps_loading">
|
|
428
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /></svg>
|
|
429
|
+
</a>
|
|
430
|
+
<a class="btn-action cursor-pointer" id="fps_png" onclick="screenshot('fps-card','fps.png')">
|
|
431
|
+
<svg t="1646303797379" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5790" width="2000" height="2000"><path d="M897.856 842.56c14.464-6.72 18.624-20.48 9.28-30.848l-241.216-263.296a25.792 25.792 0 0 0-7.68-5.888c-14.016-7.296-33.6-5.184-43.776 4.8l-241.152 233.088-103.808-70.528a30.912 30.912 0 0 0-3.52-1.92c-14.08-7.36-33.664-4.992-43.776 4.864l-101.056 97.728a18.368 18.368 0 0 0-6.08 13.952c0.512 12.288 14.848 22.016 32.128 21.696h732.8a40.768 40.768 0 0 0 17.856-3.648zM259.84 399.68a78.464 78.464 0 0 0 117.504 67.84 78.272 78.272 0 0 0 0-135.744A78.208 78.208 0 0 0 259.84 399.68" p-id="5791"></path><path d="M864.832 872.256H159.232a83.84 83.84 0 0 1-83.776-83.776V235.52a83.84 83.84 0 0 1 83.776-83.776h705.536a83.84 83.84 0 0 1 83.776 83.776v552.96a83.84 83.84 0 0 1-83.712 83.776zM159.232 183.744a51.84 51.84 0 0 0-51.776 51.776v552.96a51.84 51.84 0 0 0 51.776 51.776h705.536a51.84 51.84 0 0 0 51.776-51.776V235.52a51.84 51.84 0 0 0-51.776-51.776H159.232z" p-id="5792"></path></svg>
|
|
432
|
+
</a>
|
|
433
|
+
</div>
|
|
434
|
+
</div>
|
|
435
|
+
<div class="card-body">
|
|
436
|
+
<div id="chart-fps"></div>
|
|
437
|
+
</div>
|
|
438
|
+
</div>
|
|
439
|
+
<div class="card networkdata-card mt-3">
|
|
440
|
+
<div class="card-header">
|
|
441
|
+
<div class='card-title'>Network Data（KB）</div>
|
|
442
|
+
<div class="card-actions btn-actions">
|
|
443
|
+
<a class="btn-action cursor-pointer" id="networkdata_loading">
|
|
444
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" /><path d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" /></svg>
|
|
445
|
+
</a>
|
|
446
|
+
<a class="btn-action cursor-pointer" id="networkdata_png" onclick="screenshot('networkdata-card','networkdata.png')">
|
|
447
|
+
<svg t="1646303797379" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5790" width="2000" height="2000"><path d="M897.856 842.56c14.464-6.72 18.624-20.48 9.28-30.848l-241.216-263.296a25.792 25.792 0 0 0-7.68-5.888c-14.016-7.296-33.6-5.184-43.776 4.8l-241.152 233.088-103.808-70.528a30.912 30.912 0 0 0-3.52-1.92c-14.08-7.36-33.664-4.992-43.776 4.864l-101.056 97.728a18.368 18.368 0 0 0-6.08 13.952c0.512 12.288 14.848 22.016 32.128 21.696h732.8a40.768 40.768 0 0 0 17.856-3.648zM259.84 399.68a78.464 78.464 0 0 0 117.504 67.84 78.272 78.272 0 0 0 0-135.744A78.208 78.208 0 0 0 259.84 399.68" p-id="5791"></path><path d="M864.832 872.256H159.232a83.84 83.84 0 0 1-83.776-83.776V235.52a83.84 83.84 0 0 1 83.776-83.776h705.536a83.84 83.84 0 0 1 83.776 83.776v552.96a83.84 83.84 0 0 1-83.712 83.776zM159.232 183.744a51.84 51.84 0 0 0-51.776 51.776v552.96a51.84 51.84 0 0 0 51.776 51.776h705.536a51.84 51.84 0 0 0 51.776-51.776V235.52a51.84 51.84 0 0 0-51.776-51.776H159.232z" p-id="5792"></path></svg>
|
|
448
|
+
</a>
|
|
449
|
+
</div>
|
|
450
|
+
</div>
|
|
451
|
+
<div class="card-body">
|
|
452
|
+
<div id="chart-networkdata"></div>
|
|
453
|
+
</div>
|
|
454
|
+
</div>
|
|
455
|
+
|
|
456
|
+
</div>
|
|
457
|
+
{% endblock %}
|
|
458
|
+
|
|
459
|
+
{% block js %}
|
|
460
|
+
<script>
|
|
461
|
+
|
|
462
|
+
const model = '{{ model }}';
|
|
463
|
+
|
|
464
|
+
$(document).ready(function() {
|
|
465
|
+
$('#cpu_loading').click();
|
|
466
|
+
$('#mem_loading').click();
|
|
467
|
+
$('#fps_loading').click();
|
|
468
|
+
$('#networkdata_loading').click();
|
|
469
|
+
});
|
|
470
|
+
|
|
471
|
+
function options(type,dataLabels=false) {
|
|
472
|
+
let options = {
|
|
473
|
+
chart: {
|
|
474
|
+
type: type,
|
|
475
|
+
fontFamily: 'inherit',
|
|
476
|
+
height: 240,
|
|
477
|
+
parentHeightOffset: 0,
|
|
478
|
+
toolbar: {
|
|
479
|
+
show: false,
|
|
480
|
+
},
|
|
481
|
+
animations: {
|
|
482
|
+
enabled: false
|
|
483
|
+
},
|
|
484
|
+
},
|
|
485
|
+
dataLabels: {
|
|
486
|
+
enabled: dataLabels
|
|
487
|
+
},
|
|
488
|
+
fill: {
|
|
489
|
+
opacity: 1,
|
|
490
|
+
},
|
|
491
|
+
stroke: {
|
|
492
|
+
width: 2,
|
|
493
|
+
lineCap: "round",
|
|
494
|
+
curve: "smooth",
|
|
495
|
+
},
|
|
496
|
+
series: [],
|
|
497
|
+
grid: {
|
|
498
|
+
padding: {
|
|
499
|
+
top: -20,
|
|
500
|
+
bottom: -4
|
|
501
|
+
},
|
|
502
|
+
strokeDashArray: 4,
|
|
503
|
+
},
|
|
504
|
+
xaxis: {
|
|
505
|
+
name: "time",
|
|
506
|
+
tickAmount:6,
|
|
507
|
+
labels: {
|
|
508
|
+
rotate: 0,
|
|
509
|
+
}
|
|
510
|
+
},
|
|
511
|
+
};
|
|
512
|
+
return options
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
var cpu_chart = new ApexCharts(document.querySelector("#chart-cpu"), options('line'));
|
|
516
|
+
cpu_chart.render();
|
|
517
|
+
$('#cpu_loading').click(function () {
|
|
518
|
+
$.ajax({
|
|
519
|
+
url: '/apm/log/pk',
|
|
520
|
+
type: "GET",
|
|
521
|
+
async: true,
|
|
522
|
+
cache: false,
|
|
523
|
+
data:{
|
|
524
|
+
scene:'{{ scene }}',
|
|
525
|
+
target1:'cpu_app1',
|
|
526
|
+
target2:'cpu_app2'
|
|
527
|
+
},
|
|
528
|
+
beforeSend: function () {
|
|
529
|
+
SwalLoading('Loading','')
|
|
530
|
+
},
|
|
531
|
+
complete: function () {
|
|
532
|
+
swal.close();
|
|
533
|
+
},
|
|
534
|
+
success: function (data) {
|
|
535
|
+
if(model == '2-devices'){
|
|
536
|
+
cpu_chart.updateSeries([{
|
|
537
|
+
name: 'Device1',
|
|
538
|
+
data: data['first']
|
|
539
|
+
},{
|
|
540
|
+
name: 'Device2',
|
|
541
|
+
data: data['second']
|
|
542
|
+
}])
|
|
543
|
+
}else{
|
|
544
|
+
cpu_chart.updateSeries([{
|
|
545
|
+
name: 'APP1',
|
|
546
|
+
data: data['first']
|
|
547
|
+
},{
|
|
548
|
+
name: 'APP2',
|
|
549
|
+
data: data['second']
|
|
550
|
+
}])
|
|
551
|
+
}
|
|
552
|
+
|
|
553
|
+
}
|
|
554
|
+
});
|
|
555
|
+
});
|
|
556
|
+
|
|
557
|
+
var fps_chart = new ApexCharts(document.querySelector("#chart-fps"), options('line'));
|
|
558
|
+
fps_chart.render();
|
|
559
|
+
$('#fps_loading').click(function () {
|
|
560
|
+
$.ajax({
|
|
561
|
+
url: '/apm/log/pk',
|
|
562
|
+
type: "GET",
|
|
563
|
+
async: true,
|
|
564
|
+
cache: false,
|
|
565
|
+
data:{
|
|
566
|
+
scene:'{{ scene }}',
|
|
567
|
+
target1:'fps1',
|
|
568
|
+
target2:'fps2'
|
|
569
|
+
},
|
|
570
|
+
beforeSend: function () {
|
|
571
|
+
SwalLoading('Loading','')
|
|
572
|
+
},
|
|
573
|
+
complete: function () {
|
|
574
|
+
swal.close();
|
|
575
|
+
},
|
|
576
|
+
success: function (data) {
|
|
577
|
+
if(model == '2-devices'){
|
|
578
|
+
fps_chart.updateSeries([{
|
|
579
|
+
name: 'Device1',
|
|
580
|
+
data: data['first']
|
|
581
|
+
},{
|
|
582
|
+
name: 'Device2',
|
|
583
|
+
data: data['second']
|
|
584
|
+
}])
|
|
585
|
+
}else{
|
|
586
|
+
fps_chart.updateSeries([{
|
|
587
|
+
name: 'APP1',
|
|
588
|
+
data: data['first']
|
|
589
|
+
},{
|
|
590
|
+
name: 'APP2',
|
|
591
|
+
data: data['second']
|
|
592
|
+
}])
|
|
593
|
+
}
|
|
594
|
+
}
|
|
595
|
+
});
|
|
596
|
+
});
|
|
597
|
+
|
|
598
|
+
var mem_chart = new ApexCharts(document.querySelector("#chart-mem"), options('line'));
|
|
599
|
+
mem_chart.render();
|
|
600
|
+
$('#mem_loading').click(function () {
|
|
601
|
+
$.ajax({
|
|
602
|
+
url: '/apm/log/pk',
|
|
603
|
+
type: "GET",
|
|
604
|
+
async: true,
|
|
605
|
+
cache: false,
|
|
606
|
+
data:{
|
|
607
|
+
scene:'{{ scene }}',
|
|
608
|
+
target1:'mem1',
|
|
609
|
+
target2:'mem2'
|
|
610
|
+
},
|
|
611
|
+
beforeSend: function () {
|
|
612
|
+
SwalLoading('Loading','')
|
|
613
|
+
},
|
|
614
|
+
complete: function () {
|
|
615
|
+
swal.close();
|
|
616
|
+
},
|
|
617
|
+
success: function (data) {
|
|
618
|
+
if(model == '2-devices'){
|
|
619
|
+
mem_chart.updateSeries([{
|
|
620
|
+
name: 'Device1',
|
|
621
|
+
data: data['first']
|
|
622
|
+
},{
|
|
623
|
+
name: 'Device2',
|
|
624
|
+
data: data['second']
|
|
625
|
+
}])
|
|
626
|
+
}else{
|
|
627
|
+
mem_chart.updateSeries([{
|
|
628
|
+
name: 'APP1',
|
|
629
|
+
data: data['first']
|
|
630
|
+
},{
|
|
631
|
+
name: 'APP2',
|
|
632
|
+
data: data['second']
|
|
633
|
+
}])
|
|
634
|
+
}
|
|
635
|
+
}
|
|
636
|
+
});
|
|
637
|
+
});
|
|
638
|
+
|
|
639
|
+
var network_chart = new ApexCharts(document.querySelector("#chart-networkdata"), options('line',false));
|
|
640
|
+
network_chart.render();
|
|
641
|
+
$('#networkdata_loading').click(function () {
|
|
642
|
+
$.ajax({
|
|
643
|
+
url: '/apm/log/pk',
|
|
644
|
+
type: "GET",
|
|
645
|
+
async: true,
|
|
646
|
+
cache: false,
|
|
647
|
+
data:{
|
|
648
|
+
scene:'{{ scene }}',
|
|
649
|
+
target1:'network1',
|
|
650
|
+
target2:'network2'
|
|
651
|
+
},
|
|
652
|
+
beforeSend: function () {
|
|
653
|
+
SwalLoading('Loading','')
|
|
654
|
+
},
|
|
655
|
+
complete: function () {
|
|
656
|
+
swal.close();
|
|
657
|
+
},
|
|
658
|
+
success: function (data) {
|
|
659
|
+
if(model == '2-devices'){
|
|
660
|
+
network_chart.updateSeries([{
|
|
661
|
+
name: 'Device1',
|
|
662
|
+
data: data['first']
|
|
663
|
+
},{
|
|
664
|
+
name: 'Device2',
|
|
665
|
+
data: data['second']
|
|
666
|
+
}])
|
|
667
|
+
}else{
|
|
668
|
+
network_chart.updateSeries([{
|
|
669
|
+
name: 'APP1',
|
|
670
|
+
data: data['first']
|
|
671
|
+
},{
|
|
672
|
+
name: 'APP2',
|
|
673
|
+
data: data['second']
|
|
674
|
+
}])
|
|
675
|
+
}
|
|
676
|
+
}
|
|
677
|
+
});
|
|
678
|
+
});
|
|
679
|
+
</script>
|
|
680
|
+
{% endblock %}
|