style(sj_dev_1.0.0_beta3): 优化工作流批次节点样式

This commit is contained in:
xlsea 2024-05-31 16:44:26 +08:00
parent 1ea0e96dd5
commit 715cc91c96
4 changed files with 23 additions and 4 deletions

View File

@ -109,7 +109,7 @@ export const taskBatchStatusEnum: Record<Flow.TaskBatchStatus, Flow.TaskBatchSta
99: { 99: {
title: $t('snail.enum.taskBatchStatus.skip'), title: $t('snail.enum.taskBatchStatus.skip'),
name: 'skip', name: 'skip',
color: '#00000036', color: '#ffffffa8',
icon: 'ant-design:close-circle-outlined' icon: 'ant-design:close-circle-outlined'
} }
}; };

View File

@ -212,7 +212,7 @@ const isShow = (taskBatchStatus: number) => {
</div> </div>
<div class="title"> <div class="title">
<span class="text color-#3296fa"> <span class="text color-#3296fa">
<NBadge processing dot :color="item.workflowNodeStatus === 1 ? '#52c41a' : '#ff4d4f'" /> <!-- <NBadge processing dot :color="item.workflowNodeStatus === 1 ? '#52c41a' : '#ff4d4f'" /> -->
&nbsp;{{ item.nodeName }} &nbsp;{{ item.nodeName }}
</span> </span>
<span class="priority-title">{{ $t('node.priority') }}{{ item.priorityLevel }}</span> <span class="priority-title">{{ $t('node.priority') }}{{ item.priorityLevel }}</span>

View File

@ -603,6 +603,21 @@
.auto-judge .sort-right:hover { .auto-judge .sort-right:hover {
background: var(--el-bg-color); background: var(--el-bg-color);
} }
.node-wrap-box {
box-shadow: 0 2px 5px rgb(255 255 255 / 0.1);
}
.node-error,
.start-node-disabled {
// cursor: default;
border: 1px solid #ffffff36 !important;
box-shadow: 0 2px 5px #ffffff36 !important;
}
.auto-judge {
box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.1);
}
} }
.dark { .dark {

View File

@ -17,7 +17,7 @@ getCardData();
</script> </script>
<template> <template>
<NSpace vertical :size="16"> <NSpace vertical :size="16" class="home-main">
<CardData v-model="cardCount!" /> <CardData v-model="cardCount!" />
<NCard :bordered="false" class="card-wrapper p-t-136px 2xl:p-t-0 lg:p-t-36px md:p-t-90px"> <NCard :bordered="false" class="card-wrapper p-t-136px 2xl:p-t-0 lg:p-t-36px md:p-t-90px">
<TaskTab v-model="cardCount!" /> <TaskTab v-model="cardCount!" />
@ -25,4 +25,8 @@ getCardData();
</NSpace> </NSpace>
</template> </template>
<style scoped></style> <style scoped>
.home-main {
max-height: calc(100vh - 148px);
}
</style>