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

src/components/common/detail-drawer.vue

@@ -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 = () => {

src/components/workflow/modules/common/detail-card.vue

@@ -138,8 +138,7 @@ const onUpdatePage = (page: number) => {
 </script>
 
 <template>
-  <NDrawer v-model:show="visible" :width="800" display-directive="if" @update:show="onUpdateShow">
+  <DetailDrawer v-model="visible" title="任务批次详情" :width="['800px', '90%']" @update:show="onUpdateShow">
-    <NDrawerContent title="任务批次详情" closable>
     <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>
+  </DetailDrawer>
-  </NDrawer>
   <FlowLogDrawer v-model:show="logOpen" title="日志详情" :task-data="record" />
 </template>
 

src/components/workflow/modules/detail/branch-detail.vue

@@ -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>

src/components/workflow/modules/detail/callback-detail.vue

@@ -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>

src/components/workflow/modules/detail/start-detail.vue

@@ -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>

src/components/workflow/modules/detail/task-detail.vue

@@ -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>