diff --git a/package-lock.json b/package-lock.json
index 40705cd92..8abbc454c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -654,11 +654,6 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
-    "balloon-css": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/balloon-css/-/balloon-css-1.2.0.tgz",
-      "integrity": "sha512-urXwkHgwp6GsXVF+it01485Z2Cj4pnW02ICnM0TemOlkKmCNnDLmyy+ZZiRXBpwldUXO+aRNr7Hdia4CBvXJ5A=="
-    },
     "batch-processor": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/batch-processor/-/batch-processor-1.0.0.tgz",
@@ -879,14 +874,6 @@
       "integrity": "sha1-QGXiATz5+5Ft39gu+1Bq1MZ2kGI=",
       "dev": true
     },
-    "debug": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
-      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
-      "requires": {
-        "ms": "2.0.0"
-      }
-    },
     "deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -1006,34 +993,6 @@
         "domhandler": "^4.2.0"
       }
     },
-    "dplayer": {
-      "version": "1.26.0",
-      "resolved": "https://registry.npmjs.org/dplayer/-/dplayer-1.26.0.tgz",
-      "integrity": "sha512-uOE0w/WdlX7N9d0ppIEcAYrcnUjY52TMX+MBL4lj9Mj+JMljVuaEc5w88HkZp5Q11VqvN/jxnM8ktx2Dr7/MgA==",
-      "requires": {
-        "axios": "0.19.2",
-        "balloon-css": "^1.0.3",
-        "promise-polyfill": "8.1.3"
-      },
-      "dependencies": {
-        "axios": {
-          "version": "0.19.2",
-          "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.2.tgz",
-          "integrity": "sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==",
-          "requires": {
-            "follow-redirects": "1.5.10"
-          }
-        },
-        "follow-redirects": {
-          "version": "1.5.10",
-          "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
-          "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
-          "requires": {
-            "debug": "=3.1.0"
-          }
-        }
-      }
-    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -1933,7 +1892,8 @@
     "ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
     },
     "mux.js": {
       "version": "5.13.0",
@@ -2217,11 +2177,6 @@
         "asap": "~2.0.3"
       }
     },
-    "promise-polyfill": {
-      "version": "8.1.3",
-      "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-8.1.3.tgz",
-      "integrity": "sha512-MG5r82wBzh7pSKDRa9y+vllNHz3e3d4CNj1PQE4BQYxLme0gKYYBm9YENq+UkEikyZ0XbiGWxYlVw3Rl9O/U8g=="
-    },
     "proxy-agent": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-5.0.0.tgz",
