项目设置页面

pages/project/group/index.vue → pages/project/projectSettings/group/index.vue

@@ -178,7 +178,7 @@ export default {
             this.curId = row.id;
             this.title = "项目团队---" + row.title;
             this.fullscreen = true;
-            this.detail = () => import('../groupUser/index1')
+            this.detail = () => import('../../groupUser/index1')
             this.modal = true;
         },
         cancel() {
@@ -192,7 +192,3 @@ export default {
     }
 }
 </script>
-
-<style lang="less">
-
-</style>

pages/project/projectSettings/index.vue

+<template>
+  <div class="setings">
+    <Menu
+      mode="horizontal"
+      :theme="theme1"
+      active-name="1"
+      @on-select="tabsSel"
+    >
+      <MenuItem name="1">
+        <Icon type="md-contacts" />
+        团队管理
+      </MenuItem>
+      <MenuItem name="2">
+      <Icon type="ios-document" />
+        项目模板
+      </MenuItem>
+    </Menu>
+    <keep-alive>
+      <component v-bind:is="detail"></component>
+    </keep-alive>
+  </div>
+</template>
+
+<script>
+import Api from "../../../api";
+export default {
+  name: "projectSetings",
+  data() {
+    return {
+      theme1: "light",
+      detail: null,
+    };
+  },
+  mounted() {
+    this.group();
+  },
+  methods: {
+    tabsSel(name) {
+      if (name == 1) {
+        this.group();
+      } else {
+        this.template();
+      }
+    },
+    group() {
+      this.detail = () => import("./group");
+    },
+    template() {
+      this.detail = () => import("./templates");
+    },
+  },
+};
+</script>

pages/project/templates/detail.vue → pages/project/projectSettings/templates/detail.vue

@@ -72,4 +72,9 @@ export default {
     },
   },
 };
-</script>
\ No newline at end of file
+</script>
+<style lang="less" scoped>
+.detail{
+  width: 100%;
+}
+</style>style>
\ No newline at end of file