test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: 更改了测试报告的成功失败图标的样式，用于修复打印报告时元素异常的缺陷 

--bug=1005179 --user=宋天阳 【接口测试-接口自动化】导出测试报告元素显示异常
https://www.tapd.cn/55049933/s/1029492
This commit is contained in:
song-tianyang 2021-07-27 14:30:45 +08:00 committed by 刘瑞斌
parent fa8affac2d
commit ccbcc3271f
1 changed files with 33 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
frontend/src/business/components/api/automation/report/components/MetricChart.vue
View File

@ -19,13 +19,15 @@
</div>
<ms-chart id="chart" ref="chart" :options="options" :autoresize="true" v-else/>
<el-row type="flex" justify="center" align="middle">
<i class="circle success"/>
<!-- <i class="circle success"/>-->
<span class="ms-point-success"/>
<div class="metric-box">
<div class="value">{{ content.success }}</div>
<div class="name">{{ $t('api_report.success') }}</div>
</div>
<div style="width: 40px"></div>
<i class="circle fail"/>
<!-- <i class="circle fail"/>-->
<span class="ms-point-error"/>
<div class="metric-box">
<div class="value">{{ content.error }}</div>
<div class="name">{{ $t('api_report.fail') }}</div>
@ -42,13 +44,15 @@
<div class="value">{{ content.scenarioTotal ? content.scenarioTotal : 0}}</div>
<div class="name">{{ $t('api_test.scenario.scenario') }}</div>
</div>
<i class="circle success" style="margin-left: 20px;margin-right: 20px"/>
<!-- <i class="circle success" style="margin-left: 20px;margin-right: 20px"/>-->
<span class="ms-point-success"/>
<div class="metric-box">
<div class="value">{{ content.scenarioSuccess ? content.scenarioSuccess: 0 }}</div>
<div class="name">{{ $t('api_report.success') }}</div>
</div>
<!-- <div style="width: 40px"></div>-->
<i class="circle fail" style="margin-left: 20px;margin-right: 20px"/>
<!-- <i class="circle fail" style="margin-left: 20px;margin-right: 20px"/>-->
<span class="ms-point-error"/>
<div class="metric-box">
<div class="value">{{ content.scenarioError ? content.scenarioError : 0 }}</div>
<div class="name">{{ $t('api_report.fail') }}</div>
@ -61,13 +65,15 @@
<div class="value">{{ content.scenarioStepTotal ? content.scenarioStepTotal : 0}}</div>
<div class="name">{{ $t('test_track.plan_view.step') }}</div>
</div>
<i class="circle success" style="margin-left: 20px;margin-right: 20px"/>
<span class="ms-point-success"/>
<!-- <i class="circle success" style="margin-left: 20px;margin-right: 20px"/>-->
<div class="metric-box">
<div class="value">{{ content.scenarioStepSuccess ? content.scenarioStepSuccess: 0 }}</div>
<div class="name">{{ $t('api_report.success') }}</div>
</div>
<!-- <div style="width: 40px"></div>-->
<i class="circle fail" style="margin-left: 20px;margin-right: 20px"/>
<!-- <i class="circle fail" style="margin-left: 20px;margin-right: 20px"/>-->
<span class="ms-point-error"/>
<div class="metric-box">
<div class="value">{{ content.scenarioStepError ? content.scenarioStepError : 0 }}</div>
<div class="name">{{ $t('api_report.fail') }}</div>
@ -335,4 +341,25 @@
line-height: 110px;
text-align: center;
}
.ms-point-success {
border-radius: 50%;
height: 12px;
width: 12px;
display: inline-block;
vertical-align: top;
margin-left: 20px;
margin-right: 20px;
background-color : #67C23A;
}
.ms-point-error {
border-radius: 50%;
height: 12px;
width: 12px;
display: inline-block;
vertical-align: top;
margin-left: 20px;
margin-right: 20px;
background-color : #F56C6C;
}
</style>