auto open form collapse item.

src/components/ProcessDesigner/index.vue

@@ -34,8 +34,8 @@ import "@/plugins/package/theme/index.scss";
 // import "highlight.js/styles/atom-one-dark-reasonable.css";
 import CustomContentPadProvider from "@/plugins/package/designer/plugins/content-pad";
 import CustomPaletteProvider from "@/plugins/package/designer/plugins/palette";
-import { ref } from "vue";
-import { ElMessage, ElMessageBox } from "element-plus";
+import { ref, nextTick, reactive, toRefs } from "vue";
+import { ElMessageBox } from "element-plus";
 
 const props = defineProps({
   bpmnXml: {
@@ -70,9 +70,10 @@ const { controlForm } = toRefs(data);
 const bmpnProcessPenalRef = ref();
 function elementClick(elementArgv) {
   element = elementArgv;
-  // if(elementArgv)
-  debugger;
-  goToFormSelect();
+
+  if (elementArgv.type != "bpmn:StartEvent") {
+    goToFormSelect();
+  }
 }
 function initModeler(modelerArgv) {
   setTimeout(() => {
@@ -102,7 +103,11 @@ function goToFormSelect() {
         );
         const EventBus = window.bpmnInstances.eventBus;
         if (element.type != "bpmn:StartEvent") {
+          console.log(bmpnProcessPenalRef.value);
           startEle && EventBus.fire("element.click", { element: startEle });
+          nextTick(() => {
+            bmpnProcessPenalRef.value.openFormColla();
+          });
         }
       },
     });
@@ -135,17 +140,22 @@ body {
   margin: 0;
   box-sizing: border-box;
 }
+
 body,
 body * {
   /* 滚动条 */
   &::-webkit-scrollbar-track-piece {
-    background-color: #fff; /*滚动条的背景颜色*/
-    -webkit-border-radius: 0; /*滚动条的圆角宽度*/
+    background-color: #fff;
+    /*滚动条的背景颜色*/
+    -webkit-border-radius: 0;
+    /*滚动条的圆角宽度*/
   }
 
   &::-webkit-scrollbar {
-    width: 10px; /*滚动条的宽度*/
-    height: 8px; /*滚动条的高度*/
+    width: 10px;
+    /*滚动条的宽度*/
+    height: 8px;
+    /*滚动条的高度*/
   }
 
   &::-webkit-scrollbar-thumb:vertical {