diff --git a/src/components/LayoutHeader/index.vue b/src/components/LayoutHeader/index.vue
new file mode 100644
index 0000000..5577f99
--- /dev/null
+++ b/src/components/LayoutHeader/index.vue
@@ -0,0 +1,24 @@
+<script setup>
+import {useSystemStore} from "../../pinia/SystemStore/index.js";
+
+const SystemStore = useSystemStore();
+</script>
+
+<template>
+    <div class="w-full h-full flex items-center px-[24px] box-border">
+        <div class="title">
+            代发平台-{{SystemStore.isRoot?'管理员':'商家'}}
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+.title {
+    color: rgb(29, 33, 41);
+    font-family: PingFang SC;
+    font-size: 20px;
+    font-weight: 400;
+    line-height: 28px;
+    text-align: left;
+}
+</style>
diff --git a/src/components/LayoutSider/index.vue b/src/components/LayoutSider/index.vue
new file mode 100644
index 0000000..d980b3f
--- /dev/null
+++ b/src/components/LayoutSider/index.vue
@@ -0,0 +1,34 @@
+<script setup>
+import {onMounted} from "vue";
+import mockRoutes from "./mock.js";
+import routesMap from "../../router/routes-map.js";
+import {toPath} from "../../utils/index.js";
+
+onMounted(() => {
+    console.log(mockRoutes.map(v => ({
+        path: v.path,
+        name: v.name,
+        component: routesMap[v.component]
+    })))
+});
+
+const menuItemClick = (e) => {
+    toPath(`/home${e}`);
+}
+</script>
+
+<template>
+    <a-menu @menu-item-click="menuItemClick">
+        <a-sub-menu v-for="item in mockRoutes" :key="item.name">
+            <template #icon>
+                <icon-apps></icon-apps>
+            </template>
+            <template #title>{{ item.title }}</template>
+            <a-menu-item v-for="k in item.children" :key="item.path + k.path">{{k.title}}</a-menu-item>
+        </a-sub-menu>
+    </a-menu>
+</template>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/components/LayoutSider/mock.js b/src/components/LayoutSider/mock.js
new file mode 100644
index 0000000..2578065
--- /dev/null
+++ b/src/components/LayoutSider/mock.js
@@ -0,0 +1,27 @@
+const mockRoutes = [
+    {
+        path: 'task-center',
+        name: 'task-center',
+        title: '任务中心',
+        icon: '',
+        component: 'task-center',
+        children: [
+            {
+                path: 'reward-mission',
+                name: 'reward-mission',
+                title: '悬赏任务',
+                icon: '',
+                component: 'reward-mission',
+            },
+            {
+                path: 'appointed-task',
+                name: 'appointed-task',
+                title: '任务指派',
+                icon: '',
+                component: 'appointed-task',
+            }
+        ]
+    },
+];
+
+export default mockRoutes;
diff --git a/src/pages/layout/index.vue b/src/pages/layout/index.vue
index 8327f92..c5e9960 100644
--- a/src/pages/layout/index.vue
+++ b/src/pages/layout/index.vue
@@ -1,11 +1,26 @@
 <script setup>
-
+import LayoutHeader from '../../components/LayoutHeader/index.vue';
+import LayoutSider from '../../components/LayoutSider/index.vue';
 </script>
 
 <template>
-    首页
+    <a-layout style="height: 100vh">
+        <a-layout-header id="layout-header" style="height: 60px">
+            <LayoutHeader></LayoutHeader>
+        </a-layout-header>
+        <a-layout>
+            <a-layout-sider>
+                <LayoutSider></LayoutSider>
+            </a-layout-sider>
+            <a-layout-content>
+                <router-view></router-view>
+            </a-layout-content>
+        </a-layout>
+    </a-layout>
 </template>
 
-<style scoped>
-
+<style lang="scss" scoped>
+#layout-header {
+    box-shadow: 0px 4px 10px 0px rgba(78, 89, 105, 0.06);
+}
 </style>
