fix(接口定义): 修复场景列表项目环境名称过长时环境弹框中不显示环境名称的缺陷

--bug=1021740 --user=王孝刚 【UI测试】UI场景 和 指令,项目+环境名称过长时,环境弹框中不显示环境名称
https://www.tapd.cn/55049933/s/1324648
This commit is contained in:
wxg0103 2023-01-09 18:37:38 +08:00 committed by wxg0103
parent cb9d96aa4d
commit 2eec337772
1 changed files with 74 additions and 72 deletions

View File

@ -171,16 +171,19 @@
<span class="project-name" :title="v">{{ v }}</span
>:
<el-tag type="success" size="mini" effect="plain">
<span class="project-env">{{ k }}</span>
<span class="project-env" :title="k">{{ k }}</span>
</el-tag>
<br/>
</span>
<el-popover placement="top" width="350" trigger="click">
<div v-for="(k, v, index) in row.environmentMap" :key="index">
<span class="plan-case-env"
>{{ v }}: <el-tag type="success" size="mini" effect="plain">{{ k }}</el-tag
><br />
<span class="plan-case-env" :title="v">{{ v }}</span
>:
<el-tag type="success" size="mini" effect="plain">
<span class="project-env" style="margin: 0 0 0 5px" :title="k">{{ k }}
</span>
</el-tag>
<br/>
</div>
<el-link v-if="index === 1" slot="reference" type="info" :underline="false" icon="el-icon-more"/>
</el-popover>
@ -1592,13 +1595,12 @@ export default {
.plan-case-env {
display: inline-block;
padding: 0 0;
max-width: 350px;
max-width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 2px;
margin-left: 5px;
vertical-align: bottom;
}
.project-name {