oneos-v5/frontend
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat: style

Browse Source
This commit is contained in:
xingyu4j
2025-06-17 20:22:24 +08:00
parent 7276d0a909
commit a4f4c0d6f6
162 changed files with 689 additions and 796 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web-antd/src/views/bpm/model/form/index.vue
View File

@@ -403,7 +403,7 @@ onBeforeUnmount(() => {
class="absolute inset-x-0 top-0 z-10 flex h-12 items-center border-b bg-white px-5"
>
<!-- 左侧标题 -->
<div class="flex w-[200px] items-center overflow-hidden">
<div class="flex w-48 items-center overflow-hidden">
<ArrowLeft
class="size-5 flex-shrink-0 cursor-pointer"
@click="handleBack"
@@ -431,7 +431,7 @@ onBeforeUnmount(() => {
@click="handleStepClick(index)"
>
<div
class="mr-2 flex h-7 w-7 items-center justify-center rounded-full border-2 border-solid text-[15px]"
class="mr-2 flex h-7 w-7 items-center justify-center rounded-full border-2 border-solid text-base"
:class="[
currentStep === index
? 'border-blue-500 bg-blue-500 text-white'
@@ -448,7 +448,7 @@ onBeforeUnmount(() => {
</div>
<!-- 右侧按钮 -->
<div class="flex w-[200px] items-center justify-end gap-2">
<div class="flex w-48 items-center justify-end gap-2">
<Button
v-if="actionType === 'update'"
type="primary"
@@ -464,7 +464,7 @@ onBeforeUnmount(() => {
</div>
<!-- 主体内容 -->
<Card :body-style="{ padding: '10px' }" class="mb-4">
<div class="mt-[50px]">
<div class="mt-12">
<!-- 第一步：基本信息 -->
<div v-if="currentStep === 0" class="mx-auto w-4/6">
<BasicInfo

33
apps/web-antd/src/views/bpm/model/form/modules/basic-info.vue
View File

@@ -11,7 +11,7 @@ import type { SystemUserApi } from '#/api/system/user';
import { ref, watch } from 'vue';
import { useVbenModal } from '@vben/common-ui';
import { CircleHelp, IconifyIcon, Plus, X } from '@vben/icons';
import { IconifyIcon } from '@vben/icons';
import {
Avatar,
@@ -254,7 +254,10 @@ defineExpose({ validate });
"
placement="top"
>
<CircleHelp class="ml-1 size-5 text-gray-900" />
<IconifyIcon
icon="lucide:circle-help"
class="ml-1 size-5 text-gray-900"
/>
</Tooltip>
</div>
</Form.Item>
@@ -343,7 +346,8 @@ defineExpose({ validate });
{{ user.nickname?.substring(0, 1) }}
</Avatar>
{{ user.nickname }}
<X
<IconifyIcon
icon="lucide:x"
class="ml-2 size-4 cursor-pointer text-gray-400 hover:text-red-500"
@click="handleRemoveStartUser(user)"
/>
@@ -354,7 +358,7 @@ defineExpose({ validate });
class="flex items-center"
>
<template #icon>
<IconifyIcon icon="lucide:user-plus" class="size-[18px]" />
<IconifyIcon icon="lucide:user-plus" class="size-4" />
</template>
选择人员
</Button>
@@ -370,7 +374,8 @@ defineExpose({ validate });
>
<IconifyIcon icon="lucide:building" class="size-6 px-1" />
{{ dept.name }}
<X
<IconifyIcon
icon="lucide:x"
class="ml-2 size-4 cursor-pointer text-gray-400 hover:text-red-500"
@click="handleRemoveStartDept(dept)"
/>
@@ -381,7 +386,7 @@ defineExpose({ validate });
class="flex items-center"
>
<template #icon>
<Plus class="size-[18px]" />
<IconifyIcon icon="lucide:user-plus" class="size-4" />
</template>
选择部门
</Button>
@@ -404,7 +409,8 @@ defineExpose({ validate });
{{ user.nickname?.substring(0, 1) }}
</Avatar>
{{ user.nickname }}
<X
<IconifyIcon
icon="lucide:x"
class="ml-2 size-4 cursor-pointer text-gray-400 hover:text-red-500"
@click="handleRemoveManagerUser(user)"
/>
@@ -415,7 +421,7 @@ defineExpose({ validate });
class="flex items-center"
>
<template #icon>
<IconifyIcon icon="lucide:user-plus" class="size-[18px]" />
<IconifyIcon icon="lucide:user-plus" class="size-4" />
</template>
选择人员
</Button>
@@ -440,14 +446,3 @@ defineExpose({ validate });
/>
</div>
</template>
<style lang="scss" scoped>
.upload-img-placeholder {
cursor: pointer;
transition: all 0.3s;
&:hover {
border-color: #1890ff !important;
}
}
</style>

6
apps/web-antd/src/views/bpm/model/form/modules/form-design.vue
View File

@@ -173,9 +173,9 @@ defineExpose({ validate });
"
class="mb-5 mt-7 rounded-sm border border-solid border-gray-200 p-5"
>
<div class="mb-[15px] flex items-center">
<div class="mr-[10px] h-[15px] w-[4px] bg-[#1890ff]"></div>
<span class="text-[15px] font-bold">表单预览</span>
<div class="mb-4 flex items-center">
<div class="mr-2 h-4 w-1 bg-blue-500"></div>
<span class="text-base font-bold">表单预览</span>
</div>
<FormCreate
v-model:api="formPreview.formData"

24
apps/web-antd/src/views/bpm/model/modules/category-draggable-model.vue
View File

@@ -437,9 +437,10 @@ const handleRenameSuccess = () => {
:class="isExpand ? 'rotate-180' : 'rotate-0'"
@click="isExpand = !isExpand"
>
<span
class="icon-[ic--round-expand-more] text-3xl text-gray-400"
></span>
<IconifyIcon
icon="lucide:chevron-down"
class="text-3xl text-gray-400"
/>
</div>
<div
@@ -451,7 +452,7 @@ const handleRenameSuccess = () => {
v-if="categoryInfo.modelList.length > 0"
type="link"
size="small"
class="flex items-center text-[14px]"
class="flex items-center text-sm"
@click.stop="handleModelSort"
>
<template #icon>
@@ -463,7 +464,7 @@ const handleRenameSuccess = () => {
<Button
type="link"
size="small"
class="flex items-center text-[14px]"
class="flex items-center text-sm"
>
<template #icon>
<IconifyIcon icon="lucide:settings" />
@@ -514,15 +515,16 @@ const handleRenameSuccess = () => {
title="拖动排序"
placement="left"
>
<span
class="icon-[ic--round-drag-indicator] drag-handle mr-2.5 cursor-move text-2xl text-gray-500"
></span>
<IconifyIcon
icon="ic:round-drag-indicator"
class="mr-2.5 cursor-move text-2xl text-gray-500"
/>
</Tooltip>
<div
v-if="!row.icon"
class="mr-2.5 flex h-9 w-9 flex-shrink-0 items-center justify-center rounded bg-blue-500 text-white"
>
<span style="font-size: 12px">
<span class="text-xs">
{{ row.name.substring(0, 2) }}
</span>
</div>
@@ -589,7 +591,7 @@ const handleRenameSuccess = () => {
</template>
<template #deploymentTime="{ row }">
<div class="flex items-center justify-center">
<span v-if="row.processDefinition" class="w-[150px]">
<span v-if="row.processDefinition" class="w-36">
{{ formatDateTime(row.processDefinition.deploymentTime) }}
</span>
<Tag v-if="row.processDefinition">
@@ -599,7 +601,7 @@ const handleRenameSuccess = () => {
<Tag
v-if="row.processDefinition?.suspensionState === 2"
color="warning"
class="ml-[10px]"
class="ml-2.5"
>
已停用
</Tag>