update:任务执行界面,暂时使用预览流程界面查看绑定的流程模板

src/components/common/flow/flowView.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- <el-button @click="exportJson">导出json</el-button>
     <el-button @click="importJson">导入json</el-button> -->
-  <div class="header-box" id="header-box">
+  <div class="header-box" id="header-box" v-if="showConfigPage">
     <div class="left-box">
       <span class="name">{{ flowName }}</span>
       <!-- <span class="line">|</span>
@@ -22,12 +22,12 @@
       </el-select>
     </div>
   </div>
-  <div class="flow-view-box" v-loading="contentLoading">
+  <div :class="showConfigPage? 'flow-view-box' : 'flow-view-box-all'" v-loading="contentLoading">
     <div id="flow-view-content">
     </div>
   </div>
   <TeleportContainer />
-  <FlowConfig v-model="drawerVisible" :nodeAttribute="nodeAttribute"></FlowConfig>
+  <FlowConfig v-model="drawerVisible" :nodeAttribute="nodeAttribute" @update:drawer-visible="drawerVisible = false"></FlowConfig>
 </template>
 <script setup lang="ts">
 
@@ -58,8 +58,14 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  showConfigPage: {
+    type: Boolean,
+    default: true,
+  },
 });
 
+const emits = defineEmits(['detail']);
+
 const flowName = ref('');
 
 const currentVersion = ref<any>();
@@ -155,7 +161,12 @@ const initGraph = async() => {
     console.log('click node', node);
     if (node.data.isApp) {
       nodeAttribute.value = node.data;
-      drawerVisible.value = true;
+      if (props.showConfigPage) {
+        drawerVisible.value = true;
+      } else {
+        emits('detail', node);
+      }
+      ;
     }
   });
 };
@@ -192,6 +203,10 @@ onMounted(async() => {
 .flow-view-box {
   height: calc(100% - 40px);
 
+}
+
+.flow-view-box-all{
+  height:100%
 }
   #header-box {
     padding: 0;