弹框组件化

about/index.html

@@ -49,48 +49,8 @@
             <!-- FEEDBACK END -->
             
             <!-- DIALOG START-->
-            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                    <el-form-item label="" prop="platName" style="">
-                        <el-radio-group v-model="ruleForm.platName">
-                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                            </el-radio-button>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="姓名" prop="consultName">
-                                <el-input v-model="ruleForm.consultName"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="联系电话" prop="consultPhone">
-                                <el-input v-model="ruleForm.consultPhone"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="邮箱" prop="mail">
-                                <el-input v-model="ruleForm.mail"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="公司" prop="company">
-                                <el-input v-model="ruleForm.company"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-form-item label="需求描述" prop="consultContent">
-                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                    </el-form-item>
-                </el-form>
+            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
 
-                <!-- <span>需要注意的是内容是默认不居中的</span> -->
-                <span slot="footer" class="dialog-footer">
-                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-                </span>
-            </el-dialog>
             <!-- DIALOG END -->
         </div>
 

assets/js/commonVue.js

@@ -1,5 +1,6 @@
 import footerCom from '/assets/js/component/footerCom.js'
 import feedFix from '/assets/js/component/feedFix.js'
+import dialogCom from '/assets/js/component/dialogCom.js'
 
 
 var app = new Vue({
@@ -7,7 +8,8 @@ var app = new Vue({
 
   components: {
     footerCom,
-    feedFix
+    feedFix,
+    dialogCom
   },
   data: {
 
@@ -231,41 +233,20 @@ var app = new Vue({
       this.getArticalData(this.requestParams)
     },
 
-    //公共弹框
-    submitForm(formName) {
-      _this = this
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          console.log(_this.ruleForm)
-          let param = JSON.stringify(_this.ruleForm)
-          jQuery.ajax({
-            type: 'POST',
-            // dataType: 'json',
-            contentType: 'application/json;charset=UTF-8',
-            url: window.FQDN2 + 'siteReview',
-            data: param
-          }).done(function (res) {
-            if (res.status === "SUCCESS") {
-              _this.$message({
-                message: '提交成功',
-                type: 'success'
-              });
-              _this.centerDialogVisible = false
-
-              _this.$refs[formName].resetFields(); //重置from校验
-            }
-          }).fail(function (err) {});
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
+    //申请试用
+    goApply:function(){
+     this.centerDialogVisible=true
+
     },
-    resetForm(formName) {
-      this.$refs[formName].resetFields();
-      this.centerDialogVisible = false
+
+    //子组件向父组件传值
+    handleChildEvent:function(value) {
+      this.centerDialogVisible = value; // 处理从子组件接收到的数据
     },
 
+   
+    
+
     // 排序
     compare(property) {
       return function (a, b) {

assets/js/component/dialogCom.js

@@ -0,0 +1,101 @@
+export default {
+  props: {
+    fatherdialogv: Boolean,
+    ruleform:Object,
+    fatherrules:Object,
+    fatherdialoga:Object,
+  },
+  template: `
+  <el-dialog title="项目咨询" style="display:none" :style="{display:(fatherdialogv?'block':'none')}" @close="closeDialog('ruleform')"
+                :visible.sync="fatherdialogv" width="700px" center class="feedBackDialog" :lock-scroll="false">
+                <el-form :model="ruleform" :rules="fatherrules" ref="ruleform" label-width="80px" class="demo-ruleform">
+                    <el-form-item label="" prop="platName" style="">
+                        <el-radio-group v-model="ruleform.platName">
+                            <el-radio-button :label="item.categoryName" v-for="item in fatherdialoga" :key="item.id">
+                            </el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-row :gutter="20">
+                        <el-col :span="12">
+                            <el-form-item label="姓名" prop="consultName">
+                                <el-input v-model="ruleform.consultName"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="联系电话" prop="consultPhone">
+                                <el-input v-model="ruleform.consultPhone"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="邮箱" prop="mail">
+                                <el-input v-model="ruleform.mail"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="公司" prop="company">
+                                <el-input v-model="ruleform.company"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item label="需求描述" prop="consultContent">
+                        <el-input type="textarea" v-model="ruleform.consultContent"></el-input>
+                    </el-form-item>
+                </el-form>
+
+                <!-- <span>需要注意的是内容是默认不居中的</span> -->
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="resetForm('ruleform')">取 消</el-button>
+                    <el-button type="primary" @click="submitForm('ruleform')">提 交</el-button>
+                </span>
+            </el-dialog>
+  `,
+  mounted: function () {
+
+  },
+  methods:{
+
+    
+
+     //公共弹框
+     submitForm(formName) {
+      var _this = this
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          console.log(_this.ruleform)
+          let param = JSON.stringify(_this.ruleform)
+          jQuery.ajax({
+            type: 'POST',
+            // dataType: 'json',
+            contentType: 'application/json;charset=UTF-8',
+            url: window.FQDN2 + 'siteReview',
+            data: param
+          }).done(function (res) {
+            if (res.status === "SUCCESS") {
+              _this.$message({
+                message: '提交成功',
+                type: 'success'
+              });
+              _this.fatherdialogv = false;
+              _this.$refs[formName].resetFields(); //重置from校验
+            }
+          }).fail(function (err) {});
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+
+    /** 关闭弹窗 */
+    closeDialog(formName) {
+      this.$emit('data-event', false); 
+      this.$refs[formName].resetFields();
+    },
+
+    // 重置表单
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+      this.fatherdialogv = false
+    },
+  }
+}

assets/js/component/feedFix.js

@@ -42,6 +42,7 @@ export default {
   methods:{
     //返回顶部
     scrollToTop() {
+    
         window.scrollTo({
           top: 0,
           behavior: "smooth"

index.html

@@ -45,54 +45,14 @@
                 </div>
             </div>
             <!-- LOADING END -->
-            
+
             <!-- FEEDBACK START -->
             <feed-fix></feed-fix>
             <!-- FEEDBACK END -->
+            <div>{{centerDialogVisible}}</div>
 
             <!-- DIALOG START-->
-            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm"  label-width="80px"  class="demo-ruleForm">
-                    <el-form-item label="" prop="platName" style="">
-                        <el-radio-group v-model="ruleForm.platName">
-                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                            </el-radio-button>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="姓名" prop="consultName">
-                                <el-input v-model="ruleForm.consultName"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="联系电话" prop="consultPhone">
-                                <el-input v-model="ruleForm.consultPhone"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="邮箱" prop="mail">
-                                <el-input v-model="ruleForm.mail"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="公司" prop="company">
-                                <el-input v-model="ruleForm.company"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-form-item label="需求描述" prop="consultContent">
-                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                    </el-form-item>
-                </el-form>
-
-                <!-- <span>需要注意的是内容是默认不居中的</span> -->
-                <span slot="footer" class="dialog-footer">
-                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-                </span>
-            </el-dialog>
+            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
             <!-- DIALOG END -->
         </div>
 
@@ -123,7 +83,7 @@
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验
+                        <div class="apply-expre" v-if="columnList.length>0" @click="goApply()">申请体验
                         </div>
                     </div>
                 </div>

news/index.html

@@ -45,48 +45,8 @@
             <!-- FEEDBACK END -->
 
             <!-- DIALOG START-->
-            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                    <el-form-item label="" prop="platName" style="">
-                        <el-radio-group v-model="ruleForm.platName">
-                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                            </el-radio-button>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="姓名" prop="consultName">
-                                <el-input v-model="ruleForm.consultName"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="联系电话" prop="consultPhone">
-                                <el-input v-model="ruleForm.consultPhone"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="邮箱" prop="mail">
-                                <el-input v-model="ruleForm.mail"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="公司" prop="company">
-                                <el-input v-model="ruleForm.company"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-form-item label="需求描述" prop="consultContent">
-                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                    </el-form-item>
-                </el-form>
-
-                <!-- <span>需要注意的是内容是默认不居中的</span> -->
-                <span slot="footer" class="dialog-footer">
-                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-                </span>
-            </el-dialog>
+            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
+
             <!-- DIALOG END -->
         </div>
         

news/read.html

@@ -44,48 +44,8 @@
             <!-- FEEDBACK END -->
 
             <!-- DIALOG START-->
-            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                    <el-form-item label="" prop="platName" style="">
-                        <el-radio-group v-model="ruleForm.platName">
-                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                            </el-radio-button>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="姓名" prop="consultName">
-                                <el-input v-model="ruleForm.consultName"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="联系电话" prop="consultPhone">
-                                <el-input v-model="ruleForm.consultPhone"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="邮箱" prop="mail">
-                                <el-input v-model="ruleForm.mail"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="公司" prop="company">
-                                <el-input v-model="ruleForm.company"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-form-item label="需求描述" prop="consultContent">
-                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                    </el-form-item>
-                </el-form>
-
-                <!-- <span>需要注意的是内容是默认不居中的</span> -->
-                <span slot="footer" class="dialog-footer">
-                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-                </span>
-            </el-dialog>
+            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
+
             <!-- DIALOG END -->
         </div>
         

product/index.html

@@ -50,48 +50,8 @@
             <!-- FEEDBACK END -->
             
             <!-- DIALOG START-->
-            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                    <el-form-item label="" prop="platName" style="">
-                        <el-radio-group v-model="ruleForm.platName">
-                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                            </el-radio-button>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="姓名" prop="consultName">
-                                <el-input v-model="ruleForm.consultName"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="联系电话" prop="consultPhone">
-                                <el-input v-model="ruleForm.consultPhone"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="邮箱" prop="mail">
-                                <el-input v-model="ruleForm.mail"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="公司" prop="company">
-                                <el-input v-model="ruleForm.company"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-form-item label="需求描述" prop="consultContent">
-                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                    </el-form-item>
-                </el-form>
-
-                <!-- <span>需要注意的是内容是默认不居中的</span> -->
-                <span slot="footer" class="dialog-footer">
-                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-                </span>
-            </el-dialog>
+            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
+
             <!-- DIALOG END -->
         </div>
         

product/read.html

@@ -45,48 +45,8 @@
             <!-- FEEDBACK END -->
             
             <!-- DIALOG START-->
-            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                    <el-form-item label="" prop="platName" style="">
-                        <el-radio-group v-model="ruleForm.platName">
-                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                            </el-radio-button>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="姓名" prop="consultName">
-                                <el-input v-model="ruleForm.consultName"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="联系电话" prop="consultPhone">
-                                <el-input v-model="ruleForm.consultPhone"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="邮箱" prop="mail">
-                                <el-input v-model="ruleForm.mail"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="公司" prop="company">
-                                <el-input v-model="ruleForm.company"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-form-item label="需求描述" prop="consultContent">
-                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                    </el-form-item>
-                </el-form>
+            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
 
-                <!-- <span>需要注意的是内容是默认不居中的</span> -->
-                <span slot="footer" class="dialog-footer">
-                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-                </span>
-            </el-dialog>
             <!-- DIALOG END -->
         </div>
         

solution/index.html

@@ -48,48 +48,8 @@
             
             <!-- DIALOG START-->
             
-            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                    <el-form-item label="" prop="platName" style="">
-                        <el-radio-group v-model="ruleForm.platName">
-                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                            </el-radio-button>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="姓名" prop="consultName">
-                                <el-input v-model="ruleForm.consultName"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="联系电话" prop="consultPhone">
-                                <el-input v-model="ruleForm.consultPhone"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="邮箱" prop="mail">
-                                <el-input v-model="ruleForm.mail"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="公司" prop="company">
-                                <el-input v-model="ruleForm.company"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-form-item label="需求描述" prop="consultContent">
-                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                    </el-form-item>
-                </el-form>
-
-                <!-- <span>需要注意的是内容是默认不居中的</span> -->
-                <span slot="footer" class="dialog-footer">
-                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-                </span>
-            </el-dialog>
+            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
+
             <!-- DIALOG END -->
         </div>
         

solution/read.html

@@ -45,48 +45,8 @@
             <!-- FEEDBACK END -->
 
             <!-- DIALOG START-->
-            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                    <el-form-item label="" prop="platName" style="">
-                        <el-radio-group v-model="ruleForm.platName">
-                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                            </el-radio-button>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-row :gutter="20">
-                        <el-col :span="12">
-                            <el-form-item label="姓名" prop="consultName">
-                                <el-input v-model="ruleForm.consultName"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="联系电话" prop="consultPhone">
-                                <el-input v-model="ruleForm.consultPhone"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="邮箱" prop="mail">
-                                <el-input v-model="ruleForm.mail"></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="公司" prop="company">
-                                <el-input v-model="ruleForm.company"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-form-item label="需求描述" prop="consultContent">
-                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                    </el-form-item>
-                </el-form>
-
-                <!-- <span>需要注意的是内容是默认不居中的</span> -->
-                <span slot="footer" class="dialog-footer">
-                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-                </span>
-            </el-dialog>
+            <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>
+
             <!-- DIALOG END -->
         </div>