xiaoe/test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

测试计划列表显示完善

Browse Source
This commit is contained in:
pfl
2025-04-27 19:14:55 +08:00
parent 354a65938a
commit b680339e6a
3 changed files with 239 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
test-ui/src/views/test/testplan/index.vue
View File

@@ -93,34 +93,143 @@
<el-popover
placement="top-start"
trigger="hover"
content="暂无关联用例"
>
<el-progress slot="reference" :percentage="80" :show-text="false"></el-progress>
<span v-if="scope.row.smokeTest === null">暂无关联用例</span>
<div v-else class="custom-content">
<el-row :gutter="10">
<el-col :span="8">
<el-row>
<span style="color: #67C23A;">
<i class="el-icon-success"></i> 通过
</span>
</el-row>
</el-col>
<el-col :span="6">
<span>{{ scope.row.smokeTestPassNum }}</span>
</el-col>
<el-col :span="10">
<span>{{ Number(scope.row.smokeTest).toFixed(0) + '%' }}</span>
</el-col>
</el-row>
</div>
<el-progress slot="reference" :percentage="Number(scope.row.smokeTest)" :show-text="false"></el-progress>
</el-popover>
</el-col>
</el-row>
<el-row :gutter="10" class="label-progress">
<el-col :span="10" class="label-text">功能测试</el-col>
<el-col :span="14">
<el-progress :percentage="scope.row.functionalTestProgress" :show-text="false"></el-progress>
<el-popover
placement="top-start"
trigger="hover"
>
<span v-if="scope.row.smokeTest === null">暂无关联用例</span>
<div v-else class="custom-content">
<el-row :gutter="10">
<el-col :span="8">
<el-row>
<span style="color: #67C23A;">
<i class="el-icon-success"></i> 通过
</span>
</el-row>
</el-col>
<el-col :span="6">
<span>{{ scope.row.functionTestPassNum }}</span>
</el-col>
<el-col :span="10">
<span>{{ Number(scope.row.functionTest).toFixed(0) + '%' }}</span>
</el-col>
</el-row>
</div>
<el-progress slot="reference" :percentage="Number(scope.row.functionTest)" :show-text="false"></el-progress>
</el-popover>
</el-col>
</el-row>
<el-row :gutter="10" class="label-progress">
<el-col :span="10" class="label-text">回归测试</el-col>
<el-col :span="14">
<el-progress :percentage="scope.row.regressionTestProgress" :show-text="false"></el-progress>
<el-popover
placement="top-start"
trigger="hover"
>
<span v-if="scope.row.smokeTest === null">暂无关联用例</span>
<div v-else class="custom-content">
<el-row :gutter="10">
<el-col :span="8">
<el-row>
<span style="color: #67C23A;">
<i class="el-icon-success"></i> 通过
</span>
</el-row>
</el-col>
<el-col :span="6">
<span>{{ scope.row.regressionTestPassNum }}</span>
</el-col>
<el-col :span="10">
<span>{{ Number(scope.row.regressionTest).toFixed(0) + '%' }}</span>
</el-col>
</el-row>
</div>
<el-progress slot="reference" :percentage="Number(scope.row.regressionTest)" :show-text="false"></el-progress>
</el-popover>
</el-col>
</el-row>
<el-row :gutter="10" class="label-progress">
<el-col :span="10" class="label-text">准生产验证</el-col>
<el-col :span="14">
<el-progress :percentage="scope.row.preProductionValidationProgress" :show-text="false"></el-progress>
<el-popover
placement="top-start"
trigger="hover"
>
<span v-if="scope.row.smokeTest === null">暂无关联用例</span>
<div v-else class="custom-content">
<el-row :gutter="10">
<el-col :span="8">
<el-row>
<span style="color: #67C23A;">
<i class="el-icon-success"></i> 通过
</span>
</el-row>
</el-col>
<el-col :span="6">
<span>{{ scope.row.preProductionTestPassNum }}</span>
</el-col>
<el-col :span="10">
<span>{{ Number(scope.row.preProductionTest).toFixed(0) + '%' }}</span>
</el-col>
</el-row>
</div>
<el-progress slot="reference" :percentage="Number(scope.row.preProductionTest)" :show-text="false"></el-progress>
</el-popover>
</el-col>
</el-row>
<el-row :gutter="10" class="label-progress">
<el-col :span="10" class="label-text">生产验证</el-col>
<el-col :span="14">
<el-progress :percentage="scope.row.productionValidationProgress" :show-text="false"></el-progress>
<el-popover
placement="top-start"
trigger="hover"
>
<span v-if="scope.row.smokeTest === null">暂无关联用例</span>
<div v-else class="custom-content">
<el-row :gutter="10">
<el-col :span="8">
<el-row>
<span style="color: #67C23A;">
<i class="el-icon-success"></i> 通过
</span>
</el-row>
</el-col>
<el-col :span="6">
<span>{{ scope.row.productionTestPassNum }}</span>
</el-col>
<el-col :span="10">
<span>{{ Number(scope.row.productionTest).toFixed(0) + '%' }}</span>
</el-col>
</el-row>
</div>
<el-progress slot="reference" :percentage="Number(scope.row.productionTest)" :show-text="false"></el-progress>
</el-popover>
</el-col>
</el-row>
</el-col>
@@ -457,4 +566,23 @@ export default {
display: flex;
align-items: center;
}
.custom-content {
width: 200px;
padding: 10px;
.el-row {
align-items: center;
}
.el-col {
display: flex;
align-items: center;
}
.el-icon-check {
color: #67C23A;
margin-right: 5px;
}
span {
font-size: 14px;
}
}
</style>