Răsfoiți Sursa

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

lizhixian 6 luni în urmă
părinte
comite
b2ba183e09

Fișier diff suprimat deoarece este prea mare
+ 5728 - 350
pnpm-lock.yaml


+ 21 - 0
src/views/bpm/model/CategoryDraggableModel.vue

@@ -88,6 +88,9 @@
                 />
               </el-tooltip>
               <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 }}
             </div>
           </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(() => {
   if (props.categoryInfo?.modelList) {
     updateModeList()
@@ -617,6 +627,17 @@ watchEffect(() => {
 }
 </style>
 <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 {
   :deep(.el-table__cell) {
     overflow: hidden;

+ 1 - 2
src/views/bpm/model/form/BasicInfo.vue

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

Unele fișiere nu au fost afișate deoarece prea multe fișiere au fost modificate în acest diff