fix(测试跟踪):用例评审关联用例点击全屏编辑按钮图标展示错误

--bug=1021833 --user=王旭 【测试跟踪】用例评审-关联用例-点击全屏编辑按钮没反应 https://www.tapd.cn/55049933/s/1351066
This commit is contained in:
WangXu10 2023-03-16 11:12:00 +08:00 committed by fit2-zhao
parent 979418a770
commit af22f4e1bc
3 changed files with 23 additions and 3 deletions

View File

@ -12,7 +12,7 @@
>
<font-awesome-icon
class="alt-ico"
:icon="['fa', 'expand-alt']"
:icon="icon"
size="lg"
@click="fullScreen"
/>
@ -45,6 +45,11 @@
<script>
export default {
name: "MsDialogHeader",
data() {
return {
icon:'',
};
},
props: {
title: String,
btnSize: {
@ -56,6 +61,14 @@ export default {
hideButton: Boolean,
enableCancel: Boolean,
isButtonSaving: Boolean,
isFullScreen:Boolean,
},
created(){
if(this.isFullScreen) {
this.icon= ['fa', 'compress-alt'];
}else {
this.icon= ['fa', 'expand-alt'];
}
},
methods: {
cancel() {
@ -65,7 +78,13 @@ export default {
this.$emit("confirm");
},
fullScreen() {
this.$emit("fullScreen");
let bool = !this.isFullScreen;
if(bool) {
this.icon= ['fa', 'compress-alt'];
}else {
this.icon= ['fa', 'expand-alt'];
}
this.$emit("update:isFullScreen",bool);
},
},
};

View File

@ -19,6 +19,7 @@
@confirm="save"
btn-size="mini"
@fullScreen="isFullScreen = !isFullScreen"
:is-full-screen.sync="isFullScreen"
>
<template #other>
<table-select-count-bar

View File

@ -9,7 +9,7 @@
<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" @fullScreen="fullScreen">
@confirm="saveReviewRelevance" @fullScreen="fullScreen" :is-full-screen.sync="isFullScreen">
<template #other>
<table-select-count-bar :count="selectCounts" style="float: left; margin: 5px;"/>
</template>