fix(缺陷管理): 缺陷详情TAB页切换有误

--bug=1036424 --user=宋昌昌 【缺陷管理】查看缺陷详情时切换tab页,关闭后再次打开其他缺陷记录了上次查看的tab页 https://www.tapd.cn/55049933/s/1468384
This commit is contained in:
song-cc-rock 2024-03-04 13:52:14 +08:00 committed by 刘瑞斌
parent 7ab4d8579f
commit dd4ff46fd4
1 changed files with 42 additions and 34 deletions

View File

@ -159,43 +159,43 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { defineModel, ref } from 'vue'; import {defineModel, ref} from 'vue';
import { useRoute, useRouter } from 'vue-router'; import {useRoute, useRouter} from 'vue-router';
import { Message } from '@arco-design/web-vue'; import {Message} from '@arco-design/web-vue';
import { debounce } from 'lodash-es'; import {debounce} from 'lodash-es';
import MsButton from '@/components/pure/ms-button/index.vue'; import MsButton from '@/components/pure/ms-button/index.vue';
import MsFormCreate from '@/components/pure/ms-form-create/ms-form-create.vue'; import MsFormCreate from '@/components/pure/ms-form-create/ms-form-create.vue';
import type { FormItem, FormRuleItem } from '@/components/pure/ms-form-create/types'; import type {FormItem, FormRuleItem} from '@/components/pure/ms-form-create/types';
import MsIcon from '@/components/pure/ms-icon-font/index.vue'; import MsIcon from '@/components/pure/ms-icon-font/index.vue';
import MsSplitBox from '@/components/pure/ms-split-box/index.vue'; import MsSplitBox from '@/components/pure/ms-split-box/index.vue';
import type { MsPaginationI } from '@/components/pure/ms-table/type'; import type {MsPaginationI} from '@/components/pure/ms-table/type';
import MsTagsInput from '@/components/pure/ms-tags-input/index.vue'; import MsTagsInput from '@/components/pure/ms-tags-input/index.vue';
import { CommentInput } from '@/components/business/ms-comment'; import {CommentInput} from '@/components/business/ms-comment';
import { CommentParams } from '@/components/business/ms-comment/types'; import {CommentParams} from '@/components/business/ms-comment/types';
import MsDetailDrawer from '@/components/business/ms-detail-drawer/index.vue'; import MsDetailDrawer from '@/components/business/ms-detail-drawer/index.vue';
import BugCaseTab from './bugCaseTab.vue'; import BugCaseTab from './bugCaseTab.vue';
import BugDetailTab from './bugDetailTab.vue'; import BugDetailTab from './bugDetailTab.vue';
import BugHistoryTab from './bugHistoryTab.vue'; import BugHistoryTab from './bugHistoryTab.vue';
import CommentTab from './commentTab.vue'; import CommentTab from './commentTab.vue';
import { import {
createOrUpdateComment, createOrUpdateComment,
deleteSingleBug, deleteSingleBug,
followBug, followBug,
getBugDetail, getBugDetail,
getTemplateById, getTemplateById,
} from '@/api/modules/bug-management/index'; } from '@/api/modules/bug-management/index';
import { useI18n } from '@/hooks/useI18n'; import {useI18n} from '@/hooks/useI18n';
import useModal from '@/hooks/useModal'; import useModal from '@/hooks/useModal';
import { useAppStore } from '@/store'; import {useAppStore} from '@/store';
import { characterLimit } from '@/utils'; import {characterLimit} from '@/utils';
import { BugEditCustomField, BugEditFormObject, BugTemplateRequest } from '@/models/bug-management'; import {BugEditCustomField, BugEditFormObject, BugTemplateRequest} from '@/models/bug-management';
import { SelectValue } from '@/models/projectManagement/menuManagement'; import {SelectValue} from '@/models/projectManagement/menuManagement';
import { RouteEnum } from '@/enums/routeEnum'; import {RouteEnum} from '@/enums/routeEnum';
const router = useRouter(); const router = useRouter();
const route = useRoute(); const route = useRoute();
const detailDrawerRef = ref<InstanceType<typeof MsDetailDrawer>>(); const detailDrawerRef = ref<InstanceType<typeof MsDetailDrawer>>();
const wrapperRef = ref(); const wrapperRef = ref();
@ -421,7 +421,7 @@
replyUser: '', replyUser: '',
parentId: '', parentId: '',
content: currentContent, content: currentContent,
event: notifiers ? 'AT' : 'COMMENT', // (: COMMENT; @: AT; /@: REPLAY;) event: notifiers ? 'AT' : 'COMMENT', // (: COMMENT; @: AT; /@: REPLY;)
}; };
await createOrUpdateComment(params as CommentParams); await createOrUpdateComment(params as CommentParams);
Message.success(t('common.publishSuccessfully')); Message.success(t('common.publishSuccessfully'));
@ -431,6 +431,14 @@
console.log(error); console.log(error);
} }
} }
watch(
() => showDrawerVisible.value,
(val) => {
if (val) {
activeTab.value = 'detail';
}
}
);
</script> </script>
<style scoped lang="less"> <style scoped lang="less">