boyue2025/boyue-ui-admin-vue3
3
0
Fork 0
mirror of https://gitee.com/myxzgzs/boyue-ui-admin-vue3 synced 2025-08-08 08:22:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 移除流程图标必填校验，当图标不存在时自动生成图标样式

Browse Source
This commit is contained in:
lizhixian 2025-02-11 10:01:41 +08:00
parent 1cafde3877
commit b2ba183e09
3 changed files with 7124 additions and 5774 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12874
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

21
src/views/bpm/model/CategoryDraggableModel.vue
View File

@ -88,6 +88,9 @@
/> />
</el-tooltip> </el-tooltip>
<el-image v-if="row.icon" :src="row.icon" class="h-38px w-38px mr-10px rounded" /> <el-image v-if="row.icon" :src="row.icon" class="h-38px w-38px mr-10px rounded" />
<div v-else class="flow-icon">
<span style="font-size: 12px; color: #fff">{{ sliceName(row.name) }}</span>
</div>
{{ row.name }} {{ row.name }}
</div> </div>
</template> </template>
@ -592,6 +595,13 @@ const openModelForm = async (type: string, id?: number) => {
} }
} }
// 处理显示的名称
const sliceName = (name: string) => {
if (name.length > 2) {
return name.slice(0, 2)
}
return name
}
watchEffect(() => { watchEffect(() => {
if (props.categoryInfo?.modelList) { if (props.categoryInfo?.modelList) {
updateModeList() updateModeList()
@ -617,6 +627,17 @@ watchEffect(() => {
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.flow-icon {
display: flex;
width: 38px;
height: 38px;
margin-right: 10px;
background-color: var(--el-color-primary);
border-radius: 0.25rem;
align-items: center;
justify-content: center;
}
.category-draggable-model { .category-draggable-model {
:deep(.el-table__cell) { :deep(.el-table__cell) {
overflow: hidden; overflow: hidden;

3
src/views/bpm/model/form/BasicInfo.vue
View File

@ -41,7 +41,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="流程图标" prop="icon" class="mb-20px"> <el-form-item label="流程图标" class="mb-20px">
<UploadImg v-model="modelData.icon" :limit="1" height="64px" width="64px" /> <UploadImg v-model="modelData.icon" :limit="1" height="64px" width="64px" />
</el-form-item> </el-form-item>
<el-form-item label="流程描述" prop="description" class="mb-20px"> <el-form-item label="流程描述" prop="description" class="mb-20px">
@ -155,7 +155,6 @@ const rules = {
name: [{ required: true, message: '流程名称不能为空', trigger: 'blur' }], name: [{ required: true, message: '流程名称不能为空', trigger: 'blur' }],
key: [{ required: true, message: '流程标识不能为空', trigger: 'blur' }], key: [{ required: true, message: '流程标识不能为空', trigger: 'blur' }],
category: [{ required: true, message: '流程分类不能为空', trigger: 'blur' }], category: [{ required: true, message: '流程分类不能为空', trigger: 'blur' }],
icon: [{ required: true, message: '流程图标不能为空', trigger: 'blur' }],
type: [{ required: true, message: '是否可见不能为空', trigger: 'blur' }], type: [{ required: true, message: '是否可见不能为空', trigger: 'blur' }],
visible: [{ required: true, message: '是否可见不能为空', trigger: 'blur' }], visible: [{ required: true, message: '是否可见不能为空', trigger: 'blur' }],
managerUserIds: [{ required: true, message: '流程管理员不能为空', trigger: 'blur' }] managerUserIds: [{ required: true, message: '流程管理员不能为空', trigger: 'blur' }]