style(接口测试): 报告步骤显示样式调整

--bug=1018262 --user=赵勇 【接口测试】用例名称过长导致名称位置显示...,建议优化 https://www.tapd.cn/55049933/s/1265055
This commit is contained in:
fit2-zhao 2022-10-17 18:41:22 +08:00 committed by f2c-ci-robot[bot]
parent 3de2b85fda
commit 80e2a7fed0
2 changed files with 10 additions and 7 deletions

View File

@ -79,7 +79,7 @@
<script>
import {generateShareInfoWithExpired,getShareRedirectUrl} from "../../../api/share";
import {generateShareInfoWithExpired, getShareRedirectUrl} from "../../../api/share";
import {getCurrentProjectID, getCurrentWorkspaceId} from "metersphere-frontend/src/utils/token";
import MsTag from "metersphere-frontend/src/components/MsTag";
import {getProjectApplicationConfig} from "../../../api/project";
@ -171,7 +171,9 @@ export default {
this.$error(res.data);
} else {
this.$success(this.$t('api_test.automation.rerun_success'));
this.returnView();
if (this.$route.query && this.$route.query.list) {
this.returnView();
}
}
});
},
@ -227,7 +229,8 @@ export default {
.report-name {
border-bottom: 1px solid var(--primary_color);
}
.report-header{
.report-header {
min-width: 1000px;
}
</style>

View File

@ -5,16 +5,16 @@
<el-row :gutter="18" type="flex" align="middle" class="info">
<el-col class="ms-req-name-col" :span="18" v-if="indexNumber!=undefined">
<el-tooltip :content="getName(request.name)" placement="top">
<div class="method ms-req-name">
<span class="method ms-req-name">
<div class="el-step__icon is-text ms-api-col-create">
<div class="el-step__icon-inner"> {{ indexNumber }}</div>
</div>
<i class="icon el-icon-arrow-right" :class="{'is-active': showActive}" @click="active" @click.stop/>
<el-link class="report-label-req" @click="isLink" v-if="redirect && resourceId">
<span class="report-label-req" @click="isLink" v-if="redirect && resourceId">
{{ request.name }}
</el-link>
</span>
<span v-else>{{ getName(request.name) }}</span>
</div>
</span>
</el-tooltip>
</el-col>
<!-- 误报 / 异常状态显示 -->