diff --git a/src/main/resources/templates/admin/act_model_list.ftl b/src/main/resources/templates/admin/act_model_list.ftl
index 220c877..aa68f8d 100644
--- a/src/main/resources/templates/admin/act_model_list.ftl
+++ b/src/main/resources/templates/admin/act_model_list.ftl
@@ -78,7 +78,7 @@
 
                                             <button type="button"
                                                     class="am-btn am-btn-default am-btn-xs am-text-secondary"
-                                                    onclick="window.open('${base}/activiti-editor/modeler.html?modelId==${list.id?c}')">
+                                                    onclick="design(${list.id?c})" >
                                                 <span class="am-icon-pencil-square-o"></span>
                                                 流程设计
                                             </button>
@@ -205,12 +205,19 @@
         }
     }
 
-
-    $(function () {
-
-
-    });
-
+    var design = function (id) {
+        layer.open({
+            type: 2,
+            title: '',
+            shadeClose: true,
+            shade: 0.8,
+            area: ['90%', '90%'],
+            content: '${base}/activiti-editor/modeler.html?modelId==' + id,
+            end: function () {
+                location.reload();
+            }
+        });
+    };
 
 </script>
 
diff --git a/src/main/resources/templates/admin/act_proc_def_list.ftl b/src/main/resources/templates/admin/act_proc_def_list.ftl
index 4670920..ff15939 100644
--- a/src/main/resources/templates/admin/act_proc_def_list.ftl
+++ b/src/main/resources/templates/admin/act_proc_def_list.ftl
@@ -78,7 +78,7 @@
                                 <td>
                                     <button type="button"
                                             class="am-btn am-btn-default am-btn-xs am-text-secondary"
-                                            onclick="window.open('${base}/actProcDef/procDefPng/${list.deploymentId!}')">
+                                            onclick="pngView('${list.deploymentId!}')">
                                         <span class="am-icon-pencil-square-o"></span>
                                         流程图片
                                     </button>
@@ -269,4 +269,15 @@
         });
     }
 
+    var pngView = function (id) {
+        layer.open({
+            type: 2,
+            title: '',
+            shadeClose: true,
+            shade: 0.8,
+            area: ['90%', '60%'],
+            content: '${base}/actProcDef/procDefPng/' + id,
+        });
+    };
+
 </script>
\ No newline at end of file