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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,25 +1,29 @@
<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"/> <relationship-list
</el-tooltip> class="pre-list"
:read-only="readOnly" :title="resourceType === 'TEST_CASE' ? $t('commons.relationship.pre_case') : $t('commons.relationship.pre_api')"
relationship-type="PRE" :resource-id="resourceId"
:version-enable="versionEnable"
@setCount="setPreCount"
:resource-type="resourceType" ref="preRelationshipList"/>
<relationship-list
class="post-list"
:read-only="readOnly"
:version-enable="versionEnable"
:title="resourceType === 'TEST_CASE' ? $t('commons.relationship.post_case') : $t('commons.relationship.post_api')"
relationship-type="POST" :resource-id="resourceId"
@setCount="setPostCount"
:resource-type="resourceType" ref="postRelationshipList"/>
</div>
<relationship-list <div class="left-icon">
class="pre-list" <el-tooltip v-xpack class="item" effect="dark" :content="$t('commons.relationship.graph')" placement="left">
:read-only="readOnly" :title="resourceType === 'TEST_CASE' ? $t('commons.relationship.pre_case') : $t('commons.relationship.pre_api')" <font-awesome-icon class="graph-icon" :icon="['fas', 'sitemap']" size="lg" @click="openGraph"/>
relationship-type="PRE" :resource-id="resourceId" </el-tooltip>
:version-enable="versionEnable" </div>
@setCount="setPreCount"
:resource-type="resourceType" ref="preRelationshipList"/>
<relationship-list
class="post-list"
:read-only="readOnly"
:version-enable="versionEnable"
:title="resourceType === 'TEST_CASE' ? $t('commons.relationship.post_case') : $t('commons.relationship.post_api')"
relationship-type="POST" :resource-id="resourceId"
@setCount="setPostCount"
:resource-type="resourceType" ref="postRelationshipList"/>
<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>