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

fix: 修改全局bug树模快悬浮样式&缺陷管理bug&脚本菜单style

This commit is contained in:
xinxin.wu 2024-04-17 21:20:52 +08:00 committed by 刘瑞斌
parent 1e87d23c0c
commit cd03ccead9
26 changed files with 115 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/business/ms-case-associate/index.vue
View File

@ -78,7 +78,7 @@
<template #title="nodeData"> <template #title="nodeData">
<div class="inline-flex w-full"> <div class="inline-flex w-full">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div>
</div> </div>
</template> </template>
</MsTree> </MsTree>

2
frontend/src/components/business/ms-common-script/formApiImportDrawer.vue
View File

@ -53,7 +53,7 @@
<template #title="nodeData"> <template #title="nodeData">
<div class="inline-flex w-full"> <div class="inline-flex w-full">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div>
</div> </div>
</template> </template>
</MsTree> </MsTree>

3
frontend/src/components/business/ms-common-script/ms-addScriptDrawer.vue
View File

@ -2,7 +2,8 @@
<MsDrawer <MsDrawer
v-model:visible="showScriptDrawer" v-model:visible="showScriptDrawer"
:title="form.id ? t('project.commonScript.editPublicScript') : t('project.commonScript.addPublicScript')" :title="form.id ? t('project.commonScript.editPublicScript') : t('project.commonScript.addPublicScript')"
:width="768" :width="900"
min-width="900px"
:footer="true" :footer="true"
unmount-on-close unmount-on-close
:ok-loading="props.confirmLoading" :ok-loading="props.confirmLoading"

9
frontend/src/components/business/ms-common-script/ms-script-menu.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div v-if="!innerExpand" class="w-[32%] min-w-[30%] max-w-[42%] bg-white p-3 pl-0"> <div v-if="!innerExpand" class="w-[32%] min-w-[260px] max-w-[42%] flex-1 bg-white p-3 pl-0">
<div class="mb-2 flex items-center justify-between"> <div class="mb-2 flex w-full items-center justify-between">
<div class="flex items-center"> <div class="flex items-center">
<span v-if="innerExpand" class="collapsebtn mr-1 flex items-center justify-center" @click="expandedHandler"> <span v-if="innerExpand" class="collapsebtn mr-1 flex items-center justify-center" @click="expandedHandler">
<icon-right class="text-[12px] text-[var(--color-text-4)]" /> <icon-right class="text-[12px] text-[var(--color-text-4)]" />
@ -8,13 +8,13 @@
<span v-else class="expand mr-1 flex items-center justify-center" @click="expandedHandler"> <span v-else class="expand mr-1 flex items-center justify-center" @click="expandedHandler">
<icon-down class="text-[12px] text-[rgb(var(--primary-6))]" /> <icon-down class="text-[12px] text-[rgb(var(--primary-6))]" />
</span> </span>
<div class="font-medium">{{ t('project.commonScript.codeSnippet') }}</div> <div class="one-line-text font-medium">{{ t('project.commonScript.codeSnippet') }}</div>
</div> </div>
<div class="ml-[24px] flex-1">
<a-select <a-select
v-model="innerLanguageType" v-model="innerLanguageType"
:disabled="props.disabled" :disabled="props.disabled"
class="max-w-[50%]"
:placeholder="t('project.commonScript.pleaseSelected')" :placeholder="t('project.commonScript.pleaseSelected')"
@change="changeHandler" @change="changeHandler"
> >
@ -25,6 +25,7 @@
</a-option> </a-option>
</a-select> </a-select>
</div> </div>
</div>
<div class="p-[12px] pt-0"> <div class="p-[12px] pt-0">
<div v-for="item of SCRIPT_MENU" :key="item.value" class="menuItem px-1" @click="handleClick(item)"> <div v-for="item of SCRIPT_MENU" :key="item.value" class="menuItem px-1" @click="handleClick(item)">
{{ item.title }} {{ item.title }}

2
frontend/src/components/business/ms-link-file/fileTree.vue
View File

@ -33,7 +33,7 @@
nodeData.name nodeData.name
}}</div }}</div
> >
<div class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div>
</div> </div>
</template> </template>
</MsTree> </MsTree>

5
frontend/src/components/business/ms-tree/index.vue
View File

