From 961c069de0912313fd564901bd7305254b8f3f13 Mon Sep 17 00:00:00 2001
From: xuyiming <xuyiming@bd-apaas.com>
Date: Fri, 7 Aug 2020 10:46:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=81=E7=A8=8B=E8=AE=BE=E8=AE=A1=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app-build/{app_build.vue => index.vue}    |  0
 .../designer/detail.vue}                      |  0
 .../designer/index.vue}                       |  0
 .../process-management/index.vue              | 69 +++++++++++++++++++
 .../process-management/monitoring/index.vue   |  5 ++
 .../search-engine/index.vue}                  |  0
 src/pages/workbench/workPlace.vue             |  3 +-
 src/router/index.js                           | 37 ++++++----
 8 files changed, 100 insertions(+), 14 deletions(-)
 rename src/pages/workbench/component-center/app-build/{app_build.vue => index.vue} (100%)
 rename src/pages/workbench/component-center/{process-designer/process-designer-detail.vue => process-management/designer/detail.vue} (100%)
 rename src/pages/workbench/component-center/{process-designer/process-designer-list.vue => process-management/designer/index.vue} (100%)
 create mode 100644 src/pages/workbench/component-center/process-management/index.vue
 create mode 100644 src/pages/workbench/component-center/process-management/monitoring/index.vue
 rename src/pages/workbench/{search_act.vue => component-center/search-engine/index.vue} (100%)

diff --git a/src/pages/workbench/component-center/app-build/app_build.vue b/src/pages/workbench/component-center/app-build/index.vue
similarity index 100%
rename from src/pages/workbench/component-center/app-build/app_build.vue
rename to src/pages/workbench/component-center/app-build/index.vue
diff --git a/src/pages/workbench/component-center/process-designer/process-designer-detail.vue b/src/pages/workbench/component-center/process-management/designer/detail.vue
similarity index 100%
rename from src/pages/workbench/component-center/process-designer/process-designer-detail.vue
rename to src/pages/workbench/component-center/process-management/designer/detail.vue
diff --git a/src/pages/workbench/component-center/process-designer/process-designer-list.vue b/src/pages/workbench/component-center/process-management/designer/index.vue
similarity index 100%
rename from src/pages/workbench/component-center/process-designer/process-designer-list.vue
rename to src/pages/workbench/component-center/process-management/designer/index.vue
diff --git a/src/pages/workbench/component-center/process-management/index.vue b/src/pages/workbench/component-center/process-management/index.vue
new file mode 100644
index 0000000..1f9a878
--- /dev/null
+++ b/src/pages/workbench/component-center/process-management/index.vue
@@ -0,0 +1,69 @@
+<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>
diff --git a/src/pages/workbench/component-center/process-management/monitoring/index.vue b/src/pages/workbench/component-center/process-management/monitoring/index.vue
new file mode 100644
index 0000000..1fb81f3
--- /dev/null
+++ b/src/pages/workbench/component-center/process-management/monitoring/index.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    大屏监控
+  </div>
+</template>
diff --git a/src/pages/workbench/search_act.vue b/src/pages/workbench/component-center/search-engine/index.vue
similarity index 100%
rename from src/pages/workbench/search_act.vue
rename to src/pages/workbench/component-center/search-engine/index.vue
diff --git a/src/pages/workbench/workPlace.vue b/src/pages/workbench/workPlace.vue
index f2b4d47..5b68073 100644
--- a/src/pages/workbench/workPlace.vue
+++ b/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: "可视化图表",
diff --git a/src/router/index.js b/src/router/index.js
index a7bd8d4..5870e21 100644
--- a/src/router/index.js
+++ b/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", // 个人中心
-- 
2.26.0