流程设计路由配置

src/pages/workbench/component-center/process-management/index.vue

+<template>
+  <div class="process_container">
+    <side-nav-bar
+      title="流程设计"
+      imgSrc="tool_ic_tuisong"
+      :nav-list="navList"
+      :title-path="navList[0] && navList[0].path"
+    ></side-nav-bar>
+    <div class="main_container">
+      <router-view></router-view>
+    </div>
+  </div>
+</template>
+
+<script>
+import sideNavBar from "@/components/side-nav-bar";
+
+export default {
+  components: {
+    sideNavBar,
+  },
+  data: () => ({
+    userNav: [
+      {
+        name: "流程管理",
+        path: `/progress/designer`,
+      },
+      {
+        name: "流程监控",
+        path: `/progress/monitoring`,
+      },
+    ],
+    navList: [],
+  }),
+  watch: {
+    "$route.fullPath"(path) {
+      this.initNavList();
+    },
+  },
+  methods: {
+    initNavList() {
+      this.navList = this.userNav;
+    },
+  },
+  mounted() {
+    this.initNavList();
+  },
+};
+</script>
+
+<style scoped>
+.process_container {
+  height: calc(100vh - 84px);
+  display: flex;
+  justify-content: flex-start;
+  align-items: stretch;
+}
+.side_nav_bar {
+  width: 180px;
+  flex-shrink: 0;
+}
+.main_container {
+  width: calc(100% - 180px);
+  flex-grow: 1;
+  flex-shrink: 1;
+  background-color: #f6f7fb;
+  overflow: auto;
+}
+</style>

src/pages/workbench/component-center/process-management/monitoring/index.vue

+<template>
+  <div>
+    大屏监控
+  </div>
+</template>

src/pages/workbench/workPlace.vue

@@ -991,8 +991,7 @@ export default {
           pic: require("@/assets/imgs/home_tool_ic_lcsj.png"),
           bg: "#e6ebfe",
           color: "#515fe7",
-          url: "https://apaas-nologo.wodcloud.com/lcgl/index.html#/",
-          target: 1
+          url: "/progress",
         },
         {
           text: "可视化图表",

src/router/index.js

@@ -235,7 +235,7 @@ export default new Router({
         {
           path: "/app_build",
           name: "app_build",
-          component: () => import("@/pages/workbench/component-center/app-build/app_build"),
+          component: () => import("@/pages/workbench/component-center/app-build/index"),
         }, // 应用构建（镜像形式）
         {
           path: "/intelligent_drawing",
@@ -253,19 +253,32 @@ export default new Router({
           component: () => import("@/pages/workbench/component-center/intelligent-drawing/intelligent_appbuilder"),
         }, // 智能制图--应用程序页面
         {
-          path: "/process_designer",
-          name: "process_designer",
-          component: () => import("@/pages/workbench/component-center/process-designer/process-designer-list"),
-        }, // 流程设计--列表
-        {
-          path: "/process_designer_detail",
-          name: "process_designer_detail",
-          component: () => import("@/pages/workbench/component-center/process-designer/process-designer-detail"),
-        }, // 流程设计--详情
+          path: "/progress", // 流程设计
+          name: "progress",
+          redirect: "/progress/designer",
+          component: () => import("@/pages/workbench/component-center/process-management/index"),
+          children: [
+            {
+              path: "/progress/designer",
+              name: "process_designer",
+              component: () => import("@/pages/workbench/component-center/process-management/designer/index"),
+            }, // 流程设计--列表
+            {
+              path: "/progress/designer/detail/:id",
+              name: "process_designer_detail/:id",
+              component: () => import("@/pages/workbench/component-center/process-management/designer/detail"),
+            }, // 流程设计--详情
+            {
+              path: "/progress/monitoring",
+              name: "process_monitoring",
+              component: () => import("@/pages/workbench/component-center/process-management/monitoring/index"),
+            }, // 流程监控
+          ],
+        }, // 流程设计
         {
           path: "/search_engine",
-          name: "search_act",
-          component: () => import("@/pages/workbench/search_act"),
+          name: "search_engine",
+          component: () => import("@/pages/workbench/component-center/search-engine/index"),
         }, // 搜索引擎
         {
           path: "/user", // 个人中心