引用抽屉组件

src/components/XnWorkflow/index.vue

@@ -25,20 +25,14 @@
             <!--				</el-button>-->
             <!--			</el-tooltip>-->
 
-            <el-tooltip
+            <el-tooltip class="box-item" effect="dark" content="配置流程全局属性" placement="top">
-                class="box-item"
+                <el-button :icon="Setting" @click="drawerVisibile=true">
-                effect="dark"
-                content="配置流程全局属性"
-                placement="top"
-            >
-                <el-button :icon='Setting'>
                     全局配置
                     <template #icon>
                         <Setting />
                     </template>
                 </el-button>
             </el-tooltip>
-
         </div>
         <div class="box-scale">
             <node-wrap
@@ -69,13 +63,15 @@
             :selector-api-function="selectorApiFunction"
         />
     </div>
+    <!-- 全局属性抽屉组件 -->
+    <drawerTabs v-if="drawerVisibile" v-model="drawerVisibile" @updateDrawer="updateDrawer"></drawerTabs>
 </template>
 
 <script>
 import nodeWrap from './nodeWrap.vue'
 import { Warning, Setting, Plus } from '@element-plus/icons-vue'
 import process from './process.vue'
-
+import drawerTabs from './components/drawerTabs.vue'
 export default {
     computed: {
         Plus() {
@@ -86,7 +82,8 @@
         nodeWrap,
         Warning,
         Setting,
-			process
+        process,
+        drawerTabs
     },
     props: {
         modelValue: { type: Object, default: () => {} },
@@ -102,6 +99,7 @@
     },
     data() {
         return {
+            drawerVisibile: false,
             childNode: this.modelValue,
             childFormFieldListValue: this.formFieldListValue,
             childRecordData: this.recordData
@@ -120,7 +118,7 @@
         },
         childNode(val) {
             this.$emit('update:modelValue', val)
-			}
+        },
     },
     methods: {
         toDataLegal(childNode) {
@@ -129,6 +127,9 @@
             } else {
                 return childNode.dataLegal
             }
+        },
+		updateDrawer(){
+			this.drawerVisibile=false;
 		}
     }
 }