前台流程设计页面初版完毕

src/views/task/task/antvX6.vue

@@ -37,6 +37,13 @@
                     :taskId="taskId"></dataOutInput>
     </el-dialog>
 
+    <el-dialog
+      :visible.sync="ruleOpen"
+      width="70%">
+      <ruleForm v-if="this.ruleDestroy" :node-id="nodeId" @ruleDestroy="ruleDestroyValue"/>
+      <!--      <ruleForm ></ruleForm>-->
+    </el-dialog>
+
 
   </div>
 </template>
@@ -48,6 +55,7 @@ import { findByNodeId } from '@/api/task/task'
 import  formData from '/src/views/components/task/formData.vue'
 import  formJoin from '/src/views/components/task/formJoin.vue'
 import  dataOutInput from '/src/views/components/task/formDataOut.vue'
+import ruleForm from "@/views/components/task/rule/index";
 
 export default {
   name: "antvX6",
@@ -55,11 +63,13 @@ export default {
     formData,
     formJoin,
     dataOutInput,
+    ruleForm,
   },
   data() {
     return {
       //数据输出弹窗界面
       taskDataOutPut:false,
+      ruleOpen: false,
       //任务设计添加表弹窗
       taskInputAdd:false,
       //联查界面
@@ -102,7 +112,7 @@ export default {
           data:{}
         },
         {
-          id: 4,
+          id: 5,
           name: "规则",
           image: require("@/assets/img/5.png"),
           data:{}
@@ -118,6 +128,7 @@ export default {
       taskInputForm:false,
       formData:false,
       formJoin:false,
+      ruleDestroy:false,
       formOut:false,
       taskId:this.$route.params.id,
     };
@@ -127,6 +138,12 @@ export default {
     this.initGraph();
   },
   methods: {
+
+    ruleDestroyValue(data) {
+      this.ruleDestroy = data;
+      this.ruleOpen = data;
+    },
+
     findFormValue(){
       this.formData=false;
       this.taskInputForm=false;
@@ -194,6 +211,10 @@ export default {
           this.taskDataOutPut = true;
           this.formOut = true;
         }
+        if (thisData == "规则") {
+          this.ruleOpen = true;
+          this.ruleDestroy = true;
+        }
       });