框架

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>

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>

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;

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>

src/pages/manage/pages/account-management /blackout-records.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 拉黑记录 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/account-management /expert-account.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 达人账号 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/account-management /index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 账号管理 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/account-management /merchant-account.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 商家账号 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/account-management /promoted-accounts.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 推广账号 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/expert-management/expert-end-materials.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 达人端物料 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/expert-management/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 达人端管理 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/expert-management/task-sorting.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 任务排序 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/expert-management/team-complaints.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 团队投诉 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/fund/financial-overview.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 资金概览 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/fund/fund-management-business.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 资金管理(商) -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/fund/fund-management-expert.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 资金管理(达) -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/fund/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 资金 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/fund/payment-management.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 打款管理 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/fund/withdrawal-information.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 提现信息 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/message-center/exemption-from-audit-review.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 免审审核 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/message-center/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 消息中心 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/message-center/message-review.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 消息审核 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/message-center/platform-intervention.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 平台介入 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/reward-mission/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 悬赏任务 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/reward-mission/subtask-review.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 子任务审核 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/manage/pages/reward-mission/task-review.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 任务审核 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/communication-center/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 沟通中心 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/data-board/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 数据看板 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/expert-management/blackout-management.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 拉黑管理 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/expert-management/effect-management.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 效果管理 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/expert-management/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 达人管理 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/get-help/contact-customer-service.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 联系客服 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/get-help/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 获取帮助 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/get-help/problem-teaching.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 常见问题教学 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/my-wallet/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 我的钱包 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/my-wallet/moving-account-details.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 动账明细 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/my-wallet/recharge.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 充值 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/my-wallet/reflect.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 提现 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/personal-center/account-settings.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 账号设置 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/personal-center/credit-score.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 信用分 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/personal-center/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 个人中心 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/task-center/appointed-task.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 指派任务 -->
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/task-center/index.vue

@@ -0,0 +1,13 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 任务中心 -->
+    任务中心
+    <router-view></router-view>
+</template>
+
+<style scoped>
+
+</style>

src/pages/merchant/pages/task-center/reward-mission.vue

@@ -0,0 +1,12 @@
+<script setup>
+
+</script>
+
+<template>
+    <!-- 悬赏任务 -->
+    悬赏任务
+</template>
+
+<style scoped>
+
+</style>

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
     }
 });

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,

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;

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;