diff --git a/src/components/menu.vue b/src/components/menu.vue
index 8d54780111dbd70d86978f3008cf60a51365661b..fdf75df8581f573d8810262959a6dab293a2d5d3 100644
--- a/src/components/menu.vue
+++ b/src/components/menu.vue
@@ -12,7 +12,10 @@
         class="user"
       >{{ userInfo.user_name }}</span>
       <span v-else @click="gotopage('login')" class="user">请登录</span>
-      <img :class="userInfo.picture_path && false ? 'user_pic' : 'user_default'" src="../assets/imgs/home_ic_user.png" />
+      <img
+        :class="userInfo.picture_path && false ? 'user_pic' : 'user_default'"
+        src="../assets/imgs/home_ic_user.png"
+      />
       <span class="has_msg" v-if="unreadMessageCount > 0"></span>
       <!-- 菜单图片不需要动态渲染，只用ui给的图标 -->
       <div v-if="userInfo.user_name && userInfo.user_name != ''" class="user_menu">
@@ -24,11 +27,19 @@
           @click="gotopage(item.visit_url)"
         >
           {{ item.menu_name }}
-          <span v-if="unreadMessageCount > 0 && item.visit_url === '/user/notice'" class="width_num" v-text="unreadMessageCount"></span>
+          <span
+            v-if="unreadMessageCount > 0 && item.visit_url === '/user/notice'"
+            class="width_num"
+            v-text="unreadMessageCount"
+          ></span>
         </div>
         <div @click="gotopage('logout')">退出登录</div>
       </div>
-      <div v-if="userInfo.user_name && userInfo.user_name != ''" class="sj" :style="now_hover==0?{backgroundColor:'#e56600'}:{}"></div>
+      <div
+        v-if="userInfo.user_name && userInfo.user_name != ''"
+        class="sj"
+        :style="now_hover==0?{backgroundColor:'#e56600'}:{}"
+      ></div>
     </div>
     <div
       v-if="show_shop_menu"
@@ -90,11 +101,13 @@
             @mouseleave.stop="change_now_hover(-1)"
             @mouseenter.stop="change_now_hover(indexs)"
             @click.stop="gotoChildPage(v, item.visit_url)"
-          >
-            {{ v.menu_name }}
-          </div>
+          >{{ v.menu_name }}</div>
         </div>
-        <div class="sj" v-if="item.Child && item.Child.length" :style="now_hover==0?{backgroundColor:'#e56600',left: '60px'}:{left: '60px'}"></div>
+        <div
+          class="sj"
+          v-if="item.Child && item.Child.length"
+          :style="now_hover==0?{backgroundColor:'#e56600',left: '60px'}:{left: '60px'}"
+        ></div>
         <div class="bottom_show" v-if="now_menu == item.visit_url"></div>
       </div>
     </div>
@@ -117,8 +130,8 @@ export default {
       ],
       shopping_list: [],
       menuCartNum: 0,
-      now_hover:-1,
-      show_shop_menu: false
+      now_hover: -1,
+      show_shop_menu: false,
     };
   },
   mounted() {
@@ -139,15 +152,17 @@ export default {
   watch: {
     getMenuCartState(newVal) {
       this.getList();
-    }
+    },
   },
   methods: {
-    change_now_hover(n){
-      this.now_hover = n
+    change_now_hover(n) {
+      this.now_hover = n;
     },
     gotopage(n) {
       if (n == "logout") {
-        window.location.href = gisServiceUrl + "/portal/sharing/rest/oauth2/signout?client_id=arcgisonline&redirect_uri=https://apaas3.wodcloud.com/iam/api/logout";
+        window.location.href =
+          gisServiceUrl +
+          `/portal/sharing/rest/oauth2/signout?client_id=arcgisonline&redirect_uri=${window.location.protocol}//${window.location.host}/iam/api/logout`;
       } else if (n == "login") {
         let path = this.$route.path;
         window.location.href = "/iam/login/#/login?ReturnUrl=" + path;
@@ -160,7 +175,7 @@ export default {
     },
     deleteItem(id) {
       let query = [id];
-      this.$api.serviceShop.delShoppingCart(query).then(response => {
+      this.$api.serviceShop.delShoppingCart(query).then((response) => {
         this.getList();
       });
     },
@@ -189,7 +204,7 @@ export default {
       }
     },
     getList() {
-      this.$api.serviceShop.getShoppingCart().then(response => {
+      this.$api.serviceShop.getShoppingCart().then((response) => {
         if (response.data.success == "1") {
           this.menuCartNum = response.data.data.valid
             ? response.data.data.valid.length
@@ -207,12 +222,12 @@ export default {
       this.now_menu = visit_url ? visit_url : "";
     },
     getNowMenu() {
-      this.$api.general.getNowMenu({ teamName: "APAAS3" }).then(response => {
+      this.$api.general.getNowMenu({ teamName: "APAAS3" }).then((response) => {
         if (response.data.success == 1) {
           let arr =
             (response.data.data[0] && response.data.data[0].Child) || [];
           let shop_index = arr.findIndex(
-            item => item.visit_url == "/shop/shopping_cart"
+            (item) => item.visit_url == "/shop/shopping_cart"
           );
           if (shop_index != -1) {
             arr.splice(shop_index, 1);
@@ -220,7 +235,7 @@ export default {
           } else {
             this.show_shop_menu = false;
           }
-          let user_index = arr.findIndex(item => item.visit_url == "/user");
+          let user_index = arr.findIndex((item) => item.visit_url == "/user");
           if (user_index != -1) {
             this.user_arr = arr[user_index].Child;
             arr.splice(user_index, 1);
@@ -231,8 +246,8 @@ export default {
           this.getMenuIndex();
         }
       });
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -297,7 +312,7 @@ export default {
   float: right;
   width: 185px;
   font-size: 16px;
-  height:84px;
+  height: 84px;
   text-align: center;
   cursor: pointer;
   position: relative;
diff --git a/src/pages/example/example_com_flow.vue b/src/pages/example/example_com_flow.vue
index 601f11e3f967f466ca3ebcc4de226197e86be58e..bf146811d51e4777237526e2f1b0efd17ba9efbe 100644
--- a/src/pages/example/example_com_flow.vue
+++ b/src/pages/example/example_com_flow.vue
@@ -6,7 +6,7 @@
 
 <script>
 // @ is an alias to /src
-import WorkFlow from "@/components/work-flow/work-flow";
+import WorkFlow from "@/components/work-flow/super-flow";
 export default {
   components: {
     WorkFlow,
diff --git a/src/pages/workbench/component-center/process-management/process-design/index.vue b/src/pages/workbench/component-center/process-management/process-design/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..585efe53e755867dc0b3c944eb409b1f0a7c023a
--- /dev/null
+++ b/src/pages/workbench/component-center/process-management/process-design/index.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    流程设计
+  </div>
+</template>
diff --git a/src/router/index.js b/src/router/index.js
index 5870e211085c70921e8cc8231cc72e0c2d1bc590..e75de0c8413b94a6c8518fe8f5a75657461b9bbe 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -273,6 +273,11 @@ export default new Router({
               name: "process_monitoring",
               component: () => import("@/pages/workbench/component-center/process-management/monitoring/index"),
             }, // 流程监控
+            {
+              path: "/progress/design",
+              name: "process_design",
+              component: () => import("@/pages/workbench/component-center/process-management/process-design/index"),
+            }, // 流程监控
           ],
         }, // 流程设计
         {