XW-AIOT/iot-device-management-frontend
4
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

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"