diff --git a/src/components/detail/AdvancedDetail.vue b/src/components/detail/AdvancedDetail.vue
new file mode 100644
index 0000000..c7c6277
--- /dev/null
+++ b/src/components/detail/AdvancedDetail.vue
@@ -0,0 +1,44 @@
+<template>
+  <page-layout title="单号：234231029431" logo="https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png">
+    <detail-list slot="headerContent" class="advanced-detail-header" style="margin-left: 44px;">
+      <detail-list-item term="创建人">曲丽丽</detail-list-item>
+      <detail-list-item term="订购产品">xx服务</detail-list-item>
+      <detail-list-item term="订购产品">xx服务</detail-list-item>
+      <detail-list-item term="订购产品">xx服务</detail-list-item>
+    </detail-list>
+    <template slot="extra">
+      2333
+    </template>
+    <template slot="action">
+      <a-button-group style="margin-right: 4px;">
+        <a-button>操作</a-button>
+        <a-button>操作</a-button>
+        <a-button><a-icon type="ellipsis"/></a-button>
+      </a-button-group>
+      <a-button type="primary" >主操作</a-button>
+    </template>
+  </page-layout>
+</template>
+
+<script>
+import PageLayout from '../layout/PageLayout'
+import AButtonGroup from 'vue-antd-ui/es/button/button-group'
+import AButton from 'vue-antd-ui/es/button/button'
+import AIcon from 'vue-antd-ui/es/icon/icon'
+import DetailList from '../tool/DetailList'
+
+const DetailListItem = DetailList.Item
+
+export default {
+  name: 'AdvancedDetail',
+  components: {DetailListItem, DetailList, AIcon, AButton, AButtonGroup, PageLayout}
+}
+</script>
+
+<style lang="less">
+  .advanced-detail-header{
+    .term,.content{
+      padding-bottom: 8px;
+    }
+  }
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index d346f1e..135b6f0 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -23,6 +23,7 @@ import ProjectList from '@/components/list/search/ProjectList'
 import WorkPlace from '@/components/dashboard/WorkPlace'
 import Login from '@/components/login/Login'
 import BasicDetail from '@/components/detail/BasicDetail'
+import AdvancedDetail from '@/components/detail/AdvancedDetail'
 
 Vue.use(Router)
 
@@ -144,7 +145,7 @@ export default new Router({
           path: '/detail',
           name: '详情页',
           icon: 'profile',
-          component: PageView,
+          component: RouteView,
           children: [
             {
               path: '/detail/basic',
@@ -156,7 +157,7 @@ export default new Router({
               path: '/detail/advanced',
               name: '高级详情页',
               icon: 'none',
-              component: NotFound
+              component: AdvancedDetail
             }
           ]
         },