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 0000000..9d38fdc
Binary files /dev/null and b/static/c1.png differ
diff --git a/static/c2.png b/static/c2.png
new file mode 100644
index 0000000..ce956d7
Binary files /dev/null and b/static/c2.png differ
diff --git a/static/c3.png b/static/c3.png
new file mode 100644
index 0000000..216202a
Binary files /dev/null and b/static/c3.png differ
diff --git a/static/c4.png b/static/c4.png
new file mode 100644
index 0000000..fb8b477
Binary files /dev/null and b/static/c4.png differ
diff --git a/static/c5.png b/static/c5.png
new file mode 100644
index 0000000..310bfb1
Binary files /dev/null and b/static/c5.png differ
diff --git a/static/c6.png b/static/c6.png
new file mode 100644
index 0000000..c3c45d8
Binary files /dev/null and b/static/c6.png differ
diff --git a/static/c7.png b/static/c7.png
new file mode 100644
index 0000000..a1e7390
Binary files /dev/null and b/static/c7.png differ
diff --git a/static/c8.png b/static/c8.png
new file mode 100644
index 0000000..c32633c
Binary files /dev/null and b/static/c8.png differ
diff --git a/static/c9.png b/static/c9.png
new file mode 100644
index 0000000..51bcf6a
Binary files /dev/null and b/static/c9.png differ
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 0000000..a3c8ab9
Binary files /dev/null and b/static/customicons.ttf differ
diff --git a/static/headers.png b/static/headers.png
new file mode 100644
index 0000000..431356f
Binary files /dev/null and b/static/headers.png differ
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000..b5771e2
Binary files /dev/null and b/static/logo.png differ
diff --git a/static/tabbar/grid.png b/static/tabbar/grid.png
new file mode 100644
index 0000000..938b821
Binary files /dev/null and b/static/tabbar/grid.png differ
diff --git a/static/tabbar/grid_active.png b/static/tabbar/grid_active.png
new file mode 100644
index 0000000..807d9c7
Binary files /dev/null and b/static/tabbar/grid_active.png differ
diff --git a/static/tabbar/list.png b/static/tabbar/list.png
new file mode 100644
index 0000000..303bb4c
Binary files /dev/null and b/static/tabbar/list.png differ
diff --git a/static/tabbar/list_active.png b/static/tabbar/list_active.png
new file mode 100644
index 0000000..0ff8c49
Binary files /dev/null and b/static/tabbar/list_active.png differ
diff --git a/static/tabbar/me.png b/static/tabbar/me.png
new file mode 100644
index 0000000..b54f39f
Binary files /dev/null and b/static/tabbar/me.png differ
diff --git a/static/tabbar/me_active.png b/static/tabbar/me_active.png
new file mode 100644
index 0000000..e727614
Binary files /dev/null and b/static/tabbar/me_active.png differ
diff --git a/static/uni.png b/static/uni.png
new file mode 100644
index 0000000..8e3a80f
Binary files /dev/null and b/static/uni.png differ
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