diff --git a/src/pages/manage/pages/account-management /blackout-records.vue b/src/pages/manage/pages/account-management /blackout-records.vue
new file mode 100644
index 0000000..1f5c634
--- /dev/null
+++ b/src/pages/manage/pages/account-management /blackout-records.vue	
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 拉黑记录 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/account-management /expert-account.vue b/src/pages/manage/pages/account-management /expert-account.vue
new file mode 100644
index 0000000..6459dc8
--- /dev/null
+++ b/src/pages/manage/pages/account-management /expert-account.vue	
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 达人账号 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/account-management /index.vue b/src/pages/manage/pages/account-management /index.vue
new file mode 100644
index 0000000..db480c8
--- /dev/null
+++ b/src/pages/manage/pages/account-management /index.vue	
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 账号管理 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/account-management /merchant-account.vue b/src/pages/manage/pages/account-management /merchant-account.vue
new file mode 100644
index 0000000..8c8646c
--- /dev/null
+++ b/src/pages/manage/pages/account-management /merchant-account.vue	
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 商家账号 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/account-management /promoted-accounts.vue b/src/pages/manage/pages/account-management /promoted-accounts.vue
new file mode 100644
index 0000000..4275d8c
--- /dev/null
+++ b/src/pages/manage/pages/account-management /promoted-accounts.vue	
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 推广账号 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/expert-management/expert-end-materials.vue b/src/pages/manage/pages/expert-management/expert-end-materials.vue
new file mode 100644
index 0000000..8b09e9e
--- /dev/null
+++ b/src/pages/manage/pages/expert-management/expert-end-materials.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 达人端物料 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/expert-management/index.vue b/src/pages/manage/pages/expert-management/index.vue
new file mode 100644
index 0000000..a336498
--- /dev/null
+++ b/src/pages/manage/pages/expert-management/index.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 达人端管理 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/expert-management/task-sorting.vue b/src/pages/manage/pages/expert-management/task-sorting.vue
new file mode 100644
index 0000000..6cbdfda
--- /dev/null
+++ b/src/pages/manage/pages/expert-management/task-sorting.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 任务排序 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/expert-management/team-complaints.vue b/src/pages/manage/pages/expert-management/team-complaints.vue
new file mode 100644
index 0000000..f8dd248
--- /dev/null
+++ b/src/pages/manage/pages/expert-management/team-complaints.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 团队投诉 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/fund/financial-overview.vue b/src/pages/manage/pages/fund/financial-overview.vue
new file mode 100644
index 0000000..34aa80e
--- /dev/null
+++ b/src/pages/manage/pages/fund/financial-overview.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 资金概览 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/fund/fund-management-business.vue b/src/pages/manage/pages/fund/fund-management-business.vue
new file mode 100644
index 0000000..408e6e6
--- /dev/null
+++ b/src/pages/manage/pages/fund/fund-management-business.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 资金管理(商) -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/fund/fund-management-expert.vue b/src/pages/manage/pages/fund/fund-management-expert.vue
new file mode 100644
index 0000000..b6a0d39
--- /dev/null
+++ b/src/pages/manage/pages/fund/fund-management-expert.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 资金管理(达) -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/fund/index.vue b/src/pages/manage/pages/fund/index.vue
new file mode 100644
index 0000000..1eb11bc
--- /dev/null
+++ b/src/pages/manage/pages/fund/index.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 资金 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/fund/payment-management.vue b/src/pages/manage/pages/fund/payment-management.vue
new file mode 100644
index 0000000..d5bd833
--- /dev/null
+++ b/src/pages/manage/pages/fund/payment-management.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 打款管理 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/fund/withdrawal-information.vue b/src/pages/manage/pages/fund/withdrawal-information.vue
new file mode 100644
index 0000000..8df6935
--- /dev/null
+++ b/src/pages/manage/pages/fund/withdrawal-information.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 提现信息 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/message-center/exemption-from-audit-review.vue b/src/pages/manage/pages/message-center/exemption-from-audit-review.vue
new file mode 100644
index 0000000..33a4adc
--- /dev/null
+++ b/src/pages/manage/pages/message-center/exemption-from-audit-review.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 免审审核 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/message-center/index.vue b/src/pages/manage/pages/message-center/index.vue
new file mode 100644
index 0000000..21b7418
--- /dev/null
+++ b/src/pages/manage/pages/message-center/index.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 消息中心 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/message-center/message-review.vue b/src/pages/manage/pages/message-center/message-review.vue
new file mode 100644
index 0000000..8d45b8d
--- /dev/null
+++ b/src/pages/manage/pages/message-center/message-review.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 消息审核 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/message-center/platform-intervention.vue b/src/pages/manage/pages/message-center/platform-intervention.vue
new file mode 100644
index 0000000..6b43046
--- /dev/null
+++ b/src/pages/manage/pages/message-center/platform-intervention.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 平台介入 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/reward-mission/index.vue b/src/pages/manage/pages/reward-mission/index.vue
new file mode 100644
index 0000000..087d582
--- /dev/null
+++ b/src/pages/manage/pages/reward-mission/index.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 悬赏任务 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/reward-mission/subtask-review.vue b/src/pages/manage/pages/reward-mission/subtask-review.vue
new file mode 100644
index 0000000..27b98f4
--- /dev/null
+++ b/src/pages/manage/pages/reward-mission/subtask-review.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 子任务审核 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/manage/pages/reward-mission/task-review.vue b/src/pages/manage/pages/reward-mission/task-review.vue
new file mode 100644
index 0000000..0b967f5
--- /dev/null
+++ b/src/pages/manage/pages/reward-mission/task-review.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 任务审核 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/communication-center/index.vue b/src/pages/merchant/pages/communication-center/index.vue
new file mode 100644
index 0000000..ec31fe0
--- /dev/null
+++ b/src/pages/merchant/pages/communication-center/index.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 沟通中心 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/data-board/index.vue b/src/pages/merchant/pages/data-board/index.vue
new file mode 100644
index 0000000..4034649
--- /dev/null
+++ b/src/pages/merchant/pages/data-board/index.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 数据看板 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/expert-management/blackout-management.vue b/src/pages/merchant/pages/expert-management/blackout-management.vue
new file mode 100644
index 0000000..933b135
--- /dev/null
+++ b/src/pages/merchant/pages/expert-management/blackout-management.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 拉黑管理 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/expert-management/effect-management.vue b/src/pages/merchant/pages/expert-management/effect-management.vue
new file mode 100644
index 0000000..80c552c
--- /dev/null
+++ b/src/pages/merchant/pages/expert-management/effect-management.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 效果管理 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/expert-management/index.vue b/src/pages/merchant/pages/expert-management/index.vue
new file mode 100644
index 0000000..ba6a978
--- /dev/null
+++ b/src/pages/merchant/pages/expert-management/index.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 达人管理 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/get-help/contact-customer-service.vue b/src/pages/merchant/pages/get-help/contact-customer-service.vue
new file mode 100644
index 0000000..de4fe1e
--- /dev/null
+++ b/src/pages/merchant/pages/get-help/contact-customer-service.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 联系客服 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/get-help/index.vue b/src/pages/merchant/pages/get-help/index.vue
new file mode 100644
index 0000000..a1097b9
--- /dev/null
+++ b/src/pages/merchant/pages/get-help/index.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 获取帮助 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/get-help/problem-teaching.vue b/src/pages/merchant/pages/get-help/problem-teaching.vue
new file mode 100644
index 0000000..4aa3846
--- /dev/null
+++ b/src/pages/merchant/pages/get-help/problem-teaching.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 常见问题教学 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/my-wallet/index.vue b/src/pages/merchant/pages/my-wallet/index.vue
new file mode 100644
index 0000000..6de5ffd
--- /dev/null
+++ b/src/pages/merchant/pages/my-wallet/index.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 我的钱包 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/my-wallet/moving-account-details.vue b/src/pages/merchant/pages/my-wallet/moving-account-details.vue
new file mode 100644
index 0000000..e736374
--- /dev/null
+++ b/src/pages/merchant/pages/my-wallet/moving-account-details.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 动账明细 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/my-wallet/recharge.vue b/src/pages/merchant/pages/my-wallet/recharge.vue
new file mode 100644
index 0000000..ea953b0
--- /dev/null
+++ b/src/pages/merchant/pages/my-wallet/recharge.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 充值 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/my-wallet/reflect.vue b/src/pages/merchant/pages/my-wallet/reflect.vue
new file mode 100644
index 0000000..395edb6
--- /dev/null
+++ b/src/pages/merchant/pages/my-wallet/reflect.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 提现 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/personal-center/account-settings.vue b/src/pages/merchant/pages/personal-center/account-settings.vue
new file mode 100644
index 0000000..25de7f0
--- /dev/null
+++ b/src/pages/merchant/pages/personal-center/account-settings.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 账号设置 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/personal-center/credit-score.vue b/src/pages/merchant/pages/personal-center/credit-score.vue
new file mode 100644
index 0000000..ebdf927
--- /dev/null
+++ b/src/pages/merchant/pages/personal-center/credit-score.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 信用分 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/personal-center/index.vue b/src/pages/merchant/pages/personal-center/index.vue
new file mode 100644
index 0000000..30003f0
--- /dev/null
+++ b/src/pages/merchant/pages/personal-center/index.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 个人中心 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/task-center/appointed-task.vue b/src/pages/merchant/pages/task-center/appointed-task.vue
new file mode 100644
index 0000000..10d352a
--- /dev/null
+++ b/src/pages/merchant/pages/task-center/appointed-task.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 指派任务 -->
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/task-center/index.vue b/src/pages/merchant/pages/task-center/index.vue
new file mode 100644
index 0000000..6d8e387
--- /dev/null
+++ b/src/pages/merchant/pages/task-center/index.vue
@@ -0,0 +1,13 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 任务中心 -->
+    任务中心
+    <router-view></router-view>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/merchant/pages/task-center/reward-mission.vue b/src/pages/merchant/pages/task-center/reward-mission.vue
new file mode 100644
index 0000000..07bf39d
--- /dev/null
+++ b/src/pages/merchant/pages/task-center/reward-mission.vue
@@ -0,0 +1,12 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 悬赏任务 -->
+    悬赏任务
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pinia/SystemStore/index.js b/src/pinia/SystemStore/index.js
index 28f1f08..23fbf88 100644
--- a/src/pinia/SystemStore/index.js
+++ b/src/pinia/SystemStore/index.js
@@ -1,8 +1,9 @@
 import {defineStore} from "pinia";
