From 0e79aca04e346633d1bebd7ba3cd72bce76cc232 Mon Sep 17 00:00:00 2001
From: Ghost <106998207@qq.com>
Date: Wed, 7 Jan 2026 11:00:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                       |    5 +
 .hbuilderx/launch.json           |   16 +
 App.vue                          |   34 +
 README.en.md                     |   36 -
 README.md                        |   39 -
 config.js                        |    7 +
 index.html                       |   20 +
 main.js                          |   42 +
 manifest.json                    |   63 +
 mixins/auth-mixin.js             |   69 +
 package-lock.json                |   27 +
 package.json                     |    5 +
 pages.json                       |  181 +++
 pages/about/about.vue            |  119 ++
 pages/channel/add.vue            |  801 +++++++++++
 pages/channel/list.vue           |  319 +++++
 pages/channel/login.vue          |  336 +++++
 pages/channel/project-select.vue |  177 +++
 pages/channel/statistics.vue     | 2183 ++++++++++++++++++++++++++++++
 pages/form/input.vue             |  421 ++++++
 pages/form/input2.vue            |  424 ++++++
 pages/form/list.vue              |  113 ++
 pages/home/home.vue              |   22 +
 pages/index/index.vue            |  912 +++++++++++++
 pages/index/site.vue             |  167 +++
 pages/login/login-page.scss      |  126 ++
 pages/login/login.vue            |  197 +++
 pages/poster/index.vue           |  134 ++
 pages/poster/index2.vue          |  193 +++
 pages/ucenter/ucenter.vue        |  102 ++
 project.config.json              |   28 +
 project.private.config.json      |    7 +
 static/c1.png                    |  Bin 0 -> 401 bytes
 static/c2.png                    |  Bin 0 -> 470 bytes
 static/c3.png                    |  Bin 0 -> 511 bytes
 static/c4.png                    |  Bin 0 -> 476 bytes
 static/c5.png                    |  Bin 0 -> 472 bytes
 static/c6.png                    |  Bin 0 -> 545 bytes
 static/c7.png                    |  Bin 0 -> 365 bytes
 static/c8.png                    |  Bin 0 -> 587 bytes
 static/c9.png                    |  Bin 0 -> 565 bytes
 static/customicons.css           |   20 +
 static/customicons.ttf           |  Bin 0 -> 2416 bytes
 static/headers.png               |  Bin 0 -> 20399 bytes
 static/logo.png                  |  Bin 0 -> 4023 bytes
 static/tabbar/grid.png           |  Bin 0 -> 2695 bytes
 static/tabbar/grid_active.png    |  Bin 0 -> 2556 bytes
 static/tabbar/list.png           |  Bin 0 -> 2897 bytes
 static/tabbar/list_active.png    |  Bin 0 -> 3024 bytes
 static/tabbar/me.png             |  Bin 0 -> 3380 bytes
 static/tabbar/me_active.png      |  Bin 0 -> 3461 bytes
 static/uni.png                   |  Bin 0 -> 4162 bytes
 uni.scss                         |    4 +
 utils/request.js                 |   50 +
 54 files changed, 7324 insertions(+), 75 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 .hbuilderx/launch.json
 create mode 100644 App.vue
 delete mode 100644 README.en.md
 delete mode 100644 README.md
 create mode 100644 config.js
 create mode 100644 index.html
 create mode 100644 main.js
 create mode 100644 manifest.json
 create mode 100644 mixins/auth-mixin.js
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 pages.json
 create mode 100644 pages/about/about.vue
 create mode 100644 pages/channel/add.vue
 create mode 100644 pages/channel/list.vue
 create mode 100644 pages/channel/login.vue
 create mode 100644 pages/channel/project-select.vue
 create mode 100644 pages/channel/statistics.vue
 create mode 100644 pages/form/input.vue
 create mode 100644 pages/form/input2.vue
 create mode 100644 pages/form/list.vue
 create mode 100644 pages/home/home.vue
 create mode 100644 pages/index/index.vue
 create mode 100644 pages/index/site.vue
 create mode 100644 pages/login/login-page.scss
 create mode 100644 pages/login/login.vue
 create mode 100644 pages/poster/index.vue
 create mode 100644 pages/poster/index2.vue
 create mode 100644 pages/ucenter/ucenter.vue
 create mode 100644 project.config.json
 create mode 100644 project.private.config.json
 create mode 100644 static/c1.png
 create mode 100644 static/c2.png
 create mode 100644 static/c3.png
 create mode 100644 static/c4.png
 create mode 100644 static/c5.png
 create mode 100644 static/c6.png
 create mode 100644 static/c7.png
 create mode 100644 static/c8.png
 create mode 100644 static/c9.png
 create mode 100644 static/customicons.css
 create mode 100644 static/customicons.ttf
 create mode 100644 static/headers.png
 create mode 100644 static/logo.png
 create mode 100644 static/tabbar/grid.png
 create mode 100644 static/tabbar/grid_active.png
 create mode 100644 static/tabbar/list.png
 create mode 100644 static/tabbar/list_active.png
 create mode 100644 static/tabbar/me.png
 create mode 100644 static/tabbar/me_active.png
 create mode 100644 static/uni.png
 create mode 100644 uni.scss
 create mode 100644 utils/request.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..08aeb98
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+.cursorindexingignore
+.specstory/
+node_modules/
+uni_modules/
+unpackage/
diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
new file mode 100644
index 0000000..81f13f4
--- /dev/null
+++ b/.hbuilderx/launch.json
@@ -0,0 +1,16 @@
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+     	"default" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"mp-weixin" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"type" : "uniCloud"
+     }
+    ]
+}
diff --git a/App.vue b/App.vue
new file mode 100644
index 0000000..b300a1d
--- /dev/null
+++ b/App.vue
@@ -0,0 +1,34 @@
+<script>
+	export default {
+		onLaunch: function() {
+			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
+			console.log('App Launch')
+		},
+		onShow: function() {
+			console.log('App Show')
+		},
+		onHide: function() {
+			console.log('App Hide')
+		}
+	}
+</script>
+
+<style lang="scss">
+	@import "uview-ui/index.scss";
+	/*每个页面公共css */
+	@import '@/uni_modules/uni-scss/index.scss';
+	/* #ifndef APP-NVUE */
+	@import '@/static/customicons.css';
+
+	// 设置整个项目的背景色
+	page {
+		background-color: #f5f5f5;
+	}
+
+	/* #endif */
+	.example-info {
+		font-size: 14px;
+		color: #333;
+		padding: 10px;
+	}
+</style>
\ No newline at end of file
diff --git a/README.en.md b/README.en.md
deleted file mode 100644
index 5579db7..0000000
--- a/README.en.md
+++ /dev/null
@@ -1,36 +0,0 @@
-# 存客宝小程序
-
-#### Description
-{**When you're done, you can delete the content in this README and update the file with details for others getting started with your repository**}
-
-#### Software Architecture
-Software architecture description
-
-#### Installation
-
-1.  xxxx
-2.  xxxx
-3.  xxxx
-
-#### Instructions
-
-1.  xxxx
-2.  xxxx
-3.  xxxx
-
-#### Contribution
-
-1.  Fork the repository
-2.  Create Feat_xxx branch
-3.  Commit your code
-4.  Create Pull Request
-
-
-#### Gitee Feature
-
-1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
-2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
-3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
-4.  The most valuable open source project [GVP](https://gitee.com/gvp)
-5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
-6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
diff --git a/README.md b/README.md
deleted file mode 100644
index 83753fa..0000000
--- a/README.md
+++ /dev/null
@@ -1,39 +0,0 @@
-# 存客宝小程序
-
-#### 介绍
-{**以下是 Gitee 平台说明，您可以替换此简介**
-Gitee 是 OSCHINA 推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台
-无论是个人、团队、或是企业，都能够用 Gitee 实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)}
-
-#### 软件架构
-软件架构说明
-
-
-#### 安装教程
-
-1.  xxxx
-2.  xxxx
-3.  xxxx
-
-#### 使用说明
-
-1.  xxxx
-2.  xxxx
-3.  xxxx
-
-#### 参与贡献
-
-1.  Fork 本仓库
-2.  新建 Feat_xxx 分支
-3.  提交代码
-4.  新建 Pull Request
-
-
-#### 特技
-
-1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
-2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
-3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
-4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
-5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
-6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
diff --git a/config.js b/config.js
new file mode 100644
index 0000000..8fd78ce
--- /dev/null
+++ b/config.js
@@ -0,0 +1,7 @@
+// config.js
+export default {
+	apiUrl: 'https://api.ckb.quwanzhi.com',
+	apiUrl2: 'https://ckbapi.quwanzhi.com',
+	//apiUrl2: 'http://www.yishi.com',
+	// 其他全局配置项
+}	
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c3ff205
--- /dev/null
+++ b/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..cf1c83a
--- /dev/null
+++ b/main.js
@@ -0,0 +1,42 @@
+// #ifndef VUE3
+import Vue from 'vue'
+import App from './App'
+import config from './config.js'
+
+
+import authMixin from './mixins/auth-mixin';
+Vue.mixin(authMixin);
+
+Vue.config.productionTip = false
+Vue.prototype.$config = config
+
+//兼容旧版
+Vue.prototype.$wxAppId = 'wx789850448e26c91d';
+Vue.prototype.$wxApi = 'https://api.quwanzhi.com';
+Vue.prototype.$settingData = [];
+Vue.prototype.$userInfo = {};
+
+
+import uView from "uview-ui";
+Vue.use(uView);
+
+App.mpType = 'app'
+
+const app = new Vue({
+	...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import {
+	createSSRApp
+} from 'vue'
+import App from './App.vue'
+export function createApp() {
+	const app = createSSRApp(App)
+	return {
+		app
+	}
+}
+// #endif
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..c97bf68
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,63 @@
+{
+    "name" : "存客宝",
+    "appid" : "__UNI__505D381",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    "app-plus" : {
+        /* 5+App特有相关 */
+        "usingComponents" : true,
+        "nvueCompiler" : "uni-app",
+        "nvueStyleCompiler" : "uni-app",
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        "modules" : {},
+        /* 模块配置 */
+        "distribute" : {
+            /* 应用发布信息 */
+            "android" : {
+                /* android打包配置 */
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            "ios" : {},
+            /* ios打包配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* SDK配置 */
+    "quickapp" : {},
+    /* 快应用特有相关 */
+    "mp-weixin" : {
+        /* 小程序特有相关 */
+        "appid" : "wx789850448e26c91d",
+        "setting" : {
+            "urlCheck" : false,
+            "minified" : true,
+            "postcss" : true,
+            "es6" : true
+        },
+        "usingComponents" : true
+    },
+    "vueVersion" : "2"
+}
diff --git a/mixins/auth-mixin.js b/mixins/auth-mixin.js
new file mode 100644
index 0000000..983759e
--- /dev/null
+++ b/mixins/auth-mixin.js
@@ -0,0 +1,69 @@
+export default {
+	methods: {
+		checkLogin() {
+			const pages = getCurrentPages();
+			const currentPage = pages[pages.length - 1];
+			let fullPath = '';
+			let queryString = '';
+
+			// #ifdef H5
+			fullPath = window.location.hash ? window.location.hash.substring(1) : window.location.pathname;
+			queryString = window.location.search;
+			// #endif
+
+			// #ifdef MP
+			fullPath = `/${currentPage.route}`; // 在小程序中使用route
+			// Combine existing options with the scene parameter if it exists
+			const options = {
+				...currentPage.options
+			};
+
+			queryString = this.objectToQueryString(options);
+
+			if (this.$root.$mp.query.scene) {
+				queryString += "&" + decodeURIComponent(this.$root.$mp.query.scene)
+			}
+
+			// #endif
+
+			const redirectUrl = fullPath + "?" + queryString;
+
+
+			// 如果当前已经在登录页，则不进行跳转
+			if (
+				fullPath.includes('pages/login/login') || 
+				fullPath.includes('pages/index/index') || 
+				fullPath.includes('pages/index/site') || 
+				fullPath.includes('pages/poster/index') || 
+				fullPath.includes('pages/form/input')|| 
+				fullPath.includes('pages/login/privatememo')|| 
+				fullPath.includes('pages/login/usermemo') || 
+				fullPath.includes('pages/channel/add')|| 
+				fullPath.includes('pages/channel/login')|| 
+				fullPath.includes('pages/channel/statistics')
+		) {
+				return;
+			}
+			// 未登录则跳转到登录页
+			else if (!this.isLoggedIn()) {
+				uni.redirectTo({
+					url: '/pages/login/login?redirect=' + encodeURIComponent(redirectUrl),
+				});
+			}
+		},
+
+		isLoggedIn() {
+			const token = uni.getStorageSync('token');
+			return !!token;
+		},
+
+		// 将对象转换为查询字符串
+		objectToQueryString(obj) {
+			return Object.keys(obj).map(key => `${key}=${encodeURIComponent(obj[key])}`).join('&');
+		},
+	},
+
+	onLoad() {
+		this.checkLogin();
+	},
+};
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..659babf
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,27 @@
+{
+  "name": "ckb_mini",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "uview-ui": "^2.0.36"
+      }
+    },
+    "node_modules/uview-ui": {
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-2.0.36.tgz",
+      "integrity": "sha512-ASSZT6M8w3GTO1eFPbsgEFV0U5UujK+8pTNr+MSUbRNcRMC1u63DDTLJVeArV91kWM0bfAexK3SK9pnTqF9TtA==",
+      "engines": {
+        "HBuilderX": "^3.1.0"
+      }
+    }
+  },
+  "dependencies": {
+    "uview-ui": {
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-2.0.36.tgz",
+      "integrity": "sha512-ASSZT6M8w3GTO1eFPbsgEFV0U5UujK+8pTNr+MSUbRNcRMC1u63DDTLJVeArV91kWM0bfAexK3SK9pnTqF9TtA=="
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..49fd105
--- /dev/null
+++ b/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "uview-ui": "^2.0.36"
+  }
+}
diff --git a/pages.json b/pages.json
new file mode 100644
index 0000000..3ba4580
--- /dev/null
+++ b/pages.json
@@ -0,0 +1,181 @@
+{
+	"pages": [
+		{
+			"path": "pages/index/site",
+			"style": {
+				"navigationBarTitleText": "",
+				"navigationStyle": "custom",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "",
+				"enableShareAppMessage": true
+			}
+		},
+		{
+			"path": "pages/poster/index",
+			"style": {
+				"navigationBarTitleText": "",
+				"enableShareAppMessage": true
+			}
+		},
+		{
+			"path": "pages/poster/index2",
+			"style": {
+				"navigationBarTitleText": "",
+				"enableShareAppMessage": true
+			}
+		},
+		{
+			"path": "pages/about/about",
+			"style": {
+				"navigationBarTitleText": "",
+				"enableShareAppMessage": true
+			}
+		}, {
+			"path": "pages/login/login",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		}, {
+			"path": "pages/home/home",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		}, {
+			"path": "pages/ucenter/ucenter",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		}, {
+			"path": "pages/form/input",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/form/input2",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/form/list",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/channel/list",
+			"style": {
+				"navigationBarTitleText": "渠道管理",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/channel/add",
+			"style": {
+				"navigationBarTitleText": "新增渠道",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/channel/login",
+			"style": {
+				"navigationBarTitleText": "渠道登录",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/channel/project-select",
+			"style": {
+				"navigationBarTitleText": "选择项目",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/channel/statistics",
+			"style": {
+				"navigationBarTitleText": "分销获客统计",
+				"enablePullDownRefresh": true
+			}
+		}
+	],
+	// "tabBar": {
+	// 	"color": "#7A7E83",
+	// 	"selectedColor": "#007AFF",
+	// 	"borderStyle": "black",
+	// 	"backgroundColor": "#FFFFFF",
+	// 	"list": [{
+	// 		"pagePath": "pages/home/home",
+	// 		"iconPath": "static/tabbar/list.png",
+	// 		"selectedIconPath": "static/tabbar/list_active.png",
+	// 		"text": "主页"
+	// 	}, {
+	// 		"pagePath": "pages/ucenter/ucenter",
+	// 		"iconPath": "static/tabbar/me.png",
+	// 		"selectedIconPath": "static/tabbar/me_active.png",
+	// 		"text": "我的"
+	// 	}]
+	// },
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "uni-app",
+		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "#F8F8F8",
+		"app-plus": {
+			"background": "#efeff4"
+		}
+	},
+	"easycom": {
+		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+	},
+	"condition": { //模式配置，仅开发期间生效
+		"current": 1, //当前激活的模式(list 的索引项)
+		"list": [{
+				"name": "首页", //模式名称
+				"path": "pages/index/index", //启动页面，必选
+				"query": "" //启动参数，在页面的onLoad函数里面得到
+			},
+			{
+				"name": "webview", //模式名称
+				"path": "pages/index/site", //启动页面，必选
+				"query": "" //启动参数，在页面的onLoad函数里面得到
+			},
+			{
+				"name": "旧版海报页", //模式名称
+				"path": "pages/about/about", //启动页面，必选
+				"query": "taskId=491" //启动参数，在页面的onLoad函数里面得到
+			},
+			{
+				"name": "新版海报页", //模式名称
+				"path": "pages/poster/index", //启动页面，必选
+				"query": "" //启动参数，在页面的onLoad函数里面得到
+			},
+			{
+				"name": "登录页", //模式名称
+				"path": "pages/login/login", //启动页面，必选
+				"query": "" //启动参数，在页面的onLoad函数里面得到
+			},
+			{
+				"name": "我的", //模式名称
+				"path": "pages/ucenter/ucenter", //启动页面，必选
+				"query": "" //启动参数，在页面的onLoad函数里面得到
+			},
+			{
+				"name": "表单", //模式名称
+				"path": "pages/form/input", //启动页面，必选
+				"query": "id=505" //启动参数，在页面的onLoad函数里面得到
+			}
+		]
+	}
+}
\ No newline at end of file
diff --git a/pages/about/about.vue b/pages/about/about.vue
new file mode 100644
index 0000000..9739358
--- /dev/null
+++ b/pages/about/about.vue
@@ -0,0 +1,119 @@
+<template>
+	<view class="page">
+		<button style="padding: 0;margin-left: 0; text-align: left;" class="nullBtn" open-type="getPhoneNumber"
+			@getphonenumber="getPhoneNumber">
+			<image class="posterImg" :src="poster.sUrl" mode="widthFix"></image>
+		</button>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				taskid: '',
+				token: "test",
+				task: null,
+				poster: null
+			}
+		},
+		onLoad(options) {
+			let scene = options.scene;
+			let taskId = options.taskId;
+			
+			if (scene != undefined) {
+				this.taskid = scene;
+			} else if (taskId != undefined) {
+				this.taskid = taskId;
+			}
+			
+			this.getPosterData()
+		},
+		methods: {
+			getPosterData() {
+				let that = this;
+				uni.request({
+					method: 'POST',
+					header: {
+						'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
+						'token': that.token
+					},
+					url: that.$config.apiUrl + '/v1/frontend/business/poster/getone',
+					data: {
+						id: that.taskid,
+					},
+					success: (res) => {
+						if (res.data.code == 10000) {
+							that.poster = res.data.data.poster
+							that.task = res.data.data.task
+
+							//修改标题
+							uni.setNavigationBarTitle({
+								title: that.task.sName
+							});
+						} else {
+							uni.showToast({
+								title: res.data.message,
+								icon: 'none',
+								duration: 2000
+							});
+						}
+					}
+				});
+			},
+			// 获取用户手机号
+			getPhoneNumber(res) {
+				let that = this;
+				if (res.detail.errMsg == "getPhoneNumber:ok") {
+					uni.showLoading({
+						title: '请求中...',
+						mask: true
+					})
+					uni.request({
+						method: 'POST',
+						header: {
+							'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
+							'token': that.token
+						},
+						url: that.$config.apiUrl + '/v1/frontend/business/poster/decryptphone',
+						data: {
+							id: that.taskid,
+							code: res.detail.code
+						},
+						success: (res) => {
+							uni.hideLoading();
+							if (res.data.code == 10000) {
+								uni.showModal({
+									title: '提示',
+									content: that.task.sTip,
+									success: function(res) {
+										console.log(res)
+									}
+								})
+							} else {
+								uni.showToast({
+									title: res.data.message,
+									icon: 'none',
+									duration: 2000
+								});
+							}
+						}
+					});
+
+				}
+			},
+
+		}
+	}
+</script>
+
+<style>
+	.page {
+		width: 100vw;
+		height: 100vh;
+	}
+
+	.posterImg {
+		width: 100%;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/channel/add.vue b/pages/channel/add.vue
new file mode 100644
index 0000000..5c3ffdd
--- /dev/null
+++ b/pages/channel/add.vue
@@ -0,0 +1,801 @@
+<template>
+	<view class="page-container">
+		<!-- 验证中提示 -->
+		<view v-if="validating" class="validating-container">
+			<view class="validating-content">
+				<uni-icons type="spinner-cycle" size="40" color="#6366f1"></uni-icons>
+				<text class="validating-text">正在验证...</text>
+			</view>
+		</view>
+		
+		<!-- 错误提示页面 -->
+		<view v-if="!validating && !tokenValid && errorMessage" class="error-container">
+			<view class="error-content">
+				<view class="error-icon-wrapper">
+					<uni-icons type="closeempty" size="80" color="#ef4444"></uni-icons>
+				</view>
+				<text class="error-title">验证失败</text>
+				<text class="error-message">{{ errorMessage }}</text>
+				<button class="error-button" @click="goBack">返回</button>
+			</view>
+		</view>
+		
+		<!-- 创建方式选择 -->
+		<view class="method-selector" v-if="tokenValid && !validating && !errorMessage">
+			<view class="selector-item" :class="{'active': createMethod === 'manual'}" @click="createMethod = 'manual'">
+				<view class="selector-dot" v-if="createMethod === 'manual'"></view>
+				<text class="selector-text">手动创建</text>
+			</view>
+		</view>
+		
+		<!-- 表单内容 -->
+		<view class="form-container" v-if="tokenValid && !validating && !errorMessage">
+			<view class="form-header">
+				<text class="form-title">填写渠道信息</text>
+				<text class="form-subtitle">请完善下方信息以手动添加新的分销渠道。</text>
+			</view>
+			
+			<view class="form-body">
+				<!-- 渠道名称 -->
+				<view class="form-item">
+					<view class="form-label">
+						<uni-icons type="shop" size="18" color="#6366f1"></uni-icons>
+						<text class="label-text">渠道名称</text>
+						<text class="required-mark">必填</text>
+					</view>
+					<view class="input-wrapper">
+						<input 
+							class="form-input" 
+							v-model="form.channelName" 
+							placeholder="请输入渠道名称"
+							maxlength="50"
+							:focus="focusChannelName"
+							@blur="focusChannelName = false"
+						/>
+					</view>
+				</view>
+				
+				<!-- 联系电话 -->
+				<view class="form-item">
+					<view class="form-label">
+						<uni-icons type="phone" size="18" color="#6366f1"></uni-icons>
+						<text class="label-text">手机号</text>
+						<text class="required-mark">必填</text>
+					</view>
+					<view class="input-wrapper">
+						<input 
+							class="form-input" 
+							v-model="form.contactPhone" 
+							placeholder="请输入手机号"
+							type="number"
+							maxlength="11"
+							:focus="focusContactPhone"
+							@blur="focusContactPhone = false"
+						/>
+					</view>
+				</view>
+				
+				<!-- 微信号 -->
+				<view class="form-item">
+					<view class="form-label">
+						<uni-icons type="chat" size="18" color="#6366f1"></uni-icons>
+						<text class="label-text">微信号</text>
+					</view>
+					<view class="input-wrapper">
+						<input 
+							class="form-input" 
+							v-model="form.wechatId" 
+							placeholder="请输入微信号"
+							maxlength="50"
+							:focus="focusWechatId"
+							@blur="focusWechatId = false"
+						/>
+					</view>
+				</view>
+				
+				<!-- 备注 -->
+				<view class="form-item">
+					<view class="form-label">
+						<uni-icons type="info" size="18" color="#6366f1"></uni-icons>
+						<text class="label-text">备注</text>
+					</view>
+					<view class="input-wrapper">
+						<textarea 
+							class="form-textarea" 
+							v-model="form.remark" 
+							placeholder="请输入备注信息 (选填)"
+							maxlength="200"
+							:auto-height="true"
+							:focus="focusRemark"
+							@blur="focusRemark = false"
+						/>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 底部按钮 -->
+		<view class="button-container" v-if="tokenValid && !validating && !errorMessage">
+			<button class="cancel-button" @click="cancel">取消</button>
+			<button class="submit-button" :class="{'loading': isSubmitting}" @click="submit" :disabled="isSubmitting || !tokenValid">
+				<uni-icons v-if="!isSubmitting" type="checkmarkempty" size="20" color="#fff"></uni-icons>
+				<text class="button-text">{{ isSubmitting ? '提交中...' : '创建' }}</text>
+			</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import config from '@/config';
+	
+	export default {
+		data() {
+			return {
+				token: '',
+				createMethod: 'manual',
+				form: {
+					channelName: '',
+					contactPhone: '',
+					wechatId: '',
+					remark: ''
+				},
+				focusChannelName: false,
+				focusContactPhone: false,
+				focusWechatId: false,
+				focusRemark: false,
+				isSubmitting: false,
+				tokenValid: false,
+				validating: true,
+				errorMessage: ''
+			}
+		},
+		onLoad(options) {
+			// 获取参数
+			let scene = options.scene;
+			let token = options.token;
+			
+			console.log('页面参数:', { scene, token });
+			
+			// 小程序端解析 scene 参数
+			// #ifdef MP-WEIXIN
+			if (scene != undefined) {
+				// 先对 scene 进行 URL 解码（处理 %2C 等编码字符）
+				try {
+					scene = decodeURIComponent(scene);
+				} catch (e) {
+					console.warn('scene 解码失败，使用原始值:', e);
+				}
+				
+				// scene 中可能包含 token，或者直接就是 token
+				// 如果 scene 包含逗号，可能需要分割（根据实际业务需求调整）
+				if (scene.includes(',')) {
+					// 如果 scene 包含逗号，取第一部分作为 token
+					const parts = scene.split(',');
+					this.token = parts[0] || '';
+				} else {
+					// 如果不包含逗号，scene 本身就是 token
+					this.token = scene;
+				}
+			} else if (token != undefined) {
+				// 兼容直接传 token 参数
+				this.token = token;
+			} else {
+				// 没有参数，显示错误
+				this.token = '';
+			}
+			// #endif
+			
+			// H5 端兼容处理
+			// #ifdef H5
+			if (token != undefined) {
+				// H5 端优先使用 token 参数
+				this.token = token;
+			} else if (scene != undefined) {
+				// H5 也可能有 scene 参数（从分享链接等）
+				// 先对 scene 进行 URL 解码
+				try {
+					scene = decodeURIComponent(scene);
+				} catch (e) {
+					console.warn('scene 解码失败，使用原始值:', e);
+				}
+				
+				if (scene.includes(',')) {
+					const parts = scene.split(',');
+					this.token = parts[0] || '';
+				} else {
+					this.token = scene;
+				}
+			} else {
+				// 没有参数，显示错误
+				this.token = '';
+			}
+			// #endif
+			
+			console.log('解析结果:', { token: this.token });
+			
+			if (!this.token) {
+				this.validating = false;
+				this.tokenValid = false;
+				this.errorMessage = '缺少token参数，请重新扫码';
+				return;
+			}
+			
+			uni.setNavigationBarTitle({
+				title: '新增渠道'
+			});
+			
+			// 验证token有效性
+			this.validateToken();
+			
+			// H5和小程序兼容处理
+			// #ifdef H5
+			// H5端回车键提交
+			document.onkeydown = (event) => {
+				const e = event || window.event;
+				if (e && e.keyCode === 13) {
+					this.submit();
+				}
+			};
+			// #endif
+		},
+		methods: {
+			// 验证token有效性
+			validateToken() {
+				this.validating = true;
+				uni.showLoading({
+					title: '验证中...',
+					mask: true
+				});
+				
+				uni.request({
+					method: 'GET',
+					url: config.apiUrl2 + '/v1/frontend/distribution/channel/register',
+					data: {
+						token: this.token
+					},
+					header: {
+						'content-type': 'application/x-www-form-urlencoded'
+					},
+					success: (response) => {
+						uni.hideLoading();
+						this.validating = false;
+						
+						if (response.data.code === 10000 || response.data.code === 200) {
+							this.tokenValid = true;
+							this.errorMessage = '';
+							// token验证成功，可以填写表单
+						} else {
+							this.tokenValid = false;
+							this.errorMessage = response.data.message || 'token无效或已过期，请重新扫码';
+						}
+					},
+					fail: (error) => {
+						uni.hideLoading();
+						this.validating = false;
+						this.tokenValid = false;
+						console.error('验证token失败:', error);
+						this.errorMessage = '网络错误，请检查网络连接后重试';
+					}
+				});
+			},
+			
+			// 表单验证
+			validateForm() {
+				if (!this.form.channelName || !this.form.channelName.trim()) {
+					this.focusChannelName = true;
+					uni.showToast({
+						title: '请输入渠道名称',
+						icon: 'none',
+						duration: 2000
+					});
+					return false;
+				}
+				
+				// 手机号必填验证
+				if (!this.form.contactPhone || !this.form.contactPhone.trim()) {
+					this.focusContactPhone = true;
+					uni.showToast({
+						title: '请输入手机号',
+						icon: 'none',
+						duration: 2000
+					});
+					return false;
+				}
+				
+				// 验证手机号格式
+				const phoneReg = /^1[3-9]\d{9}$/;
+				if (!phoneReg.test(this.form.contactPhone.trim())) {
+					this.focusContactPhone = true;
+					uni.showToast({
+						title: '请输入正确的手机号',
+						icon: 'none',
+						duration: 2000
+					});
+					return false;
+				}
+				
+				return true;
+			},
+			
+			// 提交表单
+			submit() {
+				if (this.isSubmitting) {
+					return;
+				}
+				
+				if (!this.validateForm()) {
+					return;
+				}
+				
+				if (!this.tokenValid) {
+					uni.showToast({
+						title: 'token无效，请重新扫码',
+						icon: 'none',
+						duration: 2000
+					});
+					return;
+				}
+				
+				this.isSubmitting = true;
+				
+				const data = {
+					token: this.token,
+					name: this.form.channelName.trim(),
+					phone: this.form.contactPhone.trim(),
+					wechatId: this.form.wechatId ? this.form.wechatId.trim() : '',
+					remarks: this.form.remark ? this.form.remark.trim() : ''
+				};
+				
+				uni.request({
+					method: 'POST',
+					url: config.apiUrl2 + '/v1/frontend/distribution/channel/register',
+					data: data,
+					header: {
+						'content-type': 'application/x-www-form-urlencoded'
+					},
+					success: (response) => {
+						this.isSubmitting = false;
+						
+						if (response.data.code === 10000 || response.data.code === 200) {
+							// 获取返回的companyId
+							const responseData = response.data.data || {};
+							const companyId = responseData.companyId || '';
+							
+							console.log('渠道创建成功，返回数据:', responseData);
+							console.log('获取到的companyId:', companyId);
+							
+							uni.showToast({
+								title: '提交成功',
+								icon: 'success',
+								duration: 2000
+							});
+							
+							setTimeout(() => {
+								// 如果有companyId，跳转到渠道登录页
+								if (companyId) {
+									uni.redirectTo({
+										url: `/pages/channel/login?companyId=${companyId}`
+									});
+								} else {
+									// 如果没有companyId，返回上一页
+									uni.navigateBack();
+								}
+							}, 1500);
+						} else {
+							// 显示后端返回的错误信息
+							const errorMsg = response.data.message || response.data.msg || response.data.error || '提交失败，请重试';
+							uni.showToast({
+								title: errorMsg,
+								icon: 'none',
+								duration: 3000
+							});
+						}
+					},
+					fail: (error) => {
+						this.isSubmitting = false;
+						console.error('提交失败:', error);
+						uni.showToast({
+							title: '网络错误，请重试',
+							icon: 'none',
+							duration: 2000
+						});
+					}
+				});
+			},
+			
+			// 取消
+			cancel() {
+				uni.navigateBack();
+			},
+			
+			// 返回
+			goBack() {
+				uni.navigateBack();
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+	min-height: 100vh;
+	background-color: #f5f5f5;
+	padding-bottom: 160rpx;
+}
+
+/* 创建方式选择器 */
+.method-selector {
+	padding: 30rpx;
+	background-color: #fff;
+	border-bottom: 1rpx solid #f0f0f0;
+}
+
+.selector-item {
+	display: flex;
+	align-items: center;
+	padding: 20rpx;
+	background-color: #f9fafb;
+	border-radius: 12rpx;
+	position: relative;
+}
+
+.selector-item.active {
+	background-color: #f0f4ff;
+}
+
+.selector-dot {
+	width: 24rpx;
+	height: 24rpx;
+	background-color: #6366f1;
+	border-radius: 50%;
+	margin-right: 16rpx;
+}
+
+.selector-text {
+	font-size: 28rpx;
+	color: #333;
+	font-weight: 500;
+}
+
+/* 表单容器 */
+.form-container {
+	background-color: #fff;
+	margin: 20rpx;
+	border-radius: 16rpx;
+	padding: 40rpx 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+}
+
+.form-header {
+	margin-bottom: 40rpx;
+}
+
+.form-title {
+	display: block;
+	font-size: 36rpx;
+	font-weight: 600;
+	color: #333;
+	margin-bottom: 12rpx;
+}
+
+.form-subtitle {
+	display: block;
+	font-size: 26rpx;
+	color: #999;
+	line-height: 1.6;
+}
+
+.form-item {
+	margin-bottom: 40rpx;
+	
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+
+.form-label {
+	display: flex;
+	align-items: center;
+	margin-bottom: 16rpx;
+}
+
+.label-text {
+	font-size: 28rpx;
+	color: #333;
+	font-weight: 500;
+	margin-left: 8rpx;
+}
+
+.required-mark {
+	font-size: 24rpx;
+	color: #ef4444;
+	margin-left: auto;
+}
+
+.input-wrapper {
+	position: relative;
+}
+
+.form-input {
+	width: 100%;
+	height: 88rpx;
+	padding: 0 24rpx;
+	font-size: 28rpx;
+	color: #333;
+	background-color: #f9fafb;
+	border: 2rpx solid #e5e7eb;
+	border-radius: 12rpx;
+	box-sizing: border-box;
+	transition: all 0.3s ease;
+	
+	/* #ifdef H5 */
+	&:focus {
+		outline: none;
+		border-color: #6366f1;
+		background-color: #fff;
+		box-shadow: 0 0 0 4rpx rgba(99, 102, 241, 0.1);
+	}
+	/* #endif */
+	
+	/* #ifdef MP-WEIXIN */
+	&:focus {
+		border-color: #6366f1;
+		background-color: #fff;
+	}
+	/* #endif */
+}
+
+.form-input::placeholder {
+	color: #999;
+}
+
+.form-textarea {
+	width: 100%;
+	min-height: 160rpx;
+	padding: 24rpx;
+	font-size: 28rpx;
+	color: #333;
+	background-color: #f9fafb;
+	border: 2rpx solid #e5e7eb;
+	border-radius: 12rpx;
+	box-sizing: border-box;
+	line-height: 1.6;
+	transition: all 0.3s ease;
+	
+	/* #ifdef H5 */
+	&:focus {
+		outline: none;
+		border-color: #6366f1;
+		background-color: #fff;
+		box-shadow: 0 0 0 4rpx rgba(99, 102, 241, 0.1);
+	}
+	/* #endif */
+	
+	/* #ifdef MP-WEIXIN */
+	&:focus {
+		border-color: #6366f1;
+		background-color: #fff;
+	}
+	/* #endif */
+}
+
+.form-textarea::placeholder {
+	color: #999;
+}
+
+/* 底部按钮容器 */
+.button-container {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	padding: 20rpx;
+	background-color: #fff;
+	border-top: 1rpx solid #f0f0f0;
+	display: flex;
+	gap: 20rpx;
+	/* #ifdef H5 */
+	box-shadow: 0 -2rpx 8rpx rgba(0, 0, 0, 0.05);
+	/* #endif */
+	z-index: 100;
+}
+
+.cancel-button {
+	flex: 1;
+	height: 88rpx;
+	background-color: #f5f5f5;
+	border: none;
+	border-radius: 12rpx;
+	color: #666;
+	font-size: 32rpx;
+	font-weight: 500;
+	
+	/* #ifdef H5 */
+	cursor: pointer;
+	transition: all 0.3s ease;
+	
+	&:hover {
+		background-color: #e5e5e5;
+	}
+	/* #endif */
+}
+
+.submit-button {
+	flex: 2;
+	height: 88rpx;
+	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
+	border: none;
+	border-radius: 12rpx;
+	color: #fff;
+	font-size: 32rpx;
+	font-weight: 600;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 8rpx 24rpx rgba(99, 102, 241, 0.3);
+	
+	/* #ifdef H5 */
+	cursor: pointer;
+	transition: all 0.3s ease;
+	
+	&:hover:not(:disabled) {
+		transform: translateY(-2rpx);
+		box-shadow: 0 12rpx 32rpx rgba(99, 102, 241, 0.4);
+	}
+	
+	&:active:not(:disabled) {
+		transform: translateY(0);
+	}
+	/* #endif */
+}
+
+.submit-button.loading {
+	opacity: 0.7;
+	pointer-events: none;
+}
+
+.submit-button:disabled {
+	opacity: 0.6;
+	cursor: not-allowed;
+}
+
+.button-text {
+	margin-left: 8rpx;
+}
+
+/* H5适配 */
+/* #ifdef H5 */
+.page-container {
+	padding-bottom: 180rpx;
+}
+
+.button-container {
+	padding: 30rpx 40rpx;
+}
+/* #endif */
+
+/* 小程序适配 */
+/* #ifdef MP-WEIXIN */
+.button-container {
+	padding-bottom: env(safe-area-inset-bottom);
+}
+/* #endif */
+
+/* 验证中容器 */
+.validating-container {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: #fff;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	z-index: 9999;
+}
+
+.validating-content {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 24rpx;
+}
+
+.validating-text {
+	font-size: 28rpx;
+	color: #666;
+}
+
+/* 错误容器 */
+.error-container {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: #fff;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	z-index: 9999;
+	padding: 40rpx;
+}
+
+.error-content {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	text-align: center;
+	max-width: 600rpx;
+	width: 100%;
+}
+
+.error-icon-wrapper {
+	width: 160rpx;
+	height: 160rpx;
+	border-radius: 50%;
+	background-color: #fef2f2;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-bottom: 40rpx;
+	border: 4rpx solid #fee2e2;
+}
+
+.error-title {
+	font-size: 36rpx;
+	font-weight: 600;
+	color: #1f2937;
+	margin-bottom: 24rpx;
+}
+
+.error-message {
+	font-size: 28rpx;
+	color: #6b7280;
+	line-height: 1.6;
+	margin-bottom: 60rpx;
+	word-break: break-all;
+}
+
+.error-button {
+	width: 100%;
+	height: 88rpx;
+	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
+	border: none;
+	border-radius: 12rpx;
+	color: #fff;
+	font-size: 32rpx;
+	font-weight: 600;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 8rpx 24rpx rgba(99, 102, 241, 0.3);
+	
+	/* #ifdef H5 */
+	cursor: pointer;
+	transition: all 0.3s ease;
+	
+	&:hover {
+		transform: translateY(-2rpx);
+		box-shadow: 0 12rpx 32rpx rgba(99, 102, 241, 0.4);
+	}
+	
+	&:active {
+		transform: translateY(0);
+	}
+	/* #endif */
+}
+
+/* 响应式适配 */
+@media (max-width: 375px) {
+	.form-container {
+		padding: 30rpx 20rpx;
+	}
+	
+	.form-item {
+		margin-bottom: 32rpx;
+	}
+}
+</style>
+
diff --git a/pages/channel/list.vue b/pages/channel/list.vue
new file mode 100644
index 0000000..c1f31d5
--- /dev/null
+++ b/pages/channel/list.vue
@@ -0,0 +1,319 @@
+<template>
+	<view class="page-container">
+		<!-- 列表内容 -->
+		<view class="list-container">
+			<u-list @scrolltolower="scrolltolower">
+				<u-list-item v-for="(item, index) in channelList" :key="index" class="list-item">
+					<view class="item-content" @click="editChannel(item)">
+						<view class="item-header">
+							<view class="item-title">{{ item.channelName || '未命名渠道' }}</view>
+							<view class="item-status" :class="{'status-active': item.status === 1}">
+								{{ item.status === 1 ? '启用' : '禁用' }}
+							</view>
+						</view>
+						<view class="item-info">
+							<view class="info-row" v-if="item.contactPhone">
+								<uni-icons type="phone" size="16" color="#999"></uni-icons>
+								<text class="info-text">{{ item.contactPhone }}</text>
+							</view>
+							<view class="info-row" v-if="item.wechatId">
+								<uni-icons type="chat" size="16" color="#999"></uni-icons>
+								<text class="info-text">{{ item.wechatId }}</text>
+							</view>
+							<view class="info-row" v-if="item.remark">
+								<uni-icons type="info" size="16" color="#999"></uni-icons>
+								<text class="info-text">{{ item.remark }}</text>
+							</view>
+						</view>
+						<view class="item-footer">
+							<text class="item-time">{{ formatTime(item.createTime) }}</text>
+						</view>
+					</view>
+				</u-list-item>
+				<u-loadmore :status="loadStatus" />
+			</u-list>
+		</view>
+		
+		<!-- 底部添加按钮 -->
+		<view class="fab-container">
+			<button class="fab-button" @click="addChannel">
+				<uni-icons type="plus" size="24" color="#fff"></uni-icons>
+				<text class="fab-text">新增渠道</text>
+			</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		request
+	} from '@/utils/request';
+	
+	export default {
+		data() {
+			return {
+				channelList: [],
+				page: 1,
+				pageSize: 20,
+				loadStatus: 'loadmore', // loadmore | loading | nomore
+				total: 0
+			}
+		},
+		onLoad() {
+			uni.setNavigationBarTitle({
+				title: '渠道管理'
+			});
+			this.loadChannelList();
+		},
+		onShow() {
+			// 从新增/编辑页返回时刷新列表
+			if (this.page === 1) {
+				this.loadChannelList();
+			}
+		},
+		onPullDownRefresh() {
+			// #ifdef MP-WEIXIN
+			this.page = 1;
+			this.channelList = [];
+			this.loadChannelList();
+			// #endif
+		},
+		methods: {
+			// 加载渠道列表
+			loadChannelList() {
+				this.loadStatus = 'loading';
+				request({
+					url: '/v1/frontend/business/channel/list',
+					data: {
+						page: this.page,
+						limit: this.pageSize
+					}
+				}).then((response) => {
+					// #ifdef MP-WEIXIN
+					uni.stopPullDownRefresh();
+					// #endif
+					
+					if (response.data.code === 10000 || response.data.code === 200) {
+						const list = response.data.data.list || response.data.data.records || [];
+						if (this.page === 1) {
+							this.channelList = list;
+						} else {
+							this.channelList = [...this.channelList, ...list];
+						}
+						this.total = response.data.data.total || 0;
+						
+						if (this.channelList.length >= this.total) {
+							this.loadStatus = 'nomore';
+						} else {
+							this.loadStatus = 'loadmore';
+						}
+					} else {
+						uni.showToast({
+							title: response.data.message || '加载失败',
+							icon: 'none',
+							duration: 2000
+						});
+						this.loadStatus = 'loadmore';
+					}
+				}).catch((error) => {
+					// #ifdef MP-WEIXIN
+					uni.stopPullDownRefresh();
+					// #endif
+					
+					console.error('加载渠道列表失败:', error);
+					uni.showToast({
+						title: '网络错误，请重试',
+						icon: 'none',
+						duration: 2000
+					});
+					this.loadStatus = 'loadmore';
+				});
+			},
+			
+			// 滚动到底部加载更多
+			scrolltolower() {
+				if (this.loadStatus === 'loadmore') {
+					this.page++;
+					this.loadChannelList();
+				}
+			},
+			
+			// 新增渠道
+			addChannel() {
+				uni.navigateTo({
+					url: '/pages/channel/add'
+				});
+			},
+			
+			// 编辑渠道
+			editChannel(item) {
+				uni.navigateTo({
+					url: `/pages/channel/add?id=${item.id || item.lId}`
+				});
+			},
+			
+			// 格式化时间
+			formatTime(time) {
+				if (!time) return '';
+				const date = new Date(time);
+				const year = date.getFullYear();
+				const month = String(date.getMonth() + 1).padStart(2, '0');
+				const day = String(date.getDate()).padStart(2, '0');
+				const hours = String(date.getHours()).padStart(2, '0');
+				const minutes = String(date.getMinutes()).padStart(2, '0');
+				return `${year}-${month}-${day} ${hours}:${minutes}`;
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+	min-height: 100vh;
+	background-color: #f5f5f5;
+	padding-bottom: 100rpx;
+}
+
+.list-container {
+	padding: 20rpx;
+}
+
+.list-item {
+	margin-bottom: 20rpx;
+	background-color: #fff;
+	border-radius: 16rpx;
+	overflow: hidden;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+}
+
+.item-content {
+	padding: 30rpx;
+}
+
+.item-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 20rpx;
+}
+
+.item-title {
+	font-size: 32rpx;
+	font-weight: 600;
+	color: #333;
+	flex: 1;
+}
+
+.item-status {
+	font-size: 24rpx;
+	color: #999;
+	padding: 8rpx 16rpx;
+	background-color: #f5f5f5;
+	border-radius: 8rpx;
+}
+
+.status-active {
+	color: #22c55e;
+	background-color: #f0fdf4;
+}
+
+.item-info {
+	margin-bottom: 20rpx;
+}
+
+.info-row {
+	display: flex;
+	align-items: center;
+	margin-bottom: 12rpx;
+	
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+
+.info-text {
+	font-size: 28rpx;
+	color: #666;
+	margin-left: 12rpx;
+	flex: 1;
+}
+
+.item-footer {
+	display: flex;
+	justify-content: flex-end;
+	padding-top: 20rpx;
+	border-top: 1rpx solid #f0f0f0;
+}
+
+.item-time {
+	font-size: 24rpx;
+	color: #999;
+}
+
+/* 底部悬浮按钮 */
+.fab-container {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	padding: 20rpx;
+	background-color: #fff;
+	border-top: 1rpx solid #f0f0f0;
+	/* #ifdef H5 */
+	box-shadow: 0 -2rpx 8rpx rgba(0, 0, 0, 0.05);
+	/* #endif */
+	z-index: 100;
+}
+
+.fab-button {
+	width: 100%;
+	height: 88rpx;
+	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
+	border: none;
+	border-radius: 12rpx;
+	color: #fff;
+	font-size: 32rpx;
+	font-weight: 600;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 8rpx 24rpx rgba(99, 102, 241, 0.3);
+	
+	/* #ifdef H5 */
+	cursor: pointer;
+	transition: all 0.3s ease;
+	
+	&:hover {
+		transform: translateY(-2rpx);
+		box-shadow: 0 12rpx 32rpx rgba(99, 102, 241, 0.4);
+	}
+	
+	&:active {
+		transform: translateY(0);
+	}
+	/* #endif */
+}
+
+.fab-text {
+	margin-left: 12rpx;
+}
+
+/* H5适配 */
+/* #ifdef H5 */
+.page-container {
+	padding-bottom: 120rpx;
+}
+
+.fab-container {
+	padding: 30rpx 40rpx;
+}
+/* #endif */
+
+/* 小程序适配 */
+/* #ifdef MP-WEIXIN */
+.fab-container {
+	padding-bottom: env(safe-area-inset-bottom);
+}
+/* #endif */
+</style>
+
diff --git a/pages/channel/login.vue b/pages/channel/login.vue
new file mode 100644
index 0000000..32f42d8
--- /dev/null
+++ b/pages/channel/login.vue
@@ -0,0 +1,336 @@
+<template>
+  <view class="page-container">
+    <view class="hero">
+      <view class="hero-title">渠道登录</view>
+      <view class="hero-subtitle">登录后进入数据面板</view>
+    </view>
+
+    <!-- 账号密码登录（H5 + 小程序通用） -->
+    <view class="card">
+      <view class="card-title">账号密码登录</view>
+      <uni-forms ref="h5Form" :modelValue="form">
+        <uni-forms-item name="phone">
+          <uni-easyinput
+            v-model="form.phone"
+            placeholder="请输入手机号"
+            type="number"
+            maxlength="11"
+            :inputBorder="false"
+            class="input"
+          />
+        </uni-forms-item>
+        <uni-forms-item name="password">
+          <uni-easyinput
+            v-model="form.password"
+            placeholder="请输入密码"
+            :inputBorder="false"
+            type="password"
+            class="input"
+          />
+        </uni-forms-item>
+      </uni-forms>
+      <view class="login-tip">
+        <text>默认初始密码为 </text>
+        <text class="login-tip-strong">123456</text>
+        <text>，登录后请及时修改。</text>
+      </view>
+      <button class="primary-btn" :disabled="isSubmitting" @click="handleH5Login">
+        <text>{{ isSubmitting ? '登录中...' : '登录' }}</text>
+      </button>
+    </view>
+  </view>
+</template>
+
+<script>
+import config from '@/config'
+
+export default {
+  data() {
+    return {
+      form: {
+        phone: '',
+        password: ''
+      },
+      isSubmitting: false,
+      companyId: ''
+    }
+  },
+  onLoad(options) {
+    // 获取参数
+    let scene = options.scene;
+    let companyId = options.companyId;
+    
+    console.log('页面参数:', { scene, companyId });
+    
+    // 小程序端解析 scene 参数
+    // #ifdef MP-WEIXIN
+    if (scene != undefined) {
+      // 先对 scene 进行 URL 解码（处理 %2C 等编码字符）
+      try {
+        scene = decodeURIComponent(scene);
+      } catch (e) {
+        console.warn('scene 解码失败，使用原始值:', e);
+      }
+      
+      // scene 中可能包含 companyId，或者直接就是 companyId
+      // 如果 scene 包含逗号，可能需要分割（根据实际业务需求调整）
+      if (scene.includes(',')) {
+        // 如果 scene 包含逗号，取第一部分作为 companyId
+        const parts = scene.split(',');
+        this.companyId = parts[0] || '';
+      } else {
+        // 如果不包含逗号，scene 本身就是 companyId
+        this.companyId = scene;
+      }
+    } else if (companyId != undefined) {
+      // 兼容直接传 companyId 参数
+      this.companyId = companyId;
+    } else {
+      // 尝试从本地存储获取（之前可能保存过）
+      const storedCompanyId = uni.getStorageSync('channelCompanyId');
+      if (storedCompanyId) {
+        this.companyId = storedCompanyId;
+        console.log('从本地存储获取companyId:', storedCompanyId);
+      } else {
+        this.companyId = '';
+      }
+    }
+    // #endif
+    
+    // H5 端兼容处理
+    // #ifdef H5
+    if (companyId != undefined) {
+      // H5 端优先使用 companyId 参数
+      this.companyId = companyId;
+    } else if (scene != undefined) {
+      // H5 也可能有 scene 参数（从分享链接等）
+      // 先对 scene 进行 URL 解码
+      try {
+        scene = decodeURIComponent(scene);
+      } catch (e) {
+        console.warn('scene 解码失败，使用原始值:', e);
+      }
+      
+      if (scene.includes(',')) {
+        const parts = scene.split(',');
+        this.companyId = parts[0] || '';
+      } else {
+        this.companyId = scene;
+      }
+    } else {
+      // 尝试从本地存储获取
+      const storedCompanyId = uni.getStorageSync('channelCompanyId');
+      if (storedCompanyId) {
+        this.companyId = storedCompanyId;
+        console.log('从本地存储获取companyId:', storedCompanyId);
+      } else {
+        this.companyId = '';
+      }
+    }
+    // #endif
+    
+    console.log('解析结果:', { companyId: this.companyId });
+  },
+  methods: {
+    // 账号密码登录（H5 + 小程序）
+    handleH5Login() {
+      if (this.isSubmitting) return
+      if (!this.form.phone || !this.form.password) {
+        uni.showToast({ title: '请输入手机号和密码', icon: 'none', duration: 2000 })
+        return
+      }
+      if (!this.companyId) {
+        uni.showToast({ title: '缺少companyId参数', icon: 'none', duration: 2000 })
+        return
+      }
+      this.isSubmitting = true
+      
+      // 使用和列表接口一样的请求方式和参数格式
+      uni.request({
+        method: 'POST',
+        url: config.apiUrl2 + '/v1/frontend/distribution/user/login',
+        data: {
+          companyId: this.companyId,
+          phone: this.form.phone,
+          password: this.form.password
+        },
+        header: {
+          'content-type': 'application/x-www-form-urlencoded'
+        },
+        success: (res) => {
+          this.isSubmitting = false
+          console.log('登录接口完整返回:', res)
+          console.log('登录接口返回数据:', res.data)
+          
+          if (res.data.code === 10000 || res.data.code === 200) {
+            const data = res.data.data || {}
+            const token = data.token || ''
+            const channelInfo = data.channelInfo || {}
+            
+            console.log('解析后的data:', data)
+            console.log('解析后的token:', token)
+            console.log('解析后的channelInfo:', channelInfo)
+            
+            // 保存token
+            if (token) {
+              uni.setStorageSync('channelToken', token)
+              console.log('已保存token到本地存储')
+            } else {
+              console.error('token为空，无法保存')
+            }
+            
+            // 保存完整的登录数据（备用）
+            uni.setStorageSync('channelLoginData', JSON.stringify(data))
+            console.log('已保存完整登录数据到本地存储')
+            
+            // 保存渠道信息 - 从channelInfo中获取
+            if (channelInfo.channelCode) {
+              uni.setStorageSync('channelCode', channelInfo.channelCode)
+              console.log('已保存channelCode:', channelInfo.channelCode)
+            } else {
+              console.warn('channelInfo.channelCode为空，无法保存')
+            }
+            
+            if (channelInfo.channelName) {
+              uni.setStorageSync('channelName', channelInfo.channelName)
+              console.log('已保存channelName:', channelInfo.channelName)
+            } else {
+              console.warn('channelInfo.channelName为空，无法保存')
+            }
+            
+            // 验证保存是否成功
+            const savedCode = uni.getStorageSync('channelCode')
+            const savedName = uni.getStorageSync('channelName')
+            const savedToken = uni.getStorageSync('channelToken')
+            console.log('验证保存结果:', { savedCode, savedName, savedToken })
+            
+            if (!savedCode) {
+              console.error('警告：channelCode保存失败！')
+              uni.showToast({ 
+                title: '渠道编码保存失败，请重试', 
+                icon: 'none', 
+                duration: 3000 
+              })
+              return
+            }
+            
+            this.toStatistics()
+          } else {
+            const msg = res.data.message || res.data.msg || '登录失败'
+            console.error('登录失败:', msg)
+            uni.showToast({ title: msg, icon: 'none', duration: 3000 })
+          }
+        },
+        fail: (err) => {
+          console.error('登录失败', err)
+          this.isSubmitting = false
+          uni.showToast({ title: '网络错误，请重试', icon: 'none', duration: 2000 })
+        }
+      })
+    },
+
+    toStatistics() {
+      uni.redirectTo({
+        url: '/pages/channel/statistics'
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #f5f7ff 0%, #f8f8f8 100%);
+  padding: 40rpx 30rpx 80rpx;
+  box-sizing: border-box;
+}
+
+.hero {
+  margin-bottom: 30rpx;
+}
+
+.hero-title {
+  font-size: 44rpx;
+  font-weight: 700;
+  color: #1f2937;
+}
+
+.hero-subtitle {
+  margin-top: 8rpx;
+  font-size: 26rpx;
+  color: #6b7280;
+}
+
+.card {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 32rpx 28rpx;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+  margin-bottom: 24rpx;
+}
+
+.card-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #111827;
+  margin-bottom: 24rpx;
+}
+
+.input {
+  background: #f5f6fa;
+  border-radius: 12rpx;
+  padding: 20rpx;
+}
+
+.login-tip {
+  margin-top: 16rpx;
+  margin-bottom: 8rpx;
+  font-size: 24rpx;
+  color: #6b7280;
+  line-height: 1.6;
+}
+
+.login-tip-strong {
+  font-weight: 600;
+  color: #ef4444;
+}
+
+.primary-btn {
+  width: 100%;
+  height: 90rpx;
+  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
+  border: none;
+  border-radius: 12rpx;
+  color: #fff;
+  font-size: 32rpx;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 12rpx;
+  box-shadow: 0 8rpx 24rpx rgba(99, 102, 241, 0.25);
+}
+
+.tips {
+  margin-top: 16rpx;
+  font-size: 24rpx;
+  color: #6b7280;
+  text-align: center;
+}
+
+/* #ifdef H5 */
+.primary-btn {
+  cursor: pointer;
+  transition: all 0.2s ease;
+  &:hover {
+    transform: translateY(-2rpx);
+    box-shadow: 0 10rpx 28rpx rgba(99, 102, 241, 0.3);
+  }
+  &:active {
+    transform: translateY(0);
+  }
+}
+/* #endif */
+</style>
+
diff --git a/pages/channel/project-select.vue b/pages/channel/project-select.vue
new file mode 100644
index 0000000..80b3037
--- /dev/null
+++ b/pages/channel/project-select.vue
@@ -0,0 +1,177 @@
+<template>
+  <view class="page-container">
+    <view class="header">
+      <view class="title">选择项目</view>
+      <view class="subtitle">请选择要查看的渠道项目</view>
+    </view>
+
+    <view v-if="loading" class="loading">
+      <uni-icons type="spinner-cycle" size="32" color="#6366f1"></uni-icons>
+      <text class="loading-text">加载中...</text>
+    </view>
+
+    <view v-else-if="projects.length === 0" class="empty">
+      <uni-icons type="info" size="40" color="#ccc"></uni-icons>
+      <text class="empty-text">暂无可选项目</text>
+    </view>
+
+    <view v-else class="list">
+      <view
+        v-for="(item, index) in projects"
+        :key="index"
+        class="project-card"
+        @click="selectProject(item)"
+      >
+        <view class="project-main">
+          <view class="project-name">{{ item.name || '未命名项目' }}</view>
+          <view class="project-code">编码：{{ item.code || '--' }}</view>
+        </view>
+        <uni-icons type="arrowright" size="20" color="#999"></uni-icons>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import config from '@/config'
+
+export default {
+  data() {
+    return {
+      loading: false,
+      projects: []
+    }
+  },
+  onShow() {
+    this.fetchProjects()
+  },
+  methods: {
+    fetchProjects() {
+      const token = uni.getStorageSync('channelToken')
+      if (!token) {
+        uni.showToast({ title: '请先登录', icon: 'none', duration: 2000 })
+        uni.redirectTo({ url: '/pages/channel/login' })
+        return
+      }
+      this.loading = true
+      uni.request({
+        method: 'GET',
+        url: config.apiUrl2 + '/v1/frontend/distribution/channel/projects',
+        header: {
+          'content-type': 'application/x-www-form-urlencoded',
+          token
+        },
+        success: (res) => {
+          this.loading = false
+          if (res.data.code === 10000 || res.data.code === 200) {
+            this.projects = res.data.data?.list || res.data.data || []
+          } else {
+            const msg = res.data.message || res.data.msg || '加载失败'
+            uni.showToast({ title: msg, icon: 'none', duration: 3000 })
+          }
+        },
+        fail: (err) => {
+          console.error('加载项目失败', err)
+          this.loading = false
+          uni.showToast({ title: '网络错误，请重试', icon: 'none', duration: 2000 })
+        }
+      })
+    },
+
+    selectProject(item) {
+      const name = encodeURIComponent(item.name || '')
+      const code = encodeURIComponent(item.code || '')
+      uni.navigateTo({
+        url: `/pages/channel/statistics?name=${name}&code=${code}`
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100vh;
+  background: #f5f6fb;
+  padding: 32rpx 28rpx 60rpx;
+  box-sizing: border-box;
+}
+
+.header {
+  margin-bottom: 24rpx;
+}
+
+.title {
+  font-size: 38rpx;
+  font-weight: 700;
+  color: #111827;
+}
+
+.subtitle {
+  margin-top: 8rpx;
+  font-size: 26rpx;
+  color: #6b7280;
+}
+
+.loading,
+.empty {
+  margin-top: 120rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20rpx;
+  color: #999;
+}
+
+.loading-text,
+.empty-text {
+  font-size: 28rpx;
+  color: #666;
+}
+
+.list {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+  margin-top: 8rpx;
+}
+
+.project-card {
+  background: #fff;
+  border-radius: 14rpx;
+  padding: 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-shadow: 0 4rpx 14rpx rgba(0, 0, 0, 0.06);
+}
+
+.project-main {
+  display: flex;
+  flex-direction: column;
+  gap: 8rpx;
+}
+
+.project-name {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #111827;
+}
+
+.project-code {
+  font-size: 26rpx;
+  color: #6b7280;
+}
+
+/* #ifdef H5 */
+.project-card {
+  cursor: pointer;
+  transition: all 0.2s ease;
+  &:hover {
+    transform: translateY(-2rpx);
+    box-shadow: 0 8rpx 18rpx rgba(0, 0, 0, 0.08);
+  }
+}
+/* #endif */
+</style>
+
diff --git a/pages/channel/statistics.vue b/pages/channel/statistics.vue
new file mode 100644
index 0000000..625a22f
--- /dev/null
+++ b/pages/channel/statistics.vue
@@ -0,0 +1,2183 @@
+<template>
+	<view class="page-container">
+		<!-- 顶部蓝色头部 -->
+		<view class="header-section">
+			<view class="header-content">
+				<view class="header-title-row">
+					<view class="header-title-group">
+						<text class="header-title">分销获客统计</text>
+						<text class="header-subtitle">实时数据 · 精准统计</text>
+					</view>
+					<view class="header-actions">
+						<view class="settings-btn" @click="openChangePasswordPopup">
+							<view class="settings-circle">
+								<uni-icons type="gear" size="20" color="#2563eb"></uni-icons>
+							</view>
+							<text class="settings-text">设置</text>
+						</view>
+					</view>
+				</view>
+				<view class="channel-row">
+					<view class="channel-left">
+						<text class="channel-label">渠道名称</text>
+						<text class="channel-name">{{ channelInfo.name || '--' }}</text>
+					</view>
+					<view class="channel-code-pill">
+						<text class="channel-code-label">分销编码</text>
+						<text class="channel-code-text">{{ channelInfo.code || '--' }}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 统计卡片区域（严格贴近视觉稿布局） -->
+		<view class="stats-section">
+			<!-- 顶部大卡片：可提现金额 + 收益概览 -->
+			<view class="stats-main-card">
+				<!-- 当前可提现金额 -->
+				<view class="withdraw-header-row">
+					<view class="withdraw-title-wrap">
+						<view class="withdraw-icon-wrap">
+							<uni-icons type="wallet" size="18" color="#4f46e5"></uni-icons>
+						</view>
+						<text class="withdraw-label">当前可提现金额</text>
+					</view>
+				</view>
+
+				<view class="withdraw-amount-row">
+					<text class="withdraw-currency">¥</text>
+					<text class="withdraw-amount-text">
+						{{ (statistics.withdrawableAmount || 0).toFixed(2) }}
+					</text>
+				</view>
+
+				<view class="withdraw-button-row">
+					<button class="withdraw-button" :disabled="statisticsLoading" @click="handleWithdraw">
+						<uni-icons v-if="!statisticsLoading" type="arrow-up" size="20" color="#fff"></uni-icons>
+						<uni-icons v-else type="spinner-cycle" size="20" color="#fff"></uni-icons>
+						<text class="withdraw-btn-text">{{ statisticsLoading ? '处理中...' : '一键提现' }}</text>
+					</button>
+				</view>
+
+				<!-- 底部三栏收益概览 -->
+				<view class="revenue-divider"></view>
+				<view class="revenue-row">
+					<view class="revenue-item">
+						<text class="revenue-label">总收益</text>
+						<text class="revenue-value">¥{{ (statistics.totalRevenue || 0).toFixed(2) }}</text>
+					</view>
+					<view class="revenue-item">
+						<text class="revenue-label">待审核</text>
+						<text class="revenue-value pending">¥{{ (statistics.pendingReview || 0).toFixed(2) }}</text>
+					</view>
+					<view class="revenue-item">
+						<text class="revenue-label">已提现</text>
+						<text class="revenue-value">¥{{ (statistics.withdrawn || 0).toFixed(2) }}</text>
+					</view>
+				</view>
+			</view>
+
+			<!-- 下方两张小卡片：总加好友数 / 总获客数 -->
+			<view class="acquisition-row">
+				<view class="acquisition-card">
+					<view class="acquisition-header-row">
+						<view class="acquisition-icon friends-icon">
+							<uni-icons type="plusempty" size="30" color="#4f46e5"></uni-icons>
+						</view>
+						<text class="acquisition-title-text">总加好友数</text>
+					</view>
+					<view class="acquisition-bottom-row">
+						<text class="acquisition-main-number">{{ statistics.totalFriends || 0 }}</text>
+						<text class="acquisition-main-sub">今日 {{ statistics.todayFriends || 0 }}</text>
+					</view>
+					<view class="acquisition-bg-circle friends-circle"></view>
+				</view>
+
+				<view class="acquisition-card">
+					<view class="acquisition-header-row">
+						<view class="acquisition-icon customer-icon">
+							<uni-icons type="person-filled" size="30" color="#a855f7"></uni-icons>
+						</view>
+						<text class="acquisition-title-text">总获客数</text>
+					</view>
+					<view class="acquisition-bottom-row">
+						<text class="acquisition-main-number">{{ statistics.totalCustomers || 0 }}</text>
+						<text class="acquisition-main-sub">今日 {{ statistics.todayCustomers || 0 }}</text>
+					</view>
+					<view class="acquisition-bg-circle customer-circle"></view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 明细记录（整体卡片） -->
+		<view class="records-section">
+			<view class="records-header">
+				<uni-icons type="list" size="20" color="#333"></uni-icons>
+				<text class="records-title">明细记录</text>
+			</view>
+
+			<!-- 标签页（胶囊样式） -->
+			<view class="tabs-container">
+				<view class="tabs-pill">
+					<view 
+						class="tab-item" 
+						:class="{'active': currentTab === 'revenue'}" 
+						@click="switchTab('revenue')"
+					>
+						收益明细
+					</view>
+					<view 
+						class="tab-item" 
+						:class="{'active': currentTab === 'withdraw'}" 
+						@click="switchTab('withdraw')"
+					>
+						提现明细
+					</view>
+				</view>
+			</view>
+
+			<!-- 筛选条件卡片（始终展开） -->
+			<view class="filter-section">
+				<view class="filter-card">
+					<view class="filter-header-row">
+						<view class="filter-header-left">
+							<uni-icons type="spinner" size="18" color="#6b7280"></uni-icons>
+							<text class="filter-title">筛选条件</text>
+						</view>
+						<!-- 预留图标位，可去掉展开/收起逻辑 -->
+						<uni-icons type="arrowdown" size="16" color="#d1d5db"></uni-icons>
+					</view>
+					<view class="filter-content">
+						<!-- 收益明细：类型 + 时间 -->
+						<template v-if="currentTab === 'revenue'">
+							<view class="filter-item">
+								<text class="filter-label">类型</text>
+								<picker mode="selector" :range="typeOptions" :value="selectedTypeIndex" @change="onTypeChange">
+									<view class="filter-picker">
+										<text>{{ typeOptions[selectedTypeIndex] }}</text>
+										<uni-icons type="arrowdown" size="14" color="#9ca3af"></uni-icons>
+									</view>
+								</picker>
+							</view>
+							<view class="filter-item">
+								<text class="filter-label">时间</text>
+								<picker mode="date" :value="selectedDate" @change="onDateChange">
+									<view class="filter-picker">
+										<text>{{ selectedDate || '选择日期' }}</text>
+										<uni-icons type="calendar" size="14" color="#9ca3af"></uni-icons>
+									</view>
+								</picker>
+							</view>
+						</template>
+
+						<!-- 提现明细：状态 + 到账方式 -->
+						<template v-else>
+							<view class="filter-item">
+								<text class="filter-label">状态</text>
+								<picker mode="selector" :range="statusOptions" :value="selectedStatusIndex" @change="onStatusChange">
+									<view class="filter-picker">
+										<text>{{ statusOptions[selectedStatusIndex] }}</text>
+										<uni-icons type="arrowdown" size="14" color="#9ca3af"></uni-icons>
+									</view>
+								</picker>
+							</view>
+							<view class="filter-item">
+								<text class="filter-label">到账方式</text>
+								<picker mode="selector" :range="payTypeOptions" :value="selectedPayTypeIndex" @change="onPayTypeChange">
+									<view class="filter-picker">
+										<text>{{ payTypeOptions[selectedPayTypeIndex] }}</text>
+										<uni-icons type="arrowdown" size="14" color="#9ca3af"></uni-icons>
+									</view>
+								</picker>
+							</view>
+						</template>
+					</view>
+				</view>
+			</view>
+
+			<!-- 记录列表 -->
+			<view class="records-list">
+				<view class="records-count">
+					<text>共{{ totalRecords }}条记录</text>
+					<view class="records-count-pill">
+						<text class="current-count">
+							{{ Math.min(currentPage * pageSize, totalRecords) }} / {{ totalRecords }}条
+						</text>
+					</view>
+				</view>
+				<!-- 加载中状态 -->
+				<view v-if="loading && recordsList.length === 0" class="loading-state">
+					<uni-icons type="spinner-cycle" size="40" color="#6366f1"></uni-icons>
+					<text class="loading-text">加载中...</text>
+				</view>
+				<!-- 空状态 -->
+				<view v-else-if="recordsList.length === 0 && !loading" class="empty-state">
+					<uni-icons type="info" size="40" color="#ccc"></uni-icons>
+					<text class="empty-text">暂无记录</text>
+				</view>
+				<!-- 记录列表 -->
+				<view v-else>
+					<!-- 收益明细样式 -->
+					<view v-if="currentTab === 'revenue'">
+						<view v-for="(item, index) in recordsList" :key="index" class="record-item">
+							<view class="record-main-row">
+								<view class="record-title-wrap">
+									<text class="record-name">{{ item.sourceType || '-' }}</text>
+									<view 
+										class="record-badge" 
+										:class="{'badge-acquisition': item.type === 'acquisition', 'badge-friend': item.type === 'friend'}"
+									>
+										{{ item.typeLabel || '' }}
+									</view>
+								</view>
+								<text class="record-amount" :class="{'amount-positive': item.amount > 0}">
+									{{ item.amount > 0 ? '+' : '' }}¥{{ item.amount.toFixed(2) }}
+								</text>
+							</view>
+							<view class="record-meta-row">
+								<view class="record-time-wrap">
+									<uni-icons type="time" size="16" color="#9ca3af"></uni-icons>
+									<text class="record-time">{{ item.createTime }}</text>
+								</view>
+								<text class="record-meta-type">收益</text>
+							</view>
+							<view v-if="item.remark" class="record-remark">
+								<text class="remark-label">备注：</text>
+								<text class="remark-value">{{ item.remark }}</text>
+							</view>
+						</view>
+					</view>
+
+					<!-- 提现明细样式 -->
+					<view v-else>
+						<view v-for="(item, index) in recordsList" :key="index" class="record-item withdraw-record-item">
+							<view class="withdraw-main-row">
+								<view class="withdraw-main-left">
+									<text class="withdraw-title">
+										<text v-if="item.status === 'approved' && item.payTypeLabel">提现到 {{ item.payTypeLabel }}</text>
+										<text v-else>提现申请</text>
+									</text>
+								</view>
+								<text class="withdraw-amount">
+									¥{{ Number(item.amount || 0).toFixed(2) }}
+								</text>
+							</view>
+
+							<view class="withdraw-tags-row">
+								<view 
+									class="withdraw-tag status-tag" 
+									:class="'status-' + (item.status || '')"
+								>
+									{{ item.statusLabel || '状态未知' }}
+								</view>
+								<view v-if="item.payTypeLabel && item.status === 'approved'" class="withdraw-tag">
+									{{ item.payTypeLabel }}
+								</view>
+								<view v-if="item.reviewer" class="withdraw-tag">
+									审核：{{ item.reviewer }}
+								</view>
+							</view>
+
+							<view class="withdraw-meta-row">
+								<view class="withdraw-meta-item">
+									<text class="meta-label">申请时间</text>
+									<text class="meta-value">{{ item.applyTime || '-' }}</text>
+								</view>
+								<view class="withdraw-meta-item">
+									<text class="meta-label">审核时间</text>
+									<text class="meta-value">{{ item.reviewTime || '-' }}</text>
+								</view>
+							</view>
+
+							<view v-if="item.remark" class="withdraw-remark">
+								<text class="meta-label">备注</text>
+								<text class="meta-value">{{ item.remark }}</text>
+							</view>
+						</view>
+					</view>
+
+					<!-- 加载更多 -->
+					<view v-if="hasMore && recordsList.length > 0" class="load-more" @click="loadMore">
+						<text v-if="loading" class="load-more-text">加载中...</text>
+						<text v-else class="load-more-text">加载更多记录...</text>
+					</view>
+					<view v-else-if="!hasMore && recordsList.length > 0" class="load-more">
+						<text class="load-more-text no-more">没有更多了</text>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 修改密码弹框 -->
+		<uni-popup ref="changePasswordPopup" type="center" :mask-click="false">
+			<view class="password-popup">
+				<view class="password-popup-header">
+					<text class="password-popup-title">修改密码</text>
+					<text class="password-popup-subtitle">
+						请设置新密码，建议使用字母、数字组合，长度不少于6位
+					</text>
+				</view>
+				
+				<!-- 表单区域 -->
+				<view class="password-popup-form">
+					<view class="password-form-item">
+						<view class="password-form-label">
+							<uni-icons type="locked" size="16" color="#6366f1"></uni-icons>
+							<text class="label-text">原密码</text>
+						</view>
+						<view class="password-input-wrapper">
+							<input
+								class="password-input"
+								type="password"
+								v-model="passwordForm.oldPassword"
+								placeholder="请输入原密码"
+								placeholder-class="password-placeholder"
+								maxlength="50"
+							/>
+						</view>
+					</view>
+					
+					<view class="password-form-item">
+						<view class="password-form-label">
+							<uni-icons type="locked" size="16" color="#6366f1"></uni-icons>
+							<text class="label-text">新密码</text>
+						</view>
+						<view class="password-input-wrapper">
+							<input
+								class="password-input"
+								type="password"
+								v-model="passwordForm.newPassword"
+								placeholder="请输入新密码（至少6位）"
+								placeholder-class="password-placeholder"
+								maxlength="50"
+							/>
+						</view>
+					</view>
+					
+					<view class="password-form-item">
+						<view class="password-form-label">
+							<uni-icons type="locked" size="16" color="#6366f1"></uni-icons>
+							<text class="label-text">确认新密码</text>
+						</view>
+						<view class="password-input-wrapper">
+							<input
+								class="password-input"
+								type="password"
+								v-model="passwordForm.confirmPassword"
+								placeholder="请再次输入新密码"
+								placeholder-class="password-placeholder"
+								maxlength="50"
+							/>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 提示信息 -->
+				<view class="password-popup-info">
+					<view class="password-info-row">
+						<view class="password-info-dot"></view>
+						<text class="password-info-text">
+							密码长度至少6位，建议使用字母、数字组合
+						</text>
+					</view>
+					<view class="password-info-row">
+						<view class="password-info-dot"></view>
+						<text class="password-info-text">
+							修改密码后需要重新登录
+						</text>
+					</view>
+				</view>
+				
+				<view class="password-popup-footer">
+					<button class="password-popup-btn cancel" @click="closeChangePasswordPopup">取消</button>
+					<button class="password-popup-btn confirm" @click="confirmChangePassword" :disabled="passwordLoading">
+						{{ passwordLoading ? '修改中...' : '确认修改' }}
+					</button>
+				</view>
+			</view>
+		</uni-popup>
+		
+		<!-- 提现申请弹框 -->
+		<uni-popup ref="withdrawPopup" type="center" :mask-click="false">
+			<view class="withdraw-popup">
+				<view class="withdraw-popup-header">
+					<text class="withdraw-popup-title">提交提现申请</text>
+					<text class="withdraw-popup-subtitle">
+						将提交提现申请，金额为可提现的全部余额，可根据需要调整金额
+					</text>
+				</view>
+				
+				<!-- 金额卡片 -->
+				<view class="withdraw-popup-card">
+					<view class="withdraw-popup-card-top">
+						<view class="withdraw-popup-card-left">
+							<text class="card-main-label">可提现余额</text>
+							<text class="card-sub-label" @click="setFullWithdraw">全部提现</text>
+						</view>
+						<view class="withdraw-popup-amount-wrap">
+							<text class="withdraw-popup-amount-currency"></text>
+							<input
+								class="withdraw-popup-amount-input"
+								type="digit"
+								v-model="withdrawFormAmount"
+								placeholder="0.00"
+								placeholder-class="withdraw-popup-placeholder"
+							/>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 提示信息 -->
+				<view class="withdraw-popup-info">
+					<view class="withdraw-info-row">
+						<view class="withdraw-info-dot"></view>
+						<text class="withdraw-info-text">
+							申请提现金额：¥{{ Number(withdrawFormAmount || statistics.withdrawableAmount || 0).toFixed(2) }}
+						</text>
+					</view>
+					<view class="withdraw-info-row">
+						<view class="withdraw-info-dot"></view>
+						<text class="withdraw-info-text">
+							提现申请提交后，等待管理员审核
+						</text>
+					</view>
+					<view class="withdraw-info-row">
+						<view class="withdraw-info-dot"></view>
+						<text class="withdraw-info-text">
+							审核通过后将尽快打款
+						</text>
+					</view>
+				</view>
+				
+				<view class="withdraw-popup-footer">
+					<button class="withdraw-popup-btn cancel" @click="closeWithdrawPopup">取消</button>
+					<button class="withdraw-popup-btn confirm" @click="confirmWithdraw" :disabled="statisticsLoading">
+						{{ statisticsLoading ? '处理中...' : '提交申请' }}
+					</button>
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import config from '@/config';
+	import uniPopup from '@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue';
+	
+	export default {
+		components: {
+			uniPopup
+		},
+		data() {
+			return {
+				token: '',
+				channelInfo: {
+					name: '',
+					code: ''
+				},
+				statistics: {
+					withdrawableAmount: 0,
+					totalRevenue: 0,
+					pendingReview: 0,
+					withdrawn: 0,
+					totalFriends: 0,
+					todayFriends: 0,
+					totalCustomers: 0,
+					todayCustomers: 0
+				},
+				currentTab: 'revenue', // revenue | withdraw
+				showFilter: false,
+				// 收益明细筛选
+				typeOptions: ['全部', '获客', '加好友'],
+				selectedTypeIndex: 0,
+				selectedDate: '',
+				// 提现明细筛选
+				statusOptions: ['全部', '审核中', '已通过', '已拒绝'],
+				selectedStatusIndex: 0,
+				payTypeOptions: ['全部', '微信', '支付宝', '银行卡'],
+				selectedPayTypeIndex: 0,
+				// 提现弹框
+				withdrawFormAmount: '',
+				// 修改密码弹框
+				passwordForm: {
+					oldPassword: '',
+					newPassword: '',
+					confirmPassword: ''
+				},
+				passwordLoading: false,
+				recordsList: [],
+				totalRecords: 0,
+				currentPage: 1,
+				pageSize: 10,
+				hasMore: true,
+				loading: false,
+				statisticsLoading: false
+			}
+		},
+		onLoad(options) {
+			// 令牌校验
+			this.token = uni.getStorageSync('channelToken');
+			if (!this.token) {
+				uni.showToast({ title: '请先登录', icon: 'none', duration: 2000 });
+				setTimeout(() => {
+					uni.redirectTo({ url: '/pages/channel/login' });
+				}, 1500);
+				return;
+			}
+
+			// 从本地存储或URL参数获取渠道信息
+			let storedCode = uni.getStorageSync('channelCode');
+			let storedName = uni.getStorageSync('channelName');
+			
+			console.log('页面加载 - 从本地存储获取:', { storedCode, storedName });
+			
+			// 如果单独保存的channelCode为空，尝试从完整登录数据中恢复
+			if (!storedCode) {
+				try {
+					const loginDataStr = uni.getStorageSync('channelLoginData');
+					if (loginDataStr) {
+						const loginData = JSON.parse(loginDataStr);
+						console.log('从完整登录数据恢复:', loginData);
+						
+						const channelInfo = loginData.channelInfo || {};
+						if (channelInfo.channelCode) {
+							storedCode = channelInfo.channelCode;
+							uni.setStorageSync('channelCode', storedCode);
+							console.log('从完整登录数据恢复channelCode:', storedCode);
+						}
+						if (channelInfo.channelName) {
+							storedName = channelInfo.channelName;
+							uni.setStorageSync('channelName', storedName);
+							console.log('从完整登录数据恢复channelName:', storedName);
+						}
+					}
+				} catch (e) {
+					console.error('解析完整登录数据失败:', e);
+				}
+			}
+			
+			if (storedCode) {
+				this.channelInfo.code = storedCode;
+			} else if (options.code) {
+				this.channelInfo.code = options.code;
+			}
+			
+			if (storedName) {
+				this.channelInfo.name = storedName;
+			} else if (options.name) {
+				this.channelInfo.name = decodeURIComponent(options.name);
+			}
+			
+			console.log('页面加载 - 当前channelInfo:', this.channelInfo);
+			
+			uni.setNavigationBarTitle({
+				title: '分销获客统计'
+			});
+			
+			this.loadData();
+		},
+		onPullDownRefresh() {
+			this.refreshData();
+		},
+		methods: {
+			/**
+			 * 统一的渠道API请求方法
+			 * @param {Object} options - 请求配置
+			 * @returns {Promise} 请求Promise
+			 */
+			channelRequest(options) {
+				return new Promise((resolve, reject) => {
+					// 检查token
+					if (!this.token) {
+						reject(new Error('未登录'));
+						return;
+					}
+					
+					// 检查channelCode
+					if (options.needChannelCode && !this.channelInfo.code) {
+						const storedCode = uni.getStorageSync('channelCode');
+						if (storedCode) {
+							this.channelInfo.code = storedCode;
+						} else {
+							reject(new Error('缺少渠道编码'));
+							return;
+						}
+					}
+					
+					uni.request({
+						method: options.method || 'GET',
+						url: config.apiUrl2 + options.url,
+						data: options.data || {},
+						header: {
+							'content-type': 'application/x-www-form-urlencoded',
+							Authorization: `Bearer ${this.token}`
+						},
+						success: (response) => {
+							// 统一处理响应
+							if (response.data.code === 10000 || response.data.code === 200) {
+								resolve(response.data);
+							} else {
+								// 处理业务错误
+								const errorMsg = response.data.message || response.data.msg || '请求失败';
+								// 如果是token失效，跳转登录
+								if (response.data.code === 401 || response.data.code === 10030) {
+									uni.showToast({
+										title: '登录已过期，请重新登录',
+										icon: 'none',
+										duration: 2000
+									});
+									setTimeout(() => {
+										uni.redirectTo({ url: '/pages/channel/login' });
+									}, 1500);
+									reject(new Error('登录已过期'));
+								} else {
+									reject(new Error(errorMsg));
+								}
+							}
+						},
+						fail: (error) => {
+							console.error('请求失败:', error);
+							reject(error);
+						}
+					});
+				});
+			},
+			
+			/**
+			 * 统一错误处理
+			 * @param {Error} error - 错误对象
+			 * @param {String} defaultMsg - 默认错误消息
+			 */
+			handleError(error, defaultMsg = '操作失败，请重试') {
+				const errorMsg = error.message || error.errMsg || defaultMsg;
+				uni.showToast({
+					title: errorMsg,
+					icon: 'none',
+					duration: 2000
+				});
+			},
+			
+			/**
+			 * 获取渠道编码（带容错处理）
+			 */
+			getChannelCode() {
+				if (this.channelInfo.code) {
+					return this.channelInfo.code;
+				}
+				const storedCode = uni.getStorageSync('channelCode');
+				if (storedCode) {
+					this.channelInfo.code = storedCode;
+					return storedCode;
+				}
+				return null;
+			},
+			
+			// 加载数据
+			async loadData() {
+				// 并行加载统计数据和记录列表
+				await Promise.all([
+					this.loadStatistics(),
+					this.loadRecords()
+				]);
+			},
+			
+			// 加载统计数据
+			async loadStatistics() {
+				const channelCode = this.getChannelCode();
+				console.log('loadStatistics - 获取到的channelCode:', channelCode);
+				
+				if (!channelCode) {
+					console.error('缺少channelCode，无法加载统计数据');
+					// 尝试从本地存储重新获取
+					const storedCode = uni.getStorageSync('channelCode');
+					console.log('loadStatistics - 从本地存储重新获取:', storedCode);
+					if (storedCode) {
+						this.channelInfo.code = storedCode;
+						// 递归调用一次
+						return this.loadStatistics();
+					}
+					this.handleError(new Error('缺少渠道编码，请重新登录'), '无法加载统计数据');
+					uni.stopPullDownRefresh();
+					return;
+				}
+				
+				this.statisticsLoading = true;
+				console.log('loadStatistics - 开始请求接口，channelCode:', channelCode);
+				
+				try {
+					const response = await this.channelRequest({
+						url: '/v1/frontend/distribution/user/home',
+						method: 'GET',
+						data: {
+							channelCode: channelCode
+						},
+						needChannelCode: false // 已经检查过了，不需要再次检查
+					});
+					
+					const data = response.data || {};
+					const channelInfo = data.channelInfo || {};
+					const financialStats = data.financialStats || {};
+					const customerStats = data.customerStats || {};
+					
+					console.log('loadStatistics - 接口返回数据:', { 
+						data, 
+						channelInfo, 
+						financialStats, 
+						customerStats 
+					});
+					
+					// 更新渠道信息 - 优先从channelInfo获取，兼容直接返回在data中的情况
+					const updatedChannelCode = channelInfo.channelCode || data.code || this.channelInfo.code;
+					const updatedChannelName = channelInfo.channelName || data.name || this.channelInfo.name;
+					
+					console.log('loadStatistics - 更新后的渠道信息:', { updatedChannelCode, updatedChannelName });
+					
+					this.channelInfo = {
+						name: updatedChannelName,
+						code: updatedChannelCode
+					};
+					
+					// 更新本地存储
+					if (updatedChannelCode) {
+						uni.setStorageSync('channelCode', updatedChannelCode);
+						console.log('loadStatistics - 已保存channelCode到本地存储:', updatedChannelCode);
+					}
+					if (updatedChannelName) {
+						uni.setStorageSync('channelName', updatedChannelName);
+						console.log('loadStatistics - 已保存channelName到本地存储:', updatedChannelName);
+					}
+					
+					// 更新统计数据 - 从financialStats和customerStats中获取
+					// 兼容旧的数据结构（直接返回在data中）
+					this.statistics = {
+						withdrawableAmount: parseFloat(financialStats.withdrawableAmount || data.withdrawableAmount || 0),
+						totalRevenue: parseFloat(financialStats.totalRevenue || data.totalRevenue || 0),
+						pendingReview: parseFloat(financialStats.pendingReview || data.pendingReview || 0),
+						withdrawn: parseFloat(financialStats.withdrawn || data.withdrawn || 0),
+						totalFriends: parseInt(customerStats.totalFriends || data.totalFriends || 0),
+						todayFriends: parseInt(customerStats.todayFriends || data.todayFriends || 0),
+						totalCustomers: parseInt(customerStats.totalCustomers || data.totalCustomers || 0),
+						todayCustomers: parseInt(customerStats.todayCustomers || data.todayCustomers || 0)
+					};
+					
+					console.log('loadStatistics - 更新后的统计数据:', this.statistics);
+				} catch (error) {
+					console.error('加载统计数据失败:', error);
+					this.handleError(error, '加载统计数据失败');
+				} finally {
+					this.statisticsLoading = false;
+					// 如果是在下拉刷新时，且loadRecords还没完成，这里不停止刷新
+					// 让loadRecords完成后统一停止
+				}
+			},
+			
+			// 加载记录列表
+			async loadRecords() {
+				if (this.loading) return;
+				
+				const channelCode = this.getChannelCode();
+				if (!channelCode) {
+					console.error('缺少channelCode');
+					return;
+				}
+				
+				this.loading = true;
+				
+				try {
+					// 根据当前标签页选择不同的接口与筛选参数
+					const url = this.currentTab === 'revenue'
+						? '/v1/frontend/distribution/user/revenue-records'
+						: '/v1/frontend/distribution/user/withdrawal-records';
+
+					const requestData = {
+						channelCode: channelCode,
+						page: this.currentPage,
+						limit: this.pageSize
+					};
+
+					if (this.currentTab === 'revenue') {
+						requestData.filterType = this.selectedTypeIndex === 0 ? '' : this.typeOptions[this.selectedTypeIndex];
+						requestData.date = this.selectedDate;
+					} else {
+						// 状态映射：全部 / 审核中 / 已通过 / 已拒绝
+						const statusMap = ['all', 'pending', 'approved', 'rejected'];
+						const payTypeMap = ['all', 'wechat', 'alipay','bankcard'];
+						requestData.status = statusMap[this.selectedStatusIndex] || '';
+						requestData.payType = payTypeMap[this.selectedPayTypeIndex] || '';
+					}
+
+					const response = await this.channelRequest({
+						url,
+						method: 'GET',
+						data: requestData,
+						needChannelCode: true
+					});
+					
+					const data = response.data || {};
+					const list = data.list || data.records || [];
+					
+					if (this.currentPage === 1) {
+						this.recordsList = list;
+					} else {
+						this.recordsList = [...this.recordsList, ...list];
+					}
+					
+					this.totalRecords = data.total || 0;
+					this.hasMore = this.recordsList.length < this.totalRecords;
+				} catch (error) {
+					this.handleError(error, '加载记录失败');
+				} finally {
+					this.loading = false;
+				}
+			},
+			
+			// 刷新数据
+			async refreshData() {
+				try {
+					// 重置状态
+					this.currentPage = 1;
+					this.hasMore = true;
+					this.recordsList = [];
+					this.loading = false;
+					this.statisticsLoading = false;
+					
+					// 确保有channelCode
+					if (!this.channelInfo.code) {
+						const storedCode = uni.getStorageSync('channelCode');
+						if (storedCode) {
+							this.channelInfo.code = storedCode;
+						}
+					}
+					
+					// 重新加载数据
+					await this.loadData();
+				} catch (error) {
+					console.error('刷新数据失败:', error);
+				} finally {
+					// 确保下拉刷新状态被停止
+					uni.stopPullDownRefresh();
+				}
+			},
+			
+			// 切换标签页
+			switchTab(tab) {
+				if (this.currentTab === tab) return;
+				this.currentTab = tab;
+				this.currentPage = 1;
+				this.recordsList = [];
+				this.loadRecords();
+			},
+			
+			// 切换筛选条件显示
+			toggleFilter() {
+				this.showFilter = !this.showFilter;
+			},
+			
+			// 类型选择变化
+			onTypeChange(e) {
+				this.selectedTypeIndex = e.detail.value;
+				this.currentPage = 1;
+				this.recordsList = [];
+				this.loadRecords();
+			},
+			
+			// 日期选择变化（收益明细）
+			onDateChange(e) {
+				this.selectedDate = e.detail.value;
+				this.currentPage = 1;
+				this.recordsList = [];
+				this.loadRecords();
+			},
+
+			// 状态选择变化（提现明细）
+			onStatusChange(e) {
+				this.selectedStatusIndex = e.detail.value;
+				this.currentPage = 1;
+				this.recordsList = [];
+				this.loadRecords();
+			},
+
+			// 到账方式选择变化（提现明细）
+			onPayTypeChange(e) {
+				this.selectedPayTypeIndex = e.detail.value;
+				this.currentPage = 1;
+				this.recordsList = [];
+				this.loadRecords();
+			},
+			
+			// 加载更多
+			loadMore() {
+				if (this.hasMore && !this.loading) {
+					this.currentPage++;
+					this.loadRecords();
+				}
+			},
+			
+			// 一键提现 - 打开弹框
+			handleWithdraw() {
+				if (this.statistics.withdrawableAmount <= 0) {
+					uni.showToast({
+						title: '暂无可提现金额',
+						icon: 'none',
+						duration: 2000
+					});
+					return;
+				}
+				
+				this.withdrawFormAmount = (this.statistics.withdrawableAmount || 0).toFixed(2);
+				this.$refs.withdrawPopup && this.$refs.withdrawPopup.open();
+			},
+
+			// 设置为全部提现
+			setFullWithdraw() {
+				this.withdrawFormAmount = (this.statistics.withdrawableAmount || 0).toFixed(2);
+			},
+
+			// 关闭提现弹框
+			closeWithdrawPopup() {
+				this.$refs.withdrawPopup && this.$refs.withdrawPopup.close();
+			},
+
+			// 确认提现
+			async confirmWithdraw() {
+				const maxAmount = Number(this.statistics.withdrawableAmount || 0);
+				let amount = Number(this.withdrawFormAmount);
+
+				if (isNaN(amount) || amount <= 0) {
+					uni.showToast({
+						title: '请输入正确的提现金额',
+						icon: 'none',
+						duration: 2000
+					});
+					return;
+				}
+
+				if (amount > maxAmount) {
+					uni.showToast({
+						title: `最多可提现 ¥${maxAmount.toFixed(2)}`,
+						icon: 'none',
+						duration: 2000
+					});
+					return;
+				}
+
+				const channelCode = this.getChannelCode();
+				if (!channelCode) {
+					uni.showToast({
+						title: '缺少渠道编码',
+						icon: 'none',
+						duration: 2000
+					});
+					return;
+				}
+
+				try {
+					this.statisticsLoading = true;
+					await this.channelRequest({
+						url: '/v1/distribution/withdrawals',
+						method: 'POST',
+						data: {
+							channelCode,
+							amount
+						},
+						needChannelCode: true
+					});
+
+					uni.showToast({
+						title: '提现申请已提交',
+						icon: 'success',
+						duration: 2000
+					});
+
+					this.closeWithdrawPopup();
+
+					// 刷新统计与记录
+					setTimeout(() => {
+						this.refreshData();
+					}, 1200);
+				} catch (error) {
+					this.handleError(error, '提现失败，请重试');
+				} finally {
+					this.statisticsLoading = false;
+				}
+			},
+			
+			// 打开修改密码弹框
+			openChangePasswordPopup() {
+				// 重置表单
+				this.passwordForm = {
+					oldPassword: '',
+					newPassword: '',
+					confirmPassword: ''
+				};
+				this.$refs.changePasswordPopup && this.$refs.changePasswordPopup.open();
+			},
+			
+			// 关闭修改密码弹框
+			closeChangePasswordPopup() {
+				this.$refs.changePasswordPopup && this.$refs.changePasswordPopup.close();
+				// 清空表单
+				this.passwordForm = {
+					oldPassword: '',
+					newPassword: '',
+					confirmPassword: ''
+				};
+			},
+			
+			// 验证密码表单
+			validatePasswordForm() {
+				if (!this.passwordForm.oldPassword || !this.passwordForm.oldPassword.trim()) {
+					uni.showToast({
+						title: '请输入原密码',
+						icon: 'none',
+						duration: 2000
+					});
+					return false;
+				}
+				
+				if (!this.passwordForm.newPassword || !this.passwordForm.newPassword.trim()) {
+					uni.showToast({
+						title: '请输入新密码',
+						icon: 'none',
+						duration: 2000
+					});
+					return false;
+				}
+				
+				if (this.passwordForm.newPassword.length < 6) {
+					uni.showToast({
+						title: '新密码长度至少6位',
+						icon: 'none',
+						duration: 2000
+					});
+					return false;
+				}
+				
+				if (this.passwordForm.newPassword !== this.passwordForm.confirmPassword) {
+					uni.showToast({
+						title: '两次输入的新密码不一致',
+						icon: 'none',
+						duration: 2000
+					});
+					return false;
+				}
+				
+				if (this.passwordForm.oldPassword === this.passwordForm.newPassword) {
+					uni.showToast({
+						title: '新密码不能与原密码相同',
+						icon: 'none',
+						duration: 2000
+					});
+					return false;
+				}
+				
+				return true;
+			},
+			
+			// 确认修改密码
+			async confirmChangePassword() {
+				if (this.passwordLoading) return;
+				
+				if (!this.validatePasswordForm()) {
+					return;
+				}
+				
+				const channelCode = this.getChannelCode();
+				if (!channelCode) {
+					uni.showToast({
+						title: '缺少渠道编码',
+						icon: 'none',
+						duration: 2000
+					});
+					return;
+				}
+				
+				try {
+					this.passwordLoading = true;
+					
+					// 准备请求参数
+					const requestData = {
+						channelCode: channelCode,
+						oldPassword: this.passwordForm.oldPassword.trim(),
+						newPassword: this.passwordForm.newPassword.trim()
+					};
+					
+					console.log('修改密码请求参数:', {
+						url: '/v1/frontend/distribution/user/change-password',
+						data: {
+							...requestData,
+							oldPassword: '***', // 隐藏密码
+							newPassword: '***'  // 隐藏密码
+						}
+					});
+					
+					const response = await this.channelRequest({
+						url: '/v1/frontend/distribution/user/change-password',
+						method: 'POST',
+						data: requestData,
+						needChannelCode: true
+					});
+					
+					console.log('修改密码接口响应:', response);
+					
+					uni.showToast({
+						title: '密码修改成功',
+						icon: 'success',
+						duration: 2000
+					});
+					
+					this.closeChangePasswordPopup();
+					
+					// 提示重新登录
+					setTimeout(() => {
+						uni.showModal({
+							title: '提示',
+							content: '密码已修改，请重新登录',
+							showCancel: false,
+							confirmText: '确定',
+							success: (res) => {
+								if (res.confirm) {
+									// 获取companyId（在清除之前获取）
+									const companyId = uni.getStorageSync('channelCompanyId') || '';
+									
+									// 清除登录信息
+									uni.removeStorageSync('channelToken');
+									uni.removeStorageSync('channelCode');
+									uni.removeStorageSync('channelName');
+									uni.removeStorageSync('channelLoginData');
+									// 注意：不清除channelCompanyId，因为退出登录时需要用到
+									
+									// 跳转到登录页，带上companyId
+									const loginUrl = companyId 
+										? `/pages/channel/login?companyId=${companyId}`
+										: '/pages/channel/login';
+									
+									uni.redirectTo({
+										url: loginUrl
+									});
+								}
+							}
+						});
+					}, 1500);
+				} catch (error) {
+					console.error('修改密码失败:', error);
+					this.handleError(error, '修改密码失败，请重试');
+				} finally {
+					this.passwordLoading = false;
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+	min-height: 100vh;
+	background-color: #f5f5f5;
+}
+
+/* 顶部蓝色头部 */
+.header-section {
+	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 60%, #1e40af 100%);
+	padding: 56rpx 30rpx 120rpx;
+	color: #fff;
+	border-bottom-left-radius: 40rpx;
+	border-bottom-right-radius: 40rpx;
+}
+
+.header-content {
+	position: relative;
+}
+
+.header-title-row {
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-start;
+	margin-bottom: 40rpx;
+}
+
+.header-title-group {
+	flex: 1;
+}
+
+.header-title {
+	display: block;
+	font-size: 44rpx;
+	font-weight: 600;
+	margin-bottom: 12rpx;
+}
+
+.header-subtitle {
+	display: block;
+	font-size: 24rpx;
+	opacity: 0.9;
+}
+
+.header-actions {
+	display: flex;
+	align-items: center;
+}
+
+.settings-btn {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 10rpx;
+	padding: 0;
+}
+
+.settings-text {
+	font-size: 22rpx;
+	color: #fff;
+}
+
+.settings-circle {
+	width: 56rpx;
+	height: 56rpx;
+	border-radius: 50%;
+	background-color: #ffffff;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 8rpx 20rpx rgba(15, 23, 42, 0.25);
+}
+
+.channel-info {
+	display: none;
+}
+
+.channel-row {
+	margin-top: 40rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.channel-left {
+	flex: 1;
+}
+
+.channel-label {
+	font-size: 24rpx;
+	opacity: 0.85;
+}
+
+.channel-name {
+	display: block;
+	margin-top: 8rpx;
+	font-size: 32rpx;
+	font-weight: 600;
+}
+
+.channel-code-pill {
+	margin-left: 16rpx;
+	padding: 0;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	max-width: 360rpx;
+}
+
+.channel-code-label {
+	font-size: 22rpx;
+	opacity: 0.8;
+	margin-bottom: 4rpx;
+}
+
+.channel-code-text {
+	font-size: 22rpx;
+	font-weight: 500;
+	letter-spacing: 2rpx;
+}
+
+/* 统计卡片区域（贴近效果图） */
+.stats-section {
+	padding: 0 30rpx 30rpx;
+	margin-top: -60rpx; /* 白卡片稍微压在蓝色圆角上 */
+	display: flex;
+	flex-direction: column;
+	gap: 24rpx;
+}
+
+/* 顶部大统计卡片 */
+.stats-main-card {
+	background: #ffffff;
+	border-radius: 32rpx;
+	padding: 32rpx 30rpx 28rpx;
+	box-shadow: 0 20rpx 40rpx rgba(15, 23, 42, 0.16);
+}
+
+.withdraw-header-row {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 20rpx;
+}
+
+.withdraw-title-wrap {
+	display: flex;
+	align-items: center;
+	gap: 12rpx;
+}
+
+.withdraw-icon-wrap {
+	width: 40rpx;
+	height: 40rpx;
+	border-radius: 50%;
+	background: rgba(79, 70, 229, 0.1);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.withdraw-label {
+	font-size: 24rpx;
+	color: #9ca3af;
+}
+
+.withdraw-amount-row {
+	display: flex;
+	align-items: flex-end;
+	justify-content: flex-start;
+	margin: 24rpx 0 32rpx;
+}
+
+.withdraw-currency {
+	font-size: 60rpx;
+	color: #111827;
+	font-weight: 700;
+	margin-right: 4rpx;
+}
+
+.withdraw-amount-text {
+	font-size: 60rpx;
+	font-weight: 700;
+	color: #111827;
+}
+
+.withdraw-button-row {
+	display: flex;
+	justify-content: center;
+	margin-bottom: 32rpx;
+}
+
+.withdraw-button {
+	width: 100%;
+	height: 96rpx;
+	background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
+	border: none;
+	border-radius: 30rpx;
+	color: #fff;
+	font-size: 30rpx;
+	font-weight: 600;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: 12rpx;
+	&:disabled {
+		opacity: 0.7;
+	}
+}
+
+.withdraw-btn-text {
+	color: #fff;
+}
+
+.revenue-divider {
+	height: 1rpx;
+	background: #e5e7eb;
+	margin: 16rpx 0 22rpx;
+}
+
+.revenue-row {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.revenue-item {
+	flex: 1;
+	align-items: center;
+	text-align: center;
+	border-right: 1rpx solid #e5e7eb;
+}
+
+.revenue-label {
+	font-size: 22rpx;
+	color: #9ca3af;
+	margin-bottom: 6rpx;
+	display: block;
+}
+
+.revenue-value {
+	font-size: 30rpx;
+	font-weight: 600;
+	color: #111827;
+}
+
+.revenue-item:last-child {
+	border-right: none;
+}
+
+/* 底部两张统计卡片（总加好友数 / 总获客数） */
+.acquisition-row {
+	display: flex;
+	gap: 20rpx;
+}
+
+.acquisition-card {
+	flex: 1;
+	background: #ffffff;
+	border-radius: 24rpx;
+	padding: 24rpx 22rpx 20rpx;
+	box-shadow: 0 12rpx 30rpx rgba(15, 23, 42, 0.08);
+	position: relative;
+	overflow: hidden;
+}
+
+.acquisition-main-number {
+	font-size: 40rpx;
+	font-weight: 700;
+	color: #111827;
+}
+
+.acquisition-main-sub {
+	font-size: 22rpx;
+	color: #9ca3af;
+	margin-left: 12rpx;
+}
+
+.acquisition-header-row {
+	display: flex;
+	align-items: center;
+	justify-content: flex-start;
+	margin-bottom: 26rpx;
+}
+
+.acquisition-icon {
+	width: 72rpx;
+	height: 72rpx;
+	border-radius: 24rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.friends-icon {
+	background: #e5edff;
+}
+
+.customer-icon {
+	background: #f5e5ff;
+}
+
+.acquisition-title-text {
+	margin-left: 24rpx;
+	font-size: 24rpx;
+	color: #9ca3af;
+}
+
+.acquisition-bottom-row {
+	display: flex;
+	align-items: baseline;
+	margin-top: 4rpx;
+}
+
+.acquisition-bg-circle {
+	position: absolute;
+	right: -40rpx;
+	bottom: -40rpx;
+	width: 160rpx;
+	height: 160rpx;
+	border-radius: 50%;
+}
+
+.friends-circle {
+	background: #eef3ff;
+}
+
+.customer-circle {
+	background: #f8edff;
+}
+
+/* 明细记录区域 */
+.records-section {
+	background: transparent;
+	margin-top: 20rpx;
+	min-height: 60vh;
+}
+
+.records-section > view {
+	background-color: #ffffff;
+	border-radius: 24rpx;
+	padding: 26rpx 24rpx 30rpx;
+	box-shadow: 0 18rpx 36rpx rgba(15, 23, 42, 0.06);
+}
+
+.records-header {
+	display: flex;
+	align-items: center;
+	gap: 12rpx;
+	margin-bottom: 24rpx;
+}
+
+.records-title {
+	font-size: 32rpx;
+	font-weight: 600;
+	color: #111827;
+}
+
+/* 标签页 - 胶囊 */
+.tabs-container {
+	margin-bottom: 24rpx;
+}
+
+.tabs-pill {
+	display: flex;
+	background-color: #eef2ff;
+	border-radius: 999rpx;
+	padding: 6rpx;
+}
+
+.tab-item {
+	flex: 1;
+	text-align: center;
+	padding: 18rpx 0;
+	font-size: 26rpx;
+	color: #6b7280;
+	border-radius: 999rpx;
+	
+	&.active {
+		background-color: #ffffff;
+		color: #2563eb;
+		font-weight: 600;
+		box-shadow: 0 4rpx 12rpx rgba(37, 99, 235, 0.12);
+	}
+}
+
+/* 筛选条件卡片 */
+.filter-section {
+	margin-bottom: 24rpx;
+}
+
+.filter-card {
+	background-color: #f7f9fc;
+	border-radius: 20rpx;
+	padding: 22rpx 24rpx 18rpx;
+	border: 1rpx solid #eef2ff;
+}
+
+.filter-header-row {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.filter-header-left {
+	display: flex;
+	align-items: center;
+	gap: 10rpx;
+}
+
+.filter-title {
+	font-size: 26rpx;
+	color: #4b5563;
+	font-weight: 500;
+}
+
+.filter-content {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	gap: 24rpx;
+	margin-top: 22rpx;
+}
+
+.filter-item {
+	flex: 1;
+}
+
+.filter-label {
+	font-size: 26rpx;
+	color: #9ca3af;
+	margin-bottom: 10rpx;
+}
+
+.filter-picker {
+	display: flex;
+	align-items: center;
+	gap: 8rpx;
+	font-size: 26rpx;
+	color: #111827;
+	padding: 18rpx 22rpx;
+	background-color: #ffffff;
+	border-radius: 16rpx;
+	border: 1rpx solid #eef2ff;
+}
+
+/* 记录列表 */
+.records-list {
+	display: flex;
+	flex-direction: column;
+	gap: 20rpx;
+}
+
+.records-count {
+	display: flex;
+	justify-content: space-between;
+	font-size: 24rpx;
+	color: #999;
+	margin-bottom: 20rpx;
+}
+
+.records-count-pill {
+	padding: 6rpx 16rpx;
+	border-radius: 999rpx;
+	background-color: #e5e7eb;
+}
+
+.current-count {
+	color: #4b5563;
+}
+
+.empty-state {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 100rpx 0;
+	gap: 20rpx;
+}
+
+.empty-text {
+	font-size: 28rpx;
+	color: #999;
+}
+
+.record-item {
+	padding: 24rpx 0;
+	border-bottom: 1rpx solid #edf0f7;
+}
+
+.record-name {
+	font-size: 28rpx;
+	color: #111827;
+	font-weight: 500;
+}
+
+.record-main-row {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.record-title-wrap {
+	display: flex;
+	align-items: center;
+	gap: 12rpx;
+	flex: 1;
+}
+
+.record-badge {
+	font-size: 20rpx;
+	padding: 4rpx 12rpx;
+	border-radius: 999rpx;
+	color: #4b5563;
+	background-color: #e5ecff;
+}
+
+.badge-friend {
+	background-color: #e5f7ff;
+}
+
+.record-amount {
+	font-size: 30rpx;
+	font-weight: 600;
+	color: #111827;
+	
+	&.amount-positive {
+		color: #16a34a;
+	}
+}
+
+.record-meta-row {
+	margin-top: 12rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.record-time-wrap {
+	display: flex;
+	align-items: center;
+	gap: 6rpx;
+}
+
+.record-time {
+	font-size: 24rpx;
+	color: #9ca3af;
+}
+
+.record-meta-type {
+	font-size: 24rpx;
+	color: #9ca3af;
+}
+
+.record-remark {
+	margin-top: 12rpx;
+	font-size: 22rpx;
+	color: #9ca3af;
+	display: flex;
+	align-items: flex-start;
+	gap: 8rpx;
+}
+
+.remark-label {
+	color: #9ca3af;
+	flex-shrink: 0;
+}
+
+.remark-value {
+	color: #6b7280;
+	flex: 1;
+}
+
+/* 提现明细专用样式 */
+.withdraw-record-item {
+	padding: 26rpx 0;
+}
+
+.withdraw-main-row {
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-start;
+}
+
+.withdraw-main-left {
+	display: flex;
+	flex-direction: column;
+	gap: 6rpx;
+}
+
+.withdraw-title {
+	font-size: 28rpx;
+	color: #111827;
+	font-weight: 500;
+}
+
+.withdraw-id {
+	font-size: 22rpx;
+	color: #9ca3af;
+}
+
+.withdraw-amount {
+	font-size: 32rpx;
+	font-weight: 600;
+	color: #16a34a;
+}
+
+.withdraw-tags-row {
+	margin-top: 12rpx;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 10rpx;
+}
+
+.withdraw-tag {
+	padding: 4rpx 12rpx;
+	border-radius: 999rpx;
+	font-size: 20rpx;
+	color: #4b5563;
+	background-color: #e5ecff;
+}
+
+.status-tag {
+	background-color: #dcfce7;
+	color: #15803d;
+}
+
+.status-pending {
+	background-color: #fef9c3;
+	color: #ca8a04;
+}
+
+.status-rejected {
+	background-color: #fee2e2;
+	color: #b91c1c;
+}
+
+.withdraw-meta-row {
+	margin-top: 12rpx;
+	display: flex;
+	gap: 32rpx;
+}
+
+.withdraw-meta-item {
+	font-size: 22rpx;
+	color: #9ca3af;
+}
+
+.withdraw-meta-item .meta-label {
+	color: #9ca3af;
+}
+
+.withdraw-meta-item .meta-value {
+	margin-left: 4rpx;
+	color: #6b7280;
+}
+
+.withdraw-remark {
+	margin-top: 10rpx;
+	font-size: 22rpx;
+	color: #9ca3af;
+}
+
+/* 提现弹框 */
+.withdraw-popup {
+	width: 600rpx;
+	background-color: #ffffff;
+	border-radius: 24rpx;
+	padding: 32rpx 28rpx 26rpx;
+	box-sizing: border-box;
+}
+
+.withdraw-popup-header {
+	margin-bottom: 24rpx;
+}
+
+.withdraw-popup-title {
+	font-size: 32rpx;
+	font-weight: 600;
+	color: #111827;
+}
+
+.withdraw-popup-subtitle {
+	margin-top: 8rpx;
+	font-size: 24rpx;
+	color: #9ca3af;
+	display: block;
+}
+
+.withdraw-popup-placeholder {
+	color: #d1d5db;
+	font-size: 28rpx;
+}
+
+/* 金额卡片 */
+.withdraw-popup-card {
+	margin-top: 20rpx;
+	padding: 24rpx 24rpx 22rpx;
+	border-radius: 20rpx;
+	background-color: #fff7ed;
+	border: 1rpx solid #fed7aa;
+}
+
+.withdraw-popup-card-top {
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-start;
+}
+
+.withdraw-popup-card-left {
+	display: flex;
+	flex-direction: column;
+	gap: 8rpx;
+}
+
+.card-main-label {
+	font-size: 26rpx;
+	color: #4b5563;
+	white-space: nowrap;
+}
+
+.card-sub-label {
+	font-size: 22rpx;
+	color: #f97316;
+}
+
+.withdraw-popup-amount-wrap {
+	display: flex;
+	align-items: baseline;
+	justify-content: flex-end;
+	flex: 1;
+}
+
+.withdraw-popup-amount-currency {
+	font-size: 40rpx;
+	color: #f97316;
+	font-weight: 700;
+	margin-right: 0;
+}
+
+.withdraw-popup-amount-input {
+	min-width: 160rpx;
+	font-size: 40rpx;
+	font-weight: 700;
+	color: #f97316;
+	text-align: right;
+	margin-left: 4rpx;
+}
+
+/* 信息块 */
+.withdraw-popup-info {
+	margin-top: 20rpx;
+	padding: 18rpx 20rpx;
+	border-radius: 16rpx;
+	background-color: #eef2ff;
+}
+
+.withdraw-info-row {
+	display: flex;
+	align-items: center;
+	gap: 10rpx;
+	margin-bottom: 10rpx;
+}
+
+.withdraw-info-row:last-child {
+	margin-bottom: 0;
+}
+
+.withdraw-info-dot {
+	width: 8rpx;
+	height: 8rpx;
+	border-radius: 50%;
+	background-color: #3b82f6;
+}
+
+.withdraw-info-text {
+	font-size: 24rpx;
+	color: #4b5563;
+}
+
+.withdraw-popup-footer {
+	margin-top: 26rpx;
+	display: flex;
+	justify-content: flex-end;
+	gap: 16rpx;
+}
+
+.withdraw-popup-btn {
+	min-width: 180rpx;
+	height: 72rpx;
+	line-height: 72rpx;
+	border-radius: 999rpx;
+	font-size: 28rpx;
+}
+
+.withdraw-popup-btn.cancel {
+	background-color: #e5e7eb;
+	color: #374151;
+}
+
+.withdraw-popup-btn.confirm {
+	background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
+	color: #ffffff;
+}
+
+.load-more {
+	text-align: center;
+	padding: 30rpx 0;
+	color: #6366f1;
+	font-size: 28rpx;
+}
+
+.load-more-text {
+	color: #6366f1;
+	
+	&.no-more {
+		color: #999;
+	}
+}
+
+.loading-state {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 100rpx 0;
+	gap: 20rpx;
+}
+
+.loading-text {
+	font-size: 28rpx;
+	color: #999;
+}
+
+/* 修改密码弹框 */
+.password-popup {
+	width: 600rpx;
+	background-color: #ffffff;
+	border-radius: 24rpx;
+	padding: 32rpx 28rpx 26rpx;
+	box-sizing: border-box;
+}
+
+.password-popup-header {
+	margin-bottom: 24rpx;
+}
+
+.password-popup-title {
+	font-size: 32rpx;
+	font-weight: 600;
+	color: #111827;
+}
+
+.password-popup-subtitle {
+	margin-top: 8rpx;
+	font-size: 24rpx;
+	color: #9ca3af;
+	display: block;
+	line-height: 1.6;
+}
+
+/* 表单区域 */
+.password-popup-form {
+	margin-top: 20rpx;
+	display: flex;
+	flex-direction: column;
+	gap: 24rpx;
+}
+
+.password-form-item {
+	display: flex;
+	flex-direction: column;
+	gap: 12rpx;
+}
+
+.password-form-label {
+	display: flex;
+	align-items: center;
+	gap: 8rpx;
+}
+
+.password-form-label .label-text {
+	font-size: 26rpx;
+	color: #4b5563;
+	font-weight: 500;
+}
+
+.password-input-wrapper {
+	position: relative;
+}
+
+.password-input {
+	width: 100%;
+	height: 88rpx;
+	padding: 0 24rpx;
+	font-size: 28rpx;
+	color: #111827;
+	background-color: #f9fafb;
+	border: 2rpx solid #e5e7eb;
+	border-radius: 12rpx;
+	box-sizing: border-box;
+	transition: all 0.3s ease;
+}
+
+.password-input:focus {
+	border-color: #6366f1;
+	background-color: #fff;
+	box-shadow: 0 0 0 4rpx rgba(99, 102, 241, 0.1);
+}
+
+.password-placeholder {
+	color: #d1d5db;
+	font-size: 28rpx;
+}
+
+/* 提示信息 */
+.password-popup-info {
+	margin-top: 20rpx;
+	padding: 18rpx 20rpx;
+	border-radius: 16rpx;
+	background-color: #eef2ff;
+}
+
+.password-info-row {
+	display: flex;
+	align-items: center;
+	gap: 10rpx;
+	margin-bottom: 10rpx;
+}
+
+.password-info-row:last-child {
+	margin-bottom: 0;
+}
+
+.password-info-dot {
+	width: 8rpx;
+	height: 8rpx;
+	border-radius: 50%;
+	background-color: #3b82f6;
+	flex-shrink: 0;
+}
+
+.password-info-text {
+	font-size: 24rpx;
+	color: #4b5563;
+	line-height: 1.5;
+}
+
+.password-popup-footer {
+	margin-top: 26rpx;
+	display: flex;
+	justify-content: flex-end;
+	gap: 16rpx;
+}
+
+.password-popup-btn {
+	min-width: 180rpx;
+	height: 72rpx;
+	line-height: 72rpx;
+	border-radius: 999rpx;
+	font-size: 28rpx;
+	border: none;
+}
+
+.password-popup-btn.cancel {
+	background-color: #e5e7eb;
+	color: #374151;
+}
+
+.password-popup-btn.confirm {
+	background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
+	color: #ffffff;
+}
+
+.password-popup-btn:disabled {
+	opacity: 0.6;
+	cursor: not-allowed;
+}
+
+/* H5适配 */
+/* #ifdef H5 */
+.withdraw-button,
+.settings-btn {
+	cursor: pointer;
+	transition: all 0.3s ease;
+	
+	&:hover {
+		opacity: 0.9;
+		transform: translateY(-2rpx);
+	}
+	
+	&:active {
+		transform: translateY(0);
+	}
+}
+
+.password-popup-btn {
+	cursor: pointer;
+	transition: all 0.3s ease;
+	
+	&:hover:not(:disabled) {
+		opacity: 0.9;
+		transform: translateY(-2rpx);
+	}
+	
+	&:active:not(:disabled) {
+		transform: translateY(0);
+	}
+}
+/* #endif */
+</style>
+
diff --git a/pages/form/input.vue b/pages/form/input.vue
new file mode 100644
index 0000000..47bbae9
--- /dev/null
+++ b/pages/form/input.vue
@@ -0,0 +1,421 @@
+<template>
+	<view class="page-container">
+		<!-- 表单内容 -->
+		<view class="form-container">
+			<!-- 计划名称 -->
+			<view class="form-group">
+				<text class="form-label">计划名称</text>
+				<view class="form-value">
+					<text class="value-text">{{taskname}}</text>
+				</view>
+			</view>
+			
+			<!-- 手机号输入 -->
+			<view class="form-group">
+				<text class="form-label required">手机号/微信号</text>
+				<view class="input-wrapper">
+					<textarea 
+						class="form-input"
+						v-model="form.phone"
+						:placeholder="phonePlaceholder"
+						:maxlength="500"
+						:auto-height="true"
+					></textarea>
+				</view>
+			</view>
+			
+			<!-- 提交按钮 -->
+			<view class="submit-wrapper">
+				<button 
+					class="submit-button" 
+					:class="{loading: isSubmitting, success: submitSuccess}" 
+					@click="submit" 
+					:disabled="isSubmitting"
+				>
+					<text class="button-text">
+						{{submitSuccess ? '提交成功' : (isSubmitting ? '提交中...' : '提交')}}
+					</text>
+				</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				form: {
+					phone: ""
+				},
+				// 多行 placeholder 需要放在 data 中，避免模板字符串里直接换行导致小程序编译错误
+				phonePlaceholder: '请输入手机号或微信号，如有备注请用逗号隔开，多个用换行隔开，格式如下:18888888888,张三',
+				taskid: '',
+				taskname: '',
+				cid: '',
+				isSubmitting: false,
+				submitSuccess: false
+			}
+		},
+		onLoad(options) {
+			let taskId = options.id;
+			let cid = options.channelId;
+			//h5
+			if (taskId != undefined) {
+				this.taskid = taskId;
+				this.cid = cid;
+			} else {
+				let paramsArr = decodeURIComponent(options.scene).split('&');
+				this.taskid = paramsArr[0].split('=')[1];
+				this.cid = paramsArr[1].split('=')[1];
+			}
+			//修改标题
+			uni.setNavigationBarTitle({
+				title: "表单录入"
+			});
+
+			this.getPosterData();
+		},
+		methods: {
+			getPosterData() {
+				let that = this;
+				uni.request({
+					method: 'POST',
+					url: that.$config.apiUrl2 + '/v1/frontend/business/poster/getone',
+					data: {
+						oldId: this.taskid
+					},
+					success: (res) => {
+						console.log(res)
+						if (res.data.code == 200) {
+							that.taskname = res.data.data.name
+							that.taskid = res.data.data.task.id
+						} else {
+							uni.showToast({
+								title: res.data.message,
+								icon: 'none',
+								duration: 2000
+							});
+						}
+					}
+				});
+			},
+			submit() {
+				let that = this;
+				
+				// 防止重复提交
+				if (that.isSubmitting) {
+					return;
+				}
+				
+				if (!that.form.phone.length) {
+					return uni.showToast({
+						title: '请输入手机号或微信号',
+						icon: 'none',
+						duration: 3000
+					});
+				}
+
+				// 开始提交
+				that.isSubmitting = true;
+				
+				let data = {
+					id: that.taskid,
+					cid: that.cid,
+					phone: that.form.phone,
+				}
+				uni.request({
+					method: 'POST',
+					url: that.$config.apiUrl2 + '/v1/frontend/business/form/importsave',
+					data: data,
+					success: (res) => {
+						console.log(res)
+						if (res.data.code == 200) {
+							// 处理响应数据
+							that.submitSuccess = true;
+							that.form.phone = ""
+							uni.showToast({
+								title: res.data.message,
+								icon: 'success',
+								duration: 2000
+							});
+							// 3秒后重置成功状态
+							setTimeout(() => {
+								that.submitSuccess = false;
+							}, 3000);
+						} else {
+							uni.showToast({
+								title: res.data.message,
+								icon: 'none',
+								duration: 2000
+							});
+						}
+					},
+					fail: (error) => {
+						console.error('提交失败:', error);
+						uni.showToast({
+							title: '网络错误，请重试',
+							icon: 'none',
+							duration: 2000
+						});
+					},
+					complete: () => {
+						// 无论成功失败都重置提交状态
+						that.isSubmitting = false;
+					}
+				});
+			},
+		}
+	}
+</script>
+
+<style scoped>
+/* 页面容器 */
+.page-container {
+	min-height: 100vh;
+	background: #fff;
+	padding: 0;
+}
+
+
+/* 表单容器 */
+.form-container {
+	padding: 40px 24px;
+	width: 100%;
+	height: 100vh;
+	background: #fff;
+	box-sizing: border-box;
+}
+
+/* 表单项 */
+.form-group {
+	margin-bottom: 28px;
+}
+
+.form-label {
+	display: block;
+	font-size: 16px;
+	font-weight: 600;
+	color: #2c3e50;
+	margin-bottom: 12px;
+	letter-spacing: 0.3px;
+}
+
+.form-label.required {
+	color: #e74c3c;
+	position: relative;
+}
+
+.form-label.required::after {
+	content: '';
+	position: absolute;
+	right: -8px;
+	top: 50%;
+	transform: translateY(-50%);
+	width: 4px;
+	height: 4px;
+	background: #e74c3c;
+	border-radius: 50%;
+}
+
+/* 计划名称显示 */
+.form-value {
+	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+	border: 2px solid #e9ecef;
+	border-radius: 12px;
+	padding: 16px 20px;
+	min-height: 52px;
+	display: flex;
+	align-items: center;
+	transition: all 0.3s ease;
+	position: relative;
+	overflow: hidden;
+}
+
+.form-value::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 4px;
+	height: 100%;
+	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}
+
+.value-text {
+	font-size: 16px;
+	color: #2c3e50;
+	font-weight: 600;
+	letter-spacing: 0.2px;
+}
+
+/* 输入框包装器 */
+.input-wrapper {
+	position: relative;
+}
+
+.form-input {
+	width: 100%;
+	min-height: 120px;
+	padding: 20px;
+	font-size: 16px;
+	color: #2c3e50;
+	background: #fff;
+	border: 2px solid #e9ecef;
+	border-radius: 12px;
+	outline: none;
+	resize: none;
+	line-height: 1.6;
+	transition: all 0.3s ease;
+	font-family: inherit;
+	box-sizing: border-box;
+	position: relative;
+}
+
+.form-input:focus {
+	border-color: #667eea;
+	box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
+	transform: translateY(-2px);
+	background: #fafbfc;
+}
+
+.form-input::placeholder {
+	color: #95a5a6;
+	font-size: 14px;
+	font-weight: 400;
+	letter-spacing: 0.2px;
+}
+
+/* 提交按钮区域 */
+.submit-wrapper {
+	margin-top: 40px;
+}
+
+.submit-button {
+	width: 100%;
+	height: 56px;
+	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+	border: none;
+	border-radius: 16px;
+	color: #fff;
+	font-size: 18px;
+	font-weight: 600;
+	transition: all 0.3s ease;
+	cursor: pointer;
+	position: relative;
+	overflow: hidden;
+	letter-spacing: 0.5px;
+	box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
+}
+
+.submit-button::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: -100%;
+	width: 100%;
+	height: 100%;
+	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+	transition: left 0.5s;
+}
+
+.submit-button:hover:not(:disabled) {
+	transform: translateY(-3px);
+	box-shadow: 0 12px 32px rgba(102, 126, 234, 0.4);
+}
+
+.submit-button:active:not(:disabled) {
+	transform: translateY(-1px);
+}
+
+.submit-button:active::before {
+	left: 100%;
+}
+
+.submit-button.loading {
+	background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);
+	pointer-events: none;
+	box-shadow: 0 8px 24px rgba(149, 165, 166, 0.3);
+}
+
+.submit-button.success {
+	background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
+	box-shadow: 0 8px 24px rgba(39, 174, 96, 0.3);
+}
+
+.submit-button:disabled {
+	opacity: 0.6;
+	cursor: not-allowed;
+	transform: none;
+}
+
+.button-text {
+	color: #fff;
+	font-size: 18px;
+	font-weight: 600;
+	letter-spacing: 0.5px;
+}
+
+/* 响应式设计 */
+@media (max-width: 375px) {
+	.form-container {
+		padding: 32px 20px;
+	}
+	
+	.form-group {
+		margin-bottom: 24px;
+	}
+	
+	.submit-wrapper {
+		margin-top: 32px;
+	}
+	
+	.submit-button {
+		height: 50px;
+		font-size: 16px;
+	}
+}
+
+/* 优雅的动画效果 */
+.form-container {
+	animation: slideInUp 0.6s ease-out;
+}
+
+.form-group {
+	animation: fadeInUp 0.5s ease-out;
+}
+
+.form-group:nth-child(1) {
+	animation-delay: 0.2s;
+}
+
+.form-group:nth-child(2) {
+	animation-delay: 0.4s;
+}
+
+.submit-wrapper {
+	animation: fadeInUp 0.5s ease-out 0.6s both;
+}
+
+@keyframes slideInUp {
+	from {
+		opacity: 0;
+		transform: translateY(30px);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+@keyframes fadeInUp {
+	from {
+		opacity: 0;
+		transform: translateY(20px);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+</style>
diff --git a/pages/form/input2.vue b/pages/form/input2.vue
new file mode 100644
index 0000000..881d5fc
--- /dev/null
+++ b/pages/form/input2.vue
@@ -0,0 +1,424 @@
+<template>
+	<view class="page-container">
+		<!-- 表单内容 -->
+		<view class="form-container">
+			<!-- 计划名称 -->
+			<view class="form-group">
+				<text class="form-label">计划名称</text>
+				<view class="form-value">
+					<text class="value-text">{{taskname}}</text>
+				</view>
+			</view>
+			
+			<!-- 手机号输入 -->
+			<view class="form-group">
+				<text class="form-label required">手机号/微信号</text>
+				<view class="input-wrapper">
+					<textarea 
+						class="form-input"
+						v-model="form.phone"
+						:placeholder="phonePlaceholder"
+						:maxlength="500"
+						:auto-height="true"
+					></textarea>
+				</view>
+			</view>
+			
+			<!-- 提交按钮 -->
+			<view class="submit-wrapper">
+				<button 
+					class="submit-button" 
+					:class="{loading: isSubmitting, success: submitSuccess}" 
+					@click="submit" 
+					:disabled="isSubmitting"
+				>
+					<text class="button-text">
+						{{submitSuccess ? '提交成功' : (isSubmitting ? '提交中...' : '提交')}}
+					</text>
+				</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		request
+	} from '@/utils/request';
+	export default {
+		data() {
+			return {
+				form: {
+					phone: ""
+				},
+				// 多行 placeholder 需要放在 data 中，避免模板字符串里直接换行导致小程序编译错误
+				phonePlaceholder: '请输入手机号或微信号，如有备注请用逗号隔开，多个用换行隔开，格式如下:18888888888,张三',
+				token: "test",
+				taskid: '',
+				taskname: '',
+				cid: '',
+				isSubmitting: false,
+				submitSuccess: false
+			}
+		},
+		onLoad(options) {
+			let taskId = options.id;
+			let cid = options.channelId;
+			//h5
+			if (taskId != undefined) {
+				this.taskid = taskId;
+				this.cid = cid;
+			} else {
+				let paramsArr = decodeURIComponent(options.scene).split('&');
+				this.taskid = paramsArr[0].split('=')[1];
+				this.cid = paramsArr[1].split('=')[1];
+			}
+			//修改标题
+			uni.setNavigationBarTitle({
+				title: "表单录入"
+			});
+
+			this.getPosterData();
+		},
+		methods: {
+			getPosterData() {
+				let that = this;
+				uni.request({
+					method: 'POST',
+					url: that.$config.apiUrl2 + '/v1/frontend/business/poster/getone',
+					data: {
+						id: that.taskid,
+					},
+					success: (res) => {
+						console.log(res)
+						if (res.data.code == 200) {
+							that.taskname = res.data.data.name
+						} else {
+							uni.showToast({
+								title: res.data.message,
+								icon: 'none',
+								duration: 2000
+							});
+						}
+					}
+				});
+			},
+			submit() {
+				let that = this;
+				
+				// 防止重复提交
+				if (that.isSubmitting) {
+					return;
+				}
+				
+				if (!that.form.phone.length) {
+					return uni.showToast({
+						title: '请输入手机号或微信号',
+						icon: 'none',
+						duration: 3000
+					});
+				}
+
+				// 开始提交
+				that.isSubmitting = true;
+				
+				let data = {
+					id: that.taskid,
+					cid: that.cid,
+					phone: that.form.phone,
+				}
+				uni.request({
+					method: 'POST',
+					url: that.$config.apiUrl2 + '/v1/frontend/business/form/importsave',
+					data: data,
+					success: (res) => {
+						console.log(res)
+						if (res.data.code == 200) {
+							// 处理响应数据
+							that.submitSuccess = true;
+							that.form.phone = ""
+							uni.showToast({
+								title: res.data.message,
+								icon: 'success',
+								duration: 2000
+							});
+							// 3秒后重置成功状态
+							setTimeout(() => {
+								that.submitSuccess = false;
+							}, 3000);
+						} else {
+							uni.showToast({
+								title: res.data.message,
+								icon: 'none',
+								duration: 2000
+							});
+						}
+					},
+					fail: (error) => {
+						console.error('提交失败:', error);
+						uni.showToast({
+							title: '网络错误，请重试',
+							icon: 'none',
+							duration: 2000
+						});
+					},
+					complete: () => {
+						// 无论成功失败都重置提交状态
+						that.isSubmitting = false;
+					}
+				});
+			},
+		}
+	}
+</script>
+
+<style scoped>
+/* 页面容器 */
+.page-container {
+	min-height: 100vh;
+	background: #fff;
+	padding: 0;
+}
+
+
+/* 表单容器 */
+.form-container {
+	padding: 40px 24px;
+	width: 100%;
+	height: 100vh;
+	background: #fff;
+	box-sizing: border-box;
+}
+
+/* 表单项 */
+.form-group {
+	margin-bottom: 28px;
+}
+
+.form-label {
+	display: block;
+	font-size: 16px;
+	font-weight: 600;
+	color: #2c3e50;
+	margin-bottom: 12px;
+	letter-spacing: 0.3px;
+}
+
+.form-label.required {
+	color: #e74c3c;
+	position: relative;
+}
+
+.form-label.required::after {
+	content: '';
+	position: absolute;
+	right: -8px;
+	top: 50%;
+	transform: translateY(-50%);
+	width: 4px;
+	height: 4px;
+	background: #e74c3c;
+	border-radius: 50%;
+}
+
+/* 计划名称显示 */
+.form-value {
+	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+	border: 2px solid #e9ecef;
+	border-radius: 12px;
+	padding: 16px 20px;
+	min-height: 52px;
+	display: flex;
+	align-items: center;
+	transition: all 0.3s ease;
+	position: relative;
+	overflow: hidden;
+}
+
+.form-value::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 4px;
+	height: 100%;
+	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}
+
+.value-text {
+	font-size: 16px;
+	color: #2c3e50;
+	font-weight: 600;
+	letter-spacing: 0.2px;
+}
+
+/* 输入框包装器 */
+.input-wrapper {
+	position: relative;
+}
+
+.form-input {
+	width: 100%;
+	min-height: 120px;
+	padding: 20px;
+	font-size: 16px;
+	color: #2c3e50;
+	background: #fff;
+	border: 2px solid #e9ecef;
+	border-radius: 12px;
+	outline: none;
+	resize: none;
+	line-height: 1.6;
+	transition: all 0.3s ease;
+	font-family: inherit;
+	box-sizing: border-box;
+	position: relative;
+}
+
+.form-input:focus {
+	border-color: #667eea;
+	box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
+	transform: translateY(-2px);
+	background: #fafbfc;
+}
+
+.form-input::placeholder {
+	color: #95a5a6;
+	font-size: 14px;
+	font-weight: 400;
+	letter-spacing: 0.2px;
+}
+
+/* 提交按钮区域 */
+.submit-wrapper {
+	margin-top: 40px;
+}
+
+.submit-button {
+	width: 100%;
+	height: 56px;
+	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+	border: none;
+	border-radius: 16px;
+	color: #fff;
+	font-size: 18px;
+	font-weight: 600;
+	transition: all 0.3s ease;
+	cursor: pointer;
+	position: relative;
+	overflow: hidden;
+	letter-spacing: 0.5px;
+	box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
+}
+
+.submit-button::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: -100%;
+	width: 100%;
+	height: 100%;
+	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+	transition: left 0.5s;
+}
+
+.submit-button:hover:not(:disabled) {
+	transform: translateY(-3px);
+	box-shadow: 0 12px 32px rgba(102, 126, 234, 0.4);
+}
+
+.submit-button:active:not(:disabled) {
+	transform: translateY(-1px);
+}
+
+.submit-button:active::before {
+	left: 100%;
+}
+
+.submit-button.loading {
+	background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);
+	pointer-events: none;
+	box-shadow: 0 8px 24px rgba(149, 165, 166, 0.3);
+}
+
+.submit-button.success {
+	background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
+	box-shadow: 0 8px 24px rgba(39, 174, 96, 0.3);
+}
+
+.submit-button:disabled {
+	opacity: 0.6;
+	cursor: not-allowed;
+	transform: none;
+}
+
+.button-text {
+	color: #fff;
+	font-size: 18px;
+	font-weight: 600;
+	letter-spacing: 0.5px;
+}
+
+/* 响应式设计 */
+@media (max-width: 375px) {
+	.form-container {
+		padding: 32px 20px;
+	}
+	
+	.form-group {
+		margin-bottom: 24px;
+	}
+	
+	.submit-wrapper {
+		margin-top: 32px;
+	}
+	
+	.submit-button {
+		height: 50px;
+		font-size: 16px;
+	}
+}
+
+/* 优雅的动画效果 */
+.form-container {
+	animation: slideInUp 0.6s ease-out;
+}
+
+.form-group {
+	animation: fadeInUp 0.5s ease-out;
+}
+
+.form-group:nth-child(1) {
+	animation-delay: 0.2s;
+}
+
+.form-group:nth-child(2) {
+	animation-delay: 0.4s;
+}
+
+.submit-wrapper {
+	animation: fadeInUp 0.5s ease-out 0.6s both;
+}
+
+@keyframes slideInUp {
+	from {
+		opacity: 0;
+		transform: translateY(30px);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+@keyframes fadeInUp {
+	from {
+		opacity: 0;
+		transform: translateY(20px);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+</style>
\ No newline at end of file
diff --git a/pages/form/list.vue b/pages/form/list.vue
new file mode 100644
index 0000000..31b343a
--- /dev/null
+++ b/pages/form/list.vue
@@ -0,0 +1,113 @@
+<template>
+	<view class="u-page">
+		<u-list @scrolltolower="scrolltolower">
+			<u-list-item v-for="(item, index) in dataList" :key="index" class="custom-list-item">
+				<view class="list-item-content">
+					<u-cell :title="item.sPhoneOrWechatId" class="cell-item" :border="false" />
+					<view class="additional-info">
+						<text class="item-time">{{ item.dNewTime }}</text>
+						<text class="item-status">{{ item.status }}</text>
+					</view>
+				</view>
+			</u-list-item>
+			<u-loadmore :status="status" />
+		</u-list>
+	</view>
+</template>
+
+<script>
+	import {
+		request
+	} from '@/utils/request';
+	export default {
+		data() {
+			return {
+				status: "",
+				page: 1,
+				limit: 20,
+				dataList: []
+			}
+		},
+
+		methods: {
+			scrolltolower() {
+				this.page++
+				this.loadmore()
+			},
+			loadmore() {
+				this.status = "loading"
+				request({
+					url: '/v1/frontend/business/form/listdata',
+					data: {
+						page: this.page,
+						limit: this.limit
+					},
+					// ...
+				}).then((response) => {
+					for (let i = 0; i < response.data.data.list.length; i++) {
+						let data = response.data.data.list[i]
+						data.status = "333"
+						this.dataList.push(data)
+					}
+
+					if (response.data.data.list.length == 0) {
+						this.status = "nomore"
+					} else {
+						this.status = ""
+					}
+
+				}).catch((error) => {
+					// 处理错误
+				});
+			}
+		},
+		onLoad() {
+			uni.setNavigationBarTitle({
+				title: "我的表单"
+			});
+
+			this.loadmore()
+		}
+	}
+</script>
+
+<style>
+	.custom-list-item {
+		border-bottom: 1px solid #e5e5e5;
+	}
+
+	.list-item-content {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 10px 0;
+	}
+
+	.cell-item {
+		border-bottom: none;
+		font-size: 16px;
+		/* 标题字体大小 */
+		color: #333;
+		/* 标题字体颜色 */
+	}
+
+	.additional-info {
+		display: flex;
+		flex-direction: column;
+		align-items: flex-end;
+	}
+
+	.item-time {
+		color: #666;
+		/* 时间的颜色 */
+		font-size: 12px;
+		/* 时间的字体大小 */
+	}
+
+	.item-status {
+		color: #1989fa;
+		/* 状态的颜色，可根据实际需求调整 */
+		font-size: 14px;
+		/* 状态的字体大小 */
+	}
+</style>
\ No newline at end of file
diff --git a/pages/home/home.vue b/pages/home/home.vue
new file mode 100644
index 0000000..8183fd0
--- /dev/null
+++ b/pages/home/home.vue
@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
new file mode 100644
index 0000000..8086a30
--- /dev/null
+++ b/pages/index/index.vue
@@ -0,0 +1,912 @@
+<template>
+  <view class="container">
+    <!-- Header Navigation -->
+    <view class="header-nav">
+      <view class="nav-content">
+        <view class="nav-title">存客宝</view>
+        <view class="nav-avatar" @click="goToLogin">
+          <image class="avatar-img" src="/static/tabbar/me.png" mode="aspectFit"></image>
+        </view>
+      </view>
+    </view>
+    <!-- Hero Section -->
+    <view class="hero-section">
+      <view class="hero-content">
+        <view class="badge">场景化客户留存 SaaS 工具</view>
+        <view class="hero-title">
+          <text class="title-main">存客宝</text>
+          <text class="title-sub">私域流量运营专家</text>
+        </view>
+        <view class="hero-desc">
+          专注于场景化客户留存的私域流量运营工具，帮助中小企业将多平台公域流量高效转化为私域客户资产，通过数据驱动的精细化运营提升客户粘性和生命周期价值
+        </view>
+      </view>
+    </view>
+
+    <!-- 立即体验按钮 -->
+    <view class="cta-button-section">
+      <button class="cta-button" @click="showDialogBtn">
+        <text class="button-text">立即体验</text>
+        <text class="arrow">→</text>
+      </button>
+    </view>
+
+    <!-- Core Values Section -->
+    <view class="section values-section">
+      <view class="section-header">
+        <view class="section-title">核心价值与优势</view>
+        <view class="section-desc">通过统一管理、智能触达和数据驱动，全面提升企业私域运营效率</view>
+      </view>
+
+      <view class="values-grid">
+        <view class="value-card">
+          <view class="card-icon users-icon">👥</view>
+          <view class="card-title">统一管理 (存客)</view>
+          <view class="card-desc">一站式平台统一存储、管理和追踪来自各渠道的客户数据及关联的微信号状态，告别数据分散管理困难</view>
+        </view>
+
+        <view class="value-card">
+          <view class="card-icon target-icon">🎯</view>
+          <view class="card-title">智能触达 (获客)</view>
+          <view class="card-desc">场景化获客配置打通线上线下流量入口，利用AI智能内容库和多平台工作台高效触达转化客户</view>
+        </view>
+
+        <view class="value-card">
+          <view class="card-icon chart-icon">📊</view>
+          <view class="card-title">数据驱动 (宝)</view>
+          <view class="card-desc">通过数据统计与分析量化运营效果，优化营销策略，实现营销活动的标准化和数据化决策</view>
+        </view>
+      </view>
+    </view>
+
+    <!-- Functional Modules Section -->
+    <view class="section modules-section">
+      <view class="section-header">
+        <view class="section-title">五大核心功能模块</view>
+        <view class="section-desc">从数据概览到客户获取，从内容管理到多平台运营，全方位覆盖私域运营需求</view>
+      </view>
+
+      <view class="modules-grid">
+        <view class="module-card primary-border">
+          <view class="module-header">
+            <view class="module-icon primary-bg">📊</view>
+            <view class="module-title">数据概览</view>
+          </view>
+          <view class="module-desc">实时展示微信号总数、健康度、新增好友数等关键指标，提供运营全局概览和数据可视化分析</view>
+        </view>
+
+        <view class="module-card secondary-border">
+          <view class="module-header">
+            <view class="module-icon secondary-bg">🌐</view>
+            <view class="module-title">场景化获客</view>
+          </view>
+          <view class="module-desc">标准化多渠道获客入口配置，支持抖音、小红书、公众号、海报、付款码等多种获客场景</view>
+        </view>
+
+        <view class="module-card accent-border">
+          <view class="module-header">
+            <view class="module-icon accent-bg">🧠</view>
+            <view class="module-title">智能内容库</view>
+          </view>
+          <view class="module-desc">多源内容采集、智能分类标签、AI分析改写，提供内容集中管理和API接口开放能力</view>
+        </view>
+
+        <view class="module-card orange-border">
+          <view class="module-header">
+            <view class="module-icon orange-bg">⚡</view>
+            <view class="module-title">运营工作台</view>
+          </view>
+          <view class="module-desc">社交矩阵运营操作中心，支持多渠道内容推送、跨设备同步、智能优化建议和任务调度</view>
+        </view>
+
+        <view class="module-card red-border">
+          <view class="module-header">
+            <view class="module-icon red-bg">⚙️</view>
+            <view class="module-title">设备监控</view>
+          </view>
+          <view class="module-desc">实时监控设备状态、微信号健康度，支持微信号替换后的数据继承和异常预警机制</view>
+        </view>
+      </view>
+    </view>
+
+    <!-- Scenario Examples Section -->
+    <view class="section scenarios-section">
+      <view class="section-header">
+        <view class="section-title">应用场景示例</view>
+        <view class="section-desc">不同行业和业务场景下的实际应用案例</view>
+      </view>
+
+      <view class="scenarios-grid">
+        <view class="scenario-card">
+          <view class="scenario-badge">电商零售</view>
+          <view class="scenario-title">多平台流量整合</view>
+          <view class="scenario-desc">某服装品牌通过存客宝整合抖音、小红书、微信公众号等多平台流量，统一管理客户数据，通过场景化获客配置提升转化率30%，客户复购率提升45%。</view>
+          <view class="scenario-tags">
+            <text class="tag">抖音获客</text>
+            <text class="tag">内容分发</text>
+            <text class="tag">客户留存</text>
+          </view>
+        </view>
+
+        <view class="scenario-card">
+          <view class="scenario-badge">教育培训</view>
+          <view class="scenario-title">智能内容运营</view>
+          <view class="scenario-desc">某在线教育机构利用AI内容改写功能，将课程内容智能适配不同平台特点，内容生产效率提升60%，学员互动率提升35%，课程转化率显著提升。</view>
+          <view class="scenario-tags">
+            <text class="tag">AI改写</text>
+            <text class="tag">多平台推送</text>
+            <text class="tag">数据分析</text>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- CTA Section -->
+    <view class="cta-section">
+      <view class="cta-content">
+        <view class="cta-title">开始您的私域运营之旅</view>
+        <view class="cta-desc">加入数千家企业的选择，用存客宝提升您的客户留存和运营效率</view>
+        
+        <button class="cta-main-button" @click="showDialogBtn">
+          <text class="button-text" style='color:#333;'>立即体验</text>
+          <text class="arrow" style='color:#333;'>→</text>
+        </button>
+        
+        <button class="cta-secondary-button" @click="goToSite">
+          <text class="button-text">访问老游条电竞学院</text>
+          <text class="arrow">→</text>
+        </button>
+
+        <view class="stats-grid">
+          <view class="stat-item">
+            <view class="stat-number">1000+</view>
+            <view class="stat-label">企业用户</view>
+          </view>
+          <view class="stat-item">
+            <view class="stat-number">50万+</view>
+            <view class="stat-label">管理客户</view>
+          </view>
+          <view class="stat-item">
+            <view class="stat-number">30%</view>
+            <view class="stat-label">转化提升</view>
+          </view>
+          <view class="stat-item">
+            <view class="stat-number">24/7</view>
+            <view class="stat-label">技术支持</view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- Footer -->
+    <view class="footer">
+      <view class="footer-text">© {{currentYear}} 存客宝. 保留所有权利 | 遵循"事事有回应，件件有结果，日日精进"的服务理念</view>
+    </view>
+
+    <!-- 弹窗遮罩 -->
+    <view v-if="showDialog" class="dialog-overlay" @click="hideDialog">
+      <view class="dialog-content" @click.stop>
+        <view class="dialog-header">
+          <view class="dialog-title">申请体验存客宝</view>
+          <view class="dialog-desc">我们的客服团队将在24小时内为您创建专属体验账号，并提供一对一的产品演示和使用指导。</view>
+        </view>
+        
+        <view class="dialog-form">
+          <view class="form-item">
+            <view class="form-label">手机号</view>
+            <input class="form-input" v-model="phoneNumber" placeholder="请输入手机号" type="number" maxlength="11" />
+          </view>
+        </view>
+        
+        <view class="dialog-buttons">
+          <button class="dialog-button cancel-button" @click="hideDialog">取消</button>
+          <button class="dialog-button confirm-button" @click="confirmBtn">确认</button>
+        </view>
+      </view>
+    </view>
+
+    <!-- 成功提示 -->
+    <view v-if="showSuccessMessage" class="success-toast">
+      <text class="success-text">申请已提交</text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      showDialog: false,
+      showSuccessMessage: false,
+	  taskid: 127,
+      currentYear: new Date().getFullYear(),
+      phoneNumber: ''
+    }
+  },
+  methods: {
+    showDialogBtn() {
+      this.showDialog = true
+    },
+    hideDialog() {
+      this.showDialog = false
+    },
+    goToLogin() {
+      uni.navigateTo({
+        url: '/pages/login/login'
+      })
+    },
+    
+    goToSite() {
+      uni.navigateTo({
+        url: '/pages/index/site'
+      })
+    },
+
+    confirmBtn() {
+      let that = this;
+      if (!this.phoneNumber) {
+        uni.showToast({
+          title: '请输入手机号',
+          icon: 'none',
+          duration: 2000
+        })
+        return
+      }else{
+        uni.showLoading({
+          title: '请求中...',
+          mask: true
+        })
+	  uni.request({
+				method: 'POST',
+				header: {
+					'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
+					'token': that.token
+				},
+				url: that.$config.apiUrl2 + '/v1/frontend/business/poster/decryptphones',
+				data: {
+					id: that.taskid,
+					phone: this.phoneNumber
+				},
+				success: (res) => {
+					uni.hideLoading();
+					if (res.data.code == 200) {
+            this.showDialog = false
+						uni.showModal({
+							title: '提示',
+							content: '申请成功',
+							success: function(res) {
+								console.log(res)
+							}
+						})
+					this.showDialog = false
+					} else {
+						uni.showToast({
+							title: '申请失败',
+							icon: 'none',
+							duration: 2000
+						});
+					}
+				}
+			});
+
+
+        
+      }
+    },
+
+
+	// 获取用户手机号
+	getPhoneNumber(res) {
+		let that = this;
+		if (res.detail.errMsg == "getPhoneNumber:ok") {
+			uni.showLoading({
+				title: '请求中...',
+				mask: true
+			})
+			uni.request({
+				method: 'POST',
+				header: {
+					'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
+					'token': that.token
+				},
+				url: that.$config.apiUrl2 + '/v1/frontend/business/poster/decryptphone',
+				data: {
+					id: that.taskid,
+					code: res.detail.code
+				},
+				success: (res) => {
+					uni.hideLoading();
+					if (res.data.code == 10000) {
+						uni.showModal({
+							title: '提示',
+							content: that.task.sTip,
+							success: function(res) {
+								console.log(res)
+							}
+						})
+					this.showDialog = false
+					} else {
+						uni.showToast({
+							title: res.data.message,
+							icon: 'none',
+							duration: 2000
+						});
+					}
+				}
+			});
+	
+		}
+	},
+  }
+}
+</script>
+
+<style lang="scss">
+.container {
+  min-height: 100vh;
+  background-color: #ffffff;
+}
+
+/* Header Navigation */
+.header-nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  background: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(10rpx);
+  border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+}
+
+.nav-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 24rpx 32rpx;
+  height: 88rpx;
+}
+
+.nav-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #6366f1;
+}
+
+.nav-avatar {
+  width: 64rpx;
+  height: 64rpx;
+  border-radius: 50%;
+  overflow: hidden;
+  border: 2rpx solid #e5e7eb;
+  cursor: pointer;
+}
+
+.avatar-img {
+  width: 100%;
+  height: 100%;
+}
+
+/* Hero Section */
+.hero-section {
+  margin-top: calc(88rpx + var(--status-bar-height));
+  background: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, #ffffff 50%, rgba(168, 85, 247, 0.05) 100%);
+  padding: 80rpx 32rpx 120rpx;
+  text-align: center;
+}
+
+.hero-content {
+  max-width: 1200rpx;
+  margin: 0 auto;
+}
+
+.badge {
+  display: inline-block;
+  background-color: rgba(99, 102, 241, 0.1);
+  color: #6366f1;
+  padding: 12rpx 24rpx;
+  border-radius: 20rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  margin-bottom: 32rpx;
+}
+
+.hero-title {
+  margin-bottom: 32rpx;
+}
+
+.title-main {
+  display: block;
+  font-size: 80rpx;
+  font-weight: bold;
+  color: #1f2937;
+  line-height: 1.2;
+}
+
+.title-sub {
+  display: block;
+  font-size: 64rpx;
+  font-weight: bold;
+  color: #6366f1;
+  margin-top: 16rpx;
+}
+
+.hero-desc {
+  font-size: 32rpx;
+  color: #6b7280;
+  line-height: 1.6;
+  max-width: 1000rpx;
+  margin: 0 auto;
+}
+
+/* CTA Button Section */
+.cta-button-section {
+  padding: 64rpx 32rpx;
+  text-align: center;
+  background-color: #ffffff;
+}
+
+.cta-button {
+  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
+  color: white;
+  border: none;
+  border-radius: 12rpx;
+  padding: 24rpx 64rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 8rpx 32rpx rgba(99, 102, 241, 0.3);
+}
+
+.button-text {
+  color: white;
+}
+
+.arrow {
+  margin-left: 16rpx;
+  color: white;
+}
+
+/* Section Styles */
+.section {
+  padding: 120rpx 32rpx;
+}
+
+.values-section {
+  background-color: rgba(249, 250, 251, 0.5);
+}
+
+.section-header {
+  text-align: center;
+  margin-bottom: 80rpx;
+}
+
+.section-title {
+  font-size: 64rpx;
+  font-weight: bold;
+  color: #1f2937;
+  margin-bottom: 24rpx;
+}
+
+.section-desc {
+  font-size: 32rpx;
+  color: #6b7280;
+  line-height: 1.6;
+  max-width: 800rpx;
+  margin: 0 auto;
+}
+
+/* Values Grid */
+.values-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 48rpx;
+}
+
+.value-card {
+  background: white;
+  border-radius: 16rpx;
+  padding: 48rpx 32rpx;
+  text-align: center;
+  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.08);
+}
+
+.card-icon {
+  width: 96rpx;
+  height: 96rpx;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 24rpx;
+  font-size: 48rpx;
+}
+
+.users-icon {
+  background-color: rgba(99, 102, 241, 0.1);
+}
+
+.target-icon {
+  background-color: rgba(168, 85, 247, 0.1);
+}
+
+.chart-icon {
+  background-color: rgba(34, 197, 94, 0.1);
+}
+
+.card-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #1f2937;
+  margin-bottom: 16rpx;
+}
+
+.card-desc {
+  font-size: 28rpx;
+  color: #6b7280;
+  line-height: 1.6;
+}
+
+/* Modules Grid */
+.modules-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 32rpx;
+}
+
+.module-card {
+  background: white;
+  border-radius: 12rpx;
+  padding: 32rpx;
+  border-left: 8rpx solid;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
+}
+
+.primary-border { border-left-color: #6366f1; }
+.secondary-border { border-left-color: #8b5cf6; }
+.accent-border { border-left-color: #22c55e; }
+.orange-border { border-left-color: #f97316; }
+.red-border { border-left-color: #ef4444; }
+
+.module-header {
+  display: flex;
+  align-items: center;
+  gap: 24rpx;
+  margin-bottom: 16rpx;
+}
+
+.module-icon {
+  width: 64rpx;
+  height: 64rpx;
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 32rpx;
+}
+
+.primary-bg { background-color: rgba(99, 102, 241, 0.1); }
+.secondary-bg { background-color: rgba(139, 92, 246, 0.1); }
+.accent-bg { background-color: rgba(34, 197, 94, 0.1); }
+.orange-bg { background-color: rgba(249, 115, 22, 0.1); }
+.red-bg { background-color: rgba(239, 68, 68, 0.1); }
+
+.module-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #1f2937;
+}
+
+.module-desc {
+  font-size: 26rpx;
+  color: #6b7280;
+  line-height: 1.6;
+}
+
+/* Scenarios Section */
+.scenarios-section {
+  background-color: rgba(249, 250, 251, 0.5);
+}
+
+.scenarios-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 48rpx;
+}
+
+.scenario-card {
+  background: white;
+  border-radius: 16rpx;
+  padding: 48rpx 32rpx;
+  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.08);
+}
+
+.scenario-badge {
+  display: inline-block;
+  background-color: rgba(168, 85, 247, 0.1);
+  color: #8b5cf6;
+  padding: 8rpx 16rpx;
+  border-radius: 12rpx;
+  font-size: 22rpx;
+  margin-bottom: 16rpx;
+}
+
+.scenario-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #1f2937;
+  margin-bottom: 24rpx;
+}
+
+.scenario-desc {
+  font-size: 28rpx;
+  color: #6b7280;
+  line-height: 1.6;
+  margin-bottom: 32rpx;
+}
+
+.scenario-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+}
+
+.tag {
+  background-color: rgba(99, 102, 241, 0.1);
+  color: #6366f1;
+  padding: 8rpx 16rpx;
+  border-radius: 12rpx;
+  font-size: 22rpx;
+}
+
+/* CTA Section */
+.cta-section {
+  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
+  padding: 120rpx 32rpx;
+}
+
+.cta-content {
+  text-align: center;
+  max-width: 1000rpx;
+  margin: 0 auto;
+}
+
+.cta-title {
+  font-size: 64rpx;
+  font-weight: bold;
+  color: white;
+  margin-bottom: 32rpx;
+}
+
+.cta-desc {
+  font-size: 32rpx;
+  color: rgba(255, 255, 255, 0.9);
+  line-height: 1.6;
+  margin-bottom: 64rpx;
+}
+
+.cta-main-button {
+  background: white;
+  color: #6366f1;
+  border: none;
+  border-radius: 12rpx;
+  padding: 24rpx 64rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 32rpx;
+  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.1);
+}
+
+.cta-secondary-button {
+  background: rgba(255, 255, 255, 0.2);
+  color: white;
+  border: 2rpx solid rgba(255, 255, 255, 0.3);
+  border-radius: 12rpx;
+  padding: 20rpx 48rpx;
+  font-size: 28rpx;
+  font-weight: 500;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 64rpx;
+  backdrop-filter: blur(10rpx);
+}
+
+.cta-secondary-button .button-text {
+  margin-right: 8rpx;
+}
+
+.cta-secondary-button .arrow {
+  font-size: 24rpx;
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 32rpx;
+}
+
+.stat-item {
+  text-align: center;
+}
+
+.stat-number {
+  font-size: 48rpx;
+  font-weight: bold;
+  color: white;
+  margin-bottom: 8rpx;
+}
+
+.stat-label {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+/* Footer */
+.footer {
+  padding: 64rpx 32rpx;
+  background-color: #f9fafb;
+}
+
+.footer-text {
+  text-align: center;
+  font-size: 24rpx;
+  color: #6b7280;
+}
+
+/* Dialog Overlay */
+.dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9998;
+  padding: 32rpx;
+}
+
+/* Dialog Styles */
+.dialog-content {
+  background: white;
+  border-radius: 16rpx;
+  padding: 48rpx 32rpx;
+  max-width: 600rpx;
+  width: 100%;
+  box-shadow: 0 16rpx 64rpx rgba(0, 0, 0, 0.2);
+}
+
+.dialog-header {
+  margin-bottom: 32rpx;
+}
+
+.dialog-form {
+  margin-bottom: 32rpx;
+}
+
+.form-item {
+  margin-bottom: 24rpx;
+}
+
+.form-label {
+  font-size: 28rpx;
+  color: #374151;
+  margin-bottom: 12rpx;
+  font-weight: 500;
+}
+
+.form-input {
+  width: 100%;
+  height: 88rpx;
+  border: 2rpx solid #e5e7eb;
+  border-radius: 8rpx;
+  padding: 0 24rpx;
+  font-size: 28rpx;
+  color: #1f2937;
+  background-color: #ffffff;
+  box-sizing: border-box;
+}
+
+.form-input:focus {
+  border-color: #6366f1;
+  outline: none;
+}
+
+.dialog-title {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #1f2937;
+  margin-bottom: 16rpx;
+  text-align: center;
+}
+
+.dialog-desc {
+  font-size: 28rpx;
+  color: #6b7280;
+  line-height: 1.6;
+  text-align: center;
+}
+
+.dialog-buttons {
+  display: flex;
+  gap: 24rpx;
+}
+
+.dialog-button {
+  flex: 1;
+  padding: 24rpx;
+  border-radius: 12rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  border: none;
+}
+
+.cancel-button {
+  background: transparent;
+  color: #6b7280;
+  border: 2rpx solid #e5e7eb;
+}
+
+.confirm-button {
+  background: #6366f1;
+  color: white;
+}
+
+/* Success Toast */
+.success-toast {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: rgba(34, 197, 94, 0.9);
+  color: white;
+  padding: 32rpx 48rpx;
+  border-radius: 16rpx;
+  z-index: 9999;
+  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.2);
+}
+
+.success-text {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: white;
+}
+
+/* 响应式适配 */
+@media (min-width: 768rpx) {
+  .values-grid,
+  .scenarios-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 48rpx;
+  }
+  
+  .modules-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 32rpx;
+  }
+  
+  .stats-grid {
+    grid-template-columns: repeat(4, 1fr);
+  }
+}
+
+@media (min-width: 1024rpx) {
+  .values-grid {
+    grid-template-columns: repeat(3, 1fr);
+  }
+  
+  .modules-grid {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+</style>
diff --git a/pages/index/site.vue b/pages/index/site.vue
new file mode 100644
index 0000000..c2f2024
--- /dev/null
+++ b/pages/index/site.vue
@@ -0,0 +1,167 @@
+<template>
+  <view class="webview-container">
+    <!-- 头部导航栏 -->
+    <view class="header-nav" :style="{ paddingTop: statusBarHeight + 'px' }">
+      <view class="nav-content">
+        <text class="nav-title">老游条电竞学院</text>
+        <view class="nav-right"></view>
+      </view>
+    </view>
+    
+    <!-- WebView 内容区域 -->
+    <view class="webview-content" :style="{ marginTop: (statusBarHeight + 44) + 'px' }">
+      <web-view :src="webUrl" @message="onMessage" @error="onError" @load="onLoad"></web-view>
+    </view>
+    
+    <!-- 加载提示 -->
+    <view v-if="loading" class="loading-overlay">
+      <view class="loading-content">
+        <uni-icons type="spinner-cycle" size="30" color="#007AFF"></uni-icons>
+        <text class="loading-text">加载中...</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      webUrl: 'https://www.lytiao.com/',
+      loading: true,
+      statusBarHeight: 0
+    }
+  },
+  
+  onLoad() {
+    // 获取状态栏高度
+    const systemInfo = uni.getSystemInfoSync()
+    this.statusBarHeight = systemInfo.statusBarHeight || 0
+  },
+  
+  methods: {
+    // 返回上一页
+    goBack() {
+      uni.navigateBack({
+        delta: 1
+      })
+    },
+    
+    // WebView 加载完成
+    onLoad(event) {
+      console.log('WebView 加载完成:', event)
+      this.loading = false
+    },
+    
+    // WebView 加载错误
+    onError(event) {
+      console.error('WebView 加载错误:', event)
+      this.loading = false
+      uni.showToast({
+        title: '页面加载失败',
+        icon: 'none',
+        duration: 2000
+      })
+    },
+    
+    // 接收 WebView 消息
+    onMessage(event) {
+      console.log('收到 WebView 消息:', event.detail.data)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.webview-container {
+  width: 100%;
+  height: 100vh;
+  background-color: #fff;
+}
+
+.header-nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  background-color: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(10px);
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.nav-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 44px;
+  padding: 0 16px;
+}
+
+.nav-left {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.back-text {
+  margin-left: 4px;
+  font-size: 16px;
+  color: #333;
+}
+
+.nav-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+  text-align: center;
+  flex: 1;
+}
+
+.nav-right {
+  width: 60px;
+}
+
+.webview-content {
+  width: 100%;
+  height: calc(100vh - 44px);
+}
+
+.loading-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.9);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2000;
+}
+
+.loading-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.loading-text {
+  margin-top: 12px;
+  font-size: 14px;
+  color: #666;
+}
+
+/* 适配不同平台 */
+/* #ifdef MP-WEIXIN */
+.webview-content {
+  height: calc(100vh - 88px);
+}
+/* #endif */
+
+/* #ifdef H5 */
+.header-nav {
+  background-color: #fff;
+}
+/* #endif */
+</style>
\ No newline at end of file
diff --git a/pages/login/login-page.scss b/pages/login/login-page.scss
new file mode 100644
index 0000000..5de6899
--- /dev/null
+++ b/pages/login/login-page.scss
@@ -0,0 +1,126 @@
+// 隐藏 edge 浏览器的密码查看按钮
+
+/* #ifdef H5 */
+.input-box ::v-deep{
+  .uni-input-input[type="password"] {
+    &::-ms-reveal {
+      display: none;
+    }
+  }
+}
+/* #endif */
+
+.uni-content {
+  padding: 0 60rpx;
+}
+
+.login-logo {
+	display: none;
+}
+
+/* #ifndef APP-NVUE */
+@media screen and (min-width: 690px) {
+  .uni-content {
+	/* #ifndef H5 */
+	padding: 0;
+	max-width: 300px;
+	margin-left: calc(50% - 200px);
+	/* #endif */
+	/* #ifdef H5 */
+	margin: 0 auto;
+	position: relative;
+	top: 100px;
+	padding: 30px 40px 80px 40px;
+	max-width: 450px;
+	max-height: 450px;
+	border-radius: 10px;
+	box-shadow: 0 0 20px #efefef;
+	background-color: #FFF;
+	/* #endif */
+  }
+  /* #ifdef H5 */
+  .login-logo {
+  	display: flex;
+  	justify-content: center;
+  }
+
+  .login-logo image {
+	width: 60px;
+  	height: 60px;
+  }
+
+  .register-back{
+	  display: none;
+  }
+
+  uni-button{
+	  padding-bottom: 1px;
+  }
+  
+  /* #endif */
+}
+
+.uni-content view {
+  box-sizing: border-box;
+}
+/* #endif */
+
+
+
+.title {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  padding: 18px 0;
+  font-weight: 800;
+  flex-direction: column;
+}
+
+.tip {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  color: #BDBDC0;
+  font-size: 11px;
+  margin: 6px 0;
+}
+
+
+/* #ifndef APP-NVUE */
+// 解决小程序端开启虚拟节点virtualHost引起的 class = input-box丢失的问题 [详情参考](https://uniapp.dcloud.net.cn/matter.html#%E5%90%84%E5%AE%B6%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%AE%9E%E7%8E%B0%E6%9C%BA%E5%88%B6%E4%B8%8D%E5%90%8C-%E5%8F%AF%E8%83%BD%E5%AD%98%E5%9C%A8%E7%9A%84%E5%B9%B3%E5%8F%B0%E5%85%BC%E5%AE%B9%E9%97%AE%E9%A2%98)
+.uni-content ::v-deep .uni-easyinput__content,
+/* #endif */
+
+.input-box {
+  height: 44px;
+  background-color: #F8F8F8 !important;
+  border-radius: 0;
+  font-size: 14px;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex: 1;
+}
+
+.link {
+  color: #04498c;
+  cursor: pointer;
+}
+
+.uni-content ::v-deep .uni-forms-item__inner {
+  padding-bottom: 8px;
+}
+
+.uni-btn {
+	text-align: center;
+	height: 40px;
+	line-height: 40px;
+	margin: 15px 0 10px 0;
+	color: #FFF !important;
+	border-radius: 5px;
+	font-size: 16px;
+}
+
+.uni-body.uni_modules-uni-id-pages-pages-login-login-withoutpwd{
+	height: auto !important;
+}
diff --git a/pages/login/login.vue b/pages/login/login.vue
new file mode 100644
index 0000000..bc55125
--- /dev/null
+++ b/pages/login/login.vue
@@ -0,0 +1,197 @@
+<!-- 账号密码登录页 -->
+<template>
+	<view class="uni-content">
+		<view class="login-logo">
+			<image :src="logo"></image>
+		</view>
+		<!-- 顶部文字 -->
+		<text class="title title-box">账号密码登录</text>
+		<uni-forms>
+			<uni-forms-item name="username">
+				<uni-easyinput :focus="focusUsername" @blur="focusUsername = false" class="input-box"
+					:inputBorder="false" v-model="username" placeholder="请输入手机号/用户名/邮箱" />
+			</uni-forms-item>
+			<uni-forms-item name="password">
+				<uni-easyinput :focus="focusPassword" @blur="focusPassword = false" class="input-box" clearable
+					type="password" :inputBorder="false" v-model="password" placeholder="请输入密码" />
+			</uni-forms-item>
+		</uni-forms>
+		<view class="private">
+			<radio-group @click="radioChange">
+				<radio :value="val" :checked="val===1">
+					<view class="privateRadio">
+						<view>阅读并同意存客宝</view>
+						<view><navigator class="link" open-type="navigate"  url="/pages/login/privatememo">隐私政策</navigator></view>
+						<view>和</view>
+						<view><navigator class="link" url="/pages/login/usermemo">用户服务协议</navigator></view>
+					</view>
+				</radio>
+			</radio-group>
+		</view>
+		<button class="uni-btn" type="primary" @click="pwdLogin">登录</button>
+	</view>
+</template>
+<script>
+	export default {
+		data() {
+			return {
+				"redirectTo": "",
+				"password": "",
+				"username": "",
+				"captcha": "",
+				"needCaptcha": false,
+				"focusUsername": false,
+				"focusPassword": false,
+				"logo": "/static/logo.png",
+				"val": 0
+			}
+		},
+		onShow() {
+			// #ifdef H5
+			document.onkeydown = event => {
+				var e = event || window.event;
+				if (e && e.keyCode == 13) { //回车键的键值为13
+					this.pwdLogin()
+				}
+			};
+			// #endif
+		},
+		onLoad(options) {
+			
+
+			// 获取传递过来的redirect参数
+			this.redirectTo = options.redirect ? decodeURIComponent(options.redirect) : null;
+
+			if (!this.redirectTo.startsWith("/")) {
+				this.redirectTo = "/" + this.redirectTo
+			}
+		},
+		methods: {
+			radioChange(e){
+				if(this.val==0){
+					this.val=1;
+				}else{
+					this.val=0;
+				}
+				uni.setStorageSync('agreePrivate', this.val);
+			},
+			/**
+			 * 密码登录
+			 */
+			pwdLogin() {
+				 let agreePrivate=uni.getStorageSync('agreePrivate');
+				 if(agreePrivate==0){
+					 uni.showToast({
+					 	title: '还未阅读并同意存客宝协议',
+					 	icon: 'none',
+					 	duration: 1000
+					 });
+					 return;
+				 }
+				
+				
+				if (!this.password.length) {
+					this.focusPassword = true
+					return uni.showToast({
+						title: '请输入密码',
+						icon: 'none',
+						duration: 3000
+					});
+				}
+
+				if (!this.username.length) {
+					this.focusUsername = true
+					return uni.showToast({
+						title: '请输入手机号/用户名/邮箱',
+						icon: 'none',
+						duration: 3000
+					});
+				}
+
+				let data = {
+					"password": this.password,
+					"username": this.username
+				}
+
+				let that = this
+				uni.request({
+					method: 'POST',
+					header: {
+						'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
+					},
+					url: this.$config.apiUrl + '/v1/frontend/business/user/login',
+					data: data,
+					success: (res) => {
+						if (res.data.code == 10000) {
+							try {
+								uni.setStorageSync('token', res.data.data.token);
+								console.log(that.redirectTo)
+								if (!that.redirectTo || that.redirectTo.includes('pages/ucenter/ucenter')) {
+									uni.redirectTo({
+										url: "/pages/ucenter/ucenter"
+									})
+								} else {
+									uni.redirectTo({
+										url: that.redirectTo
+									})
+								}
+							} catch (e) {
+								console.log(e)
+							}
+						} else {
+							uni.showToast({
+								title: res.data.message,
+								icon: 'none',
+								duration: 3000
+							})
+						}
+					}
+				});
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import "@/pages/login/login-page.scss";
+
+	@media screen and (min-width: 690px) {
+		.uni-content {
+			height: auto;
+		}
+	}
+
+	.forget {
+		font-size: 12px;
+		color: #8a8f8b;
+	}
+	
+	.private{
+		font-size: 12px;
+		.link{
+			color: blue;
+			text-decoration: underline;
+		}
+	}
+	
+	.privateRadio{
+		  display: flex;
+		  justify-content: space-between; /* 水平分布 */
+		  align-items: center;            /* 垂直居中 */
+		  height: 30px;  
+	}
+	
+
+	.link-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: space-between;
+		margin-top: 20px;
+	}
+
+	.link {
+		font-size: 12px;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/poster/index.vue b/pages/poster/index.vue
new file mode 100644
index 0000000..65be896
--- /dev/null
+++ b/pages/poster/index.vue
@@ -0,0 +1,134 @@
+<template>
+	<view class="page">
+		<button style="padding: 0;margin-left: 0; text-align: left;" class="nullBtn"  v-if='taskid == 487'>
+			<image class="posterImg" src="https://ckbapi.quwanzhi.com/upload/img/ckb.png" mode="widthFix"></image>
+		</button>
+		<button style="padding: 0;margin-left: 0; text-align: left;" class="nullBtn" open-type="getPhoneNumber" v-else
+			@getphonenumber="getPhoneNumber">
+			<image class="posterImg" :src="poster.sUrl" mode="widthFix"></image>
+		</button>
+	</view>
+</template>
+
+<script>
+	import {
+		request
+	} from '@/utils/request';
+	export default {
+		data() {
+			return {
+				taskid: '',
+				token: "test",
+				task: null,
+				poster: null
+			}
+		},
+		onLoad(options) {
+			let scene = options.scene;
+			let taskId = options.id;
+
+			if (scene != undefined) {
+				this.taskid = scene;
+			} else if (taskId != undefined) {
+				this.taskid = taskId;
+			} else {
+				this.taskid = 487;
+			}
+
+			this.getPosterData()
+		},
+		methods: {
+			getPosterData() {
+				let that = this;
+				uni.request({
+					method: 'POST',
+					header: {
+						'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
+						'token': that.token
+					},
+					url: that.$config.apiUrl2 + '/v1/frontend/business/poster/getone',
+					data: {
+						oldId: that.taskid,
+					},
+					success: (res) => {
+						if (res.data.code == 200) {
+							that.poster = res.data.data.poster
+							that.task = res.data.data.task
+							that.taskid = res.data.data.task.id
+							//修改标题
+							uni.setNavigationBarTitle({
+								title: ""
+							});
+						} else {
+							uni.showToast({
+								title: res.data.message,
+								icon: 'none',
+								duration: 2000
+							});
+						}
+					}
+				});
+			},
+			onShareAppMessage() {
+				return {
+					title: '',
+					path: '/pages/poster/index2?id=' + this.taskid,
+					imageUrl: poster.sUrl // 可以省略不写，这样会默认截图当前页面作为分享图片
+				};
+			},
+			// 获取用户手机号
+			getPhoneNumber(res) {
+				let that = this;
+				if (res.detail.errMsg == "getPhoneNumber:ok") {
+					uni.showLoading({
+						title: '请求中...',
+						mask: true
+					})
+					uni.request({
+						method: 'POST',
+						header: {
+							'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
+							'token': that.token
+						},
+						url: that.$config.apiUrl2 + '/v1/frontend/business/poster/decryptphone',
+						data: {
+							id: that.taskid,
+							code: res.detail.code
+						},
+						success: (res) => {
+							uni.hideLoading();
+							if (res.data.code == 200) {
+								uni.showModal({
+									title: '提示',
+									content: that.task.sTip,
+									success: function(res) {
+										console.log(res)
+									}
+								})
+							} else {
+								uni.showToast({
+									title: res.data.message,
+									icon: 'none',
+									duration: 2000
+								});
+							}
+						}
+					});
+
+				}
+			},
+
+		}
+	}
+</script>
+
+<style>
+	.page {
+		width: 100vw;
+		height: 100vh;
+	}
+
+	.posterImg {
+		width: 100%;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/poster/index2.vue b/pages/poster/index2.vue
new file mode 100644
index 0000000..b3a94e0
--- /dev/null
+++ b/pages/poster/index2.vue
@@ -0,0 +1,193 @@
+<template>
+	<view class="page">
+		<button style="padding: 0;margin-left: 0; text-align: left;" class="nullBtn"  v-if='taskid == 487'>
+			<image class="posterImg" src="https://ckbapi.quwanzhi.com/upload/img/ckb.png" mode="widthFix"></image>
+		</button>
+		<button style="padding: 0;margin-left: 0; text-align: left;" class="nullBtn" open-type="getPhoneNumber" v-else
+			@getphonenumber="getPhoneNumber">
+			<image class="posterImg" :src="poster.sUrl" mode="widthFix"></image>
+		</button>
+	</view>
+</template>
+
+<script>
+	import {
+		request
+	} from '@/utils/request';
+	export default {
+		data() {
+			return {
+				taskid: '',
+				token: "test",
+				task: null,
+				poster: null,
+				cid: '',
+			}
+		},
+		onLoad(options) {
+			let scene = options.scene;
+			let taskId = options.id;
+			let cid = options.cid;
+
+			console.log('页面参数:', { scene, taskId, cid });
+
+			// 小程序端解析 scene 参数
+			// #ifdef MP-WEIXIN
+			if (scene != undefined) {
+				// 先对 scene 进行 URL 解码（处理 %2C 等编码字符）
+				try {
+					scene = decodeURIComponent(scene);
+				} catch (e) {
+					console.warn('scene 解码失败，使用原始值:', e);
+				}
+				
+				// 如果 scene 包含逗号，分割成 [taskId, channelId]
+				if (scene.includes(',')) {
+					const parts = scene.split(',');
+					this.taskid = parts[0] || '';
+					this.cid = parts[1] || '0';
+				} else {
+					// 如果不包含逗号，只有 taskId，channelId 为 0
+					this.taskid = scene;
+					this.cid = '0';
+				}
+			} else if (taskId != undefined) {
+				// 兼容旧参数：使用 options.id
+				this.taskid = taskId;
+				this.cid = cid || '0';
+			} else {
+				// 默认值
+				this.taskid = 487;
+				this.cid = '0';
+			}
+			// #endif
+
+			// H5 端兼容旧参数
+			// #ifdef H5
+			if (taskId != undefined) {
+				this.taskid = taskId;
+				this.cid = cid || '0';
+			} else if (scene != undefined) {
+				// H5 也可能有 scene 参数（从分享链接等）
+				// 先对 scene 进行 URL 解码
+				try {
+					scene = decodeURIComponent(scene);
+				} catch (e) {
+					console.warn('scene 解码失败，使用原始值:', e);
+				}
+				
+				if (scene.includes(',')) {
+					const parts = scene.split(',');
+					this.taskid = parts[0] || '';
+					this.cid = parts[1] || '0';
+				} else {
+					this.taskid = scene;
+					this.cid = '0';
+				}
+			} else {
+				this.taskid = 487;
+				this.cid = '0';
+			}
+			// #endif
+
+			console.log('解析结果:', { taskid: this.taskid, cid: this.cid });
+
+			this.getPosterData()
+		},
+		methods: {
+			getPosterData() {
+				let that = this;
+				uni.request({
+					method: 'POST',
+					header: {
+						'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
+						'token': that.token
+					},
+					url: that.$config.apiUrl2 + '/v1/frontend/business/poster/getone',
+					data: {
+						id: that.taskid,
+					},
+					success: (res) => {
+						if (res.data.code == 200) {
+						
+							that.poster = res.data.data.poster
+							that.task = res.data.data.task
+
+							//修改标题
+							uni.setNavigationBarTitle({
+								title: ""
+							});
+						} else {
+							uni.showToast({
+								title: res.data.message,
+								icon: 'none',
+								duration: 2000
+							});
+						}
+					}
+				});
+			},
+			onShareAppMessage() {
+				return {
+					title: '',
+					path: '/pages/poster/index2?id=' + this.taskid,
+					imageUrl: poster.sUrl // 可以省略不写，这样会默认截图当前页面作为分享图片
+				};
+			},
+			// 获取用户手机号
+			getPhoneNumber(res) {
+				let that = this;
+				if (res.detail.errMsg == "getPhoneNumber:ok") {
+					uni.showLoading({
+						title: '请求中...',
+						mask: true
+					})
+					uni.request({
+						method: 'POST',
+						header: {
+							'content-type': 'application/x-www-form-urlencoded', //自定义请求头信息
+							'token': that.token
+						},
+						url: that.$config.apiUrl2 + '/v1/frontend/business/poster/decryptphone',
+						data: {
+							id: that.taskid,
+							cid: that.cid,
+							code: res.detail.code
+						},
+						success: (res) => {
+							uni.hideLoading();
+							if (res.data.code == 200) {
+								uni.showModal({
+									title: '提示',
+									content: that.task.sTip,
+									success: function(res) {
+										console.log(res)
+									}
+								})
+							} else {
+								uni.showToast({
+									title: res.data.message,
+									icon: 'none',
+									duration: 2000
+								});
+							}
+						}
+					});
+
+				}
+			},
+
+		}
+	}
+</script>
+
+<style>
+	.page {
+		width: 100vw;
+		height: 100vh;
+	}
+
+	.posterImg {
+		width: 100%;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/ucenter/ucenter.vue b/pages/ucenter/ucenter.vue
new file mode 100644
index 0000000..aec8ffb
--- /dev/null
+++ b/pages/ucenter/ucenter.vue
@@ -0,0 +1,102 @@
+<template>
+	<view class="center">
+		<view class="userInfo" @click.capture="toUserInfo">
+
+			<view class="defaultAvatarUrl">
+				<uni-icons color="#ffffff" size="50" type="person-filled" />
+			</view>
+
+			<view class="logo-title">
+				<text class="uer-name">{{userInfo.sName}}</text>
+			</view>
+		</view>
+		<u-cell-group :customStyle="style">
+			<u-cell title="我的表单" :isLink="true" url="/pages/form/list"></u-cell>
+			<!-- <u-cell title="我的收益" :isLink="true"></u-cell> -->
+		</u-cell-group>
+	</view>
+</template>
+
+<script>
+	import {
+		request
+	} from '@/utils/request';
+	export default {
+		data() {
+			return {
+				userInfo: {},
+				style: {
+					"background-color": "#f9f9f9",
+				}
+			}
+		},
+		onShow() {
+			request({
+				url: '/v1/backend/system/sysuser/profile/info',
+				data: {},
+				// ...
+			}).then((response) => {
+				this.userInfo = response.data.data
+			}).catch((error) => {
+				// 处理错误
+			});
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	view {
+		display: flex;
+		box-sizing: border-box;
+		flex-direction: column;
+	}
+
+	page {
+		background-color: #f8f8f8;
+	}
+
+	.center {
+		flex: 1;
+		flex-direction: column;
+		background-color: #f8f8f8;
+	}
+
+	.userInfo {
+		// padding: 20rpx;
+		padding-top: 60px;
+		background-image: url(@/static/headers.png);
+		flex-direction: column;
+		align-items: center;
+		margin-bottom: 30rpx;
+	}
+
+	.defaultAvatarUrl {
+		width: 150rpx;
+		height: 150rpx;
+		background-color: #007aff;
+		border-radius: 100%;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.uer-name {
+		height: 100rpx;
+		line-height: 100rpx;
+		font-size: 38rpx;
+		color: #FFFFFF;
+	}
+
+	.center-list {
+		margin-bottom: 30rpx;
+		background-color: #f9f9f9;
+	}
+
+	.center-list-cell {
+		width: 750rpx;
+		background-color: #007AFF;
+		height: 40rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/project.config.json b/project.config.json
new file mode 100644
index 0000000..0f5f353
--- /dev/null
+++ b/project.config.json
@@ -0,0 +1,28 @@
+{
+  "appid": "wx3724765328cccf03",
+  "compileType": "miniprogram",
+  "libVersion": "3.8.10",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "setting": {
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "minified": true,
+    "enhance": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmRelationList": [],
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    }
+  },
+  "condition": {},
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  }
+}
\ No newline at end of file
diff --git a/project.private.config.json b/project.private.config.json
new file mode 100644
index 0000000..670c139
--- /dev/null
+++ b/project.private.config.json
@@ -0,0 +1,7 @@
+{
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "ckb_mini",
+  "setting": {
+    "compileHotReLoad": true
+  }
+}
\ No newline at end of file
diff --git a/static/c1.png b/static/c1.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d38fdc45f54393919608143278902961ebfc03e
GIT binary patch
literal 401
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j3?$ucQqzExaez;Vt50SjkVz7FS|9Ngs6n74
z$S;^-zJh!T|NHv;4*MtgZ_q#g(QA1VQ0}j%i(^Q|t+&^6`I;33Tmx4qXvm-Y7ao0i
zi(<n^|8$Scdp8*>v+@EMfolJl@2-tdeIgiE72V3$+1a&#<;nGqB*6-wd0Dfno2^$&
z7L}LYx}4kkKI1~4j2xSM#i^{e>mxFDC0DcwoaE<ZZo4s6&p`a>RsZFdmo&xZb=|e;
zVChPF@z}uo`_jyFigEMR=cKgdY*81V{;5gJlXF9Mv<Txe-^DEcqQ(gw^UF?L6Lmds
zPt4U}n!Hlz6sHv$doS?J+@_J|5;#jy&~>NaZ^cipGtGKCwGwYFdLih#FiI|b%1`}h
zcD?9wzL;(MG`RGl!=KdO=X$Ia3G&T>{3@pZ$E>nWT~vAl<T7}=`njxgN@xNA?k<LV

literal 0
HcmV?d00001

diff --git a/static/c2.png b/static/c2.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce956d76c7547cc90469647a2a1f6cd34731dbb7
GIT binary patch
literal 470
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j3?$ucQqzExS%6Q7t50SjkVz_dw4uNks7J6Q
z$S;^7UO@i-`}zAD?DPBe&u`%O7rcA}D9LE&>EaktaqI1klarbacw7TzPB-Tm@A?1#
z=DKt1Tm@&jBni*W72Dq8$U1XQ@j1)qcYd?AM-~6vdS%zgB|W!|l9z8;VdkK15fZWZ
z0_Xa#{=&Tl?+&}Myixw!c0&2Cz{(%uYaLfyIpx20a+b;i&8Hu}PrN-Tsf8gx{xaWd
zSEda)?3G(j%z6CKKWpOGAAJoS5gg_&aw+l?Pq*dmh)8I56YfnYkc%|gRM+fjvg@w|
z$E(g+E=n8A7O8TmM)@~hDG@eQ_vn5n5wpR0%`A=<S*}y=iE||+t5Y}IaXm?#yI@zA
z+M}kqLTBdhk?A$pU9t8Q_Y&tBhnM7>`87W~$m7>*=T~gqVW%D$JmT%Wy00-NUV`g=
zPWq+lU_K79dVw=Ll(hEL%sa^y|HiF3Bqng#c7b&Xt+%gdOo&<c;H2eqU~tq<l|Nn>
V%D;5ZBtB5oc)I$ztaD0e0stIlwo?EA

literal 0
HcmV?d00001

diff --git a/static/c3.png b/static/c3.png
new file mode 100644
index 0000000000000000000000000000000000000000..216202ad01c5d093a15c247cf791bf66759cf54d
GIT binary patch
literal 511
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j3?$ucQqzExS%6Q7t50SjkVz_dw4uNks7J6Q
z$S;_op+0|p)O-E|=jHY7?>qEwn3#C`6axcex~Gd{NX4zUH%{jrQQ%<>_`I#L<;VZ}
zZHv8>O^d80dDUJWN}qZ5sw(5+2E$_#$vr=hznV9v_(!hA^s)<E+dXt9W-nOG`ec7#
zkmf=04F^n~Xon;QJ<VpBth7JTQP6X}hnq{3V33i0j^USIHIv-J_&%O-Ur`X|X}Tm~
zg+i&|rbDudQ_m~u2>ehHzYuO_$GPFaj>L^Z^8*-5pGM3JjCnSB#oUXR4yIck*z;<h
zk`ni#wqFJ(H@<q8)7g}<FuEm4Yr)bd_pRS7II%xs&8~GF|JXeL1m!JAcpR!3^m^}a
zM;*ZoZAUZj1?xI;A15;IQdYSm_-Oim;mT>L5euG4hrQnMaF=Mr^If6ezqfPO{rmaH
zG`Recv6gZBZ^h$ro*MqgZ`L;0*JW<GtH>SQ?4MdEEc#Ycl^2Ku*&||7ybYSKxgR(e
zUi8LbW#8LW_O;o`+{cdv9h)e%;+1X1dv+zh{}-wmlY4-{_IaWH_ctMZlX+XXL2>Bm
L>gTe~DWM4f<{`=m

literal 0
HcmV?d00001

diff --git a/static/c4.png b/static/c4.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb8b4770c323cc87544a502c4efcd9792ec6047a
GIT binary patch
literal 476
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j3?$ucQqzExWq?nJt50SjkVytej^&jEY7;66
z@(X5=pMT(iKz#j&{SyrA&+`YYFW9fQYXJiTql2f5V@SoVx7SYQ9X8-`4fMMBWaY;D
z|Lb!$8#p-?aBC<ui#(0268t&KOt9#j<?}hk^=>!v{Zmph6H*@EOQ`c;Jj35<V6T$@
zLZWYuWMA{m-e%t=S~)v5%&L{unYc`Hde^7LoA@lH);NFaTh6kwcH*Salp|a#qkQ%R
zY~qMKa^$uX>m?s8tsB!ig_bOsad3NWyNKsO#%u4s6f}!WF<$1wue~HTU+T}QZ;Gq4
z+^p*LR=oRR<2>VYrDayznw7JEgn9(s4mmKdKH{5e^24HIn&xXKq`oqWXf4s;nPY6>
zl5RSUO)+g!*Qq{!;a&O8LAO2%J{IadS>Y&oFLd#-`B8Zi;r0eCLdRUCf<H8UXjEMI
zPtD2etB6PN{>Qpstnaz}|9;&C$edE%qT=zMqcbI`S>(i_Uwsp-Jh?$Zac<}T=h6;^
V(bfHGPg+0`<mu|?vd$@?2>|eiw2lA(

literal 0
HcmV?d00001

diff --git a/static/c5.png b/static/c5.png
new file mode 100644
index 0000000000000000000000000000000000000000..310bfb123ba811240a23883c589557cced22af97
GIT binary patch
literal 472
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j3?$ucQqzExS%6Q7t50SjkVz_dw4uNks7J6Q
z$S;`TeExm@#qST;*T*aP%l8}TtFCHNWME))@N{tuskrs_`sutD10L3Z=WkmcKK%dx
zW|wPpfJ<!e;|wu7X%(|_$91v?B$9g!kJT(%YLL+2!ZYD^rjy4^fhH406(5d|OXP(<
zw@mQ*rN|u{Qe&{8ov}nAR-xdDt<HkSuHxE2hR=bC-woU!oT!d)JnpvNiKTB(JFmqj
zxo4l0L;Iy{-&pSFdGm0yiNZ2L_3e_sC*0~Wb<%jRc%Ju#V!r&v!vTJM^C}!qG<JOa
z_iQWct5Auxsg4~FEKJt2F5as<@m<rmbM}>MU#{OfDLKp{`iu-m;URIy-X0%w>4GPR
z_aE3Db+En7Vpp-?y{8>c_3j;K1E(wImUzhRpIo-4)yng0f9$<4bN?NcJ+$)R>Cmd5
zPnT-Q*3a3qRzbM)VHC^C!+&Q!2$x98T^XQ1{a2U4m97Z?l}kQ1avTGN#<Rt>j9nTb
Uw;LB#rGg^I)78&qol`;+04O}Qp#T5?

literal 0
HcmV?d00001

diff --git a/static/c6.png b/static/c6.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3c45d8814b2657a1c603b1a44c8207da134cb40
GIT binary patch
literal 545
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j3?$ucQqzExWq?nJt50SjkVytej^&jEY7;66
z@(X4#n7_e3dH)Cg`U4H}=N|<0`}g&TtzlqbZ1r?;45_&F_QvbH+Xg&s5B=SPCid_7
z-+gz3h=$72b5R!$uzmO``@mH5upd)$kKr*1<Nn8SuRs1+9QLC7>qbxJT^6j8j=}L4
z`U~zp;jZGGq_3%#*Y{@jiL-*|KAoCX9M=6tMV3p`Xx_9LpK6YHtIv61@a%(@?tX{a
zixmsYle>5975wq9?fBo`FZ<0Z_ST1U_$og>`Bwh@oq)-Q*IY8`n6H2IUEezHG>gnR
z4m?JSR+TGA8lKK}%#OUITJo;LRm!DE@lpDwn1HB=DfxjiElxjmC-aCcb$n6qV?vwH
z70D$Ac9y-Kb4tS6k2yc|sk#5)HGj$<hTh)Oo?QF%Jx?!m|LiWbB=F+xtJ_`wygT#g
zPx9%-;-YMpOD7i8zS)vt^W@^n!>%vfgZBIOdhE(svqtD<ga4cMV<{;y9!g8u7L{C^
z%lP4)r_0;d<|prK&L}v+x;9>m`(*VzL-mu^Hy19AKPf2Xw<}^wvyk3;W5tc1>eFM@
s<<*_%cP|y0-yh@^lK=|O<bR?2845Vlu8KrDr-EYH)78&qol`;+02}Yy2><{9

literal 0
HcmV?d00001

diff --git a/static/c7.png b/static/c7.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1e73908c282c8ce053a037a9b0d0ff2bcdb5f28
GIT binary patch
literal 365
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j3?$ucQqzExS%6Q7t50SjkVz_dw4uNks7J6Q
z$S;_IUq500`|}6v=f}&pt<S&j?`q*S4=8!n)5S5Q;?~=%j(mp<cw7S2uc&2u-`@E@
z^`;uPfRGe-XQlWL?%SQ69UUDf`ghhJ*|+JD^0%qRikp-ag*Yd+wVaqFu+pRBOOHqO
zdkG~S_7@W`Ird*+ur0D=i|b7|t|8I;X@+#`g&RzZ^H|OrTJ=0=JDJ5ItDOI5qIK$8
zro}fT!s|YTZ?|&uez-o=+%)c%uvBbseZGy5lw+m$C+U5vCR+b<kI%Yr!?IrYzk^cZ
z#;Siw50iLgIi1UW4slFtX?*h_K9Tu<rM|k_xg8UdXU3{20l_C0**5#UE`Mf0P>6ZD
L`njxgN@xNA8ryiD

literal 0
HcmV?d00001

diff --git a/static/c8.png b/static/c8.png
new file mode 100644
index 0000000000000000000000000000000000000000..c32633c0b399d119fe940b19fb48ee0efd986ca1
GIT binary patch
literal 587
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j3?$ucQqzExeSlAht50SjkV!U>tDWKw)GSgG
z<QL3vLEygp{sr|P;`RF-><{?!7vyg^n3M^01LJZ}7srr_TW_zQ?t87k(~wwf+9)vT
z%KQIoiZ6ORmsqxitIvdcU#@t4EXP6v-^(UI#Jk~j<BnR-iZx<K*6s*A`h%(H%clkR
zC9fzP`sHw5QecDCtLDU8!gpmg8}s@r7VTD!3UpOHBe}X(;TA{6O{Y$mRc@C)oOjlk
z)Dih(-?Yv(N7fX$AK7?}F-EZS$iIsZU6pRg9+~8E<ZGDA>fg$H7CzX--mMU=ckjl-
zO_N=n{=9#BNIp<v1ACG|ojBM03n>zt0(^6iu(G%<x};LpP#qtU$0)gb`Tdobn?!c6
zP@m}B+%bcvw4%|+)>&IbVv*qm>1hi!XSEd0U$OB}=(W(sDW)~2<6brG`eb<K(rm-S
zs^0(aSadjcy0t_}Ps~4HCewMuC8PDBZ%$m@S&tssy$e|Wewy~ajs4?=uEW+l_S~_&
z#lt@-&UMYB{mW(dWnNrt%gu7m{km<++I+id9RZs@IE(9-oKw%r;k5tRo0Zs@t+UtH
zwex>|Eywk@UH2a9_S~2ou;@L{mE;Re4S!9(w0H>~IdYlxQPbf~&0B26{}evs0SCD6
b<@sM36JAtSn%f$@0;LB}S3j3^P6<r_mGbYJ

literal 0
HcmV?d00001

diff --git a/static/c9.png b/static/c9.png
new file mode 100644
index 0000000000000000000000000000000000000000..51bcf6a1b39ff986d5e347f16a34c8d3e5dfccec
GIT binary patch
literal 565
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j3?$ucQqzExO@L2`t50SjkVzi!IV98t)G1sN
z<QL2^KmPvt{R;f`A12tZcQ~N$pI?y1y33t`fpMy*i(^Q|t+&^r`<568xLo}3n^i*V
z`~K^WS*86sSsSj*obv2&I&*lZ0?V?@SwN)LR@xt!yIl2{sl%M>r-DwW=|@#WR(W@(
zZdqJkeNu(zZcxH)-rk0j)>6#pwJ%<txZs77rMeX7HvSbt1*^Pt9_3E&V7y-<Ex0>5
z({0I4*ENL;Hg>s)Wo2yH<ML#I+c9Rr`M0*RD*WFeV;c6w$bM5$^1;@J?qXSQGEUT}
z*O^EwepEiLu}RSW(K}_wi4H1(r@zlu6I^(%ZNHPxl|m)KTVXXHEibwr%$L~Z5#3jr
z&9%pQK}JhGN14<^d8UY6i7NsR%0HZ^nXB^n`l^N7FI_zA$aSdRIi=)9dNzCa`M0KK
z*IzrNZwQqYFOPZ@cxboyc{ZL8_d7xi5B>MQWq+YVK10K1LEVCnUj62Kls6uex~DF(
zmCs;?h^>{Qb=Fc@o?qGaU(P$0_Dg@wVQpV1_%AL~YBQ@%pW7wIWu-GZ7%RRBC{J)$
zYTez|@_3zqf=Wi}%JdkW31MA*>f4V5YcgIo@dcs(Z~1ke=Y_pcHP{M@c~4hAmvv4F
FO#nHb*8Bhf

literal 0
HcmV?d00001

diff --git a/static/customicons.css b/static/customicons.css
new file mode 100644
index 0000000..14ed5fa
--- /dev/null
+++ b/static/customicons.css
@@ -0,0 +1,20 @@
+@font-face {
+  font-family: "customicons"; /* Project id 2878519 */
+  src:url('/static/customicons.ttf') format('truetype');
+}
+
+.customicons {
+  font-family: "customicons" !important;
+}
+
+.youxi:before {
+  content: "\e60e";
+}
+
+.wenjian:before {
+  content: "\e60f";
+}
+
+.zhuanfa:before {
+  content: "\e610";
+}
diff --git a/static/customicons.ttf b/static/customicons.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..a3c8ab9f22d18d5d605503eda314e5d2a31fdfc0
GIT binary patch
literal 2416
zcmd^A%WoS+82@H>?IgD2#K~q|hdkDH>bQB>&f0O>=25F@5|GlQX`8fENObGiPEx<*
zIHl>yDoB8U!lAtvAt9k$df<Y}AqXKZATCr~cu7dfp<Fm{YixeA-l)*_KVWue<~P6Z
zG4p*hJ4=j+>{KC<B6Am(Ppj`8y+y>1gT1(TA*@aKU;Z8A_c6Yj%<0Ab$%Pq=pKvad
z-A@0oKRQn&-bGc{Qu=Do+{0<;!iM5&AR2xX-va&;wQns~zS&B(8f^c>xHVfy>O!2V
zuzd$(TTZ`OWbJet@*^0lc|DhE{bb?+k@a&TAyX`DmiI><szgm)kY6CIU98k9^qK^(
zwVK2@^PeIa4A>vrzUh9wW#VtLONPQPcgH{GfcG%HCo!>rVIv8K7)wAe(G9W~W6s*}
z5MlL3;c^>AXo`e0v-20pnbpgA>V(Zx`M)vCu4i=kuX|?D<5C8Ok=0}+EcYWmqwucq
z9k>tcJ$p<VgQY+g5$p@fx%A8`?e01ET8(^=_%l_Y#@G0?2z)}Gsd{e+cy!$7kRc*=
z*|a$imRk>@N7UdY3K%*@M)z9zF77#b3%z<I0{6stEdTf7FcJ_m(}1k(IqQ|@bg!je
z`AOSrtyg0Yh(4t%_Mgat6Zr@ya*%pxhLV(}Eo4@6D{iI3B|Div&>!fxHdq^cAvWrY
zjm5{}(W73UQ-HKbh-#b|iyQiGC8|vcP=ZB(`A1^`pS7F$eO6f+XC1Pl#U~jwSS-Z6
zoYdm6fFb2Ts4UG+2aoy3eJ4h)WHMJqPWZ<C$AZ(dOAOz^{GIGcbz*U#zu!GL)H$#+
z&^a{d?(ZL1oKR!YOINC2Cp>+ggv;Y`8Ne>v?K0a?dV7a@d%xnHstS*S!80>UHNq5P
zcT^Cf-6E!7v@~-j7+e|8elTC7!G#HLb7P0n=yWzJ9gWT2iG@K%Yp-64j#evA{TmZG
zWJPwUm;la=mS?v1K>SNwq9YWdlSr<&p0z19Zlu(!^)Mr=JSzZ7)T_mjuz=s|>kl!c
zB@l~)Q)H`{IH*LH!r`TeI(%*{!Lr8Sps0GoVXsi(ZM7mhk8cX!KdH!FU9!mAbI=zO
zP#q6W0#>gAiixoIV3!-P``)ng_~q*Du3#5l{`J@HiH~s`$rPj0xaF>5@3G|gDTd`t
z2}&<h<Q8THC)76@yN?+7x$xmk@W&~%GnZ^d1OY@+KO8*B9)>`saAq1brJKoCUtp5O
z;^K01ht1M-_H0vw)#X+iuR9#q9aYKR<`5;DCw%I1?(O?_+2N4wrR4G}CnNsOmL?^|
z?r41nJAO^`vqW__v>3uGEQc3DyKNq9yhk|YJmP6uSZGw-E=vQP_BpOMS9fi$j;5~R
zmD%KpS-b3(?Z^BHZ8{R|>1<(-tEK86+@Y}Cr!9vT!UsEbw=A*jY1`o&ywm0}zN$9*
z)x4>Q+QHOsI)0nBn^>R*ddb8hc%O+S-~kg`@aNM^Yz04QVjB(OyQ}-O!($Prh)GSD
zCqQqSm{BWzW@3Sy^o5B<@ZXwP0{+Rw7E);6#8&VJCbrQEYc{c+0xUUQO6ld)s(Ni(
zT~8MB=|aAI*q={jwz7KZaCq3Sq)MCXg}gcviX2jNseGz*=w|aqMk|-oYPwX&sk88x
z%4Q2{u~gVdCCj0;a=Cai9Om<IK9nrvXqrltBAv=;S4pL7w2gKhS5blTls4M(bK~>S
z&fu!b!m{+7^jYf_XqRXcdfcZ<BltWc&sohuD{p8%yP8e>oHN+IGM+T-)9_ZH9MG(}
zz7$rH1y-?vT($u}Noa>?&9ExsItb%AjOS24WW<@{KiqoZ|NR#gi3v<(60?v^AJ&GW
i+l8&0>&^ObY<MK{Mk>FtuIC+Gpxs*A((`E@KK=o#Msw}}

literal 0
HcmV?d00001

diff --git a/static/headers.png b/static/headers.png
new file mode 100644
index 0000000000000000000000000000000000000000..431356f61c83a675c26f8e6181431a7b2275966d
GIT binary patch
literal 20399
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
a$o~QFs7YNoZJE9R0000<MNUMnLSTXgwM<9=

literal 0
HcmV?d00001

diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5771e209bb677e2ebd5ff766ad5ee11790f305a
GIT binary patch
literal 4023
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
SYs}WS&%*SCNx89m_<sQGK?UOg

literal 0
HcmV?d00001

diff --git a/static/tabbar/grid.png b/static/tabbar/grid.png
new file mode 100644
index 0000000000000000000000000000000000000000..938b8212107cec8b8ac8b458f620afed4def22ee
GIT binary patch
literal 2695
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

literal 0
HcmV?d00001

diff --git a/static/tabbar/grid_active.png b/static/tabbar/grid_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..807d9c7d83d7721fbda941611e5dbe3603ae01c3
GIT binary patch
literal 2556
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
K#QtG=HuAqSbgTpb

literal 0
HcmV?d00001

diff --git a/static/tabbar/list.png b/static/tabbar/list.png
new file mode 100644
index 0000000000000000000000000000000000000000..303bb4c3b8d31ce21c751b379c251e50b66f49e2
GIT binary patch
literal 2897
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

literal 0
HcmV?d00001

diff --git a/static/tabbar/list_active.png b/static/tabbar/list_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ff8c49c39f8722d5a963d170edf127277c058f2
GIT binary patch
literal 3024
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

literal 0
HcmV?d00001

diff --git a/static/tabbar/me.png b/static/tabbar/me.png
new file mode 100644
index 0000000000000000000000000000000000000000..b54f39f79ae13bc3e9b2ca6bd19e8605668bba7f
GIT binary patch
literal 3380
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

literal 0
HcmV?d00001

diff --git a/static/tabbar/me_active.png b/static/tabbar/me_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7276141fa070cb457d37a15a5e4c3ba36d5cb10
GIT binary patch
literal 3461
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
bp}}+&w$78{l=)@qJ1;<A8?IHRVH5T*6L6*k

literal 0
HcmV?d00001

diff --git a/static/uni.png b/static/uni.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e3a80f4b84ca9dfad7bc1ab724810a1b3be3ba8
GIT binary patch
literal 4162
zcmaJ^c{r5a`+p1xWy!vTF_yQojIk7xu`i>nV;hxajKN@*7|h6;Xpt>j)`TpD(yK_e
zM93CJvScSABxLP3dh30Ee{_A%^*q;e&VBCBeLnYc&h?z@7G_55Y{F~+0I(Y)^-=V%
z^Zv`i3;+ztcZ|vafK3mtr)OcTrw1ncklgUzH~^pyW?2QG6F2xZM>lYswz>n$<*DA`
z07SBcrIpJ*m+KaQxx&S*-5hz1&6bz%NG8&z>2e<%GV9tz&ao<Yog3HAMcZ6Z`yxJE
z_#`-RX>oD;{dUc4=Il-vt(!CK2)9haOs*%Oj*8TP4~WN^Bb(Z4!$5q<F(xqAOnamI
zfo1?$W~5O=D37#u7#@-U5J2uzkm7C`{}EAbA!7%C6M!)Y_v|5tcofj8VBN|Kv<d=`
ztp0Xo1Cjv1n--)C0q(N{3*U@24*&zjiNgZGK<?3E79fTJNIPaE1=4;FINOAy<UkFL
zKu(D^M1iTHj3Lbasge;Wto8ulAB&FX)OH5K(sboI0I(Ve&=ce7WCWWq<|y{oj}<$S
zBdd@MKtp?SXX@ErW!|dfH^Kp5m&Ya~CK|oVbuj|Rx!hQ%AepHdl03*+Mw70?03f{C
z^I}g;D}HunYJA3R)_dt&bMBtkG6|w7u`;?>a}&e_aG7;44LVIv_cM}P7#{i6dljDt
z25kY4(M<>CA=aF8Y;OWLqiJe8+G5#vEm}21kFp&)v?%Rzw^ng7TJwkUIB6_8WSu^{
zHx#%GTuj$aD{aV&*u97$`j??%XWN-{VZ@DD$-S1y(B0VMJrgSB7v%VEte~$~SwKu%
zXwOgy`Vwu)6Wnv5N-N?iyR3-;>_ADBd4t*0gHPJM8$!M?fTB6jz5al9$g2EJ;X?@k
zm%EA*Z36%j>o?=HWf_3Z)ci>RsQDy#p(shf<P{45=;wr=c%*ai@C)9O29C@ZqBRWy
zAPlp<_F<_84K7{gsj#DLcLh^)gsdCj158gIF$(7#NgwB`cmY#mpB>}A5I#>9V0ISF
zZWOGEVr9~4W#Pd{z^@%~i5-A+u?VEaGC?p%m0Mx?;JItOmXPLFpL|fUu4jS+Qu3?3
z53hR61?{c)p;oZcjh!1cMzEyt$CixmKz`cKio}I)yvp(Ip{Q^=gr($q^$1spA;O;K
z7WSO|<VOL5Z^UB5dSD!GH$Px5+`MYwd>t(;)54FPMyuM!sbWRZr~LUu8nQ7<EK;E8
zFrEb#$17Zo-k0O!jnF1&y&~xa$qMdj7CY96E3n4DAc;lh71Dv+n@v;~czHb9utesI
zgqTFOwBuhKJWh#7DUP;VQ)X-u((y{hhm5_DLrD32t9;E~E_|km%zQkd?c)^7<FFEN
zYC>f^XT15X?Y5UwmAvrgYZE4{xl*Y7B<?e+IIU@>dv}y{({k=xb{1#9W4V6~e&?Jq
zA;;eWYIU`kN5wB)x-)}cuRUKrukTGd-W|W;0iB~%vyMcF8Kk~R?e+R}aBg-k;#<IB
z_9*s<7NpBDAupjzLWP2rLeMmmf&*_;(^{<+-z$lvx!>lzO|n6sSU(ZOm++c98J=vL
z9FjbH-`d94Myro@|B&?q8_oxgw!sC4Hh)`87PG$Nf6!MfYV*AKWLXy~02OD^ZRwO(
z=d^oy3(NjED$+0~3Ylk(t$ZaEBf<Yl3AcjQ?f0=|oR{;uZR&FV@#cbw|AB20f9NF>
zD?Q))ZY6FBZdo%II~h1$m5(i}f5<%3CDFy+bxEF4UQ52b-?P-MG^F&@VBlcgpv$7q
zBLCw2;F2FXOFK(0YYk3-Z}_oRpRBg5j;tQ?>;A0y7CTRyV_kc_#xXb2W3)#2mbWJG
zd8vP?NBoqc3d_lOA#a!(cDW-S`^oDzzN%;W%6QR{c8}_WCXc)x<GjDBWWHQ=pH!s^
zXu6e<j=Gene8dfVX<%INN<;Zg`OQ;x$2*g}(%q_iD&A5$I$Gt1O9o2X7Gl-=GQF}f
zbsuVmc48v$8Dut}i9Q+Kk}{YQ)P5kvG-adYwymZu&34W9eTi}Zg?YJoLcg82g@|3o
z;S6|2`_rP*jM66m48kby1aI8&-s5Xl#6j4?&H~#)`U3N!`Z{J^dY!P|E!uIETeSZ)
z<#dn_#jnHPn_M%WKd$n!xT*N%oSnOf`(59xRaJq4v+?cRss5<~R)oSEg~U67?a9-^
zU#febyj{!7c%Cs_`hoCnqyy0${9xNuAw#6i;U!{8=iBlIdg5ZoWL9BDVdHB2EY#88
z(cW>pR?PhGOquL{MMCRP)A_O5_DjxiO$2VMYmQO#l_uy;;GL^=1$B^7M4e<ve@I%$
z!JX{w(_8Jkao_95X<zwQ%nmp+ykMASs0|km|C`Z^QJg7_>E1!r12G4lGeZw+^64IC
zWw#giNhCE0d==TmDi6EMrT6f?X363^C$gp3A!8!ee<U`ln`M+MgjBF;GS~5x<=U8$
z_q8f<yil6JW-#yZ6H50LK3i5;Q7%$8<oZjd?6=)(V^`veZ$3Lc<oVRc-@U}s8|95%
z$fyddx?dGez53l?C6$}PBgMLSeX41o32}YW7c}dguADiQZk<BGmQ4@mJ`<Rk>uS#q
z(6Cpvj}KCdyv?2ZSZg{0tZM-kG@mXcnu_v#y^;}WZcvvSlWSRCS#?I^)=ZXd^19l{
z>0rGrk0^6PzgNnv<|tWOg3zsJlB=e+`u!hEx<6d}Ag`X3nUtA_V#lXc$i7#sJXUG$
zCM%oBK1G`$ycS8k`g&tZa?^Kph|fFHq$jTeRc67#ZvrinrJff&Ppv}MBG0{39(CLM
zyeWC;GJjBQ{3DC1M}H4gQSDd8AoT{%`6Z*R1OgOb4ybBZDt@^)xZR`uamud61R7=Y
z)sr^-H5L`od+(l}>}5NZ<l>~Zc4FDLbI-7Rm}FO*CC}8p^R}TU1d^Rf$R$N(-ya!P
z%}m&tIrRmt(FlWsAJ0_2UYtkH=g$*MHtg#ko~iZJ>3b8k%w8(85;HC0L^$)2ayQU(
zEw;0w^K~bqDn@nje8<z0p|5vO=B)>2g*vp`?v_5NtotA{*k3;qaA}nzLX_|H$EBo&
znkTYUJFi-U;5B0Jm&+q@!Y(4!^)n$ORYn2k&Dn96?p->#Zm=}(Ng;U;Kdi5R%t}C=
zj1fb^$<rBOq`{2E^nfSib0;_&b*5kZHChmKY0~1;-L99zFFQxmLMzu;=8-hnUU<D<
ziF_U*2XVJ{>C?@;EKx^Mqq@o;Axp4HtY3?2oLzQK)-lA&=G5iH$wJq{>?|`a#JjX%
z+J?zanwNv6L#?}Bcea)Q<%>zB(?;9s$JscC<r?xg$cD?1bmiGnL>a;;guFYBe0ZKT
zkK1Tpw9_b~d^4Rt-Lv#Ibj!1$&-eZJ_X-YoXthhP7DOtEG9yQ;q^sAy`>!tw1h9QE
z8FmPaqdwfJ8{GYTaEtSEXvJPRu7NQ2-MPWJ`=veS5(n$m?7gHPZ?BH`8g&@;Ng7JV
z#AS(#i?9pVes%3i94~xa$kY8g#P$bm-uJ=m=<dY!*>3dC!1AHZ=<fP5TJfsS(u3lM
z@D|Ay@tQ6gVx?fGv}-7MscNZuw53)&?bwd?p2cd<7Ph7EjroS=Y|!2gbmPkEc9^>K
z5&FNS5XAsZu_C!q0x&)}K*yEjf&&{9Fzz@M4&zF@*oM;p0LBw|YcvIIY68cS2nv{e
z9R(_ZOh*HNh8C5K!Fu5+U>BS_o``@fJ+Fs=@vaDnovNv#DOnHafky`V;H(18tg(S!
zSany3mL^z(3a1+&;3ya{mEcYEg;NobpLXH&{=OIr0smB?cp)JFkV2bUfb~c|IIyb1
zNqH<xSqXefT>+-5uB4_S2Ub#qorEf?Kw;|gFl9LXQBef{Y7qKrKCW(Xl)mAwwdf-R
z#DhX1!=ccCfB=O6Wd)LtI~}X84pmfwDk;g+HROG1L<)u~PxO`iZ9yOBi}k^iDR>eQ
zyl)ZXLh_>^AathxxIiGAn*M8;==&>B^pHWR7%~*5pa>-p_Wk;)?Mp%7{-g0nZC`5|
z83#q-d`W&jSb9F(B!7eHvHRZ(?JLsR!1YO3KLU<OG1f;w=n@52yer($P)9}S6ioe;
zzTQa~%s@@oP)AK)Pt8DA&p<_0(Gd0<YfSW|V2D`UZ!G>ltlIy?!u5P`7z)Y9nnd#c
zojnT=5{2aJK_Y|cHy3)gR25Xg$4oI;JaJ!qd_Tm$7~_2K{y0}d9})rlGe&UyA9(2M
zs2S?$p4#W3`ez^h!Mgsz|6kaB|No4I(#b&g6a4=Y{#!(^qW$i_<x3y@y8&=Sde!^T
z%bT@sfe8RWPR9B=*3>~4R{*q_mhwaB8k0%>F=j7k@R1yks$2et^%#(c?K71`qKcUL
zz3=K)FlX7@z6;>i24JAXSF&LFGx=MQCQ`?k!>NP$_r_CHqV&#zSiq>a+>Gks`pPfc
zzA81BM~Pj!0%2B9DKEbFjMGpataa;p=lzKH2b+>anzo!J<bwe&?VQI*KICX_<hb42
zIAx`t*JSi0Q6-PPH%PmPMdlt_JSM{OkfFR_={F-Hm*oQkSh~q|5Wt}S*8hlTLqLJV
z0+nmb)kSc^`5j}PSdJggxM(83qCe+dM~{@s=Wt8Tn}I)P1lJnk@n_!TI%x_s<{v9?
z3kX$VHbf|*HGp((Q19r~qU~J(^vJhGg||@~(B?VG<jlZBZ2)->G#=J@aVNfkLlz;m
zTo~~_Ut;7-k7J@E>ye-fr#q)%QfxucT3KjlbYs6IvtO@}$AhL9M&}>@brCCafPVgv
zb2jI{7s2HZ?jJ_~H8E9zkrb|m)LR3U-1|}z<8Y|uTq1MmUV&c?lgH8*OD^Wiz)d#^
z_hlvZ@W>}u%h$ojtqwV!NG0<RJ4P#-P{rkPBd-L@@Na&&So=oa@oDjTvg|z>tyc)Z
zv2?8YoVzFCho<$}JtlyDabf_#0Kk+(S+#W9nHOqb;F10?gy$r)fcC{e7yxk5%K^{^
ze(TN>x;}<248<%maOlwG_Rowu#C}anGb|KHl-4rJS&dBJJ@I}v2tPRzu(@h<)9YsR
lruvM4_@wCMht!$R;z59{S)f^hqSH_Rj1A26%XFPD{~u#uFwFn}

literal 0
HcmV?d00001

diff --git a/uni.scss b/uni.scss
new file mode 100644
index 0000000..d461177
--- /dev/null
+++ b/uni.scss
@@ -0,0 +1,4 @@
+@import '@/uni_modules/uni-scss/variables.scss';
+
+/* uni.scss */
+@import 'uview-ui/theme.scss';
\ No newline at end of file
diff --git a/utils/request.js b/utils/request.js
new file mode 100644
index 0000000..8e5f783
--- /dev/null
+++ b/utils/request.js
@@ -0,0 +1,50 @@
+// utils/request.js
+import config from '@/config';
+
+export function request(options) {
+	// 在请求发送前做一些处理，如添加 token
+	const token = uni.getStorageSync('token');
+
+	options.header = options.header || {};
+	options.header['token'] = token;
+	options.header['content-type'] = 'application/x-www-form-urlencoded';
+
+	options.method = options.method || "POST";
+	options.url = config.apiUrl + options.url;
+
+	return new Promise((resolve, reject) => {
+		uni.request({
+			...options,
+			success: (response) => {
+				if (response.data.code == 10030) {
+					// 没有登录，跳转到登录页，并带上当前页面的URL
+					redirectToLoginWithRedirect();
+				} else {
+					resolve(response);
+				}
+			},
+			fail: (error) => {
+				reject(error);
+			},
+		});
+	});
+}
+
+function redirectToLoginWithRedirect() {
+	let currentRoute = '';
+	// 获取当前页面路径和参数
+	const pages = getCurrentPages();
+	if (pages.length) {
+		const currentPage = pages[pages.length - 1];
+		currentRoute = currentPage.route;
+		const query = Object.keys(currentPage.options)
+			.map(key => `${key}=${currentPage.options[key]}`)
+			.join('&');
+		if (query) currentRoute += '?' + query;
+	}
+	
+	// 重定向到登录页面
+	uni.redirectTo({
+		url: `/pages/login/login?redirect=${encodeURIComponent(currentRoute)}`,
+	});
+}
\ No newline at end of file