@ -405,7 +405,7 @@
@apply h-full; @apply h-full;
.ms-tree { .ms-tree {
.ms-scroll-bar(); .ms-scroll-bar();
@apply h-full; @apply h-full overflow-auto;
.arco-tree-node { .arco-tree-node {
border-radius: var(--border-radius-small); border-radius: var(--border-radius-small);
&:hover { &:hover {
@ -418,6 +418,9 @@
} }
} }
} }
.ms-tree-node-count {
@apply hidden;
}
.ms-tree-node-extra { .ms-tree-node-extra {
@apply visible w-auto; @apply visible w-auto;
} }

5
frontend/src/components/pure/ms-code-editor/index.vue
View File

@ -252,6 +252,10 @@
} }
} }
} }
// 获取编码方式对应内容
function getEncodingCode() {
return editor.getValue();
}
const init = () => { const init = () => {
// 注册自定义主题 TODO:自定义主题高亮色还没配置 // 注册自定义主题 TODO:自定义主题高亮色还没配置
@ -351,6 +355,7 @@
undo, undo,
redo, redo,
format, format,
getEncodingCode,
}; };
}, },
}); });

6
frontend/src/components/pure/navbar/index.vue
View File

@ -265,6 +265,12 @@
function goMessageCenter() { function goMessageCenter() {
messageCenterVisible.value = true; messageCenterVisible.value = true;
} }
onMounted(() => {
if (route.query.task) {
goTaskCenter();
}
});
</script> </script>
<style scoped lang="less"> <style scoped lang="less">

3
frontend/src/config/pathMap.ts
View File

@ -734,6 +734,9 @@ export const pathMap: PathMapItem[] = [
key: 'PROJECT_MANAGEMENT_TASK_CENTER', // 项目管理-任务中心 key: 'PROJECT_MANAGEMENT_TASK_CENTER', // 项目管理-任务中心
locale: 'menu.projectManagement.taskCenter', locale: 'menu.projectManagement.taskCenter',
route: '', route: '',
routeQuery: {
task: 'projectTask',
},
permission: [], permission: [],
level: MENU_LEVEL[2], level: MENU_LEVEL[2],
}, },

12
frontend/src/views/api-test/components/requestComposition/response/result.vue
View File

@ -4,7 +4,12 @@
<a-tab-pane v-for="item of responseCompositionTabList" :key="item.value" :title="item.label" /> <a-tab-pane v-for="item of responseCompositionTabList" :key="item.value" :title="item.label" />
</a-tabs> </a-tabs>
<div class="response-container"> <div class="response-container">
<ResBody v-if="activeTab === ResponseComposition.BODY" :request-result="props.requestResult" @copy="copyScript" /> <ResBody
v-if="activeTab === ResponseComposition.BODY"
ref="resBodyRef"
:request-result="props.requestResult"
@copy="copyScript"
/>
<ResConsole v-else-if="activeTab === ResponseComposition.CONSOLE" :console="props.console?.trim()" /> <ResConsole v-else-if="activeTab === ResponseComposition.CONSOLE" :console="props.console?.trim()" />
<ResValueScript <ResValueScript
v-else-if=" v-else-if="
@ -116,10 +121,11 @@
}); });
const { copy, isSupported } = useClipboard({ legacy: true }); const { copy, isSupported } = useClipboard({ legacy: true });
const resBodyRef = ref();
function copyScript() { function copyScript() {
const encodingFormatValue = resBodyRef.value.responseEditorRef.getEncodingCode();
if (isSupported) { if (isSupported) {
copy(props.requestResult?.responseResult.body || ''); copy(encodingFormatValue || '');
Message.success(t('common.copySuccess')); Message.success(t('common.copySuccess'));
} else { } else {
Message.warning(t('apiTestDebug.copyNotSupport')); Message.warning(t('apiTestDebug.copyNotSupport'));

5
frontend/src/views/api-test/components/requestComposition/response/result/body.vue
View File

@ -95,6 +95,11 @@
downloadUrlFile(imageUrl.value, `response.${props.requestResult?.responseResult.contentType.split('/')[1]}`); downloadUrlFile(imageUrl.value, `response.${props.requestResult?.responseResult.contentType.split('/')[1]}`);
} }
} }
const responseEditorRef = ref();
defineExpose({
responseEditorRef,
});
</script> </script>
<style scoped></style> <style scoped></style>

2
frontend/src/views/api-test/debug/components/moduleTree.vue
View File