+import {ref} from "vue";
 
 export const useSystemStore = defineStore("SystemStore", () => {
-
+    const isRoot = ref(false);
     return {
-
+        isRoot
     }
 });
diff --git a/src/pinia/UserStore/index.js b/src/pinia/UserStore/index.js
index 51ade30..62f9bc5 100644
--- a/src/pinia/UserStore/index.js
+++ b/src/pinia/UserStore/index.js
@@ -2,7 +2,7 @@ import {defineStore} from "pinia";
 import {ref} from "vue";
 
 export const useUserStore = defineStore("UserStore", () => {
-    const isLogin = ref(false);
+    const isLogin = ref(true);
     const userInfo = ref(null);
     return {
         isLogin,
diff --git a/src/router/merchant.js b/src/router/merchant.js
new file mode 100644
index 0000000..0794b7e
--- /dev/null
+++ b/src/router/merchant.js
@@ -0,0 +1,27 @@
+// const merchant = [
+//     {
+//         path: '/task-center',
+//         name: 'task-center',
+//         title: '任务中心',
+//         icon: '',
+//         component: () => import('../pages/merchant/pages/task-center/index.vue'),
+//         children: [
+//             {
+//                 path: '/reward-mission',
+//                 name: 'reward-mission',
+//                 title: '悬赏任务',
+//                 icon: '',
+//                 component: () => import('../pages/merchant/pages/task-center/reward-mission.vue'),
+//             },
+//             {
+//                 path: '/appointed-task',
+//                 name: 'appointed-task',
+//                 title: '任务指派',
+//                 icon: '',
+//                 component: () => import('../pages/merchant/pages/task-center/appointed-task.vue'),
+//             }
+//         ]
+//     },
+// ]
+//
+// export default merchant;
diff --git a/src/router/routes-map.js b/src/router/routes-map.js
new file mode 100644
index 0000000..e5c9fce
--- /dev/null
+++ b/src/router/routes-map.js
@@ -0,0 +1,7 @@
+const routesMap = {
+    'task-center': import('../pages/merchant/pages/task-center/index.vue'),
+    'reward-mission': import('../pages/merchant/pages/task-center/reward-mission.vue'),
+    'appointed-task': import('../pages/merchant/pages/task-center/appointed-task.vue'),
+};
+
+export default routesMap;