gtsoft/gtsoft-snail-job-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(sj_map_reduce): 优化工作流详情组件样式

Browse Source
This commit is contained in:
xlsea 2024-07-12 19:35:56 +08:00
parent 640ca5db57
commit 8dc50bb21e
6 changed files with 77 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/detail-drawer.vue
View File

@ -14,6 +14,7 @@ const props = defineProps<Props>();
interface Emits {
(e: 'update:modelValue', modelValue: boolean): void;
(e: 'update:show', show: boolean): void;
(e: 'afterLeave'): void;
}
const emit = defineEmits<Emits>();
@ -58,6 +59,7 @@ onUnmounted(() => {
const onUpdateShow = (value: boolean) => {
emit('update:modelValue', value);
emit('update:show', value);
};
const afterLeave = () => {

6
src/components/workflow/modules/common/detail-card.vue
View File

@ -138,8 +138,7 @@ const onUpdatePage = (page: number) => {
</script>
<template>
<NDrawer v-model:show="visible" :width="800" display-directive="if" @update:show="onUpdateShow">
<NDrawerContent title="任务批次详情" closable>
<DetailDrawer v-model="visible" title="任务批次详情" :width="['800px', '90%']" @update:show="onUpdateShow">
<NTabs v-if="idList && idList.length > 0" v-model:value="currentIndex" type="segment" animated>
<NTabPane v-for="(item, index) in idList" :key="index" :name="index + 1" :tab="item">
<NTabs class="detail-tabs" type="segment" animated>
@ -215,8 +214,7 @@ const onUpdatePage = (page: number) => {
@update:page="onUpdatePage"
/>
</template>
</NDrawerContent>
</NDrawer>
</DetailDrawer>
<FlowLogDrawer v-model:show="logOpen" title="日志详情" :task-data="record" />
</template>

2
src/components/workflow/modules/detail/branch-detail.vue
View File

@ -38,7 +38,7 @@ watch(
</script>
<template>
<DetailDrawer v-model="visible" title="决策详情" :width="['50%', '90%']" @after-leave="onClose">
<DetailDrawer v-model="visible" title="决策详情" :width="['500px', '90%']" @after-leave="onClose">
<BranchDesc v-if="visible" :model-value="modelValue" />
</DetailDrawer>
</template>

2
src/components/workflow/modules/detail/callback-detail.vue
View File

@ -38,7 +38,7 @@ const onClose = () => {
</script>
<template>
<DetailDrawer v-model="visible" title="回调详情" :width="['50%', '90%']" @after-leave="onClose">
<DetailDrawer v-model="visible" title="回调详情" :width="['500px', '90%']" @after-leave="onClose">
<NDescriptions :column="1" label-placement="left" bordered :label-style="{ width: '120px' }">
<NDescriptionsItem label="节点名称">{{ modelValue.nodeName }}</NDescriptionsItem>
<NDescriptionsItem label="webhook">{{ modelValue.callback?.webhook }}</NDescriptionsItem>

2
src/components/workflow/modules/detail/start-detail.vue
View File

@ -39,7 +39,7 @@ const onClose = () => {
</script>
<template>
<DetailDrawer v-model="visible" title="工作流详情" :width="['50%', '90%']" @after-leave="onClose">
<DetailDrawer v-model="visible" title="工作流详情" :width="['500px', '90%']" @after-leave="onClose">
<NDescriptions :column="1" label-placement="left" bordered :label-style="{ width: '120px' }">
<NDescriptionsItem label="工作流名称">{{ modelValue.workflowName }}</NDescriptionsItem>
<NDescriptionsItem label="组名称">{{ modelValue.groupName }}</NDescriptionsItem>

2
src/components/workflow/modules/detail/task-detail.vue
View File

@ -46,7 +46,7 @@ const getTaskName = (id: string) => {
</script>
<template>
<DetailDrawer v-model="visible" title="任务详情" :width="['50%', '90%']" @after-leave="onClose">
<DetailDrawer v-model="visible" title="任务详情" :width="['500px', '90%']" @after-leave="onClose">
<NDescriptions :column="1" label-placement="left" bordered :label-style="{ width: '120px' }">
<NDescriptionsItem label="节点名称">{{ modelValue.nodeName }}</NDescriptionsItem>
<NDescriptionsItem label="任务 ID">{{ modelValue.jobTask?.jobId }}</NDescriptionsItem>