176e6818aSopenharmony_ci<!DOCTYPE html> 276e6818aSopenharmony_ci<html lang="en"> 376e6818aSopenharmony_ci 476e6818aSopenharmony_ci<head> 576e6818aSopenharmony_ci <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 676e6818aSopenharmony_ci <meta name="viewport" content="width=device-width, initial-scale=1.0"> 776e6818aSopenharmony_ci <title>{{ case.name }}</title> 876e6818aSopenharmony_ci <style> 976e6818aSopenharmony_ci /* Execution Log style Begin */ 1076e6818aSopenharmony_ci a:link { 1176e6818aSopenharmony_ci text-decoration: none; 1276e6818aSopenharmony_ci } 1376e6818aSopenharmony_ci 1476e6818aSopenharmony_ci #logs div { 1576e6818aSopenharmony_ci white-space: pre-wrap; 1676e6818aSopenharmony_ci font-size: 14px; 1776e6818aSopenharmony_ci } 1876e6818aSopenharmony_ci 1976e6818aSopenharmony_ci .aw, 2076e6818aSopenharmony_ci .step { 2176e6818aSopenharmony_ci font-weight: bold; 2276e6818aSopenharmony_ci color: #1E90FF; 2376e6818aSopenharmony_ci } 2476e6818aSopenharmony_ci 2576e6818aSopenharmony_ci .aw1 { 2676e6818aSopenharmony_ci color: #008B45; 2776e6818aSopenharmony_ci } 2876e6818aSopenharmony_ci 2976e6818aSopenharmony_ci .aw2 { 3076e6818aSopenharmony_ci color: #00CD00; 3176e6818aSopenharmony_ci } 3276e6818aSopenharmony_ci 3376e6818aSopenharmony_ci .aw3 { 3476e6818aSopenharmony_ci font-weight: bold; 3576e6818aSopenharmony_ci background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); 3676e6818aSopenharmony_ci -webkit-background-clip: text; 3776e6818aSopenharmony_ci color: transparent; 3876e6818aSopenharmony_ci display: inline-block; 3976e6818aSopenharmony_ci background-repeat: no-repeat; 4076e6818aSopenharmony_ci } 4176e6818aSopenharmony_ci 4276e6818aSopenharmony_ci .aw3-container { 4376e6818aSopenharmony_ci display: block; /* 确保容器是块级元素 */ 4476e6818aSopenharmony_ci overflow: hidden; /* 确保背景渐变效果 */ 4576e6818aSopenharmony_ci } 4676e6818aSopenharmony_ci 4776e6818aSopenharmony_ci .ui_container { 4876e6818aSopenharmony_ci background-color: black; 4976e6818aSopenharmony_ci color: #18b302; 5076e6818aSopenharmony_ci padding: 20px; 5176e6818aSopenharmony_ci box-sizing: border-box; 5276e6818aSopenharmony_ci } 5376e6818aSopenharmony_ci 5476e6818aSopenharmony_ci .ui_component-number { 5576e6818aSopenharmony_ci color: #18b302; 5676e6818aSopenharmony_ci } 5776e6818aSopenharmony_ci 5876e6818aSopenharmony_ci .ui_components { 5976e6818aSopenharmony_ci display: flex; 6076e6818aSopenharmony_ci flex-wrap: wrap; 6176e6818aSopenharmony_ci } 6276e6818aSopenharmony_ci 6376e6818aSopenharmony_ci .ui_component { 6476e6818aSopenharmony_ci flex: 1; 6576e6818aSopenharmony_ci margin: 5px; 6676e6818aSopenharmony_ci color: #18b302; 6776e6818aSopenharmony_ci background-color: #333; 6876e6818aSopenharmony_ci padding: 10px; 6976e6818aSopenharmony_ci box-sizing: border-box; 7076e6818aSopenharmony_ci overflow-wrap: break-word; /* Ensures long words break */ 7176e6818aSopenharmony_ci word-break: break-all; /* Ensures long words break */ 7276e6818aSopenharmony_ci } 7376e6818aSopenharmony_ci 7476e6818aSopenharmony_ci .ui_component pre { 7576e6818aSopenharmony_ci white-space: pre-wrap; 7676e6818aSopenharmony_ci word-wrap: break-word; /* Ensures long words break */ 7776e6818aSopenharmony_ci } 7876e6818aSopenharmony_ci 7976e6818aSopenharmony_ci .ui_old-component .highlight { 8076e6818aSopenharmony_ci color: red; 8176e6818aSopenharmony_ci } 8276e6818aSopenharmony_ci .ui_new-component .highlight { 8376e6818aSopenharmony_ci color: yellow; 8476e6818aSopenharmony_ci } 8576e6818aSopenharmony_ci 8676e6818aSopenharmony_ci @media (max-width: 600px) { 8776e6818aSopenharmony_ci .ui_components { 8876e6818aSopenharmony_ci flex-direction: column; 8976e6818aSopenharmony_ci } 9076e6818aSopenharmony_ci } 9176e6818aSopenharmony_ci 9276e6818aSopenharmony_ci .error, 9376e6818aSopenharmony_ci .blocked, 9476e6818aSopenharmony_ci .fail, 9576e6818aSopenharmony_ci .failed, 9676e6818aSopenharmony_ci .unavailable { 9776e6818aSopenharmony_ci color: red !important; 9876e6818aSopenharmony_ci } 9976e6818aSopenharmony_ci 10076e6818aSopenharmony_ci .pass, 10176e6818aSopenharmony_ci .passed { 10276e6818aSopenharmony_ci color: green !important; 10376e6818aSopenharmony_ci } 10476e6818aSopenharmony_ci 10576e6818aSopenharmony_ci .warn, 10676e6818aSopenharmony_ci .warning { 10776e6818aSopenharmony_ci color: #FFCC00; 10876e6818aSopenharmony_ci } 10976e6818aSopenharmony_ci /* Execution Log style End */ 11076e6818aSopenharmony_ci 11176e6818aSopenharmony_ci body { 11276e6818aSopenharmony_ci margin: 0 100px; 11376e6818aSopenharmony_ci background-color: #fff; 11476e6818aSopenharmony_ci } 11576e6818aSopenharmony_ci 11676e6818aSopenharmony_ci h4 { 11776e6818aSopenharmony_ci margin-top: 16px; 11876e6818aSopenharmony_ci margin-bottom: 16px; 11976e6818aSopenharmony_ci } 12076e6818aSopenharmony_ci 12176e6818aSopenharmony_ci .el-descriptions__header { 12276e6818aSopenharmony_ci display: flex; 12376e6818aSopenharmony_ci justify-content: space-between; 12476e6818aSopenharmony_ci align-items: center; 12576e6818aSopenharmony_ci margin-bottom: 16px; 12676e6818aSopenharmony_ci } 12776e6818aSopenharmony_ci 12876e6818aSopenharmony_ci .el-descriptions__title { 12976e6818aSopenharmony_ci color: #000000; 13076e6818aSopenharmony_ci font-size: 16px; 13176e6818aSopenharmony_ci font-weight: 700; 13276e6818aSopenharmony_ci } 13376e6818aSopenharmony_ci 13476e6818aSopenharmony_ci .el-descriptions__body { 13576e6818aSopenharmony_ci background-color: #ffffff; 13676e6818aSopenharmony_ci max-height: 121px; 13776e6818aSopenharmony_ci overflow-y: auto; 13876e6818aSopenharmony_ci } 13976e6818aSopenharmony_ci 14076e6818aSopenharmony_ci .el-descriptions__body .el-descriptions__table { 14176e6818aSopenharmony_ci border-collapse: collapse; 14276e6818aSopenharmony_ci width: 100%; 14376e6818aSopenharmony_ci } 14476e6818aSopenharmony_ci 14576e6818aSopenharmony_ci .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell { 14676e6818aSopenharmony_ci border: 1px solid #edeef5; 14776e6818aSopenharmony_ci padding: 8px 11px; 14876e6818aSopenharmony_ci } 14976e6818aSopenharmony_ci 15076e6818aSopenharmony_ci .el-descriptions__label.el-descriptions__cell.is-bordered-label { 15176e6818aSopenharmony_ci font-weight: 700; 15276e6818aSopenharmony_ci color: #606266; 15376e6818aSopenharmony_ci background: #f5f7fa; 15476e6818aSopenharmony_ci } 15576e6818aSopenharmony_ci 15676e6818aSopenharmony_ci .el-descriptions__body .el-descriptions__table .el-descriptions__cell { 15776e6818aSopenharmony_ci box-sizing: border-box; 15876e6818aSopenharmony_ci text-align: left; 15976e6818aSopenharmony_ci line-height: 23px; 16076e6818aSopenharmony_ci font-size: 14px; 16176e6818aSopenharmony_ci } 16276e6818aSopenharmony_ci 16376e6818aSopenharmony_ci .el-descriptions__table .el-descriptions__cell { 16476e6818aSopenharmony_ci word-wrap: break-word; 16576e6818aSopenharmony_ci word-break: break-all; 16676e6818aSopenharmony_ci } 16776e6818aSopenharmony_ci 16876e6818aSopenharmony_ci .header .el-descriptions__table .el-descriptions__cell { 16976e6818aSopenharmony_ci width: calc(100%/6); 17076e6818aSopenharmony_ci } 17176e6818aSopenharmony_ci 17276e6818aSopenharmony_ci .toolbar .el-descriptions__table .el-descriptions__label { 17376e6818aSopenharmony_ci width: 12.5%; 17476e6818aSopenharmony_ci } 17576e6818aSopenharmony_ci 17676e6818aSopenharmony_ci .el-descriptions__content.el-descriptions__cell.is-bordered-content { 17776e6818aSopenharmony_ci color: #303133; 17876e6818aSopenharmony_ci } 17976e6818aSopenharmony_ci 18076e6818aSopenharmony_ci ::-webkit-scrollbar { 18176e6818aSopenharmony_ci width: 8px; 18276e6818aSopenharmony_ci height: 8px; 18376e6818aSopenharmony_ci border-radius: 8px; 18476e6818aSopenharmony_ci background-color: #bcbcbc; 18576e6818aSopenharmony_ci } 18676e6818aSopenharmony_ci 18776e6818aSopenharmony_ci ::-webkit-scrollbar-track { 18876e6818aSopenharmony_ci border-radius: 8px; 18976e6818aSopenharmony_ci background-color: #f5f5f5; 19076e6818aSopenharmony_ci } 19176e6818aSopenharmony_ci 19276e6818aSopenharmony_ci ::-webkit-scrollbar-thumb { 19376e6818aSopenharmony_ci border-radius: 8px; 19476e6818aSopenharmony_ci background-color: #bfc3c6; 19576e6818aSopenharmony_ci } 19676e6818aSopenharmony_ci 19776e6818aSopenharmony_ci .el-popover.el-popper { 19876e6818aSopenharmony_ci min-width: 280px; 19976e6818aSopenharmony_ci } 20076e6818aSopenharmony_ci 20176e6818aSopenharmony_ci .el-progress-bar__innerText { 20276e6818aSopenharmony_ci color: #37383a; 20376e6818aSopenharmony_ci } 20476e6818aSopenharmony_ci 20576e6818aSopenharmony_ci .el-descriptions__title { 20676e6818aSopenharmony_ci color: #000000; 20776e6818aSopenharmony_ci } 20876e6818aSopenharmony_ci 20976e6818aSopenharmony_ci .el-table__body .el-table__cell, 21076e6818aSopenharmony_ci .el-table__header-wrapper .el-table__cell { 21176e6818aSopenharmony_ci border-left: none; 21276e6818aSopenharmony_ci border-right: none; 21376e6818aSopenharmony_ci } 21476e6818aSopenharmony_ci 21576e6818aSopenharmony_ci .el-table--border .el-table__inner-wrapper::after, 21676e6818aSopenharmony_ci .el-table__border-left-patch, 21776e6818aSopenharmony_ci .el-table--border::after, 21876e6818aSopenharmony_ci .el-table--border::before { 21976e6818aSopenharmony_ci display: none; 22076e6818aSopenharmony_ci } 22176e6818aSopenharmony_ci 22276e6818aSopenharmony_ci .toolbar { 22376e6818aSopenharmony_ci display: flex; 22476e6818aSopenharmony_ci border: 1px solid #ebeef5; 22576e6818aSopenharmony_ci max-height: 760px; 22676e6818aSopenharmony_ci } 22776e6818aSopenharmony_ci 22876e6818aSopenharmony_ci .toolbar ul { 22976e6818aSopenharmony_ci min-width: 25%; 23076e6818aSopenharmony_ci height: auto; 23176e6818aSopenharmony_ci overflow-y: auto; 23276e6818aSopenharmony_ci flex-direction: column; 23376e6818aSopenharmony_ci justify-content: flex-start; 23476e6818aSopenharmony_ci flex-wrap: nowrap; 23576e6818aSopenharmony_ci padding: 0; 23676e6818aSopenharmony_ci padding-top: 0; 23776e6818aSopenharmony_ci margin-top: 0; 23876e6818aSopenharmony_ci margin-bottom: 0; 23976e6818aSopenharmony_ci border-right: 1px solid #ebeef5; 24076e6818aSopenharmony_ci } 24176e6818aSopenharmony_ci 24276e6818aSopenharmony_ci .toolbar ul li { 24376e6818aSopenharmony_ci height: 60px; 24476e6818aSopenharmony_ci display: flex; 24576e6818aSopenharmony_ci flex-direction: column; 24676e6818aSopenharmony_ci justify-content: center; 24776e6818aSopenharmony_ci padding-left: 12px; 24876e6818aSopenharmony_ci cursor: pointer; 24976e6818aSopenharmony_ci border-bottom: 1px solid #ebeef5; 25076e6818aSopenharmony_ci background: #f5f7fa; 25176e6818aSopenharmony_ci } 25276e6818aSopenharmony_ci 25376e6818aSopenharmony_ci .toolbar ul li .li-div { 25476e6818aSopenharmony_ci display: flex; 25576e6818aSopenharmony_ci justify-content: space-between; 25676e6818aSopenharmony_ci } 25776e6818aSopenharmony_ci 25876e6818aSopenharmony_ci .toolbar ul li .li-span { 25976e6818aSopenharmony_ci font-size: 14px; 26076e6818aSopenharmony_ci display: -webkit-box; 26176e6818aSopenharmony_ci overflow: hidden; 26276e6818aSopenharmony_ci text-overflow: ellipsis; 26376e6818aSopenharmony_ci max-width: 300px; 26476e6818aSopenharmony_ci line-height: 23px; 26576e6818aSopenharmony_ci white-space: normal; 26676e6818aSopenharmony_ci word-break: break-all; 26776e6818aSopenharmony_ci -webkit-box-orient: vertical; 26876e6818aSopenharmony_ci -webkit-line-clamp: 2; 26976e6818aSopenharmony_ci } 27076e6818aSopenharmony_ci 27176e6818aSopenharmony_ci .toolbar ul li .li-tag { 27276e6818aSopenharmony_ci margin-left: 10px; 27376e6818aSopenharmony_ci font-size: 14px; 27476e6818aSopenharmony_ci } 27576e6818aSopenharmony_ci 27676e6818aSopenharmony_ci .toolbar ul li svg { 27776e6818aSopenharmony_ci margin-right: 10px; 27876e6818aSopenharmony_ci margin-left: 10px; 27976e6818aSopenharmony_ci width: 16px; 28076e6818aSopenharmony_ci height: 16px 28176e6818aSopenharmony_ci } 28276e6818aSopenharmony_ci 28376e6818aSopenharmony_ci .toolbar div img { 28476e6818aSopenharmony_ci height: 514px; 28576e6818aSopenharmony_ci } 28676e6818aSopenharmony_ci 28776e6818aSopenharmony_ci .toolbar ul .isChecked { 28876e6818aSopenharmony_ci background: #c9e1f8; 28976e6818aSopenharmony_ci } 29076e6818aSopenharmony_ci 29176e6818aSopenharmony_ci .toolbar ul .isPassed { 29276e6818aSopenharmony_ci color: red; 29376e6818aSopenharmony_ci } 29476e6818aSopenharmony_ci 29576e6818aSopenharmony_ci .toolbar .img-div { 29676e6818aSopenharmony_ci max-height: 630px; 29776e6818aSopenharmony_ci overflow-y: auto; 29876e6818aSopenharmony_ci display: flex; 29976e6818aSopenharmony_ci justify-content: start; 30076e6818aSopenharmony_ci margin-top: 10px; 30176e6818aSopenharmony_ci 30276e6818aSopenharmony_ci } 30376e6818aSopenharmony_ci 30476e6818aSopenharmony_ci .toolbar .screen-div { 30576e6818aSopenharmony_ci min-width: 420px 30676e6818aSopenharmony_ci } 30776e6818aSopenharmony_ci 30876e6818aSopenharmony_ci .div-error { 30976e6818aSopenharmony_ci white-space: nowrap; 31076e6818aSopenharmony_ci overflow: hidden; 31176e6818aSopenharmony_ci text-overflow: ellipsis; 31276e6818aSopenharmony_ci } 31376e6818aSopenharmony_ci 31476e6818aSopenharmony_ci .div-others { 31576e6818aSopenharmony_ci display: inline-block; 31676e6818aSopenharmony_ci width: 90%; 31776e6818aSopenharmony_ci line-height: 23px; 31876e6818aSopenharmony_ci vertical-align: sub 31976e6818aSopenharmony_ci } 32076e6818aSopenharmony_ci 32176e6818aSopenharmony_ci .span-img { 32276e6818aSopenharmony_ci width: 5%; 32376e6818aSopenharmony_ci display: inline-block; 32476e6818aSopenharmony_ci } 32576e6818aSopenharmony_ci 32676e6818aSopenharmony_ci .img { 32776e6818aSopenharmony_ci margin-left: 5px; 32876e6818aSopenharmony_ci cursor: pointer; 32976e6818aSopenharmony_ci height: 16px; 33076e6818aSopenharmony_ci width: 16px; 33176e6818aSopenharmony_ci } 33276e6818aSopenharmony_ci 33376e6818aSopenharmony_ci .div-dialog { 33476e6818aSopenharmony_ci border-bottom: 1px solid #ebeef5; 33576e6818aSopenharmony_ci border-top: 1px solid #ebeef5; 33676e6818aSopenharmony_ci } 33776e6818aSopenharmony_ci 33876e6818aSopenharmony_ci .des-style { 33976e6818aSopenharmony_ci max-height: 342px !important; 34076e6818aSopenharmony_ci overflow: auto; 34176e6818aSopenharmony_ci } 34276e6818aSopenharmony_ci 34376e6818aSopenharmony_ci .div-dialog .el-descriptions__table tr:nth-child(1) .el-descriptions__cell { 34476e6818aSopenharmony_ci border-top: none; 34576e6818aSopenharmony_ci } 34676e6818aSopenharmony_ci 34776e6818aSopenharmony_ci .div-dialog .el-descriptions__table tr:last-child .el-descriptions__cell { 34876e6818aSopenharmony_ci border-bottom: none; 34976e6818aSopenharmony_ci } 35076e6818aSopenharmony_ci 35176e6818aSopenharmony_ci .el-dialog__body { 35276e6818aSopenharmony_ci padding-top: 10px; 35376e6818aSopenharmony_ci padding-bottom: 40px; 35476e6818aSopenharmony_ci } 35576e6818aSopenharmony_ci 35676e6818aSopenharmony_ci .el-dialog__headerbtn { 35776e6818aSopenharmony_ci top: -2px; 35876e6818aSopenharmony_ci } 35976e6818aSopenharmony_ci 36076e6818aSopenharmony_ci .el-table--fit { 36176e6818aSopenharmony_ci border-right: 0; 36276e6818aSopenharmony_ci border-bottom: 0; 36376e6818aSopenharmony_ci } 36476e6818aSopenharmony_ci 36576e6818aSopenharmony_ci .el-table { 36676e6818aSopenharmony_ci position: relative; 36776e6818aSopenharmony_ci overflow: hidden; 36876e6818aSopenharmony_ci box-sizing: border-box; 36976e6818aSopenharmony_ci height: fit-content; 37076e6818aSopenharmony_ci width: 100%; 37176e6818aSopenharmony_ci max-width: 100%; 37276e6818aSopenharmony_ci background-color: #ffffff; 37376e6818aSopenharmony_ci font-size: 14px; 37476e6818aSopenharmony_ci color: #606266; 37576e6818aSopenharmony_ci } 37676e6818aSopenharmony_ci 37776e6818aSopenharmony_ci .el-table__inner-wrapper { 37876e6818aSopenharmony_ci position: relative; 37976e6818aSopenharmony_ci display: flex; 38076e6818aSopenharmony_ci flex-direction: column; 38176e6818aSopenharmony_ci height: 100%; 38276e6818aSopenharmony_ci } 38376e6818aSopenharmony_ci 38476e6818aSopenharmony_ci .el-table__header-wrapper { 38576e6818aSopenharmony_ci overflow: hidden; 38676e6818aSopenharmony_ci flex-shrink: 0; 38776e6818aSopenharmony_ci width: 100%; 38876e6818aSopenharmony_ci } 38976e6818aSopenharmony_ci 39076e6818aSopenharmony_ci .el-table__header { 39176e6818aSopenharmony_ci table-layout: fixed; 39276e6818aSopenharmony_ci border-collapse: separate; 39376e6818aSopenharmony_ci } 39476e6818aSopenharmony_ci 39576e6818aSopenharmony_ci .el-table th.el-table__cell.is-leaf { 39676e6818aSopenharmony_ci border-bottom: 1px solid #ebeef5; 39776e6818aSopenharmony_ci } 39876e6818aSopenharmony_ci 39976e6818aSopenharmony_ci .el-table th.el-table__cell { 40076e6818aSopenharmony_ci -webkit-user-select: none; 40176e6818aSopenharmony_ci -moz-user-select: none; 40276e6818aSopenharmony_ci -ms-user-select: none; 40376e6818aSopenharmony_ci user-select: none; 40476e6818aSopenharmony_ci background-color: #ffffff; 40576e6818aSopenharmony_ci border-left: none; 40676e6818aSopenharmony_ci border-right: none; 40776e6818aSopenharmony_ci } 40876e6818aSopenharmony_ci 40976e6818aSopenharmony_ci .el-table .el-table__cell { 41076e6818aSopenharmony_ci padding: 8px 0; 41176e6818aSopenharmony_ci min-width: 0; 41276e6818aSopenharmony_ci box-sizing: border-box; 41376e6818aSopenharmony_ci text-overflow: ellipsis; 41476e6818aSopenharmony_ci vertical-align: middle; 41576e6818aSopenharmony_ci position: relative; 41676e6818aSopenharmony_ci text-align: left; 41776e6818aSopenharmony_ci z-index: 1; 41876e6818aSopenharmony_ci } 41976e6818aSopenharmony_ci 42076e6818aSopenharmony_ci .el-table__body-wrapper { 42176e6818aSopenharmony_ci overflow: hidden; 42276e6818aSopenharmony_ci position: relative; 42376e6818aSopenharmony_ci flex: 1; 42476e6818aSopenharmony_ci width: 100%; 42576e6818aSopenharmony_ci } 42676e6818aSopenharmony_ci 42776e6818aSopenharmony_ci .el-table__body { 42876e6818aSopenharmony_ci table-layout: fixed; 42976e6818aSopenharmony_ci border-collapse: separate; 43076e6818aSopenharmony_ci } 43176e6818aSopenharmony_ci 43276e6818aSopenharmony_ci .el-table tr { 43376e6818aSopenharmony_ci background-color: #ffffff; 43476e6818aSopenharmony_ci } 43576e6818aSopenharmony_ci 43676e6818aSopenharmony_ci .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { 43776e6818aSopenharmony_ci background-color: #f5f7fa; 43876e6818aSopenharmony_ci } 43976e6818aSopenharmony_ci 44076e6818aSopenharmony_ci .el-table--enable-row-transition .el-table__body td.el-table__cell { 44176e6818aSopenharmony_ci transition: background-color .25s ease; 44276e6818aSopenharmony_ci } 44376e6818aSopenharmony_ci 44476e6818aSopenharmony_ci .el-table td.el-table__cell, 44576e6818aSopenharmony_ci .el-table th.el-table__cell.is-leaf { 44676e6818aSopenharmony_ci border-bottom: 1px solid #ebeef5; 44776e6818aSopenharmony_ci } 44876e6818aSopenharmony_ci 44976e6818aSopenharmony_ci .el-table thead { 45076e6818aSopenharmony_ci color: #909399; 45176e6818aSopenharmony_ci font-weight: 500; 45276e6818aSopenharmony_ci } 45376e6818aSopenharmony_ci 45476e6818aSopenharmony_ci .el-table .cell { 45576e6818aSopenharmony_ci box-sizing: border-box; 45676e6818aSopenharmony_ci overflow: hidden; 45776e6818aSopenharmony_ci text-overflow: ellipsis; 45876e6818aSopenharmony_ci white-space: normal; 45976e6818aSopenharmony_ci word-break: break-all; 46076e6818aSopenharmony_ci line-height: 23px; 46176e6818aSopenharmony_ci padding: 0 12px; 46276e6818aSopenharmony_ci } 46376e6818aSopenharmony_ci 46476e6818aSopenharmony_ci .el-scrollbar { 46576e6818aSopenharmony_ci overflow: hidden; 46676e6818aSopenharmony_ci position: relative; 46776e6818aSopenharmony_ci height: 100%; 46876e6818aSopenharmony_ci } 46976e6818aSopenharmony_ci 47076e6818aSopenharmony_ci .el-scrollbar__wrap--hidden-default { 47176e6818aSopenharmony_ci scrollbar-width: none; 47276e6818aSopenharmony_ci } 47376e6818aSopenharmony_ci 47476e6818aSopenharmony_ci .el-scrollbar__wrap { 47576e6818aSopenharmony_ci overflow: auto; 47676e6818aSopenharmony_ci height: 100%; 47776e6818aSopenharmony_ci } 47876e6818aSopenharmony_ci 47976e6818aSopenharmony_ci .el-table .cell.el-tooltip { 48076e6818aSopenharmony_ci white-space: nowrap; 48176e6818aSopenharmony_ci overflow: hidden; 48276e6818aSopenharmony_ci text-overflow: ellipsis; 48376e6818aSopenharmony_ci min-width: 50px; 48476e6818aSopenharmony_ci } 48576e6818aSopenharmony_ci 48676e6818aSopenharmony_ci .mask { 48776e6818aSopenharmony_ci background: rgba(0, 0, 0, 0.5); 48876e6818aSopenharmony_ci width: 100%; 48976e6818aSopenharmony_ci height: 100%; 49076e6818aSopenharmony_ci position: fixed; 49176e6818aSopenharmony_ci left: 0; 49276e6818aSopenharmony_ci z-index: 20001; 49376e6818aSopenharmony_ci top: 0; 49476e6818aSopenharmony_ci display: none; 49576e6818aSopenharmony_ci justify-content: center; 49676e6818aSopenharmony_ci align-items: center; 49776e6818aSopenharmony_ci } 49876e6818aSopenharmony_ci 49976e6818aSopenharmony_ci .mask-imgBg { 50076e6818aSopenharmony_ci background-color: #fff; 50176e6818aSopenharmony_ci position: relative; 50276e6818aSopenharmony_ci border-radius: 0.1875rem; 50376e6818aSopenharmony_ci border: 0.3125rem solid #fff; 50476e6818aSopenharmony_ci } 50576e6818aSopenharmony_ci 50676e6818aSopenharmony_ci .mask-delete { 50776e6818aSopenharmony_ci position: absolute; 50876e6818aSopenharmony_ci z-index: 5; 50976e6818aSopenharmony_ci right: 18px; 51076e6818aSopenharmony_ci top: 20px; 51176e6818aSopenharmony_ci transform-origin: center center; 51276e6818aSopenharmony_ci width: 50px; 51376e6818aSopenharmony_ci height: 50px; 51476e6818aSopenharmony_ci border-radius: 50%; 51576e6818aSopenharmony_ci background-color: #f0f0f0; 51676e6818aSopenharmony_ci text-align: center; 51776e6818aSopenharmony_ci line-height: 50px; 51876e6818aSopenharmony_ci font-weight: 700; 51976e6818aSopenharmony_ci box-shadow: 0 0 6px rgba(0, 0, 0, .2); 52076e6818aSopenharmony_ci cursor: pointer; 52176e6818aSopenharmony_ci } 52276e6818aSopenharmony_ci 52376e6818aSopenharmony_ci .mask-delete:hover { 52476e6818aSopenharmony_ci cursor: pointer; 52576e6818aSopenharmony_ci } 52676e6818aSopenharmony_ci 52776e6818aSopenharmony_ci .svg-style { 52876e6818aSopenharmony_ci width: 28px; 52976e6818aSopenharmony_ci height: 28px; 53076e6818aSopenharmony_ci cursor: pointer; 53176e6818aSopenharmony_ci } 53276e6818aSopenharmony_ci 53376e6818aSopenharmony_ci .btn-div { 53476e6818aSopenharmony_ci margin-bottom: 5px; 53576e6818aSopenharmony_ci border-bottom: 1px solid #d1cdcd; 53676e6818aSopenharmony_ci padding: 5px; 53776e6818aSopenharmony_ci } 53876e6818aSopenharmony_ci 53976e6818aSopenharmony_ci .scroll-top-btn { 54076e6818aSopenharmony_ci padding: 5px; 54176e6818aSopenharmony_ci } 54276e6818aSopenharmony_ci 54376e6818aSopenharmony_ci .table-margin { 54476e6818aSopenharmony_ci margin-top: 10px; 54576e6818aSopenharmony_ci } 54676e6818aSopenharmony_ci </style> 54776e6818aSopenharmony_ci</head> 54876e6818aSopenharmony_ci 54976e6818aSopenharmony_ci<body> 55076e6818aSopenharmony_ci <div id="app"> 55176e6818aSopenharmony_ci <h3>{{ case.name }}</h3> 55276e6818aSopenharmony_ci <h4 style="margin-top: 0;">Summary</h4> 55376e6818aSopenharmony_ci <div class="header"> 55476e6818aSopenharmony_ci <div> 55576e6818aSopenharmony_ci <div class="el-descriptions"> 55676e6818aSopenharmony_ci <div class="el-descriptions__body"> 55776e6818aSopenharmony_ci <table class="el-descriptions__table is-bordered"> 55876e6818aSopenharmony_ci <tbody> 55976e6818aSopenharmony_ci <tr> 56076e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__label is-bordered-label">Test Start</td> 56176e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__content is-bordered-content">{{ case.begin }}</td> 56276e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__label is-bordered-label">Test End</td> 56376e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__content is-bordered-content">{{ case.end }}</td> 56476e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__label is-bordered-label">Elapsed</td> 56576e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__content is-bordered-content">{{ case.elapsed }}</td> 56676e6818aSopenharmony_ci </tr> 56776e6818aSopenharmony_ci {% if case.subcases %} 56876e6818aSopenharmony_ci 56976e6818aSopenharmony_ci <!-- 测试套，无Error/Result，不显示 --> 57076e6818aSopenharmony_ci {% if case.error %} 57176e6818aSopenharmony_ci <tr> 57276e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__label is-bordered-label">Logs</td> 57376e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__content is-bordered-content" colspan="5">{{ case.logs }}</td> 57476e6818aSopenharmony_ci </tr> 57576e6818aSopenharmony_ci {% endif %} 57676e6818aSopenharmony_ci 57776e6818aSopenharmony_ci {% else %} 57876e6818aSopenharmony_ci <!-- 测试用例 --> 57976e6818aSopenharmony_ci <tr> 58076e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__label is-bordered-label">Result</td> 58176e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__content is-bordered-content {{ case.result | lower }}">{{ case.result }}</td> 58276e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__label is-bordered-label">Logs</td> 58376e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__content is-bordered-content" colspan="3">{{ case.logs }}</td> 58476e6818aSopenharmony_ci </tr> 58576e6818aSopenharmony_ci {% if case.error %} 58676e6818aSopenharmony_ci <tr> 58776e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__label is-bordered-label">Error</td> 58876e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__content is-bordered-content col_error error" colspan="5">{{ case.error }}</td> 58976e6818aSopenharmony_ci </tr> 59076e6818aSopenharmony_ci {% endif %} 59176e6818aSopenharmony_ci 59276e6818aSopenharmony_ci {% endif %} 59376e6818aSopenharmony_ci </tbody> 59476e6818aSopenharmony_ci </table> 59576e6818aSopenharmony_ci </div> 59676e6818aSopenharmony_ci </div> 59776e6818aSopenharmony_ci </div> 59876e6818aSopenharmony_ci </div> 59976e6818aSopenharmony_ci 60076e6818aSopenharmony_ci {% if case.subcases %} 60176e6818aSopenharmony_ci <div class="el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table table-margin" 60276e6818aSopenharmony_ci data-prefix="el" style="width: 100%;"> 60376e6818aSopenharmony_ci <div class="el-table__inner-wrapper"> 60476e6818aSopenharmony_ci <div class="el-table__header-wrapper"> 60576e6818aSopenharmony_ci <table class="el-table__header" cellpadding="0" cellspacing="0" style="width: 100%; border: 0;"> 60676e6818aSopenharmony_ci <colgroup> 60776e6818aSopenharmony_ci <col name="el-table_1_column_1" style="width: 3%;"> 60876e6818aSopenharmony_ci <col name="el-table_1_column_2" style="width: 30%;"> 60976e6818aSopenharmony_ci <col name="el-table_1_column_3" style="width: 7%;"> 61076e6818aSopenharmony_ci <col name="el-table_1_column_4" style="width: 42%;"> 61176e6818aSopenharmony_ci <col name="el-table_1_column_5" style="width: 9%;"> 61276e6818aSopenharmony_ci <col name="el-table_1_column_6" style="width: 9%;"> 61376e6818aSopenharmony_ci </colgroup> 61476e6818aSopenharmony_ci <thead class=""> 61576e6818aSopenharmony_ci <tr class=""> 61676e6818aSopenharmony_ci <th class="el-table_1_column_1 is-leaf el-table__cell"> 61776e6818aSopenharmony_ci <div class="cell">#</div> 61876e6818aSopenharmony_ci </th> 61976e6818aSopenharmony_ci <th class="el-table_1_column_2 is-leaf el-table__cell"> 62076e6818aSopenharmony_ci <div class="cell">Testcase</div> 62176e6818aSopenharmony_ci </th> 62276e6818aSopenharmony_ci <th class="el-table_1_column_3 is-leaf el-table__cell"> 62376e6818aSopenharmony_ci <div class="cell">Result</div> 62476e6818aSopenharmony_ci </th> 62576e6818aSopenharmony_ci <th class="el-table_1_column_4 is-leaf el-table__cell"> 62676e6818aSopenharmony_ci <div class="cell">Error</div> 62776e6818aSopenharmony_ci </th> 62876e6818aSopenharmony_ci <th class="el-table_1_column_5 is-leaf el-table__cell"> 62976e6818aSopenharmony_ci <div class="cell">Begin</div> 63076e6818aSopenharmony_ci </th> 63176e6818aSopenharmony_ci <th class="el-table_1_column_6 is-leaf el-table__cell"> 63276e6818aSopenharmony_ci <div class="cell">Elapsed</div> 63376e6818aSopenharmony_ci </th> 63476e6818aSopenharmony_ci </tr> 63576e6818aSopenharmony_ci </thead> 63676e6818aSopenharmony_ci </table> 63776e6818aSopenharmony_ci </div> 63876e6818aSopenharmony_ci <div class="el-table__body-wrapper"> 63976e6818aSopenharmony_ci <div class="el-scrollbar"> 64076e6818aSopenharmony_ci <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default"> 64176e6818aSopenharmony_ci <div class="el-scrollbar__view" style="display: inline-block; vertical-align: middle;"> 64276e6818aSopenharmony_ci <table class="el-table__body" cellspacing="0" cellpadding="0" 64376e6818aSopenharmony_ci style="table-layout: fixed; width: 100%; border: 0;"> 64476e6818aSopenharmony_ci <colgroup> 64576e6818aSopenharmony_ci <col name="el-table_1_column_1" style="width: 3%;"> 64676e6818aSopenharmony_ci <col name="el-table_1_column_2" style="width: 30%;"> 64776e6818aSopenharmony_ci <col name="el-table_1_column_3" style="width: 7%;"> 64876e6818aSopenharmony_ci <col name="el-table_1_column_4" style="width: 42%;"> 64976e6818aSopenharmony_ci <col name="el-table_1_column_5" style="width: 9%;"> 65076e6818aSopenharmony_ci <col name="el-table_1_column_6" style="width: 9%;"> 65176e6818aSopenharmony_ci </colgroup> 65276e6818aSopenharmony_ci <tbody id="casesTableBody"> 65376e6818aSopenharmony_ci {% for subcase in case.subcases %} 65476e6818aSopenharmony_ci <tr class="el-table__row"> 65576e6818aSopenharmony_ci <td class="el-table_1_column_1 el-table__cell"> 65676e6818aSopenharmony_ci <div class="cell"><span>{{ loop.index }}</span></div> 65776e6818aSopenharmony_ci </td> 65876e6818aSopenharmony_ci <td class="el-table_1_column_2 el-table__cell"> 65976e6818aSopenharmony_ci <div class="cell el-tooltip"><a href="{{ subcase.report }}" target="_blank">{{ subcase.name }}</a> 66076e6818aSopenharmony_ci </div> 66176e6818aSopenharmony_ci </td> 66276e6818aSopenharmony_ci <td class="el-table_1_column_3 el-table__cell"> 66376e6818aSopenharmony_ci <div class="cell {{ subcase.result | lower }}"><span>{{ subcase.result }}</span></div> 66476e6818aSopenharmony_ci </td> 66576e6818aSopenharmony_ci <td class="el-table_1_column_4 el-table__cell"> 66676e6818aSopenharmony_ci <div class="cell error"><span>{{ subcase.error }}</span></div> 66776e6818aSopenharmony_ci </td> 66876e6818aSopenharmony_ci <td class="el-table_1_column_5 el-table__cell"> 66976e6818aSopenharmony_ci <div class="cell"><span>{{ subcase.begin }}</span></div> 67076e6818aSopenharmony_ci </td> 67176e6818aSopenharmony_ci <td class="el-table_1_column_6 el-table__cell"> 67276e6818aSopenharmony_ci <div class="cell"><span>{{ subcase.elapsed }}</span></div> 67376e6818aSopenharmony_ci </td> 67476e6818aSopenharmony_ci </tr> 67576e6818aSopenharmony_ci {% endfor %} 67676e6818aSopenharmony_ci </tbody> 67776e6818aSopenharmony_ci </table> 67876e6818aSopenharmony_ci </div> 67976e6818aSopenharmony_ci </div> 68076e6818aSopenharmony_ci </div> 68176e6818aSopenharmony_ci </div> 68276e6818aSopenharmony_ci </div> 68376e6818aSopenharmony_ci </div> 68476e6818aSopenharmony_ci {% endif %} 68576e6818aSopenharmony_ci 68676e6818aSopenharmony_ci {% if case.devices %} 68776e6818aSopenharmony_ci <h4>Test Devices</h4> 68876e6818aSopenharmony_ci <div class="el-table--fit fit-height el-table--enable-row-hover el-table--enable-row-transition el-table" 68976e6818aSopenharmony_ci data-prefix="el" style="width: 100%; max-height: 120px;"> 69076e6818aSopenharmony_ci <div class="el-table__inner-wrapper wrapper-height" style="max-height: 120px;"> 69176e6818aSopenharmony_ci <div class="el-table__header-wrapper"> 69276e6818aSopenharmony_ci <table class="el-table__header" cellpadding="0" cellspacing="0" style="width: 100%; border: 0;"> 69376e6818aSopenharmony_ci <colgroup> 69476e6818aSopenharmony_ci <col name="el-table_1_column_1" style="width: 3%;"> 69576e6818aSopenharmony_ci <col name="el-table_1_column_2" style="width: 22%;"> 69676e6818aSopenharmony_ci <col name="el-table_1_column_3" style="width: 14%;"> 69776e6818aSopenharmony_ci <col name="el-table_1_column_4" style="width: 14%;"> 69876e6818aSopenharmony_ci <col name="el-table_1_column_5" style="width: 14%;"> 69976e6818aSopenharmony_ci <col name="el-table_1_column_6" style="width: 16%;"> 70076e6818aSopenharmony_ci <col name="el-table_1_column_7" style="width: 17%;"> 70176e6818aSopenharmony_ci </colgroup> 70276e6818aSopenharmony_ci <thead class=""> 70376e6818aSopenharmony_ci <tr class=""> 70476e6818aSopenharmony_ci <th class="el-table_1_column_1 is-leaf el-table__cell"> 70576e6818aSopenharmony_ci <div class="cell">#</div> 70676e6818aSopenharmony_ci </th> 70776e6818aSopenharmony_ci <th class="el-table_1_column_2 is-leaf el-table__cell"> 70876e6818aSopenharmony_ci <div class="cell">SN</div> 70976e6818aSopenharmony_ci </th> 71076e6818aSopenharmony_ci <th class="el-table_1_column_3 is-leaf el-table__cell"> 71176e6818aSopenharmony_ci <div class="cell">Model</div> 71276e6818aSopenharmony_ci </th> 71376e6818aSopenharmony_ci <th class="el-table_1_column_4 is-leaf el-table__cell"> 71476e6818aSopenharmony_ci <div class="cell">Type</div> 71576e6818aSopenharmony_ci </th> 71676e6818aSopenharmony_ci <th class="el-table_1_column_5 is-leaf el-table__cell"> 71776e6818aSopenharmony_ci <div class="cell">Platform</div> 71876e6818aSopenharmony_ci </th> 71976e6818aSopenharmony_ci <th class="el-table_1_column_6 is-leaf el-table__cell"> 72076e6818aSopenharmony_ci <div class="cell">Version</div> 72176e6818aSopenharmony_ci </th> 72276e6818aSopenharmony_ci <th class="el-table_1_column_7 is-leaf el-table__cell"> 72376e6818aSopenharmony_ci <div class="cell">Others</div> 72476e6818aSopenharmony_ci </th> 72576e6818aSopenharmony_ci </tr> 72676e6818aSopenharmony_ci </thead> 72776e6818aSopenharmony_ci </table> 72876e6818aSopenharmony_ci </div> 72976e6818aSopenharmony_ci <div class="el-table__body-wrapper"> 73076e6818aSopenharmony_ci <div class="el-scrollbar"> 73176e6818aSopenharmony_ci <div class="el-scrollbar__wrap" style="max-height: calc(80px);"> 73276e6818aSopenharmony_ci <div class="el-scrollbar__view" style="display: inline-block; vertical-align: middle;"> 73376e6818aSopenharmony_ci <table class="el-table__body" cellspacing="0" cellpadding="0" 73476e6818aSopenharmony_ci style="table-layout: fixed; width: 100%; border: 0;"> 73576e6818aSopenharmony_ci <colgroup> 73676e6818aSopenharmony_ci <col name="el-table_1_column_1" style="width: 3%;"> 73776e6818aSopenharmony_ci <col name="el-table_1_column_2" style="width: 22%;"> 73876e6818aSopenharmony_ci <col name="el-table_1_column_3" style="width: 14%;"> 73976e6818aSopenharmony_ci <col name="el-table_1_column_4" style="width: 14%;"> 74076e6818aSopenharmony_ci <col name="el-table_1_column_5" style="width: 14%;"> 74176e6818aSopenharmony_ci <col name="el-table_1_column_6" style="width: 16%;"> 74276e6818aSopenharmony_ci <col name="el-table_1_column_7" style="width: 17%;"> 74376e6818aSopenharmony_ci </colgroup> 74476e6818aSopenharmony_ci <tbody> 74576e6818aSopenharmony_ci {% for device in case.devices %} 74676e6818aSopenharmony_ci <tr class="el-table__row"> 74776e6818aSopenharmony_ci <td class="el-table_1_column_1 el-table__cell"> 74876e6818aSopenharmony_ci <div class="cell"><span>{{ loop.index }}</span></div> 74976e6818aSopenharmony_ci </td> 75076e6818aSopenharmony_ci <td class="el-table_1_column_2 el-table__cell"> 75176e6818aSopenharmony_ci <div class="cell el-tooltip"><span>{{ device.sn }}</span></div> 75276e6818aSopenharmony_ci </td> 75376e6818aSopenharmony_ci <td class="el-table_1_column_3 el-table__cell"> 75476e6818aSopenharmony_ci <div class="cell"><span>{{ device.model }}</span></div> 75576e6818aSopenharmony_ci </td> 75676e6818aSopenharmony_ci <td class="el-table_1_column_4 el-table__cell"> 75776e6818aSopenharmony_ci <div class="cell"><span>{{ device.type }}</span></div> 75876e6818aSopenharmony_ci </td> 75976e6818aSopenharmony_ci <td class="el-table_1_column_5 el-table__cell"> 76076e6818aSopenharmony_ci <div class="cell"><span>{{ device.platform }}</span></div> 76176e6818aSopenharmony_ci </td> 76276e6818aSopenharmony_ci <td class="el-table_1_column_6 el-table__cell"> 76376e6818aSopenharmony_ci <div class="cell"><span>{{ device.version }}</span></div> 76476e6818aSopenharmony_ci </td> 76576e6818aSopenharmony_ci {% if device.others %} 76676e6818aSopenharmony_ci <td class="el-table_1_column_7 el-table__cell"> 76776e6818aSopenharmony_ci <div class="cell"><span>{{ device.others }}</span></div> 76876e6818aSopenharmony_ci </td> 76976e6818aSopenharmony_ci {% else %} 77076e6818aSopenharmony_ci <td class="el-table_1_column_7 el-table__cell"> 77176e6818aSopenharmony_ci <div class="cell"><span>-</span></div> 77276e6818aSopenharmony_ci </td> 77376e6818aSopenharmony_ci {% endif %} 77476e6818aSopenharmony_ci </tr> 77576e6818aSopenharmony_ci {% endfor %} 77676e6818aSopenharmony_ci </tbody> 77776e6818aSopenharmony_ci </table> 77876e6818aSopenharmony_ci </div> 77976e6818aSopenharmony_ci </div> 78076e6818aSopenharmony_ci </div> 78176e6818aSopenharmony_ci </div> 78276e6818aSopenharmony_ci </div> 78376e6818aSopenharmony_ci </div> 78476e6818aSopenharmony_ci {% endif %} 78576e6818aSopenharmony_ci 78676e6818aSopenharmony_ci <div id="details"> 78776e6818aSopenharmony_ci <h4>Test Details</h4> 78876e6818aSopenharmony_ci <div class="toolbar"> 78976e6818aSopenharmony_ci <ul id="phoneErrorPosition" ref="phoneLeft"> 79076e6818aSopenharmony_ci </ul> 79176e6818aSopenharmony_ci <div class="err" style="overflow: auto; margin-left: 10px; width: 75%; position: relative; min-height: 625px;"> 79276e6818aSopenharmony_ci <div class="el-descriptions__body err-scroll" style="margin-top: 10px;"> 79376e6818aSopenharmony_ci <table class="el-descriptions__table is-bordered"> 79476e6818aSopenharmony_ci <tbody id="message"> 79576e6818aSopenharmony_ci </tbody> 79676e6818aSopenharmony_ci </table> 79776e6818aSopenharmony_ci </div> 79876e6818aSopenharmony_ci <div class="img-div"> 79976e6818aSopenharmony_ci </div> 80076e6818aSopenharmony_ci </div> 80176e6818aSopenharmony_ci </div> 80276e6818aSopenharmony_ci </div> 80376e6818aSopenharmony_ci 80476e6818aSopenharmony_ci <div id="dialog" class="mask"> 80576e6818aSopenharmony_ci <div class="mask-imgBg"></div> 80676e6818aSopenharmony_ci <div class="mask-delete" onclick="closeDialog()"> 80776e6818aSopenharmony_ci <svg style="vertical-align: -0.125em" focusable="false" data-icon="close" 80876e6818aSopenharmony_ci width="1em" height="1em" fill="currentColor" aria-hidden="true" fill-rule="evenodd" viewBox="64 64 896 896"> 80976e6818aSopenharmony_ci <path 81076e6818aSopenharmony_ci d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"> 81176e6818aSopenharmony_ci </path> 81276e6818aSopenharmony_ci </svg> 81376e6818aSopenharmony_ci </div> 81476e6818aSopenharmony_ci </div> 81576e6818aSopenharmony_ci </div> 81676e6818aSopenharmony_ci 81776e6818aSopenharmony_ci <div class="btns" 81876e6818aSopenharmony_ci style="position: fixed; z-index: 5000; bottom: 90px; right: 90px; display: none; border: 1px solid #d1cdcd;"> 81976e6818aSopenharmony_ci <div class="btn-div"> 82076e6818aSopenharmony_ci <div id="svg-show-media" style="display: none;" title="显示图片/视频"> 82176e6818aSopenharmony_ci <svg onclick="displayMedia('block')" class="svg-style" xmlns="http://www.w3.org/2000/svg" 82276e6818aSopenharmony_ci viewBox="0 0 1024 1024" data-v-ea893728=""> 82376e6818aSopenharmony_ci <path fill="currentColor" 82476e6818aSopenharmony_ci d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"> 82576e6818aSopenharmony_ci </path> 82676e6818aSopenharmony_ci </svg> 82776e6818aSopenharmony_ci </div> 82876e6818aSopenharmony_ci <div id="svg-hide-media" title="隐藏图片/视频"> 82976e6818aSopenharmony_ci <svg onclick="displayMedia('none')" class="svg-style" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" 83076e6818aSopenharmony_ci data-v-ea893728=""> 83176e6818aSopenharmony_ci <path fill="currentColor" 83276e6818aSopenharmony_ci d="M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"> 83376e6818aSopenharmony_ci </path> 83476e6818aSopenharmony_ci <path fill="currentColor" 83576e6818aSopenharmony_ci d="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"> 83676e6818aSopenharmony_ci </path> 83776e6818aSopenharmony_ci </svg> 83876e6818aSopenharmony_ci </div> 83976e6818aSopenharmony_ci </div> 84076e6818aSopenharmony_ci <div title="查看错误详情" class="btn-div"> 84176e6818aSopenharmony_ci <svg onclick="gotoTrace()" class="svg-style" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" 84276e6818aSopenharmony_ci data-v-ea893728=""> 84376e6818aSopenharmony_ci <path fill="currentColor" 84476e6818aSopenharmony_ci d="M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z"> 84576e6818aSopenharmony_ci </path> 84676e6818aSopenharmony_ci </svg> 84776e6818aSopenharmony_ci </div> 84876e6818aSopenharmony_ci <div title="回到顶部" class="scroll-top-btn"><svg class="svg-style" xmlns="http://www.w3.org/2000/svg" 84976e6818aSopenharmony_ci viewBox="0 0 1024 1024" data-v-ea893728=""> 85076e6818aSopenharmony_ci <path fill="currentColor" 85176e6818aSopenharmony_ci d="M572.235 205.282v600.365a30.118 30.118 0 1 1-60.235 0V205.282L292.382 438.633a28.913 28.913 0 0 1-42.646 0 33.43 33.43 0 0 1 0-45.236l271.058-288.045a28.913 28.913 0 0 1 42.647 0L834.5 393.397a33.43 33.43 0 0 1 0 45.176 28.913 28.913 0 0 1-42.647 0l-219.618-233.23z"> 85276e6818aSopenharmony_ci </path> 85376e6818aSopenharmony_ci </svg></div> 85476e6818aSopenharmony_ci </div> 85576e6818aSopenharmony_ci 85676e6818aSopenharmony_ci <h4 class="h4">Execution Log</h4> 85776e6818aSopenharmony_ci <div id="logs"> 85876e6818aSopenharmony_ci {% for log in logs.content %} 85976e6818aSopenharmony_ci <div>{{ log | replace("\n", "<br>") }}</div> 86076e6818aSopenharmony_ci {% endfor %} 86176e6818aSopenharmony_ci </div> 86276e6818aSopenharmony_ci 86376e6818aSopenharmony_ci <script> 86476e6818aSopenharmony_ci const reportData = {{ case }}; 86576e6818aSopenharmony_ci 86676e6818aSopenharmony_ci const element = document.querySelector('#logs'); 86776e6818aSopenharmony_ci const elementPosition = element.offsetTop; 86876e6818aSopenharmony_ci const btns = document.querySelector('.btns'); 86976e6818aSopenharmony_ci const scrollButton = document.querySelector('.scroll-top-btn'); 87076e6818aSopenharmony_ci window.addEventListener('scroll', () => { 87176e6818aSopenharmony_ci if (window.scrollY > elementPosition + 200) { 87276e6818aSopenharmony_ci btns.style.display = 'block'; 87376e6818aSopenharmony_ci } else { 87476e6818aSopenharmony_ci btns.style.display = 'none'; 87576e6818aSopenharmony_ci } 87676e6818aSopenharmony_ci }); 87776e6818aSopenharmony_ci scrollButton.addEventListener('click', function () { 87876e6818aSopenharmony_ci window.scrollTo({ 87976e6818aSopenharmony_ci top: 0, 88076e6818aSopenharmony_ci behavior: 'smooth' 88176e6818aSopenharmony_ci }); 88276e6818aSopenharmony_ci }); 88376e6818aSopenharmony_ci 88476e6818aSopenharmony_ci // 获取ul元素 88576e6818aSopenharmony_ci const ul = document.getElementById('phoneErrorPosition'); 88676e6818aSopenharmony_ci const imgDiv = document.querySelector('.img-div'); 88776e6818aSopenharmony_ci const err = document.querySelector('.err'); 88876e6818aSopenharmony_ci const dialog = document.getElementById('dialog'); 88976e6818aSopenharmony_ci const maskImgBg = document.querySelector('.mask-imgBg'); 89076e6818aSopenharmony_ci const detailsId = document.getElementById('details'); 89176e6818aSopenharmony_ci 89276e6818aSopenharmony_ci const { steps } = reportData; 89376e6818aSopenharmony_ci if (!steps?.length) { 89476e6818aSopenharmony_ci detailsId.remove(); 89576e6818aSopenharmony_ci } else { 89676e6818aSopenharmony_ci addLi(); 89776e6818aSopenharmony_ci } 89876e6818aSopenharmony_ci 89976e6818aSopenharmony_ci // 定义一个函数，用于将li数据渲染成HTML字符串 90076e6818aSopenharmony_ci function renderLi(data, index) { 90176e6818aSopenharmony_ci return `<li class="${data.error !== '' ? 'isPassed' : ''} ${data.isChecked ? 'isChecked' : ''}" onclick="clickLi(${index})"> 90276e6818aSopenharmony_ci <div class="li-div"> 90376e6818aSopenharmony_ci <span title="${data.name}" class="li-span">${data.name}</span> 90476e6818aSopenharmony_ci <span> 90576e6818aSopenharmony_ci <span class="li-tag">${data.cost}s</span> 90676e6818aSopenharmony_ci <span style="vertical-align: middle;" title="查看日志" onclick="gotoStep(${index})"> 90776e6818aSopenharmony_ci <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-ea893728=""><path fill="currentColor" d="M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z"></path></svg> 90876e6818aSopenharmony_ci </span> 90976e6818aSopenharmony_ci </span> 91076e6818aSopenharmony_ci </div> 91176e6818aSopenharmony_ci </li>`; 91276e6818aSopenharmony_ci } 91376e6818aSopenharmony_ci 91476e6818aSopenharmony_ci function renderTr(key, value) { 91576e6818aSopenharmony_ci return `<td class="el-descriptions__cell el-descriptions__label is-bordered-label" colspan="1">${key}</td> 91676e6818aSopenharmony_ci <td class="el-descriptions__cell el-descriptions__content is-bordered-content" colspan="3">${value}</td>`; 91776e6818aSopenharmony_ci } 91876e6818aSopenharmony_ci 91976e6818aSopenharmony_ci // 定义一个函数，用于添加li元素 92076e6818aSopenharmony_ci function clickLi(index) { 92176e6818aSopenharmony_ci const liList = ul.getElementsByTagName('li'); // 获取所有li元素 92276e6818aSopenharmony_ci for (let i = 0; i < liList.length; i++) { 92376e6818aSopenharmony_ci liList[i].classList.remove('isChecked'); // 移除class-name类名 92476e6818aSopenharmony_ci } 92576e6818aSopenharmony_ci const li = ul.getElementsByTagName('li')[index]; // 获取点击的li元素 92676e6818aSopenharmony_ci li.classList.add('isChecked'); // 添加class-name 92776e6818aSopenharmony_ci showStep(steps[index]); 92876e6818aSopenharmony_ci } 92976e6818aSopenharmony_ci 93076e6818aSopenharmony_ci function addLi() { 93176e6818aSopenharmony_ci let step = steps.findIndex(item => item.error !== ''); 93276e6818aSopenharmony_ci if (step !== -1) { 93376e6818aSopenharmony_ci steps[step].isChecked = true; 93476e6818aSopenharmony_ci showStep(steps[step]); 93576e6818aSopenharmony_ci } else { 93676e6818aSopenharmony_ci steps[0].isChecked = true; 93776e6818aSopenharmony_ci showStep(steps[0]); 93876e6818aSopenharmony_ci } 93976e6818aSopenharmony_ci steps.forEach((item, index) => { 94076e6818aSopenharmony_ci ul.innerHTML += renderLi(item, index); 94176e6818aSopenharmony_ci }); 94276e6818aSopenharmony_ci } 94376e6818aSopenharmony_ci 94476e6818aSopenharmony_ci function showStep(step) { 94576e6818aSopenharmony_ci const message = document.getElementById('message'); 94676e6818aSopenharmony_ci while (message.firstChild) { 94776e6818aSopenharmony_ci message.removeChild(message.firstChild); 94876e6818aSopenharmony_ci } 94976e6818aSopenharmony_ci if (step.error) { 95076e6818aSopenharmony_ci message.innerHTML = `<td class="el-descriptions__cell el-descriptions__label is-bordered-label" colspan="1">Error</td> 95176e6818aSopenharmony_ci <td class="errorInfo el-descriptions__cell el-descriptions__content is-bordered-content error-content" colspan="7" 95276e6818aSopenharmony_ci style="color: red;">${step.error} 95376e6818aSopenharmony_ci </td>` 95476e6818aSopenharmony_ci } 95576e6818aSopenharmony_ci let tds = [] 95676e6818aSopenharmony_ci for (const key in step.extras) { 95776e6818aSopenharmony_ci let h = renderTr(key, step.extras[key]); 95876e6818aSopenharmony_ci tds.push(h); 95976e6818aSopenharmony_ci } 96076e6818aSopenharmony_ci let count = 0; 96176e6818aSopenharmony_ci let trs = null; 96276e6818aSopenharmony_ci // 遍历所有的td元素 96376e6818aSopenharmony_ci for (let i = 0; i < tds.length; i++) { 96476e6818aSopenharmony_ci // 如果计数器为0，则创建一个新的tr元素 96576e6818aSopenharmony_ci if (count === 0) { 96676e6818aSopenharmony_ci trs = document.createElement('tr'); 96776e6818aSopenharmony_ci } 96876e6818aSopenharmony_ci // 将当前的td元素添加到tr元素中 96976e6818aSopenharmony_ci trs.innerHTML += tds[i]; 97076e6818aSopenharmony_ci // 计数器加1 97176e6818aSopenharmony_ci count++; 97276e6818aSopenharmony_ci // 如果计数器为2，则将tr元素添加到表格中，并将计数器重置为0 97376e6818aSopenharmony_ci if (count === 2) { 97476e6818aSopenharmony_ci message.appendChild(trs); 97576e6818aSopenharmony_ci count = 0; 97676e6818aSopenharmony_ci } 97776e6818aSopenharmony_ci } 97876e6818aSopenharmony_ci // 如果计数器不为0，则将剩余的td元素添加到一个新的tr元素中，并将其添加到表格中 97976e6818aSopenharmony_ci if (count !== 0) { 98076e6818aSopenharmony_ci message.appendChild(trs); 98176e6818aSopenharmony_ci } 98276e6818aSopenharmony_ci const screen = step.screenshot.reduce((acc, cur) => { 98376e6818aSopenharmony_ci const prefix = cur.link.split('.')[0]; // 获取字符串中第一个 . 之前的部分作为前缀 98476e6818aSopenharmony_ci if (!acc[prefix]) { 98576e6818aSopenharmony_ci acc[prefix] = []; // 如果前缀不存在，则创建一个新的数组 98676e6818aSopenharmony_ci } 98776e6818aSopenharmony_ci acc[prefix].push(cur); // 将当前字符串添加到对应的数组中 98876e6818aSopenharmony_ci return acc; 98976e6818aSopenharmony_ci }, {}); 99076e6818aSopenharmony_ci const numOfProperties = Object.keys(screen).length; 99176e6818aSopenharmony_ci const errScroll = document.querySelector('.err-scroll'); 99276e6818aSopenharmony_ci imgDiv.scrollTop = 0; 99376e6818aSopenharmony_ci errScroll.scrollTop = 0; 99476e6818aSopenharmony_ci while (imgDiv.firstChild) { 99576e6818aSopenharmony_ci imgDiv.removeChild(imgDiv.firstChild); 99676e6818aSopenharmony_ci } 99776e6818aSopenharmony_ci if (numOfProperties > 1) { 99876e6818aSopenharmony_ci multipleSn(screen); 99976e6818aSopenharmony_ci } else { 100076e6818aSopenharmony_ci singleSn(screen); 100176e6818aSopenharmony_ci } 100276e6818aSopenharmony_ci if (message.children.length === 0) { 100376e6818aSopenharmony_ci errScroll.style.marginTop = 0; 100476e6818aSopenharmony_ci } else { 100576e6818aSopenharmony_ci errScroll.style.marginTop = '10px'; 100676e6818aSopenharmony_ci } 100776e6818aSopenharmony_ci } 100876e6818aSopenharmony_ci 100976e6818aSopenharmony_ci function singleSn(screen) { 101076e6818aSopenharmony_ci for (const [key, item] of Object.entries(screen)) { 101176e6818aSopenharmony_ci const title = document.createElement('div'); 101276e6818aSopenharmony_ci const screenDiv = document.createElement('div'); 101376e6818aSopenharmony_ci screenDiv.scrollLeft = 0; 101476e6818aSopenharmony_ci title.textContent = key.split('/')[1]; 101576e6818aSopenharmony_ci screenDiv.appendChild(title); 101676e6818aSopenharmony_ci screenDiv.className = 'screen-div'; 101776e6818aSopenharmony_ci screenDiv.style.textAlign = 'center'; 101876e6818aSopenharmony_ci title.style.backgroundColor = '#f5f7fa'; 101976e6818aSopenharmony_ci title.style.fontWeight = 700; 102076e6818aSopenharmony_ci title.style.lineHeight = '38px'; 102176e6818aSopenharmony_ci title.style.color = '#606266'; 102276e6818aSopenharmony_ci title.style.fontSize = '15px'; 102376e6818aSopenharmony_ci const div2 = document.createElement('div'); 102476e6818aSopenharmony_ci div2.style.display = 'flex'; 102576e6818aSopenharmony_ci imgDiv.appendChild(title); 102676e6818aSopenharmony_ci imgDiv.style.display = 'block'; 102776e6818aSopenharmony_ci imgDiv.style.textAlign = 'center'; 102876e6818aSopenharmony_ci imgDiv.style.overflowX = 'hidden'; 102976e6818aSopenharmony_ci screenDiv.style.overflowX = 'auto'; 103076e6818aSopenharmony_ci for (let i = 0; i < item.length; i++) { 103176e6818aSopenharmony_ci const div = document.createElement('div'); 103276e6818aSopenharmony_ci div.style.padding = '10px 0 20px 0'; 103376e6818aSopenharmony_ci if (item.length > 1) { 103476e6818aSopenharmony_ci div.style.marginRight = '50px'; 103576e6818aSopenharmony_ci } 103676e6818aSopenharmony_ci screenDiv.style.marginRight = '0'; 103776e6818aSopenharmony_ci const div3 = document.createElement('div'); 103876e6818aSopenharmony_ci if (item[i].link.includes('.avi') || item[i].link.includes('.mp4')) { 103976e6818aSopenharmony_ci div.appendChild(isVideo(item[i].link)); 104076e6818aSopenharmony_ci } else { 104176e6818aSopenharmony_ci const img = isImage(item[i].link); 104276e6818aSopenharmony_ci div.appendChild(img); 104376e6818aSopenharmony_ci img.onload = function() { 104476e6818aSopenharmony_ci div3.style.width = img.width + 'px'; 104576e6818aSopenharmony_ci } 104676e6818aSopenharmony_ci } 104776e6818aSopenharmony_ci const fileName = item[i].name; 104876e6818aSopenharmony_ci addStyle(div3, fileName); 104976e6818aSopenharmony_ci div.appendChild(div3); 105076e6818aSopenharmony_ci div2.appendChild(div); 105176e6818aSopenharmony_ci screenDiv.appendChild(div2); 105276e6818aSopenharmony_ci } 105376e6818aSopenharmony_ci imgDiv.appendChild(screenDiv); 105476e6818aSopenharmony_ci } 105576e6818aSopenharmony_ci } 105676e6818aSopenharmony_ci 105776e6818aSopenharmony_ci function multipleSn(screen) { 105876e6818aSopenharmony_ci const noSingleDiv = document.createElement('div'); 105976e6818aSopenharmony_ci noSingleDiv.style.backgroundColor = '#f5f7fa'; 106076e6818aSopenharmony_ci noSingleDiv.style.height = '38px'; 106176e6818aSopenharmony_ci noSingleDiv.style.width = '100%'; 106276e6818aSopenharmony_ci noSingleDiv.style.position = 'absolute'; 106376e6818aSopenharmony_ci noSingleDiv.style.zIndex = -1; 106476e6818aSopenharmony_ci imgDiv.appendChild(noSingleDiv); 106576e6818aSopenharmony_ci const keys = Object.keys(screen); 106676e6818aSopenharmony_ci const maxLength = Math.max(...keys.map(key => screen[key].length)); 106776e6818aSopenharmony_ci // 构建新数组 106876e6818aSopenharmony_ci const result = []; 106976e6818aSopenharmony_ci for (let i = 0; i < maxLength; i++) { 107076e6818aSopenharmony_ci const item = {}; 107176e6818aSopenharmony_ci keys.forEach(key => { 107276e6818aSopenharmony_ci item[key] = screen[key][i] || { 107376e6818aSopenharmony_ci link: '', name: '' 107476e6818aSopenharmony_ci }; // 如果属性值数组长度不够，用空字符串填充 107576e6818aSopenharmony_ci }); 107676e6818aSopenharmony_ci result.push(item); 107776e6818aSopenharmony_ci } 107876e6818aSopenharmony_ci const tableImg = document.createElement('table'); 107976e6818aSopenharmony_ci const theadImg = document.createElement('thead'); 108076e6818aSopenharmony_ci const theadTrImg = document.createElement('tr'); 108176e6818aSopenharmony_ci keys.forEach(item => { 108276e6818aSopenharmony_ci const thImg = document.createElement('th'); 108376e6818aSopenharmony_ci thImg.textContent = item.split('/')[1]; 108476e6818aSopenharmony_ci thImg.style.position = 'sticky'; 108576e6818aSopenharmony_ci thImg.style.top = 0; 108676e6818aSopenharmony_ci thImg.style.backgroundColor = '#f5f7fa'; 108776e6818aSopenharmony_ci thImg.style.zIndex = 10; 108876e6818aSopenharmony_ci theadTrImg.appendChild(thImg); 108976e6818aSopenharmony_ci }) 109076e6818aSopenharmony_ci theadTrImg.style.height = '38px'; 109176e6818aSopenharmony_ci theadTrImg.style.color = '#606266'; 109276e6818aSopenharmony_ci theadTrImg.style.fontSize = '15px'; 109376e6818aSopenharmony_ci theadImg.appendChild(theadTrImg); 109476e6818aSopenharmony_ci tableImg.appendChild(theadImg); 109576e6818aSopenharmony_ci tableImg.style.borderCollapse = 'collapse'; 109676e6818aSopenharmony_ci const tbodyImg = document.createElement('tbody'); 109776e6818aSopenharmony_ci for (let i = 0; i < maxLength; i++) { 109876e6818aSopenharmony_ci const trImg = document.createElement('tr'); 109976e6818aSopenharmony_ci for (const key in result[i]) { 110076e6818aSopenharmony_ci const tdImg = document.createElement('td'); 110176e6818aSopenharmony_ci const div = document.createElement('div'); 110276e6818aSopenharmony_ci div.style.padding = '10px 0 20px 0'; 110376e6818aSopenharmony_ci const div3 = document.createElement('div'); 110476e6818aSopenharmony_ci div3.style.width = '230px'; 110576e6818aSopenharmony_ci if (result[i][key].link.includes('.avi') || result[i][key].link.includes('.mp4')) { 110676e6818aSopenharmony_ci div.appendChild(isVideo(result[i][key].link)); 110776e6818aSopenharmony_ci } else { 110876e6818aSopenharmony_ci const img = isImage(result[i][key].link); 110976e6818aSopenharmony_ci div.appendChild(img); 111076e6818aSopenharmony_ci img.onload = function() { 111176e6818aSopenharmony_ci div3.style.width = img.width + 'px'; 111276e6818aSopenharmony_ci }; 111376e6818aSopenharmony_ci } 111476e6818aSopenharmony_ci const fileName = result[i][key].name; 111576e6818aSopenharmony_ci addStyle(div3, fileName); 111676e6818aSopenharmony_ci div.appendChild(div3); 111776e6818aSopenharmony_ci div.style.minWidth = '470px'; 111876e6818aSopenharmony_ci tdImg.appendChild(div); 111976e6818aSopenharmony_ci trImg.appendChild(tdImg); 112076e6818aSopenharmony_ci } 112176e6818aSopenharmony_ci tbodyImg.appendChild(trImg); 112276e6818aSopenharmony_ci } 112376e6818aSopenharmony_ci tableImg.appendChild(tbodyImg); 112476e6818aSopenharmony_ci imgDiv.appendChild(tableImg); 112576e6818aSopenharmony_ci imgDiv.style.display = 'flex'; 112676e6818aSopenharmony_ci imgDiv.style.overflowX = 'auto'; 112776e6818aSopenharmony_ci imgDiv.style.textAlign = 'center'; 112876e6818aSopenharmony_ci } 112976e6818aSopenharmony_ci 113076e6818aSopenharmony_ci function addStyle(div, fileName) { 113176e6818aSopenharmony_ci div.textContent = fileName; 113276e6818aSopenharmony_ci div.title = fileName; 113376e6818aSopenharmony_ci div.style.fontSize = '14px'; 113476e6818aSopenharmony_ci div.style.margin = '0 auto'; 113576e6818aSopenharmony_ci div.style.overflow = 'hidden'; 113676e6818aSopenharmony_ci div.style. whiteSpace = 'nowrap'; 113776e6818aSopenharmony_ci div.style.textOverflow = 'ellipsis'; 113876e6818aSopenharmony_ci } 113976e6818aSopenharmony_ci 114076e6818aSopenharmony_ci function isVideo(item) { 114176e6818aSopenharmony_ci const video = document.createElement('video'); 114276e6818aSopenharmony_ci video.controls = 'controls'; 114376e6818aSopenharmony_ci video.muted = 'muted'; 114476e6818aSopenharmony_ci video.style.width = '236px'; 114576e6818aSopenharmony_ci video.style.height = '514px'; 114676e6818aSopenharmony_ci video.src = item; 114776e6818aSopenharmony_ci video.addEventListener('click', (event) => { 114876e6818aSopenharmony_ci clickScreenShot('video', item); 114976e6818aSopenharmony_ci if (!event.target.classList.contains('controls')) { 115076e6818aSopenharmony_ci event.preventDefault(); 115176e6818aSopenharmony_ci return false; 115276e6818aSopenharmony_ci } 115376e6818aSopenharmony_ci }); 115476e6818aSopenharmony_ci return video; 115576e6818aSopenharmony_ci } 115676e6818aSopenharmony_ci 115776e6818aSopenharmony_ci function isImage(item) { 115876e6818aSopenharmony_ci const img = document.createElement('img'); 115976e6818aSopenharmony_ci img.src = item; 116076e6818aSopenharmony_ci img.alt = ''; 116176e6818aSopenharmony_ci img.style.cursor = 'pointer'; 116276e6818aSopenharmony_ci img.addEventListener('click', (event) => clickScreenShot('img', item)); 116376e6818aSopenharmony_ci if (item) { 116476e6818aSopenharmony_ci img.onerror = function () { 116576e6818aSopenharmony_ci img.style.width = '230px'; 116676e6818aSopenharmony_ci }; 116776e6818aSopenharmony_ci } 116876e6818aSopenharmony_ci return img; 116976e6818aSopenharmony_ci } 117076e6818aSopenharmony_ci 117176e6818aSopenharmony_ci const clickScreenShot = (type, index) => { 117276e6818aSopenharmony_ci const screenHeight = window.innerHeight; 117376e6818aSopenharmony_ci dialog.style.display = 'flex'; 117476e6818aSopenharmony_ci if (type === 'video') { 117576e6818aSopenharmony_ci const video = document.createElement('video'); 117676e6818aSopenharmony_ci video.controls = 'controls'; 117776e6818aSopenharmony_ci video.muted = 'muted'; 117876e6818aSopenharmony_ci video.style.width = 'auto'; 117976e6818aSopenharmony_ci video.style.height = 0.8 * screenHeight + 'px'; 118076e6818aSopenharmony_ci video.src = index; 118176e6818aSopenharmony_ci maskImgBg.appendChild(video); 118276e6818aSopenharmony_ci } else { 118376e6818aSopenharmony_ci const img = document.createElement('img'); 118476e6818aSopenharmony_ci img.src = index; 118576e6818aSopenharmony_ci img.alt = ''; 118676e6818aSopenharmony_ci img.style.cursor = 'pointer'; 118776e6818aSopenharmony_ci img.style.width = 'auto'; 118876e6818aSopenharmony_ci img.style.height = 0.8 * screenHeight + 'px'; 118976e6818aSopenharmony_ci maskImgBg.appendChild(img); 119076e6818aSopenharmony_ci } 119176e6818aSopenharmony_ci } 119276e6818aSopenharmony_ci 119376e6818aSopenharmony_ci function closeDialog() { 119476e6818aSopenharmony_ci const images = maskImgBg.getElementsByTagName('img'); 119576e6818aSopenharmony_ci for (let i = 0; i < images.length; i++) { 119676e6818aSopenharmony_ci maskImgBg.removeChild(images[i]); 119776e6818aSopenharmony_ci } 119876e6818aSopenharmony_ci const videos = maskImgBg.getElementsByTagName('video'); 119976e6818aSopenharmony_ci for (let i = 0; i < videos.length; i++) { 120076e6818aSopenharmony_ci maskImgBg.removeChild(videos[i]); 120176e6818aSopenharmony_ci } 120276e6818aSopenharmony_ci dialog.style.display = 'none'; 120376e6818aSopenharmony_ci } 120476e6818aSopenharmony_ci 120576e6818aSopenharmony_ci function displayMedia(value) { 120676e6818aSopenharmony_ci const el_svg_show_media = document.getElementById('svg-show-media'); 120776e6818aSopenharmony_ci const el_svg_hide_media = document.getElementById('svg-hide-media'); 120876e6818aSopenharmony_ci const el_log = document.getElementById('logs'); 120976e6818aSopenharmony_ci const el_images = el_log.getElementsByTagName('img'); 121076e6818aSopenharmony_ci const el_videos = el_log.getElementsByTagName('video'); 121176e6818aSopenharmony_ci 121276e6818aSopenharmony_ci let elements = []; 121376e6818aSopenharmony_ci elements.push(...el_images, ...el_videos); 121476e6818aSopenharmony_ci for (let i = 0; i < elements.length; i++) { 121576e6818aSopenharmony_ci let element = elements[i]; 121676e6818aSopenharmony_ci let element_a = element.parentNode; 121776e6818aSopenharmony_ci element.src = element_a.href; 121876e6818aSopenharmony_ci if (value === 'block') { 121976e6818aSopenharmony_ci element.style.display = 'block'; 122076e6818aSopenharmony_ci el_svg_hide_media.style.display = 'block'; 122176e6818aSopenharmony_ci el_svg_show_media.style.display = 'none'; 122276e6818aSopenharmony_ci } else { 122376e6818aSopenharmony_ci element.style.display = 'none'; 122476e6818aSopenharmony_ci el_svg_hide_media.style.display = 'none'; 122576e6818aSopenharmony_ci el_svg_show_media.style.display = 'block'; 122676e6818aSopenharmony_ci } 122776e6818aSopenharmony_ci } 122876e6818aSopenharmony_ci } 122976e6818aSopenharmony_ci 123076e6818aSopenharmony_ci function gotoStep(stepId) { 123176e6818aSopenharmony_ci let element = document.getElementById(stepId); 123276e6818aSopenharmony_ci if (element != null) { 123376e6818aSopenharmony_ci let distance = element.offsetTop - 50; 123476e6818aSopenharmony_ci document.documentElement.scrollTo(0, distance); 123576e6818aSopenharmony_ci } 123676e6818aSopenharmony_ci } 123776e6818aSopenharmony_ci 123876e6818aSopenharmony_ci function gotoTrace() { 123976e6818aSopenharmony_ci const columns = document.getElementsByClassName('col_error'); 124076e6818aSopenharmony_ci if (columns.length === 0) { 124176e6818aSopenharmony_ci return; 124276e6818aSopenharmony_ci } 124376e6818aSopenharmony_ci const errorMsg = columns[0].textContent; 124476e6818aSopenharmony_ci if (!errorMsg) { 124576e6818aSopenharmony_ci return; 124676e6818aSopenharmony_ci } 124776e6818aSopenharmony_ci const elements = document.getElementById('logs').getElementsByClassName('error'); 124876e6818aSopenharmony_ci for (let i = 0; i < elements.length; i++) { 124976e6818aSopenharmony_ci let element = elements[i]; 125076e6818aSopenharmony_ci if (element.textContent.indexOf(errorMsg) >= 0) { 125176e6818aSopenharmony_ci document.documentElement.scrollTop = element.offsetTop; 125276e6818aSopenharmony_ci break; 125376e6818aSopenharmony_ci } 125476e6818aSopenharmony_ci } 125576e6818aSopenharmony_ci } 125676e6818aSopenharmony_ci 125776e6818aSopenharmony_ci const rainbowText = document.getElementById('rainbowText'); 125876e6818aSopenharmony_ci const textLength = rainbowText.offsetWidth; 125976e6818aSopenharmony_ci rainbowText.style.backgroundSize = `${textLength}px 100%`; 126076e6818aSopenharmony_ci </script> 126176e6818aSopenharmony_ci</body> 126276e6818aSopenharmony_ci 126376e6818aSopenharmony_ci</html>