diff --git a/package.json b/package.json
index 8111923be..71f12e2ee 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,6 @@
   "dependencies": {
     "axios": "^0.23.0",
     "clipboard": "^2.0.8",
-    "dplayer": "^1.26.0",
     "element-resize-detector": "^1.2.3",
     "plyr": "^3.6.9",
     "qs": "^6.10.1",
diff --git a/src/router/index.ts b/src/router/index.ts
index 43a457be4..5c8a088e3 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -40,6 +40,11 @@ const routes: Array<RouteRecordRaw> = [
         name: 'setting',
         component: () => import('../views/setting.vue')
       },
+      {
+        path: 'invited',
+        name: 'invited',
+        component: () => import('../views/invited.vue')
+      },
       // {
       //   path: 'share',
       //   name: 'share',
diff --git a/src/views/invited.vue b/src/views/invited.vue
new file mode 100644
index 000000000..9042d76ad
--- /dev/null
+++ b/src/views/invited.vue
@@ -0,0 +1,208 @@
+<template>
+  <div class="list-page">
+    <n-row>
+      <n-col :span="12">
+        <n-statistic label="会员分成(天/次)" :value="invitationInfo?.invited_join_days ">
+          <template #prefix>
+            <n-icon>
+              <diamond />
+            </n-icon>
+          </template>
+          <template #suffix>/ {{invitationInfo?.join_vip_nums}}</template>
+        </n-statistic>
+      </n-col>
+      <n-col :span="12">
+        <n-statistic label="邀请奖励(天/人)" :value="invitationInfo?.add_days">
+          <template #prefix>
+            <n-icon>
+              <accessible />
+            </n-icon>
+          </template>
+          <template #suffix>/ {{invitationInfo?.invited_nums}}</template>
+        </n-statistic>
+      </n-col>
+      <n-col :span="12">
+        <n-statistic label="邀请链接" >
+          <template #prefix>
+            <n-icon>
+              <copyright></copyright>
+            </n-icon>
+          </template>
+          <template #default>
+            <n-space inline>
+              <n-input type="text" size="small" :value="'https://toapp.mypikpak.com/activity/invited?code=' + invitationCode"></n-input>
+              <n-button size="small" type="primary" @click="copy('https://toapp.mypikpak.com/activity/invited?code=' + invitationCode)">复制</n-button>
+            </n-space>
+            <n-input-group >
+            </n-input-group>
+          </template>
+        </n-statistic>
+      </n-col>
+      <n-col :span="12">
+        <n-statistic label="下载推广" >
+          <template #prefix>
+            <n-icon>
+              <arrow-down-circle ></arrow-down-circle>
+            </n-icon>
+          </template>
+          <template #default>
+            <n-button size="small" type="primary" @click="getChaApkDownloadLink">立即下载</n-button>
+          </template>
+        </n-statistic>
+      </n-col>
+    </n-row>
+    <n-scrollbar style="max-height: calc(100vh - 250px)"  @scroll="scrollHandle">
+      <n-data-table :data="invitedList" :columns="columns"></n-data-table>
+      <div class="loading" v-if="loading">
+        <n-spin size="small" />加载中
+      </div>
+    </n-scrollbar>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Accessible, Diamond, ArrowDownCircle, Copyright } from '@vicons/tabler';
+import ClipboardJS from 'clipboard';
+import { DataTableColumns, NDataTable, NGradientText, NTime, NScrollbar, NSpin, NRow, NCol, NStatistic, NIcon, NInputGroup, NInput, NButton, NSpace } from 'naive-ui';
+import { computed, h, nextTick, onMounted, ref } from 'vue';
+import http from '../utils/axios'
+const copy = (value:string) => {
+  nextTick(() => {
+    const fakeElement = document.createElement('button')
+    const clipboard = new ClipboardJS(fakeElement, {
+      text: () => value,
+      action: () => 'copy',
+    })
+    clipboard.on('success', (e) => {
+      window.$message.success('复制成功')
+      clipboard.destroy()
+    })
+    clipboard.on('error', (e) => {
+      window.$message.error('复制失败，您可以F12打开控制台手动复制，或手动复制弹窗输入框')
+    })
+    fakeElement.click()
+  })
+}
+const invitationCode = ref()
+// 生成邀请码
+const getInviteCode = async () => {
+	http.get('https://api-drive.mypikpak.com/vip/v1/activity/inviteCode')
+    .then((res:any) => {
+      invitationCode.value = res.data?.code
+    })
+}
+const invitationInfo = ref()
+const isFirstInvite = computed(() => {
+  return invitationInfo.value.invited_nums <= 0
+})
+const typeList = ref({
+  vip_rebate: '会员分成',
+  invite_reward: '邀请奖励'
+})
+// 获取当用户的邀请详情
+const queryUserInvitationInfo = async () => {
+	http.get('https://api-drive.mypikpak.com/vip/v1/activity/inviteInfo')
+    .then(res => {
+      invitationInfo.value = res.data
+    })
+    .catch(() => {
+      invitationInfo.value = {}
+    })
+}
+const columns = ref<DataTableColumns>([
+  {
+    title: '邀请用户',
+    key: 'invited_user'
+  },
+  {
+    title: '奖励类型',
+    key: 'reward_source',
+    render: (row:any) => {
+      return h(NGradientText, {
+        type: row.reward_source == 'vip_rebate' ? 'info' : 'success'
+      }, {
+        default: () => typeList.value[row.reward_source as keyof typeof typeList.value]
+      })
+    }
+  },
+  {
+    title: '天数',
+    key: 'reward_days',
+  },
+  {
+    title: '时间',
+    key: 'time',
+    align: 'right',
+    render: (row) => {
+      return h(NTime, {
+        time: new Date(String(row.time) || ''),
+        format: 'yyyy-MM-dd HH:MM:ss',
+      })
+    }
+  }
+])
+const invitedList = ref([])
+const loading = ref(false)
+// 分享裂变: 获取成功邀请的好友列表
+const getInvitedList = async ( begin?:string, limit = 30) => {
+	let url = `https://api-drive.mypikpak.com/vip/v1/activity/inviteList`;
+	if (begin) {
+		url += `?begin=${begin}&limit=${limit}`;
+	}
+  loading.value = true
+	http.get(url)
+    .then((res:any) => {
+      if(!begin) {
+        invitedList.value = [] 
+      }
+      invitedList.value = invitedList.value.concat(res.data?.data || [])
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+// 分享裂变: 获取CHA下载包
+const getChaApkDownloadLink = () => {
+	http.get(`https://api-drive.mypikpak.com/package/v1/apk/url/${invitationCode.value}`)
+    .then((res:any) => {
+      window.open(res.data.apk_url)
+    })
+}
+const scrollHandle = (e:any) =>  {
+  if(e.target.offsetHeight + e.target.scrollTop >= e.target.scrollHeight - 30) {
+    if(invitedList.value.length < invitationInfo.value.invited_nums && !loading.value) {
+      getInvitedList((invitedList.value[invitedList.value.length - 1] as any).time)
+    }
+  }
+}
+onMounted(() => {
+  getInviteCode()
+  queryUserInvitationInfo()
+  getInvitedList()
+})
+
+</script>
+
+<style lang="scss">
+.list-page {
+  padding: 40px;
+}
+@media(max-width: 968px) {
+  .list-page {
+    padding: 10px;
+  }
+  .file-info img {
+    display: none;
+  }
+}
+.list-page .loading {
+  margin-top: 20px;
+  text-align: center;
+  color: rgba(37, 38, 43, 0.36);
+}
+.list-page .loading .n-spin-body {
+  vertical-align: middle;
+  margin-right: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue
index bab4c8118..5d7896dcd 100644
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -90,7 +90,7 @@
 import { ref } from '@vue/reactivity';
 import { h, onMounted, watch } from '@vue/runtime-core';
 import { NLayout, NLayoutSider, NLayoutContent, NMenu, MenuOption, NIcon, NProgress, NText, NModal, NCard, NInput, NButton, NScrollbar, NTime, NTooltip, useDialog } from 'naive-ui'
-import { File, Trash, CircleX, Logout, Settings, Share, Video, Camera } from '@vicons/tabler'
+import { File, Trash, CircleX, Logout, Settings, Copy, Video, Camera } from '@vicons/tabler'
 import http from '../../utils/axios'
 import { byteConvert } from '../../utils'
 import { useRoute, useRouter } from 'vue-router'
@@ -121,6 +121,11 @@ import { useRoute, useRouter } from 'vue-router'
       key: 'trash',
       icon: renderIcon(Trash)
     },
+    {
+      label: '邀请',
+      key: 'invited',
+      icon: renderIcon(Copy)
+    },
     // {
     //   label: '资源库',
     //   key: 'share',