From 4cc31c2d1780dab248fea5842db25648e471ae21 Mon Sep 17 00:00:00 2001
From: unknown <zheng_z@azut.cn>
Date: Wed, 21 Oct 2020 10:08:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=80=BB=E5=90=8E=E5=8F=B0=E6=A1=86=E6=9E=B6?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84=E8=B0=83=E6=95=B4=EF=BC=8C=E6=9B=BF=E6=8D=A2?=
 =?UTF-8?q?=E9=A1=B5=E5=A4=B4=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/app-header/components/nav.vue  |   2 +-
 src/router.js                                 | 100 +++++++++-------
 src/views/components_web/head/head.vue        | 110 +++++++++---------
 .../{index => customer}/index.vue             |   0
 .../{index => customer}/services.js           |   0
 src/views/manage_system/index.vue             |  74 ++++++++++++
 src/views/manage_system/template/mind.vue     |   8 ++
 7 files changed, 195 insertions(+), 99 deletions(-)
 rename src/views/manage_system/{index => customer}/index.vue (100%)
 rename src/views/manage_system/{index => customer}/services.js (100%)
 create mode 100644 src/views/manage_system/index.vue

diff --git a/src/components/app-header/components/nav.vue b/src/components/app-header/components/nav.vue
index dc4e45cc..0baaf5f8 100644
--- a/src/components/app-header/components/nav.vue
+++ b/src/components/app-header/components/nav.vue
@@ -29,7 +29,7 @@ export default {
   },
   watch: {
     $route(to) {
-      console.log(to);
+      this.currentKey = to.name;
     }
   }
 }
