fix(测试跟踪): 依赖关系列表布局问题 (#18276)

--bug=1017158 --user=宋昌昌 【接口测试】接口定义-添加接口的前后置依赖关系后列表显示不对齐 https://www.tapd.cn/55049933/s/1251401

Co-authored-by: song-cc-rock <changchang.song@fit2cloud.com>
This commit is contained in:
MeterSphere Bot 2022-09-26 19:57:46 +08:00 committed by GitHub
parent 21999ab602
commit b84c7bc9b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 35 additions and 19 deletions

View File

@ -1,10 +1,7 @@
<template>
<div class="dependencies-container">
<el-tooltip v-xpack class="item" effect="dark" :content="$t('commons.relationship.graph')" placement="left">
<font-awesome-icon class="graph-icon" :icon="['fas', 'sitemap']" size="lg" @click="openGraph"/>
</el-tooltip>
<div class="right-list">
<relationship-list
class="pre-list"
:read-only="readOnly" :title="resourceType === 'TEST_CASE' ? $t('commons.relationship.pre_case') : $t('commons.relationship.pre_api')"
@ -20,6 +17,13 @@
relationship-type="POST" :resource-id="resourceId"
@setCount="setPostCount"
:resource-type="resourceType" ref="postRelationshipList"/>
</div>
<div class="left-icon">
<el-tooltip v-xpack class="item" effect="dark" :content="$t('commons.relationship.graph')" placement="left">
<font-awesome-icon class="graph-icon" :icon="['fas', 'sitemap']" size="lg" @click="openGraph"/>
</el-tooltip>
</div>
<relationship-graph-drawer v-xpack v-permission :graph-data="graphData" ref="relationshipGraph"/>
@ -84,7 +88,19 @@ export default {
.graph-icon {
float: right;
margin-right: 20px;
margin-right: 8px;
color: var(--primary_color);
}
.right-list {
width: 96%;
display: inline-block;
}
.left-icon {
width: 4%;
display: inline-block;
position: absolute;
top: 25px;
}
</style>