test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

--bug=1017158 --user=宋昌昌 【接口测试】接口定义-添加接口的前后置依赖关系后列表显示不对齐 https://www.tapd.cn/55049933/s/1251401
This commit is contained in:
song-cc-rock 2022-09-23 17:35:52 +08:00 committed by 刘瑞斌
parent 6581e76002
commit f49a50fc25
1 changed files with 35 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/business/components/common/components/graph/DependenciesList.vue
View File

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