fix(测试跟踪): 修复用例评审关联新用例页面最大化不生效问题

--bug=1021833 --user=赵勇 【测试跟踪】用例评审-关联用例-点击全屏编辑按钮没反应 https://www.tapd.cn/55049933/s/1346291

Signed-off-by: fit2-zhao <yong.zhao@fit2cloud.com>
This commit is contained in:
fit2-zhao 2023-03-07 17:35:06 +08:00 committed by fit2-zhao
parent 879db0a6b6
commit 47aa45b73b
2 changed files with 11 additions and 3 deletions

View File

@ -3,7 +3,7 @@
<div class="msDialogHeader">
<span style="float: left;font-size: 18px;color: #303133;">{{ title }}</span>
<div style="float: right; margin-right: 30px">
<div style="top: 20px; right: 50px; position: absolute;">
<el-tooltip effect="dark" :content="$t('commons.full_screen_editing')"
placement="top-start">
<font-awesome-icon class="alt-ico" :icon="['fa', 'expand-alt']" size="lg" @click="fullScreen"/>
@ -57,7 +57,7 @@ export default {
<style scoped>
.ms_btn {
float: right;
margin-right: 50px;
margin-right: 70px;
}
.msDialogHeader {

View File

@ -3,12 +3,13 @@
<el-dialog :title="$t('test_track.review_view.relevance_case')" :visible.sync="dialogFormVisible" @close="close"
width="75%"
:close-on-click-modal="false"
:fullscreen="isFullScreen"
top="50px" :destroy-on-close="true"
append-to-body>
<template slot="title" :slot-scope="$t('test_track.review_view.relevance_case')" v-if="!$slots.headerBtn">
<ms-dialog-header :title="$t('test_track.review_view.relevance_case')" @cancel="dialogFormVisible = false"
@confirm="saveReviewRelevance">
@confirm="saveReviewRelevance" @fullScreen="fullScreen">
<template #other>
<table-select-count-bar :count="selectCounts" style="float: left; margin: 5px;"/>
</template>
@ -45,6 +46,7 @@
v-loading="result.loading"
:total="total"
:page-size.sync="pageSize"
:screen-height="screenHeight"
@handlePageChange="getReviews"
@refresh="getReviews"
@selectCountChange="setSelectCounts"
@ -196,6 +198,8 @@ export default {
{text: this.$t('test_track.review.underway'), value: 'Underway'},
],
selectCounts: null,
isFullScreen: false,
screenHeight: 'calc(100vh - 420px)'
};
},
props: {
@ -233,6 +237,10 @@ export default {
this.toggleSelection(this.testReviews);
},
methods: {
fullScreen(){
this.isFullScreen = !this.isFullScreen;
this.screenHeight = this.isFullScreen ?'calc(100vh - 180px)' :'calc(100vh - 420px)'
},
setConditionModuleIdParam() {
this.condition.components.forEach(component => {
if (component.key === 'moduleIds') {