13f085823Sopenharmony_ci<!--
23f085823Sopenharmony_ci  Copyright (c) 2021 Huawei Device Co., Ltd.
33f085823Sopenharmony_ci  Licensed under the Apache License, Version 2.0 (the "License");
43f085823Sopenharmony_ci  you may not use this file except in compliance with the License.
53f085823Sopenharmony_ci  You may obtain a copy of the License at
63f085823Sopenharmony_ci
73f085823Sopenharmony_ci      http://www.apache.org/licenses/LICENSE-2.0
83f085823Sopenharmony_ci
93f085823Sopenharmony_ci  Unless required by applicable law or agreed to in writing, software
103f085823Sopenharmony_ci  distributed under the License is distributed on an "AS IS" BASIS,
113f085823Sopenharmony_ci  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
123f085823Sopenharmony_ci  See the License for the specific language governing permissions and
133f085823Sopenharmony_ci  limitations under the License.
143f085823Sopenharmony_ci-->
153f085823Sopenharmony_ci<!DOCTYPE html>
163f085823Sopenharmony_ci<html lang="en">
173f085823Sopenharmony_ci<head>
183f085823Sopenharmony_ci    <meta charset="UTF-8" http-equiv="X-UA-Compatible" content="IE=edge chrome=1">
193f085823Sopenharmony_ci    <title>OHOSReport</title>
203f085823Sopenharmony_ci    <!-- import CSS -->
213f085823Sopenharmony_ci    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
223f085823Sopenharmony_ci</head>
233f085823Sopenharmony_ci<body>
243f085823Sopenharmony_ci
253f085823Sopenharmony_ci<div id="report_title" v-bind:class="{ title_s : true}">
263f085823Sopenharmony_ci    <template>
273f085823Sopenharmony_ci        <div>
283f085823Sopenharmony_ci            <h4>{{ title }}</h4>
293f085823Sopenharmony_ci        </div>
303f085823Sopenharmony_ci    </template>
313f085823Sopenharmony_ci</div>
323f085823Sopenharmony_ci
333f085823Sopenharmony_ci<div id="report_detail" v-bind:class="{ subsystem_table_style : true}" >
343f085823Sopenharmony_ci    <template>
353f085823Sopenharmony_ci        <el-table :data="tableData1" border size="mini"
363f085823Sopenharmony_ci                  empty-text="---"
373f085823Sopenharmony_ci                  :default-sort = "{prop: 'rate', order: 'ascending'}"
383f085823Sopenharmony_ci                  row-key="id"
393f085823Sopenharmony_ci                  :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
403f085823Sopenharmony_ci                  style="width: 100%">
413f085823Sopenharmony_ci            <el-table-column
423f085823Sopenharmony_ci                prop="Subsystem"
433f085823Sopenharmony_ci                fixed
443f085823Sopenharmony_ci                sortable
453f085823Sopenharmony_ci                label="Subsystem"
463f085823Sopenharmony_ci                show-overflow-tooltip
473f085823Sopenharmony_ci            >
483f085823Sopenharmony_ci            </el-table-column>
493f085823Sopenharmony_ci            <el-table-column
503f085823Sopenharmony_ci                prop="Testsuit"
513f085823Sopenharmony_ci                fixed
523f085823Sopenharmony_ci                sortable
533f085823Sopenharmony_ci                label="TestSuit"
543f085823Sopenharmony_ci                show-overflow-tooltip
553f085823Sopenharmony_ci            >
563f085823Sopenharmony_ci            </el-table-column>
573f085823Sopenharmony_ci            <el-table-column
583f085823Sopenharmony_ci                prop="Benchmark"
593f085823Sopenharmony_ci                sortable
603f085823Sopenharmony_ci                label="Benchmark"
613f085823Sopenharmony_ci                show-overflow-tooltip
623f085823Sopenharmony_ci            >
633f085823Sopenharmony_ci            </el-table-column>
643f085823Sopenharmony_ci            <el-table-column
653f085823Sopenharmony_ci                prop="Mode"
663f085823Sopenharmony_ci                sortable
673f085823Sopenharmony_ci                label="Mode"
683f085823Sopenharmony_ci                width="130"
693f085823Sopenharmony_ci                show-overflow-tooltip
703f085823Sopenharmony_ci            >
713f085823Sopenharmony_ci            </el-table-column>
723f085823Sopenharmony_ci            <el-table-column
733f085823Sopenharmony_ci                prop="RunType"
743f085823Sopenharmony_ci                sortable
753f085823Sopenharmony_ci                label="RunType"
763f085823Sopenharmony_ci                width="130"
773f085823Sopenharmony_ci                show-overflow-tooltip
783f085823Sopenharmony_ci            >
793f085823Sopenharmony_ci            </el-table-column>
803f085823Sopenharmony_ci            <el-table-column
813f085823Sopenharmony_ci                prop="Score"
823f085823Sopenharmony_ci                sortable
833f085823Sopenharmony_ci                label="Score"
843f085823Sopenharmony_ci                width="150"
853f085823Sopenharmony_ci                show-overflow-tooltip
863f085823Sopenharmony_ci            >
873f085823Sopenharmony_ci            </el-table-column>
883f085823Sopenharmony_ci            <el-table-column
893f085823Sopenharmony_ci                prop="Repetitions"
903f085823Sopenharmony_ci                sortable
913f085823Sopenharmony_ci                label="Repetitions"
923f085823Sopenharmony_ci                width="150"
933f085823Sopenharmony_ci                show-overflow-tooltip
943f085823Sopenharmony_ci            >
953f085823Sopenharmony_ci            </el-table-column>
963f085823Sopenharmony_ci            <el-table-column
973f085823Sopenharmony_ci                prop="detail"
983f085823Sopenharmony_ci                sortable
993f085823Sopenharmony_ci                label="Detail"
1003f085823Sopenharmony_ci                width="100"
1013f085823Sopenharmony_ci                show-overflow-tooltip
1023f085823Sopenharmony_ci            >
1033f085823Sopenharmony_ci                <template slot-scope="scope">
1043f085823Sopenharmony_ci                    <a v-if="1>0" :href="getHrefPre(scope)+'_detail.html'" class="buttonText" v-bind:class="{ error_s : 1>0}">
1053f085823Sopenharmony_ci                        {{ scope.row.detail }}
1063f085823Sopenharmony_ci                    </a>
1073f085823Sopenharmony_ci                    <label v-else for="detail">{{ scope.row.detail }}</label>
1083f085823Sopenharmony_ci                </template>
1093f085823Sopenharmony_ci            </el-table-column>
1103f085823Sopenharmony_ci            <el-table-column
1113f085823Sopenharmony_ci                prop="pm"
1123f085823Sopenharmony_ci                label="PM"
1133f085823Sopenharmony_ci                sortable
1143f085823Sopenharmony_ci                show-overflow-tooltip
1153f085823Sopenharmony_ci            >
1163f085823Sopenharmony_ci            </el-table-column>
1173f085823Sopenharmony_ci        </el-table>
1183f085823Sopenharmony_ci    </template>
1193f085823Sopenharmony_ci</div>
1203f085823Sopenharmony_ci
1213f085823Sopenharmony_ci<div id="summary_title" v-bind:class="{ title_s : true}">
1223f085823Sopenharmony_ci    <template>
1233f085823Sopenharmony_ci        <div>
1243f085823Sopenharmony_ci            <h4>{{ title }}</h4>
1253f085823Sopenharmony_ci        </div>
1263f085823Sopenharmony_ci    </template>
1273f085823Sopenharmony_ci</div>
1283f085823Sopenharmony_ci
1293f085823Sopenharmony_ci</body>
1303f085823Sopenharmony_ci
1313f085823Sopenharmony_ci<!-- import Vue before Element -->
1323f085823Sopenharmony_ci<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
1333f085823Sopenharmony_ci<!-- import JavaScript -->
1343f085823Sopenharmony_ci<script src="https://unpkg.com/element-ui/lib/index.js"></script>
1353f085823Sopenharmony_ci
1363f085823Sopenharmony_ci<!-- report_title -->
1373f085823Sopenharmony_ci<script>
1383f085823Sopenharmony_ci    new Vue({
1393f085823Sopenharmony_ci        el: '#report_title',
1403f085823Sopenharmony_ci        data:
1413f085823Sopenharmony_ci            { title : 'Microbenchmark Report'}
1423f085823Sopenharmony_ci    })
1433f085823Sopenharmony_ci</script>
1443f085823Sopenharmony_ci
1453f085823Sopenharmony_ci<!-- report_detail -->
1463f085823Sopenharmony_ci<script>
1473f085823Sopenharmony_ci    new Vue({
1483f085823Sopenharmony_ci        el: '#report_detail',
1493f085823Sopenharmony_ci        data:{
1503f085823Sopenharmony_ci            tableData1: OHOS_SUBSYSTEM_SUMMARY,
1513f085823Sopenharmony_ci            enablepasslink:1
1523f085823Sopenharmony_ci        },
1533f085823Sopenharmony_ci        methods: {
1543f085823Sopenharmony_ci            getHrefPre: function (scope)
1553f085823Sopenharmony_ci            {
1563f085823Sopenharmony_ci                if (scope.row.module === '---')
1573f085823Sopenharmony_ci                {
1583f085823Sopenharmony_ci                    return scope.row.subsystem
1593f085823Sopenharmony_ci                }
1603f085823Sopenharmony_ci                else
1613f085823Sopenharmony_ci                {
1623f085823Sopenharmony_ci                    return scope.row.Subsystem + '/' + scope.row.Module + '/' + scope.row.Testsuit + '/' + scope.row.Benchmark + '_' + scope.row.Mode
1633f085823Sopenharmony_ci                }
1643f085823Sopenharmony_ci            }
1653f085823Sopenharmony_ci        }
1663f085823Sopenharmony_ci    })
1673f085823Sopenharmony_ci</script>
1683f085823Sopenharmony_ci
1693f085823Sopenharmony_ci<style>
1703f085823Sopenharmony_ci    .title_s {
1713f085823Sopenharmony_ci        max-width: 1300px;
1723f085823Sopenharmony_ci        margin: auto;
1733f085823Sopenharmony_ci        background: white;
1743f085823Sopenharmony_ci        height: 25px;
1753f085823Sopenharmony_ci        color: #003399;
1763f085823Sopenharmony_ci        padding: 10px 8px;
1773f085823Sopenharmony_ci        text-align: center;
1783f085823Sopenharmony_ci    }
1793f085823Sopenharmony_ci    .error_s {
1803f085823Sopenharmony_ci        color: #f00000;
1813f085823Sopenharmony_ci        font-size: 14px;
1823f085823Sopenharmony_ci    }
1833f085823Sopenharmony_ci    .subsystem_table_style {
1843f085823Sopenharmony_ci        max-width: 1300px;
1853f085823Sopenharmony_ci        margin: auto;
1863f085823Sopenharmony_ci        background: white;
1873f085823Sopenharmony_ci        padding: 10px;
1883f085823Sopenharmony_ci    }
1893f085823Sopenharmony_ci    .el-table .warning-row {
1903f085823Sopenharmony_ci        background: oldlace;
1913f085823Sopenharmony_ci    }
1923f085823Sopenharmony_ci    .el-table .failed-cell {
1933f085823Sopenharmony_ci        color: #003399;
1943f085823Sopenharmony_ci    }
1953f085823Sopenharmony_ci    .el-table .success-row {
1963f085823Sopenharmony_ci        background: #f0f9eb;
1973f085823Sopenharmony_ci    }
1983f085823Sopenharmony_ci    .el-table .header-row {
1993f085823Sopenharmony_ci        color: #003399;
2003f085823Sopenharmony_ci    }
2013f085823Sopenharmony_ci</style>
2023f085823Sopenharmony_ci
2033f085823Sopenharmony_ci</html>
204