@ -105,7 +105,7 @@
</div> </div>
<div v-else class="inline-flex w-full"> <div v-else class="inline-flex w-full">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div>
</div> </div>
</template> </template>
<template #extra="nodeData"> <template #extra="nodeData">

9
frontend/src/views/api-test/management/components/management/api/preview/quote.vue
View File

@ -50,12 +50,20 @@
dataIndex: 'num', dataIndex: 'num',
slotName: 'num', slotName: 'num',
width: 150, width: 150,
sortable: {
sortDirections: ['ascend', 'descend'],
sorter: true,
},
}, },
{ {
title: 'apiTestManagement.resourceName', title: 'apiTestManagement.resourceName',
dataIndex: 'resourceName', dataIndex: 'resourceName',
showTooltip: true, showTooltip: true,
width: 150, width: 150,
sortable: {
sortDirections: ['ascend', 'descend'],
sorter: true,
},
}, },
{ {
title: 'apiTestManagement.resourceType', title: 'apiTestManagement.resourceType',
@ -87,6 +95,7 @@
scroll: { x: '100%' }, scroll: { x: '100%' },
selectable: false, selectable: false,
heightUsed: 374, heightUsed: 374,
showJumpMethod: true,
}, },
(item) => ({ (item) => ({
...item, ...item,

2
frontend/src/views/api-test/management/components/moduleTree.vue
View File

@ -130,7 +130,7 @@
</div> </div>
<div v-else :id="nodeData.id" class="inline-flex w-full"> <div v-else :id="nodeData.id" class="inline-flex w-full">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div v-if="!props.isModal" class="ml-[4px] text-[var(--color-text-4)]" <div v-if="!props.isModal" class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]"
>({{ modulesCount[nodeData.id] || 0 }})</div >({{ modulesCount[nodeData.id] || 0 }})</div
> >
</div> </div>

4
frontend/src/views/api-test/scenario/components/common/importApiDrawer/moduleTree.vue
View File

@ -48,7 +48,9 @@
<template #title="nodeData"> <template #title="nodeData">
<div class="inline-flex w-full"> <div class="inline-flex w-full">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div class="ml-[4px] text-[var(--color-text-4)]">({{ moduleCountMap[nodeData.id] || 0 }})</div> <div class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]"
>({{ moduleCountMap[nodeData.id] || 0 }})</div
>
</div> </div>
</template> </template>
</MsTree> </MsTree>

2
frontend/src/views/api-test/scenario/components/operationScenarioModuleTree.vue
View File

@ -30,7 +30,7 @@
<template #title="nodeData"> <template #title="nodeData">
<div :id="nodeData.id" class="inline-flex w-full"> <div :id="nodeData.id" class="inline-flex w-full">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div>
</div> </div>
</template> </template>
</MsTree> </MsTree>

2
frontend/src/views/api-test/scenario/recycle/recycleTree.vue
View File

@ -46,7 +46,7 @@
<template #title="nodeData"> <template #title="nodeData">
<div :id="nodeData.id" class="inline-flex w-full"> <div :id="nodeData.id" class="inline-flex w-full">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div>
</div> </div>
</template> </template>
</MsTree> </MsTree>

12
frontend/src/views/bug-management/components/bug-detail-drawer.vue
View File

@ -445,8 +445,7 @@
emit('submit'); emit('submit');
} }
const contentTabList = computed(() => { const tabList = [
return [
{ {
value: 'detail', value: 'detail',
label: t('bugManagement.detail.detail'), label: t('bugManagement.detail.detail'),
@ -464,6 +463,14 @@
label: t('bugManagement.detail.changeHistory'), label: t('bugManagement.detail.changeHistory'),
}, },
]; ];
/**
* 如果模块没有开启用例管理
*/
const contentTabList = computed(() => {
return appStore.currentMenuConfig.includes('caseManagement')
? tabList
: tabList.filter((item) => item.value !== 'case');
}); });
function updateHandler() { function updateHandler() {
@ -784,7 +791,6 @@
// width: 100%; // width: 100%;
// word-wrap: break-word; // word-wrap: break-word;
//} //}
:deep(.arco-form-item-content) { :deep(.arco-form-item-content) {
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }

8
frontend/src/views/case-management/caseManagementFeature/components/caseTree.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<a-spin class="w-full" :style="{ height: `calc(100vh - 346px)` }" :loading="loading"> <a-spin class="min-h-[400px] w-full" :loading="loading">
<MsTree <MsTree
v-model:focus-node-key="focusNodeKey" v-model:focus-node-key="focusNodeKey"
:selected-keys="props.selectedKeys" :selected-keys="props.selectedKeys"
@ -26,7 +26,9 @@
<template #title="nodeData"> <template #title="nodeData">
<div class="inline-flex w-full"> <div class="inline-flex w-full">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div v-if="!props.isModal" class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div v-if="!props.isModal" class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]"
>({{ nodeData.count || 0 }})</div
>
</div> </div>
</template> </template>
<template v-if="!props.isModal" #extra="nodeData"> <template v-if="!props.isModal" #extra="nodeData">
@ -343,7 +345,7 @@
}; };
} }
return { return {
height: 'calc(100vh - 325px)', height: 'calc(100vh - 335px)',
threshold: 200, threshold: 200,
fixedSize: true, fixedSize: true,
buffer: 15, buffer: 15,

4
frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue
View File

@ -52,7 +52,9 @@
<template #title="nodeData"> <template #title="nodeData">
<div class="inline-flex w-full" @click="setFocusKey(nodeData)"> <div class="inline-flex w-full" @click="setFocusKey(nodeData)">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]"
>({{ nodeData.count || 0 }})</div
>
</div> </div>
</template> </template>
</MsTree> </MsTree>

2
frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/preAndPostCaseDrawer.vue
View File

@ -50,7 +50,7 @@
@click="setFocusKey(nodeData)" @click="setFocusKey(nodeData)"
>{{ nodeData.name }}</div >{{ nodeData.name }}</div
> >
<div class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div>
</div> </div>
</template> </template>
</MsTree> </MsTree>

2
frontend/src/views/case-management/caseManagementFeature/index.vue
View File

@ -78,7 +78,7 @@
</div> </div>
<div class="flex-1"> <div class="flex-1">
<a-divider class="!my-0 !mb-0" /> <a-divider class="!my-0 !mb-0" />
<div class="case"> <div class="case mt-2">
<div <div
class="flex items-center px-[20px]" class="flex items-center px-[20px]"
:class="getActiveClass('recycle')" :class="getActiveClass('recycle')"

2
frontend/src/views/case-management/caseReview/components/detail/caseTree.vue
View File

@ -38,7 +38,7 @@
<template #title="nodeData"> <template #title="nodeData">
<div class="inline-flex w-full"> <div class="inline-flex w-full">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div>
</div> </div>
</template> </template>
</MsTree> </MsTree>

4
frontend/src/views/case-management/caseReview/components/index/moduleTree.vue
View File

@ -59,7 +59,9 @@
<template #title="nodeData"> <template #title="nodeData">
<div class="inline-flex w-full"> <div class="inline-flex w-full">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div v-if="!props.isModal" class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div v-if="!props.isModal" class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]"
>({{ nodeData.count || 0 }})</div
>
</div> </div>
</template> </template>
<template v-if="!props.isModal" #extra="nodeData"> <template v-if="!props.isModal" #extra="nodeData">

