fix(测试跟踪): 依赖关系图页面在窗口较小的情况下,头部按钮显示不全

--bug=1025875 --user=陈建星 【接口测试】接口定义、接口场景,单独和批量生成依赖关系,没有关闭按钮 https://www.tapd.cn/55049933/s/1369233
--bug=1025894 --user=陈建星 【测试跟踪】功能用例详情中查看依赖关系,没有关闭按钮 https://www.tapd.cn/55049933/s/1369232
This commit is contained in:
chenjianxing 2023-05-06 10:31:48 +08:00 committed by fit2-zhao
parent 2626394659
commit e6cef61351
3 changed files with 7 additions and 10 deletions

View File

@ -10,12 +10,11 @@
<script> <script>
import MsDrawer from "../MsDrawer"; import MsDrawer from "../MsDrawer";
import DrawerHeader from "../head/DrawerHeader";
import MsChart from "../chart/MsChart"; import MsChart from "../chart/MsChart";
export default { export default {
name: "RelationshipGraph", name: "RelationshipGraph",
components: {MsChart, DrawerHeader, MsDrawer}, components: {MsChart, MsDrawer},
props: { props: {
data: Array, links: Array, data: Array, links: Array,
width: [Number, String], width: [Number, String],

View File

@ -1,7 +1,7 @@
<template> <template>
<el-drawer :visible="visible" append-to-body> <el-drawer :visible="visible" append-to-body>
<ms-drawer :size="85" @close="close" direction="right" :show-full-screen="false" <ms-drawer :size="85" @close="close" direction="right" :show-full-screen="false"
:is-show-close="false" style="height: auto"> :is-show-close="false" style="height: auto" ref="msDrawer">
<template v-slot:header> <template v-slot:header>
<drawer-header :title="$t('commons.relationship.graph')" @close="close" @export="exportCharts"/> <drawer-header :title="$t('commons.relationship.graph')" @close="close" @export="exportCharts"/>
</template> </template>
@ -77,6 +77,9 @@ export default {
this.$refs.relationshipGraph.reload(); this.$refs.relationshipGraph.reload();
}); });
}); });
if (this.$refs.msDrawer) {
this.$refs.msDrawer.init();
}
}, },
handleFinished() { handleFinished() {
// //

View File

@ -6,12 +6,7 @@
<span class="title">{{ title }}</span> <span class="title">{{ title }}</span>
</div> </div>
</el-col> </el-col>
<el-col :span="10" class="head-right"> <el-col :span="14">
<el-button v-for="button in buttons" :disabled="button.disabled" :key="button.name" plain size="mini" @click="button.exec">
{{ button.name }}
</el-button>
</el-col>
<el-col :span="4">
<div class="ms-export"> <div class="ms-export">
<el-dropdown style="padding-left: 3rem"> <el-dropdown style="padding-left: 3rem">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
@ -136,11 +131,11 @@ i.delimiter {
position: relative; position: relative;
top: -2px; top: -2px;
left: 15px; left: 15px;
padding-right: 10px;
} }
.ms-export { .ms-export {
float: right; float: right;
width: 100%;
} }
.close-btn { .close-btn {