diff --git a/src/router.js b/src/router.js
index 13dec33a..77768ab2 100644
--- a/src/router.js
+++ b/src/router.js
@@ -131,49 +131,63 @@ const router = new Router({
 	// 探索者总后台
 	{
 		path: '/system',
-		name: 'system',
-		component: () => import('@/views/manage_system/index'),
-	},
-	{
-		path: '/system/template',
-		name: 'system_template',
-		component: () => import('@/views/manage_system/template'),
-	},
-	{
-		path: '/system/runmanage',
-		name: 'system_runmanage',
-		component: () => import('@/views/manage_system/runmanage'),
-	},
-	{
-		path: '/system/template/matrix',
-		name: 'system_template_matrix',
-		component: () => import('@/views/manage_system/template/matrix'),
-	},
-	{
-		path: '/system/template/mind',
-		name: 'system_template_mind',
-		component: () => import('@/views/manage_system/template/mind'),
-	},
-	{
-		path: '/system/template/tempfile',
-		name: 'system_template_file',
-		component: () => import('@/views/manage_system/template_file'),
-	},
-	{
-		path: '/system/appcenter',
-		name: 'system_appcenter',
-		component: () => import('@/views/manage_system/appcenter'),
-	},
-	{
-		path: '/system/appinfo',
-		name: 'system_appinfo',
-		component: () => import('@/views/manage_system/appinfo'),
-	},
-	{
-		path: '/system/setting',
-		name: 'system_setting',
-		component: () => import('@/views/manage_system/setting'),
-	},
+		// name: 'system',
+		component: () => import('@/views/manage_system'),
+		redirect: { name: 'system_customer' },
+		children: [{
+			path: 'customer',
+			name: 'system_customer',
+			component: () => import('@/views/manage_system/customer'),
+		},{
+			path: 'template',
+			name: 'system_template',
+			component: () => import('@/views/manage_system/template'),
+		}, 
+		{
+			path: 'runmanage',
+			name: 'system_runmanage',
+			component: () => import('@/views/manage_system/runmanage'),
+		},
+		{
+			path: 'template/matrix',
+			name: 'system_template_matrix',
+			component: () => import('@/views/manage_system/template/matrix'),
+		},
+		{
+			path: 'template/mind',
+			name: 'system_template_mind',
+			component: () => import('@/views/manage_system/template/mind'),
+		},
+		{
+			path: 'template/tempfile',
+			name: 'system_template_file',
+			component: () => import('@/views/manage_system/template_file'),
+		},
+		{
+			path: 'appcenter',
+			name: 'system_appcenter',
+			component: () => import('@/views/manage_system/appcenter'),
+		},
+		{
+			path: 'appinfo',
+			name: 'system_appinfo',
+			component: () => import('@/views/manage_system/appinfo'),
+		},
+		{
+			path: 'setting',
+			name: 'system_setting',
+			component: () => import('@/views/manage_system/setting'),
+		},{
+			path: '*',
+			redirect: { name: 'system_customer' },
+		}]
+	},
+	// {
+	// 	path: '/system/template',
+	// 	name: 'system_template',
+	// 	component: () => import('@/views/manage_system/template'),
+	// },
+	
 	// 页面未找到时提示(这个页面要放在最后)
 	{
 		path: '*',
diff --git a/src/views/components_web/head/head.vue b/src/views/components_web/head/head.vue
index daf160ba..599a3dfd 100644
--- a/src/views/components_web/head/head.vue
+++ b/src/views/components_web/head/head.vue
@@ -2120,61 +2120,61 @@ export default {
           this.isPage_manage_company = true;
           break;
         //总后台----------------------------
-        case "system":
-        case "system_template":
-          this.isPage_manage_system = true;
-          this.isPage_manage_systemHead_first = true;
-          this.isPage_manage_systemHead_second = false;
-          this.isPage_manage_systemHead_third = false;
-          break;
-        case "system_runmanage":
-          this.isPage_manage_system = true;
-          this.isPage_manage_systemHead_first = true;
-          this.isPage_manage_systemHead_second = false;
-          this.isPage_manage_systemHead_third = false;
-          break;
-        case "system_appinfo":
-          this.isPage_manage_system = true;
-          this.isPage_manage_systemHead_first = true;
-          this.isPage_manage_systemHead_second = false;
-          this.isPage_manage_systemHead_third = false;
-          break;
-        case "system_appcenter":
-          this.isPage_manage_system = true;
-          this.isPage_manage_systemHead_first = true;
-          this.isPage_manage_systemHead_second = false;
-          this.isPage_manage_systemHead_third = false;
-          break;
-        case "system_setting":
-          this.isPage_manage_system = true;
-          this.isPage_manage_systemHead_first = true;
-          this.isPage_manage_systemHead_second = false;
-          this.isPage_manage_systemHead_third = false;
-          break;
-        case "system_template_mind":
-          this.isPage_manage_system = true;
-          this.isPage_manage_systemHead_first = false;
-          this.isPage_manage_systemHead_second = true;
-          this.isPage_manage_systemHead_third = false;
-          this.tempName = this.$route.params.name;
-          this.tempData = this.$route.params.data;
-          break;
-        case "system_template_file":
-          this.isPage_manage_system = true;
-          this.isPage_manage_systemHead_first = true;
-          this.isPage_manage_systemHead_second = false;
-          this.isPage_manage_systemHead_third = false;
-          this.tempName = this.$route.params.name;
-          this.tempData = this.$route.params.data;
-          break;
-        case "system_template_matrix":
-          this.isPage_manage_system = true;
-          this.isPage_manage_systemHead_first = false;
-          this.isPage_manage_systemHead_second = false;
-          this.isPage_manage_systemHead_third = true;
-          this.tempName = this.$route.params.name;
-          this.tempData = this.$route.params.data;
-          break;
+        // case "system":
+        // case "system_template":
+        //   this.isPage_manage_system = true;
+        //   this.isPage_manage_systemHead_first = true;
+        //   this.isPage_manage_systemHead_second = false;
+        //   this.isPage_manage_systemHead_third = false;
+        //   break;
+        // case "system_runmanage":
+        //   this.isPage_manage_system = true;
+        //   this.isPage_manage_systemHead_first = true;
+        //   this.isPage_manage_systemHead_second = false;
+        //   this.isPage_manage_systemHead_third = false;
+        //   break;
+        // case "system_appinfo":
+        //   this.isPage_manage_system = true;
+        //   this.isPage_manage_systemHead_first = true;
+        //   this.isPage_manage_systemHead_second = false;
+        //   this.isPage_manage_systemHead_third = false;
+        //   break;
+        // case "system_appcenter":
+        //   this.isPage_manage_system = true;
+        //   this.isPage_manage_systemHead_first = true;
+        //   this.isPage_manage_systemHead_second = false;
+        //   this.isPage_manage_systemHead_third = false;
+        //   break;
+        // case "system_setting":
+        //   this.isPage_manage_system = true;
+        //   this.isPage_manage_systemHead_first = true;
+        //   this.isPage_manage_systemHead_second = false;
+        //   this.isPage_manage_systemHead_third = false;
+        //   break;
+        // case "system_template_mind":
+        //   this.isPage_manage_system = true;
+        //   this.isPage_manage_systemHead_first = false;
+        //   this.isPage_manage_systemHead_second = true;
+        //   this.isPage_manage_systemHead_third = false;
+        //   this.tempName = this.$route.params.name;
+        //   this.tempData = this.$route.params.data;
+        //   break;
+        // case "system_template_file":
+        //   this.isPage_manage_system = true;
+        //   this.isPage_manage_systemHead_first = true;
+        //   this.isPage_manage_systemHead_second = false;
+        //   this.isPage_manage_systemHead_third = false;
+        //   this.tempName = this.$route.params.name;
+        //   this.tempData = this.$route.params.data;
+        //   break;
+        // case "system_template_matrix":
+        //   this.isPage_manage_system = true;
+        //   this.isPage_manage_systemHead_first = false;
+        //   this.isPage_manage_systemHead_second = false;
+        //   this.isPage_manage_systemHead_third = true;
+        //   this.tempName = this.$route.params.name;
+        //   this.tempData = this.$route.params.data;
+        //   break;
         default:
           break;
       }
diff --git a/src/views/manage_system/index/index.vue b/src/views/manage_system/customer/index.vue
similarity index 100%
rename from src/views/manage_system/index/index.vue
rename to src/views/manage_system/customer/index.vue
diff --git a/src/views/manage_system/index/services.js b/src/views/manage_system/customer/services.js
similarity index 100%
rename from src/views/manage_system/index/services.js
rename to src/views/manage_system/customer/services.js
diff --git a/src/views/manage_system/index.vue b/src/views/manage_system/index.vue
new file mode 100644
index 00000000..c544deb5
--- /dev/null
+++ b/src/views/manage_system/index.vue
@@ -0,0 +1,74 @@
+<template>
+  <div>
+    <app-header
+      theme="white"
+      v-show="showHeader"
+    >
+      <template #left>LOCKING</template>
+      <template #right>
+        <span class="header-logout" @click="tryToLogout">退出登录</span>
+      </template>
+      <template #center>
+        <app-nav :list="navList" />
+      </template>
+    </app-header>
+    <router-view />
+  </div>
+</template>
+
+<script>
+import AppHeader from "@/components/app-header";
+import AppNav from "@/components/app-header/components/nav";
+const navItem = (pathName, label) => ({ key: pathName, label });
+const navList = [
+    navItem("system_customer", "客户列表"),
+    navItem("system_template", "流程模板"),
+    navItem("system_runmanage", "应用管理"),
+    navItem("system_template_matrix", "运行管理"),
+    navItem("system_setting", "总体权限"),
+];
+const hash = navList.reduce((h, item) => (h[item.key] = true, h), {});
+const isInNavRange = name => hash[name];
+
+export default {
+  components: {
+    AppHeader,
+    AppNav,
+  },
+  data() {
+    return {
+      showHeader: isInNavRange(this.$route.name),
+      navList,
+    };
+  },
+  methods: {
+    /**
+     * 退出登录提示
+     */
+    tryToLogout: function () {
+      var thisApp = this;
+      this.$confirm("退出当前账户，是否继续？", "", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        showClose: false,
+        type: "warning",
+      }).then(() => {
+        // this.logout();
+        this.$store.logout();
+        this.$router.push({ path: '/' });
+      });
+    },
+  },
+  watch: {
+    $route(to) {
+      this.showHeader = isInNavRange(to.name);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.header-logout {
+  cursor: pointer;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/manage_system/template/mind.vue b/src/views/manage_system/template/mind.vue
index d4226df7..54658992 100644
--- a/src/views/manage_system/template/mind.vue
+++ b/src/views/manage_system/template/mind.vue
@@ -8,6 +8,12 @@
  -->
 <template>
   <div class="layout_content template_mind">
+    <app-header
+      showBackBtn
+      theme="white"
+      :title="tempName"
+      backBtnTitle="退出思维导图查看器"
+    />
     <section class="yiyun_section">
       <div>
         <div class="mlr-10">
@@ -49,6 +55,7 @@
 <script>
   // require("!vue-style-loader!css-loader!../../../public/static/css/jsmind.css");
   import * as services from "@/services/template";
+  import AppHeader from '@/components/app-header';
   import TemplateTree from './components/template-tree';
   import {notify} from '@/utils/tool';
   const jsMind = window.jsMind;
@@ -61,6 +68,7 @@
   export default {
     components: {
       TemplateTree,
+      AppHeader,
     },
     data() {
       return {