4
frontend/src/views/project-management/fileManagement/components/folderTree.vue
View File

@ -33,7 +33,9 @@
<template #title="nodeData"> <template #title="nodeData">
<div class="inline-flex w-full"> <div class="inline-flex w-full">
<div class="one-line-text text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div v-if="!props.isModal" class="ml-auto text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div v-if="!props.isModal" class="ms-tree-node-count ml-auto text-[var(--color-text-4)]"
>({{ nodeData.count || 0 }})</div
>
</div> </div>
</template> </template>
<template v-if="!props.isModal" #extra="nodeData"> <template v-if="!props.isModal" #extra="nodeData">

4
frontend/src/views/test-plan/testPlan/components/testPlanTree.vue
View File

@ -32,7 +32,9 @@
<template #title="nodeData"> <template #title="nodeData">
<div class="inline-flex w-full"> <div class="inline-flex w-full">
<div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div> <div class="one-line-text w-[calc(100%-32px)] text-[var(--color-text-1)]">{{ nodeData.name }}</div>
<div v-if="!props.isModal" class="ml-[4px] text-[var(--color-text-4)]">({{ nodeData.count || 0 }})</div> <div v-if="!props.isModal" class="ms-tree-node-count ml-[4px] text-[var(--color-text-4)]"
>({{ nodeData.count || 0 }})</div
>
</div> </div>
</template> </template>
<template v-if="!props.isModal" #extra="nodeData"> <template v-if="!props.isModal" #extra="nodeData">