fix(接口自动化):修复(ID1004177)报告请求名称过长,显示问题。

This commit is contained in:
fit2-zhao 2021-06-10 18:29:19 +08:00 committed by fit2-zhao
parent 09726552cf
commit 6a0561462e
1 changed files with 18 additions and 7 deletions

View File

@ -4,13 +4,15 @@
<div @click="active">
<el-row :gutter="10" type="flex" align="middle" class="info">
<el-col :span="10" v-if="indexNumber!=undefined">
<div class="method">
<div class="el-step__icon is-text ms-api-col-create">
<div class="el-step__icon-inner"> {{ indexNumber }}</div>
<el-tooltip :content="getName(request.name)" placement="top">
<div 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': isActive}" @click="active" @click.stop/>
{{ getName(request.name) }}
</div>
<i class="icon el-icon-arrow-right" :class="{'is-active': isActive}" @click="active" @click.stop/>
{{ getName(request.name) }}
</div>
</el-tooltip>
</el-col>
<el-col :span="9">
<el-tooltip effect="dark" :content="request.responseResult.responseCode" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" placement="bottom" :open-delay="800">
@ -207,5 +209,14 @@ export default {
.icon.is-active {
transform: rotate(90deg);
}
.ms-req-name {
display: inline-block;
margin: 0 5px;
overflow-x: hidden;
padding-bottom: 0;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 350px;
}
</style>