From 8a600afd4fab59f0f9900b6a036c55611a37c016 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=85=A8=E6=A0=88=E5=B0=8F=E5=AD=A6=E7=94=9F?=
 <1518079521@qq.com>
Date: Sat, 20 May 2023 18:12:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0uni-app?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 uni-app/App.vue                               |  27 +-
 uni-app/api/auth.ts                           |   7 +
 uni-app/api/member.ts                         | 121 ++++++-
 uni-app/components/diy/comp-extend/index.vue  |  20 ++
 .../diy/extend/hello-info/index.vue           |  24 ++
 .../diy/extend/hello-text/index.vue           |  24 ++
 uni-app/components/diy/group/index.vue        |  23 +-
 uni-app/components/diy/member-info/index.vue  | 120 -------
 .../diy/{ => system}/article/index.vue        |   0
 .../diy/{ => system}/graphic-nav/index.vue    |  10 +-
 .../diy/{ => system}/horz-blank/index.vue     |   0
 .../diy/{ => system}/image-ads/index.vue      |   0
 .../diy/system/member-info/index.vue          | 174 ++++++++++
 .../diy/{ => system}/text/index.vue           |   0
 .../information-filling.vue                   |   6 +-
 uni-app/components/pay/pay.vue                | 317 ++++++++---------
 uni-app/components/tabbar/tabbar.vue          |  52 +--
 uni-app/hooks/useCaptcha.ts                   |   8 +-
 uni-app/hooks/useLogin.ts                     |  15 +-
 uni-app/hooks/useSendSms.ts                   |   3 +-
 uni-app/hooks/useShare.ts                     |  74 ++--
 uni-app/locale/zh-Hans.json                   |  27 +-
 uni-app/locale/zh-Hans/common.json            |   8 +-
 .../locale/zh-Hans/pages.member.account.json  |   7 +
 .../zh-Hans/pages.member.account_edit.json    |  17 +
 .../zh-Hans/pages.member.apply_cash_out.json  |  29 ++
 .../locale/zh-Hans/pages.member.balance.json  |   9 +-
 .../locale/zh-Hans/pages.member.cash_out.json |  11 +
 .../zh-Hans/pages.member.cash_out_detail.json |  12 +
 .../zh-Hans/pages.member.commission.json      |  14 +
 .../pages.member.detailed_account.json        |   6 +
 .../locale/zh-Hans/pages.member.personal.json |  12 -
 .../zh-Hans/pages.member.recharge_record.json |   4 +
 .../pages.member.recharge_record_detail.json  |  12 +
 .../pages.member.withdrawal_detail.json       |  13 +
 uni-app/pages.json                            | 275 ++++++++++-----
 uni-app/pages/index/diy.vue                   |  22 +-
 uni-app/pages/index/index.vue                 |  19 +-
 uni-app/pages/member/account.vue              |  77 +++++
 uni-app/pages/member/account_edit.vue         | 153 +++++++++
 uni-app/pages/member/apply_cash_out.vue       | 278 +++++++++++++++
 uni-app/pages/member/balance.vue              | 324 +++++++-----------
 uni-app/pages/member/cash_out.vue             |  76 ++++
 uni-app/pages/member/cash_out_detail.vue      |  77 +++++
 uni-app/pages/member/commission.vue           |  53 +++
 uni-app/pages/member/detailed_account.vue     |  83 +++++
 uni-app/pages/member/index.vue                |  18 +-
 uni-app/pages/member/personal.vue             |  12 +-
 uni-app/pages/member/recharge_record.vue      |  80 +++++
 .../pages/member/recharge_record_detail.vue   |  77 +++++
 uni-app/static/logo.png                       | Bin 4023 -> 0 bytes
 uni-app/stores/member.ts                      |  12 +-
 uni-app/styles/account_info.scss              |  41 +++
 uni-app/styles/iconfont.css                   |  87 +++--
 uni-app/styles/member_record_detail.scss      |  25 ++
 uni-app/styles/member_record_list.scss        |  21 ++
 uni-app/utils/common.ts                       |  10 +-
 uni-app/utils/interceptor.ts                  |  16 +-
 uni-app/utils/request.ts                      |  18 +-
 uni-app/utils/wechat.ts                       |   7 +-
 60 files changed, 2310 insertions(+), 757 deletions(-)
 create mode 100644 uni-app/components/diy/comp-extend/index.vue
 create mode 100644 uni-app/components/diy/extend/hello-info/index.vue
 create mode 100644 uni-app/components/diy/extend/hello-text/index.vue
 delete mode 100644 uni-app/components/diy/member-info/index.vue
 rename uni-app/components/diy/{ => system}/article/index.vue (100%)
 rename uni-app/components/diy/{ => system}/graphic-nav/index.vue (97%)
 rename uni-app/components/diy/{ => system}/horz-blank/index.vue (100%)
 rename uni-app/components/diy/{ => system}/image-ads/index.vue (100%)
 create mode 100644 uni-app/components/diy/system/member-info/index.vue
 rename uni-app/components/diy/{ => system}/text/index.vue (100%)
 create mode 100644 uni-app/locale/zh-Hans/pages.member.account.json
 create mode 100644 uni-app/locale/zh-Hans/pages.member.account_edit.json
 create mode 100644 uni-app/locale/zh-Hans/pages.member.apply_cash_out.json
 create mode 100644 uni-app/locale/zh-Hans/pages.member.cash_out.json
 create mode 100644 uni-app/locale/zh-Hans/pages.member.cash_out_detail.json
 create mode 100644 uni-app/locale/zh-Hans/pages.member.commission.json
 create mode 100644 uni-app/locale/zh-Hans/pages.member.detailed_account.json
 delete mode 100644 uni-app/locale/zh-Hans/pages.member.personal.json
 create mode 100644 uni-app/locale/zh-Hans/pages.member.recharge_record.json
 create mode 100644 uni-app/locale/zh-Hans/pages.member.recharge_record_detail.json
 create mode 100644 uni-app/locale/zh-Hans/pages.member.withdrawal_detail.json
 create mode 100644 uni-app/pages/member/account.vue
 create mode 100644 uni-app/pages/member/account_edit.vue
 create mode 100644 uni-app/pages/member/apply_cash_out.vue
 create mode 100644 uni-app/pages/member/cash_out.vue
 create mode 100644 uni-app/pages/member/cash_out_detail.vue
 create mode 100644 uni-app/pages/member/commission.vue
 create mode 100644 uni-app/pages/member/detailed_account.vue
 create mode 100644 uni-app/pages/member/recharge_record.vue
 create mode 100644 uni-app/pages/member/recharge_record_detail.vue
 delete mode 100644 uni-app/static/logo.png
 create mode 100644 uni-app/styles/account_info.scss
 create mode 100644 uni-app/styles/member_record_detail.scss
 create mode 100644 uni-app/styles/member_record_list.scss

diff --git a/uni-app/App.vue b/uni-app/App.vue
index b1529b849..232a87d9e 100644
--- a/uni-app/App.vue
+++ b/uni-app/App.vue
@@ -1,37 +1,40 @@
 <script setup lang="ts">
     import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
+    import manifest from '@/manifest.json'
     import { redirectInterceptor, launchInterceptor } from '@/utils/interceptor'
-    import { getToken, isWeixinBrowser } from '@/utils/common'
+    import { getToken, isWeixinBrowser, urlDeconstruction } from '@/utils/common'
     import useMemberStore from '@/stores/member'
     import useConfigStore from '@/stores/config'
     import { useLogin } from '@/hooks/useLogin'
+    import { language } from '@/locale'
 
     // #ifdef H5
     if (import.meta.env.VITE_APP_DEBUG) { new window.VConsole() }
     // #endif
-
+	
     onLaunch(async (data) => {
         // 添加初始化拦截器
         launchInterceptor()
         // 添加页面跳转拦截器
         redirectInterceptor()
 
+        // #ifdef H5
+        uni.getSystemInfoSync().platform == 'ios' && (uni.setStorageSync('initUrl', location.href))
+        // #endif
+
         const configStore = useConfigStore()
         configStore.getTabbarConfig()
         await configStore.getLoginConfig()
 
         // 隐藏tabbar
         uni.hideTabBar()
-
-        // #ifdef H5
-        uni.getSystemInfoSync().platform == 'ios' && (uni.setStorageSync('initUrl', location.href))
-        // #endif
-
+        
         // 判断是否已登录
         if (getToken()) {
             const memberStore = useMemberStore()
             await memberStore.setToken(getToken())
         }
+        
         if (!getToken()) {
             const login = useLogin()
             // 三方平台自动登录
@@ -40,10 +43,18 @@
             // #endif
             // #ifdef H5
             if (isWeixinBrowser()) {
-                data.query.code ? login.authLogin(data.query.code) : login.getAuthCode()
+                data.query.code ? login.authLogin(data.query.code) : login.getAuthCode('snsapi_userinfo')
             }
             // #endif
         }
+        
+        // 监听浏览器返回
+        // #ifdef H5
+        window.addEventListener("popstate", function(e) { 
+            const path = '/' + location.pathname.replace(manifest.h5.router.base, '')
+            language.loadLocaleMessages(path, uni.getLocale())
+        }, false);
+        // #endif
     })
 
     onShow(() => {
diff --git a/uni-app/api/auth.ts b/uni-app/api/auth.ts
index 09c927849..00ff9b586 100644
--- a/uni-app/api/auth.ts
+++ b/uni-app/api/auth.ts
@@ -61,4 +61,11 @@ export function weappLogin(data : AnyObject) {
  */
 export function bind(data : AnyObject) {
     return request.post('bind', data, { showErrorMessage: true })
+}
+
+/**
+ * 记录会员访问日志
+ */
+export function memberLog(data : AnyObject) {
+    return request.post('member/log', data)
 }
\ No newline at end of file
diff --git a/uni-app/api/member.ts b/uni-app/api/member.ts
index 76edad12a..c88e6f15a 100644
--- a/uni-app/api/member.ts
+++ b/uni-app/api/member.ts
@@ -1,40 +1,145 @@
 import request from '@/utils/request'
 
 export function getMemberInfo() {
-    return request.get('member/member')
+	return request.get('member/member')
 }
 
 /**
  * 获取积分流水
  */
 export function getPointList(data : AnyObject) {
-    return request.get('member/account/point', data)
+	return request.get('member/account/point', data)
 }
 
 /**
- * 获取余额流水
+ * 获取不可提现余额流水
  */
 export function getBalanceList(data : AnyObject) {
-    return request.get('member/account/balance', data)
+	return request.get('member/account/balance', data)
+}
+
+/**
+ * 获取可提现余额流水
+ */
+export function getMoneyList(data : AnyObject) {
+	return request.get('member/account/money', data)
 }
 
 /**
  * 会员信息修改
  */
-export function updateMember(data : AnyObject) {
-    return request.put(`member/modify/${data.field}`, data, { showErrorMessage: true })
+export function modifyMember(data : AnyObject) {
+	return request.put(`member/modify/${data.field}`, data, { showErrorMessage: true })
 }
 
 /**
  * 发起充值
  */
 export function createRecharge(data : AnyObject) {
-    return request.post('order/recharge', data, { showErrorMessage: true })
+	return request.post('order/recharge', data, { showErrorMessage: true })
+}
+
+/**
+ * 充值记录列表
+ */
+export function getRechargeList(data : AnyObject) {
+	return request.get('order/recharge', data, { showErrorMessage: true })
+}
+
+/**
+ * 充值记录详情
+ */
+export function getRechargeDetail(id:number) {
+	return request.get(`order/recharge/${id}`, {}, { showErrorMessage: true })
 }
 
 /**
  * 登录会员绑定手机号
  */
 export function bindMobile(data : AnyObject) {
-    return request.put('member/mobile', data, { showErrorMessage: true })
+	return request.put('member/mobile', data, { showErrorMessage: true })
+}
+
+/**
+ * 提现转账方式
+ */
+export function cashOutTransferType() {
+	return request.get('member/cash_out/transfertype')
+}
+
+/**
+ * 提现配置
+ */
+export function cashOutConfig() {
+	return request.get('member/cash_out/config')
+}
+
+/**
+ * 申请余额提现
+ */
+export function cashOutApply(data : AnyObject) {
+	return request.post('member/cash_out/apply', data, { showSuccessMessage: true, showErrorMessage: true })
+}
+
+/**
+ * 获取提现账户信息
+ */
+export function getCashoutAccountInfo(data : AnyObject) {
+	return request.get(`member/cashout_account/${data.account_id}`, {})
+}
+
+/**
+ * 获取首条提现账户信息
+ */
+export function getFirstCashoutAccountInfo(data : AnyObject) {
+	return request.get('member/cashout_account/firstinfo', data)
+}
+
+/**
+ * 获取提现账户列表
+ */
+export function getCashoutAccountList(data : AnyObject) {
+	return request.get(`member/cashout_account`, data)
+}
+
+/**
+ * 获取提现记录列表
+ */
+export function getCashOutList(data : AnyObject) {
+	return request.get(`member/cash_out`, data)
+}
+
+/**
+ * 获取提现记录详情
+ */
+export function getCashOutDetail(id : number) {
+	return request.get(`member/cash_out/${id}`)
+}
+
+/**
+ * 添加提现账户
+ */
+export function addCashoutAccount(data : AnyObject) {
+	return request.post('member/cashout_account', data, { showSuccessMessage: true, showErrorMessage: true })
+}
+
+/**
+ * 添加提现账户
+ */
+export function editCashoutAccount(data : AnyObject) {
+	return request.put(`member/cashout_account/${data.account_id}`, data, { showSuccessMessage: true, showErrorMessage: true })
+}
+
+/**
+ * 删除提现账户 
+ */
+export function deleteCashoutAccount(accountId: number) {
+	return request.delete(`member/cashout_account/${accountId}`, { showSuccessMessage: true, showErrorMessage: true })
+}
+
+/**
+ * 佣金信息
+ */
+export function getCommissionList(data : AnyObject) {
+	return request.get(`member/account/commission`, data)
 }
\ No newline at end of file
diff --git a/uni-app/components/diy/comp-extend/index.vue b/uni-app/components/diy/comp-extend/index.vue
new file mode 100644
index 000000000..c123926f4
--- /dev/null
+++ b/uni-app/components/diy/comp-extend/index.vue
@@ -0,0 +1,20 @@
+<template>
+    <view>
+        <!-- 扩展组件 -->
+    </view>
+</template>
+<script setup lang="ts">
+    // 自定义扩展组件
+    import { computed } from 'vue';
+    import useDiyStore from '@/stores/diy';
+    const props = defineProps(['component', 'index']);
+    const diyStore = useDiyStore();
+    const diyComponent = computed(() => {
+        if (diyStore.mode == 'decorate') {
+            return diyStore.value[props.index];
+        } else {
+            return props.component;
+        }
+    })
+</script>
+<style lang="scss" scoped></style>
diff --git a/uni-app/components/diy/extend/hello-info/index.vue b/uni-app/components/diy/extend/hello-info/index.vue
new file mode 100644
index 000000000..34d1158bc
--- /dev/null
+++ b/uni-app/components/diy/extend/hello-info/index.vue
@@ -0,0 +1,24 @@
+<template>
+	<view>
+		演示插件信息——自定义组件
+	</view>
+</template>
+
+<script setup lang="ts">
+	import { computed } from 'vue';
+	import useDiyStore from '@/stores/diy';
+
+	const props = defineProps(['component', 'index']);
+
+	const diyStore = useDiyStore();
+
+	const diyComponent = computed(() => {
+		if (diyStore.mode == 'decorate') {
+			return diyStore.value[props.index];
+		} else {
+			return props.component;
+		}
+	})
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/uni-app/components/diy/extend/hello-text/index.vue b/uni-app/components/diy/extend/hello-text/index.vue
new file mode 100644
index 000000000..675230e9e
--- /dev/null
+++ b/uni-app/components/diy/extend/hello-text/index.vue
@@ -0,0 +1,24 @@
+<template>
+	<view>
+		演示插件文本——自定义组件
+	</view>
+</template>
+
+<script setup lang="ts">
+	import { computed } from 'vue';
+	import useDiyStore from '@/stores/diy';
+
+	const props = defineProps(['component', 'index']);
+
+	const diyStore = useDiyStore();
+
+	const diyComponent = computed(() => {
+		if (diyStore.mode == 'decorate') {
+			return diyStore.value[props.index];
+		} else {
+			return props.component;
+		}
+	})
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/uni-app/components/diy/group/index.vue b/uni-app/components/diy/group/index.vue
index fdb8c9100..ff8f20937 100644
--- a/uni-app/components/diy/group/index.vue
+++ b/uni-app/components/diy/group/index.vue
@@ -6,35 +6,41 @@
 
 			<!-- 标题 -->
 			<template v-if="component.componentName == 'Text'">
-				<diy-text :component="component" :index="index"></diy-text>
+				<diy-system-text :component="component" :index="index"></diy-system-text>
 			</template>
 
 			<!-- 图片广告 -->
 			<template v-if="component.componentName == 'ImageAds'">
-				<diy-image-ads :component="component" :index="index"></diy-image-ads>
+				<diy-system-image-ads :component="component" :index="index"></diy-system-image-ads>
 			</template>
 
 			<!-- 图文导航 -->
 			<template v-if="component.componentName == 'GraphicNav'">
-				<diy-graphic-nav :component="component" :index="index"></diy-graphic-nav>
+				<diy-system-graphic-nav :component="component" :index="index"></diy-system-graphic-nav>
 			</template>
 
 			<!-- 文章 -->
 			<template v-if="component.componentName == 'Article'">
-				<diy-article :component="component" :index="index"></diy-article>
+				<diy-system-article :component="component" :index="index"></diy-system-article>
 			</template>
 
 			<!-- 辅助空白 -->
 			<template v-if="component.componentName == 'HorzBlank'">
-				<diy-horz-blank :component="component" :index="index"></diy-horz-blank>
+				<diy-system-horz-blank :component="component" :index="index"></diy-system-horz-blank>
 			</template>
 
 			<!-- 会员信息 -->
 			<template v-if="component.componentName == 'MemberInfo'">
-				<diy-member-info :component="component" :index="index"></diy-member-info>
+				<diy-system-member-info :component="component" :index="index"></diy-system-member-info>
+			</template>
+
+			<!-- 自定义扩展组件 -->
+			<template v-if="systemComponent.indexOf(component.componentName) == -1">
+				<diy-comp-extend :component="component" :index="index"></diy-comp-extend>
 			</template>
 		</view>
 		<template v-if="diyStore.mode == ''">
+			<view class="pt-[20rpx]"></view>
 			<tabbar />
 		</template>
 	</view>
@@ -43,7 +49,7 @@
 
 <script lang="ts" setup>
 	import useDiyStore from '@/stores/diy';
-	import { onMounted, nextTick, computed } from 'vue';
+	import { onMounted, nextTick, computed, ref } from 'vue';
 	import Sortable from 'sortablejs';
 	import { range } from 'lodash-es';
 
@@ -59,6 +65,9 @@
 		}
 	})
 
+	// 系统组件
+	const systemComponent = ref(['Text', 'ImageAds', 'GraphicNav', 'Article', 'HorzBlank', 'MemberInfo'])
+
 	onMounted(() => {
 		// #ifdef H5
 		if (diyStore.mode == 'decorate') {
diff --git a/uni-app/components/diy/member-info/index.vue b/uni-app/components/diy/member-info/index.vue
deleted file mode 100644
index 87d52e765..000000000
--- a/uni-app/components/diy/member-info/index.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<template>
-    <view>
-        <!-- #ifdef MP-WEIXIN -->
-        <u-navbar :placeholder="true" bgColor="var(--primary-color)" titleStyle="color: #fff">
-            <template #left>
-            </template>
-        </u-navbar>
-        <!-- #endif -->
-        <view class="bg-primary" v-if="info">
-            <view class="flex p-[30rpx]">
-                <u-avatar :src="img(info.headimg)" size="60" leftIcon="none" @click="clickAvatar"></u-avatar>
-                <view class="flex-1 w-0 mx-[20rpx] flex justify-center flex-col">
-                    <view class="text-white font-bold text-lg">{{ info.nickname }}</view>
-                    <view></view>
-                </view>
-                <view class="flex items-center">
-                    <app-link url="/pages/setting/index">
-                        <text class="iconfont iconshezhi text-white text-lg ml-[10rpx]"></text>
-                    </app-link>
-                </view>
-            </view>
-
-            <view class="flex m-[30rpx] mb-0 py-[30rpx] bg-white rounded-lg rounded-b-none">
-                <view class="flex-1 text-center">
-                    <view class="font-bold">
-                        <app-link url="/pages/member/point">{{ parseInt(info.point) }}</app-link>
-                    </view>
-                    <view class="text-sm mt-[10rpx]">
-                        <app-link url="/pages/member/point">{{ t('point') }}</app-link>
-                    </view>
-                </view>
-                <view class="flex-1 text-center">
-                    <view class="font-bold">
-                        <app-link url="/pages/member/balance">{{ moneyFormat(info.balance) }}</app-link>
-                    </view>
-                    <view class="text-sm mt-[10rpx]">
-                        <app-link url="/pages/member/balance">{{ t('balance') }}</app-link>
-                    </view>
-                </view>
-            </view>
-
-            <!-- #ifdef MP-WEIXIN -->
-            <information-filling ref="infoFill"></information-filling>
-            <!-- #endif -->
-        </view>
-        <view v-else class="flex p-[30rpx] bg-primary" @click="toLogin">
-            <u-avatar src="" size="60"></u-avatar>
-            <view class="flex-1 w-0 mx-[20rpx] flex justify-center flex-col">
-                <view class="text-white font-bold text-lg">{{ t('login') }}/{{ t('register') }}</view>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script lang="ts" setup>
-    import { computed, ref } from 'vue'
-    import useMemberStore from '@/stores/member'
-    import { useLogin } from '@/hooks/useLogin'
-    import { img, isWeixinBrowser, redirect, urlDeconstruction, moneyFormat } from '@/utils/common'
-    import { t } from '@/locale'
-    import { wechatSync } from '@/api/system'
-    import useDiyStore from '@/stores/diy'
-
-    const props = defineProps(['component', 'index']);
-
-    const diyStore = useDiyStore();
-
-    const diyComponent = computed(() => {
-        if (diyStore.mode == 'decorate') {
-            return diyStore.value[props.index];
-        } else {
-            return props.component;
-        }
-    })
-
-    const memberStore = useMemberStore()
-
-    const { query } = urlDeconstruction(location.href)
-    if (query.code && isWeixinBrowser()) {
-        wechatSync({ code: query.code }).then(res => {
-            memberStore.getMemberInfo()
-        })
-    }
-
-    const info = computed(() => {
-        // 装修模式
-        if (diyStore.mode == 'decorate') {
-            return {
-                headimg: '',
-                nickname: '昵称',
-                balance: 0,
-                point: 0
-            }
-        } else {
-            return memberStore.info;
-        }
-    })
-
-    const toLogin = () => {
-        useLogin().setLoginBack({ url: '/pages/member/index' })
-    }
-
-    const infoFill = ref(false)
-    const clickAvatar = () => {
-        // #ifdef MP-WEIXIN
-        infoFill.value.show = true
-        // #endif
-
-        // #ifdef H5
-        if (isWeixinBrowser()) {
-            useLogin().getAuthCode('snsapi_userinfo')
-        } else {
-            redirect({ url: '/pages/member/personal' })
-        }
-        // #endif
-    }
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/uni-app/components/diy/article/index.vue b/uni-app/components/diy/system/article/index.vue
similarity index 100%
rename from uni-app/components/diy/article/index.vue
rename to uni-app/components/diy/system/article/index.vue
diff --git a/uni-app/components/diy/graphic-nav/index.vue b/uni-app/components/diy/system/graphic-nav/index.vue
similarity index 97%
rename from uni-app/components/diy/graphic-nav/index.vue
rename to uni-app/components/diy/system/graphic-nav/index.vue
index cd6dc25e8..679653a4e 100644
--- a/uni-app/components/diy/graphic-nav/index.vue
+++ b/uni-app/components/diy/system/graphic-nav/index.vue
@@ -1,12 +1,12 @@
 <template>
-	<view class="bg-white">
-		<view v-if="diyComponent.layout == 'vertical'" class="graphic-nav py-[20rpx] px-[30rpx] box-border relative">
-			<div v-if="diyComponent.navTitle"
+	<view class="bg-[#F5F6F8]">
+		<view v-if="diyComponent.layout == 'vertical'" class="graphic-nav px-[32rpx] bg-white rounded-[20rpx] box-border relative m-[30rpx]">
+			<!-- <div v-if="diyComponent.navTitle"
 				class="py-2 border-solid border-b border-t-0 border-l-0 border-r-0 border-gray-200">
 				{{diyComponent.navTitle}}
-			</div>
+			</div> -->
 			<view
-				class="graphic-nav-item flex items-center justify-between py-2 border-solid border-l-0 border-r-0 border-b-0 border-gray-200"
+				class="graphic-nav-item flex items-center justify-between py-2 border-gray-200"
 				v-for=" (item, index) in diyComponent.list" :key="item.id"
 				:class="[index == 0 ? 'border-t-0':'border-t']" @click="redirectTo(item.link)">
 
diff --git a/uni-app/components/diy/horz-blank/index.vue b/uni-app/components/diy/system/horz-blank/index.vue
similarity index 100%
rename from uni-app/components/diy/horz-blank/index.vue
rename to uni-app/components/diy/system/horz-blank/index.vue
diff --git a/uni-app/components/diy/image-ads/index.vue b/uni-app/components/diy/system/image-ads/index.vue
similarity index 100%
rename from uni-app/components/diy/image-ads/index.vue
rename to uni-app/components/diy/system/image-ads/index.vue
diff --git a/uni-app/components/diy/system/member-info/index.vue b/uni-app/components/diy/system/member-info/index.vue
new file mode 100644
index 000000000..b1f401710
--- /dev/null
+++ b/uni-app/components/diy/system/member-info/index.vue
@@ -0,0 +1,174 @@
+<template>
+	<view>
+		<!-- #ifdef MP-WEIXIN -->
+		<u-navbar :placeholder="true" bgColor="var(--primary-color)" titleStyle="color: #fff">
+			<template #left>
+			</template>
+		</u-navbar>
+		<!-- #endif -->
+		<view class="pt-[34rpx] member-info">
+			<view v-if="info" class="flex ml-[32rpx] mr-[52rpx]  items-center relative">
+				<!-- clickAvatar 唤起获取微信 -->
+				<u-avatar :src="img(info.headimg)" size="60" leftIcon="none" @click="clickAvatar"></u-avatar>
+				<view class="ml-[22rpx]">
+					<view class="text-[#222222] truncate w-[430rpx] font-bold text-lg">{{ info.nickname }}</view>
+					<view class="text-[#696B70] text-[24rpx] mt-[10rpx]">{{ t('memberLanguage') }}</view>
+				</view>
+				<view class="set-icon flex items-center absolute right-0 top-2">
+					<app-link url="/pages/setting/index">
+						<text class="iconfont iconshezhi text-[#000] text-[1.6rem] ml-[10rpx]"></text>
+					</app-link>
+				</view>
+			</view>
+			<view v-else class="flex ml-[32rpx] mr-[52rpx]  items-center relative" @click="toLogin">
+				<u-avatar src="" size="60"></u-avatar>
+				<view class="ml-[22rpx]">
+					<view class="text-[#222222] font-bold text-lg">{{ t('login') }}/{{ t('register') }}</view>
+					<view class="text-[#696B70] text-[24rpx] mt-[10rpx]">{{ t('memberLanguage') }}</view>
+				</view>
+				<view class="set-icon flex items-center absolute right-0 top-2">
+					<app-link url="/pages/setting/index">
+						<text class="iconfont iconshezhi text-[#000] text-[1.6rem] ml-[10rpx]"></text>
+					</app-link>
+				</view>
+			</view>
+
+			<view class="flex m-[30rpx] mb-0 py-[30rpx] ">
+				<view class="flex-1 text-center">
+					<view class="font-bold">
+						<app-link :url="(info ? '/pages/member/point' : '')">{{ parseInt(info?.point) || 0 }}</app-link>
+					</view>
+					<view class="text-sm mt-[10rpx]">
+						<app-link :url="(info ? '/pages/member/point' : '')">{{ t('point') }}</app-link>
+					</view>
+				</view>
+				<view class="flex-1 text-center">
+					<view class="font-bold">
+						<app-link :url="(info ? '/pages/member/balance' : '')">{{ money }}</app-link>
+					</view>
+					<view class="text-sm mt-[10rpx]">
+						<app-link :url="(info ? '/pages/member/balance' : '')">{{ t('balance') }}</app-link>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="m-[32rpx] flex justify-between p-[32rpx] bg-white rounded-[20rpx]">
+			<app-link url="/pages/member/personal">
+				<view>
+					<view class="w-[60rpx] h-[60rpx] mx-auto">
+						<image class="w-[60rpx]" :src="img('static/resource/images/diy/m_info.jpg')" mode="widthFix" />
+					</view>
+					<view class="text-[24rpx] text-[#333] mt-[18rpx] text-center">{{ t('memberCenter') }}</view>
+				</view>
+			</app-link>
+			<app-link url="/pages/member/balance">
+				<view>
+					<view class="w-[60rpx] h-[60rpx] mx-auto">
+						<image class="w-[60rpx]" :src="img('static/resource/images/diy/m_balance.jpg')"
+							mode="widthFix" />
+					</view>
+					<view class="text-[24rpx] text-[#333] mt-[18rpx] text-center">{{ t('myBalance') }}</view>
+				</view>
+			</app-link>
+			<app-link url="/pages/member/point">
+				<view>
+					<view class="w-[60rpx] h-[60rpx] mx-auto">
+						<image class="w-[60rpx]" :src="img('static/resource/images/diy/m_point.jpg')" mode="widthFix" />
+					</view>
+					<view class="text-[24rpx] text-[#333] mt-[18rpx] text-center">{{ t('myPoint') }}</view>
+				</view>
+			</app-link>
+			<app-link>
+				<view @click="servicePopup = true">
+					<view class="w-[60rpx] h-[60rpx] mx-auto">
+						<image class="w-[60rpx]" :src="img('static/resource/images/diy/m_service.jpg')"
+							mode="widthFix" />
+					</view>
+					<view class="text-[24rpx] text-[#333] mt-[18rpx] text-center">{{ t('customerService') }}</view>
+				</view>
+			</app-link>
+		</view>
+		<!-- #ifdef MP-WEIXIN -->
+		<information-filling ref="infoFill"></information-filling>
+		<!-- #endif -->
+	</view>
+</template>
+
+<script lang="ts" setup>
+	import { computed, ref } from 'vue'
+	import useMemberStore from '@/stores/member'
+	import { useLogin } from '@/hooks/useLogin'
+	import { img, isWeixinBrowser, redirect, urlDeconstruction, moneyFormat } from '@/utils/common'
+	import { t } from '@/locale'
+	import { wechatSync } from '@/api/system'
+	import useDiyStore from '@/stores/diy'
+
+	const props = defineProps(['component', 'index']);
+
+	const diyStore = useDiyStore();
+
+	const diyComponent = computed(() => {
+		if (diyStore.mode == 'decorate') {
+			return diyStore.value[props.index];
+		} else {
+			return props.component;
+		}
+	})
+
+	const memberStore = useMemberStore()
+
+	const { query } = urlDeconstruction(location.href)
+	if (query.code && isWeixinBrowser()) {
+		wechatSync({ code: query.code }).then(res => {
+			memberStore.getMemberInfo()
+		})
+	}
+
+	const info = computed(() => {
+		// 装修模式
+		if (diyStore.mode == 'decorate') {
+			return {
+				headimg: '',
+				nickname: '昵称',
+				balance: 0,
+				point: 0
+			}
+		} else {
+			return memberStore.info;
+		}
+	})
+
+	const money = computed(() => {
+		if (info.value) {
+			let m = parseFloat(info.value.balance) + parseFloat(info.value.money)
+			return moneyFormat(m.toString());
+		} else {
+			return 0;
+		}
+	})
+
+	const toLogin = () => {
+		useLogin().setLoginBack({ url: '/pages/member/index' })
+	}
+
+	const infoFill = ref(false)
+	const clickAvatar = () => {
+		// #ifdef MP-WEIXIN
+		infoFill.value.show = true
+		// #endif
+
+		// #ifdef H5
+		if (isWeixinBrowser()) {
+			useLogin().getAuthCode('snsapi_userinfo')
+		} else {
+			redirect({ url: '/pages/member/personal' })
+		}
+		// #endif
+	}
+</script>
+
+<style lang="scss" scoped>
+	.member-info {
+		background-image: linear-gradient(#E3F0FF, #F5F6F8)
+	}
+</style>
\ No newline at end of file
diff --git a/uni-app/components/diy/text/index.vue b/uni-app/components/diy/system/text/index.vue
similarity index 100%
rename from uni-app/components/diy/text/index.vue
rename to uni-app/components/diy/system/text/index.vue
diff --git a/uni-app/components/information-filling/information-filling.vue b/uni-app/components/information-filling/information-filling.vue
index ec8c00bf2..dfab7d3c3 100644
--- a/uni-app/components/information-filling/information-filling.vue
+++ b/uni-app/components/information-filling/information-filling.vue
@@ -35,7 +35,7 @@
     import { t } from '@/locale'
     import useMemberStore from '@/stores/member'
     import { img } from '@/utils/common'
-    import { updateMember } from '@/api/member'
+    import { modifyMember } from '@/api/member'
     import { fetchBase64Image } from '@/api/system'
 
     const show = ref(false)
@@ -92,7 +92,7 @@
             loading.value = true
 
             // 修改头像
-            await updateMember({ field: 'headimg', value: formData.headimg })
+            await modifyMember({ field: 'headimg', value: formData.headimg })
                 .then(() => {
                     memberStore.info.headimg = formData.headimg
                 })
@@ -102,7 +102,7 @@
             if (!loading.value) return
 
             // 修改昵称
-            updateMember({ field: 'nickname', value: formData.nickname })
+            modifyMember({ field: 'nickname', value: formData.nickname })
                 .then(() => {
                     memberStore.info.nickname = formData.nickname
                     loading.value = false
diff --git a/uni-app/components/pay/pay.vue b/uni-app/components/pay/pay.vue
index 15d91bf45..9d3d34f37 100644
--- a/uni-app/components/pay/pay.vue
+++ b/uni-app/components/pay/pay.vue
@@ -1,173 +1,178 @@
 <template>
-    <u-popup :show="show" :round="10" @close="handleClose" :closeable="true" bgColor="#fff"
-        :closeOnClickOverlay="false">
-        <view class="flex flex-col h-[75vh]" v-if="payInfo">
-            <view class="head">
-                <view class="text-center py-[26rpx]">{{ t('pay.payTitle') }}</view>
-                <view class="flex items-end justify-center w-full text-xl font-bold py-[20rpx]">
-                    <view class="text-base mr-[4rpx]">{{ t('currency') }}</view>
-                    {{ moneyFormat(payInfo.money) }}
-                </view>
-            </view>
-            <scroll-view scroll-y="true" class="flex-1 pt-[20rpx]">
-                <view class="flex text-sm px-[30rpx] py-[20rpx]">
-                    <view class="text-gray-500">{{ t('pay.orderInfo') }}</view>
-                    <view class="text-right flex-1 pl-[30rpx] truncate">{{ payInfo.body }}</view>
-                </view>
-                <view class="mx-[30rpx] py-[10rpx] px-[30rpx] bg-white rounded-md bg-page">
-                    <view
-                        class="pay-item py-[18rpx] flex items-center border-0 border-b border-solid border-[#eee]"
-                        v-for="(item, index) in payInfo.pay_type_list"
-                        :key="index" @click="type = item.key">
-                        <u-image :src="img(item.icon)" width="50rpx" height="50rpx"></u-image>
-                        <view class="flex-1 px-[20rpx] text-sm font-bold">{{ item.name }}</view>
-                        <u-icon name="checkbox-mark" color="var(--primary-color)" v-if="item.key == type"></u-icon>
-                    </view>
-                </view>
-            </scroll-view>
-            <view class="p-[30rpx]">
-                <u-button type="primary" :loading="loading" :text="t('pay.confirmPay')" shape="circle"
-                    @click="confirmPay"></u-button>
-            </view>
-        </view>
-    </u-popup>
+	<u-popup :show="show" :round="10" @close="handleClose" :closeable="true" bgColor="#fff"
+		:closeOnClickOverlay="false">
+		<view class="flex flex-col h-[75vh]" v-if="payInfo">
+			<view class="head">
+				<view class="text-center py-[26rpx]">{{ t('pay.payTitle') }}</view>
+				<view class="flex items-end justify-center w-full text-xl font-bold py-[20rpx]">
+					<view class="text-base mr-[4rpx]">{{ t('currency') }}</view>
+					{{ moneyFormat(payInfo.money) }}
+				</view>
+			</view>
+			<scroll-view scroll-y="true" class="flex-1 pt-[20rpx]">
+				<view class="flex text-sm px-[30rpx] py-[20rpx]">
+					<view class="text-gray-500">{{ t('pay.orderInfo') }}</view>
+					<view class="text-right flex-1 pl-[30rpx] truncate">{{ payInfo.body }}</view>
+				</view>
+				<view class="mx-[30rpx] py-[10rpx] px-[30rpx] bg-white rounded-md bg-page">
+                    <block v-if="payInfo.pay_type_list.length">
+                        <view class="pay-item py-[18rpx] flex items-center border-0 border-b border-solid border-[#eee]"
+                            v-for="(item, index) in payInfo.pay_type_list" :key="index" @click="type = item.key">
+                            <u-image :src="img(item.icon)" width="50rpx" height="50rpx"></u-image>
+                            <view class="flex-1 px-[20rpx] text-sm font-bold">{{ item.name }}</view>
+                            <u-icon name="checkbox-mark" color="var(--primary-color)" v-if="item.key == type"></u-icon>
+                        </view>
+                    </block>
+                    <view class="py-[20rpx] text-center text-sm text-gray-subtitle">{{ t('pay.notHavePayType') }}</view>
+				</view>
+			</scroll-view>
+			<view class="p-[30rpx]">
+				<u-button type="primary" :loading="loading" :text="t('pay.confirmPay')" shape="circle"
+					@click="confirmPay"></u-button>
+			</view>
+		</view>
+	</u-popup>
 </template>
 
 <script setup lang="ts">
-    import { ref } from 'vue'
-    import { t } from '@/locale'
-    import { getPayInfo, pay } from '@/api/pay'
-    import { img, redirect, isWeixinBrowser, moneyFormat } from '@/utils/common'
-    import wechat from '@/utils/wechat'
+	import { ref } from 'vue'
+	import { t } from '@/locale'
+	import { getPayInfo, pay } from '@/api/pay'
+	import { img, redirect, isWeixinBrowser, moneyFormat } from '@/utils/common'
+	import wechat from '@/utils/wechat'
 
-    const show = ref(false)
-    const loading = ref(false)
+	// #ifdef H5
+	if (isWeixinBrowser()) wechat.init();
+	// #endif
 
-    const payInfo = ref<AnyObject | null>(null)
-    const type = ref('')
+	const show = ref(false)
+	const loading = ref(false)
 
-    /**
-     * 确认支付
-     */
-    const confirmPay = () => {
-        if (uni.$u.test.isEmpty(type.value)) {
-            uni.showToast({ title: t('pay.notHavePayType'), icon: 'none' })
-            return
-        }
-        if (loading.value) return
-        loading.value = true
+	const payInfo = ref<AnyObject | null>(null)
+	const type = ref('')
 
-        pay({
-            out_trade_no: payInfo.value?.out_trade_no,
-            type: type.value
-        }).then(res => {
-            switch (type.value) {
-                case 'wechatpay':
-                    // #ifndef H5
-                    uni.requestPayment({
-                        provider: 'wxpay',
-                        ...res.data,
-                        success: (res) => {
-                            redirect({ url: '/pages/pay/result', param: { code: payInfo.value?.out_trade_no }, mode: 'redirectTo' })
-                        },
-                        fail: (res) => {
-                            loading.value = false
-                        }
-                    })
-                    // #endif
-                    // #ifdef H5
-                    if (isWeixinBrowser()) {
-                        res.data.timestamp = res.data.timeStamp
-                        delete res.data.timeStamp
-                        wechat.pay({
-                            ...res.data,
-                            success: () => {
-                                redirect({ url: '/pages/pay/result', param: { code: payInfo.value?.out_trade_no }, mode: 'redirectTo' })
-                            },
-                            cancel: () => {
-                                loading.value = false
-                            }
-                        })
-                    } else {
-                        uni.setStorageSync('paymenting', payInfo.value?.out_trade_no)
-                        location.href = res.data.h5_url
-                        addListenerPayBack()
-                    }
-                    // #endif
-                    break;
-                case 'alipay':
-                    // #ifdef H5
-                    if (isWeixinBrowser()) {
-                        redirect({ url: '/pages/pay/browser', param: { code: payInfo.value?.out_trade_no, alipay: encodeURIComponent(res.data.url) }, mode: 'redirectTo' })
-                    } else {
-                        uni.setStorageSync('paymenting', payInfo.value?.out_trade_no)
-                        location.href = res.data.url
-                        addListenerPayBack()
-                    }
-                    // #endif
-                    break;
-                default:
-                    redirect({ url: '/pages/pay/result', param: { code: payInfo.value?.out_trade_no }, mode: 'redirectTo' })
-            }
-        }).catch(() => {
-            loading.value = false
-        })
-    }
+	/**
+	 * 确认支付
+	 */
+	const confirmPay = () => {
+		if (uni.$u.test.isEmpty(type.value)) {
+			uni.showToast({ title: t('pay.notHavePayType'), icon: 'none' })
+			return
+		}
+		if (loading.value) return
+		loading.value = true
 
-    /**
-     * 检测是否是支付后返回
-     */
-    uni.$on('checkIsReturnAfterPayment', () => {
-        if (uni.getStorageSync('paymenting')) {
-            redirect({
-                url: '/pages/pay/result',
-                param: { code: uni.getStorageSync('paymenting') },
-                mode: 'redirectTo',
-                success() {
-                    uni.removeStorageSync('paymenting')
-                }
-            })
-        }
-    })
+		pay({
+			out_trade_no: payInfo.value?.out_trade_no,
+			type: type.value
+		}).then(res => {
+			switch (type.value) {
+				case 'wechatpay':
+					// #ifndef H5
+					uni.requestPayment({
+						provider: 'wxpay',
+						...res.data,
+						success: (res) => {
+							redirect({ url: '/pages/pay/result', param: { code: payInfo.value?.out_trade_no }, mode: 'redirectTo' })
+						},
+						fail: (res) => {
+							loading.value = false
+						}
+					})
+					// #endif
+					// #ifdef H5
+					if (isWeixinBrowser()) {
+						res.data.timestamp = res.data.timeStamp
+						delete res.data.timeStamp
+						wechat.pay({
+							...res.data,
+							success: () => {
+								redirect({ url: '/pages/pay/result', param: { code: payInfo.value?.out_trade_no }, mode: 'redirectTo' })
+							},
+							cancel: () => {
+								loading.value = false
+							}
+						})
+					} else {
+						uni.setStorageSync('paymenting', payInfo.value?.out_trade_no)
+						location.href = res.data.h5_url
+						addListenerPayBack()
+					}
+					// #endif
+					break;
+				case 'alipay':
+					// #ifdef H5
+					if (isWeixinBrowser()) {
+						redirect({ url: '/pages/pay/browser', param: { code: payInfo.value?.out_trade_no, alipay: encodeURIComponent(res.data.url) }, mode: 'redirectTo' })
+					} else {
+						uni.setStorageSync('paymenting', payInfo.value?.out_trade_no)
+						location.href = res.data.url
+						addListenerPayBack()
+					}
+					// #endif
+					break;
+				default:
+					redirect({ url: '/pages/pay/result', param: { code: payInfo.value?.out_trade_no }, mode: 'redirectTo' })
+			}
+		}).catch(() => {
+			loading.value = false
+		})
+	}
 
-    const open = (outTradeNo : string) => {
-        getPayInfo(outTradeNo)
-            .then((res : any) => {
-                let { data } = res
-                if (uni.$u.test.isEmpty(data)) {
-                    uni.showToast({ title: t('pay.notObtainedInfo'), icon: 'none' })
-                    return
-                }
-                if (data.money == 0) {
-                    redirect({ url: '/pages/pay/result', param: { code: outTradeNo }, mode: 'redirectTo' })
-                    return
-                }
-                if (data.status != 0) {
-                    uni.showToast({ title: t('pay.paymentDocuments') + data.status_name, icon: 'none' })
-                    return
-                }
-                payInfo.value = data
-                type.value = data.pay_type_list[0] ? data.pay_type_list[0].key : ''
-                show.value = true
-            })
-            .catch(() => { })
-    }
+	/**
+	 * 检测是否是支付后返回
+	 */
+	uni.$on('checkIsReturnAfterPayment', () => {
+		if (uni.getStorageSync('paymenting')) {
+			redirect({
+				url: '/pages/pay/result',
+				param: { code: uni.getStorageSync('paymenting') },
+				mode: 'redirectTo',
+				success() {
+					uni.removeStorageSync('paymenting')
+				}
+			})
+		}
+	})
 
-    const emits = defineEmits(['close'])
+	const open = (outTradeNo : string) => {
+		getPayInfo(outTradeNo)
+			.then((res : any) => {
+				let { data } = res
+				if (uni.$u.test.isEmpty(data)) {
+					uni.showToast({ title: t('pay.notObtainedInfo'), icon: 'none' })
+					return
+				}
+				if (data.money == 0) {
+					redirect({ url: '/pages/pay/result', param: { code: outTradeNo }, mode: 'redirectTo' })
+					return
+				}
+				if (data.status != 0) {
+					uni.showToast({ title: t('pay.paymentDocuments') + data.status_name, icon: 'none' })
+					return
+				}
+				payInfo.value = data
+				type.value = data.pay_type_list[0] ? data.pay_type_list[0].key : ''
+				show.value = true
+			})
+			.catch(() => { })
+	}
 
-    const handleClose = () => {
-        uni.removeStorageSync('paymenting')
-        show.value = false
-        emits('close')
-    }
+	const emits = defineEmits(['close'])
 
-    defineExpose({
-        open
-    })
+	const handleClose = () => {
+		uni.removeStorageSync('paymenting')
+		show.value = false
+		emits('close')
+	}
+
+	defineExpose({
+		open
+	})
 </script>
 
 <style lang="scss" scoped>
-    .pay-item:last-child {
-        border: none;
-    }
+	.pay-item:last-child {
+		border: none;
+	}
 </style>
\ No newline at end of file
diff --git a/uni-app/components/tabbar/tabbar.vue b/uni-app/components/tabbar/tabbar.vue
index 405b0c54a..a1f9663e5 100644
--- a/uni-app/components/tabbar/tabbar.vue
+++ b/uni-app/components/tabbar/tabbar.vue
@@ -1,29 +1,41 @@
 <template>
-    <u-tabbar :value="value" @change="tabbarChange" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true" :inactive-color="tabbar.textColor" :active-color="tabbar.textHoverColor" v-if="tabbar">
-        <block v-for="item in tabbar.list">
-            <u-tabbar-item :style="{'background-color': tabbar.backgroundColor}" :text="item.text" :icon="img(value == item.link.url ? item.iconSelectPath : item.iconPath)" :name="item.link.url" v-if="tabbar.type == 1"></u-tabbar-item>
-            <u-tabbar-item :style="{'background-color': tabbar.backgroundColor}" :icon="img(value == item.link.url ? item.iconSelectPath : item.iconPath)" :name="item.link.url" v-if="tabbar.type == 2"></u-tabbar-item>
-            <u-tabbar-item :style="{'background-color': tabbar.backgroundColor}" :text="item.text" :name="item.link.url" v-if="tabbar.type == 3"></u-tabbar-item>
-        </block>
-    </u-tabbar>
+	<u-tabbar :value="value" @change="tabbarChange" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true"
+		:inactive-color="tabbar.textColor" :active-color="tabbar.textHoverColor" v-if="tabbar">
+		<block v-for="item in tabbar.list">
+			<u-tabbar-item :style="{'background-color': tabbar.backgroundColor}" :text="item.text"
+				:icon="img(value == item.link.url ? item.iconSelectPath : item.iconPath)" :name="item.link.url"
+				v-if="tabbar.type == 1"></u-tabbar-item>
+			<u-tabbar-item :style="{'background-color': tabbar.backgroundColor}"
+				:icon="img(value == item.link.url ? item.iconSelectPath : item.iconPath)" :name="item.link.url"
+				v-if="tabbar.type == 2"></u-tabbar-item>
+			<u-tabbar-item :style="{'background-color': tabbar.backgroundColor}" :text="item.text" :name="item.link.url"
+				v-if="tabbar.type == 3"></u-tabbar-item>
+		</block>
+	</u-tabbar>
+	<view class="tab-bar-placeholder"></view>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
-import { redirect, currRoute, img } from '@/utils/common'
-import useConfigStore from '@/stores/config'
+	import { computed } from 'vue'
+	import { redirect, currRoute, img } from '@/utils/common'
+	import useConfigStore from '@/stores/config'
 
-const tabbar = computed(() => {
-    return useConfigStore().tabbar
-})
+	const tabbar = computed(() => {
+		return useConfigStore().tabbar
+	})
 
-const value = computed(() => {
-    return '/' + currRoute()
-})
+	const value = computed(() => {
+		return '/' + currRoute()
+	})
 
-const tabbarChange = (name: string) => {
-    redirect({ url: `${name}` })
-}
+	const tabbarChange = (name : string) => {
+		redirect({ url: `${name}` })
+	}
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+	.tab-bar-placeholder {
+		padding-bottom: calc(constant(safe-area-inset-bottom) + 112rpx);
+		padding-bottom: calc(env(safe-area-inset-bottom) + 112rpx);
+	}
+</style>
\ No newline at end of file
diff --git a/uni-app/hooks/useCaptcha.ts b/uni-app/hooks/useCaptcha.ts
index cd37b35ce..0d97ea476 100644
--- a/uni-app/hooks/useCaptcha.ts
+++ b/uni-app/hooks/useCaptcha.ts
@@ -12,11 +12,9 @@ export function useCaptcha(formData: formData) {
     const refresh = async ()=> {
         try {
             const res:AnyObject = await getCaptcha()
-            if (res.code == 200) {
-                formData.captcha_key = res.data.captcha_key
-                formData.captcha_code = ''
-                image.value = res.data.img.replace(/\r\n/g, '')
-            }
+            formData.captcha_key = res.data.captcha_key
+            formData.captcha_code = ''
+            image.value = res.data.img.replace(/\r\n/g, '')
         } catch (e) {
         }
     }
diff --git a/uni-app/hooks/useLogin.ts b/uni-app/hooks/useLogin.ts
index 71ca8513a..5afcaf7b7 100644
--- a/uni-app/hooks/useLogin.ts
+++ b/uni-app/hooks/useLogin.ts
@@ -1,4 +1,4 @@
-import { redirect, isWeixinBrowser } from '@/utils/common'
+import { redirect, isWeixinBrowser, urlDeconstruction } from '@/utils/common'
 import { weappLogin, wechatLogin } from '@/api/auth'
 import { getWechatAuthCode } from '@/api/system'
 import useMemberStore from '@/stores/member'
@@ -14,18 +14,18 @@ export function useLogin() {
             const config = useConfigStore()
             // #ifdef MP-WEIXIN
             if (uni.getStorageSync('openid') && config.login.is_bind_mobile) {
-                redirect({ url: '/pages/auth/bind' })
+                redirect({ url: '/pages/auth/bind', mode: 'redirectTo' })
                 return
             }
             // #endif
 
             // #ifdef H5
             if (isWeixinBrowser() && uni.getStorageSync('openid') && config.login.is_bind_mobile) {
-                redirect({ url: '/pages/auth/bind' })
+                redirect({ url: '/pages/auth/bind', mode: 'redirectTo' })
                 return
             }
             // #endif
-            redirect({ url: '/pages/auth/login' })
+            redirect({ url: '/pages/auth/login', mode: 'redirectTo' })
         })
     }
 
@@ -83,8 +83,13 @@ export function useLogin() {
         // #endif
 
         // #ifdef H5
+        let url = `${location.origin}${location.pathname}`
+        let query = urlDeconstruction(location.href).query
+        query.code && (delete query.code)
+        Object.keys(query).length && (url += uni.$u.queryParams(query))
+        
         getWechatAuthCode({
-            url: `${location.origin}${location.pathname}`,
+            url,
             scopes
         }).then((res : AnyObject) => {
             location.href = res.data.url
diff --git a/uni-app/hooks/useSendSms.ts b/uni-app/hooks/useSendSms.ts
index 8d2abb446..1fa28399d 100644
--- a/uni-app/hooks/useSendSms.ts
+++ b/uni-app/hooks/useSendSms.ts
@@ -21,7 +21,7 @@ export function useSendSms(smsRef: AnyObject | null) {
         
         let result: string | boolean = false
         await sendSms(param).then(res=>{
-            if (res.code == 200) {
+            if (res.code == 1) {
                 result = res.data.key
             } else {
                 smsRef.value.reset()
@@ -29,6 +29,7 @@ export function useSendSms(smsRef: AnyObject | null) {
             }
         }).catch(err=>{
             result = false
+            smsRef.value.reset()
         })
         return result
     }
diff --git a/uni-app/hooks/useShare.ts b/uni-app/hooks/useShare.ts
index c8477ea0f..75f226db6 100644
--- a/uni-app/hooks/useShare.ts
+++ b/uni-app/hooks/useShare.ts
@@ -8,14 +8,19 @@ import wechat from '@/utils/wechat'
 // #endif
 
 export const useShare = () => {
-	let wechatOptions : WeixinJsSdk.OnMenuShareAppMessageOptions = {
+	var wechatOptions : WeixinJsSdk.OnMenuShareAppMessageOptions = {
 		title: '',
 		link: ''
 	};
 
-	let weappOptions = {};
+	var weappOptions = {};
 
 	// #ifdef H5
+	const wechatInit = async () => {
+		if (!isWeixinBrowser()) return;
+		await wechat.init();
+	}
+
 	// 微信公众号分享
 	const wechatShare = () => {
 		if (!isWeixinBrowser()) return;
@@ -23,17 +28,26 @@ export const useShare = () => {
 	}
 	// #endif
 
-	const setShare = (options : any = {}) => {
+	const setShare = async (options : any = {}) => {
 		let memberStore = useMemberStore();
 
+		// 初始化sdk
+		await wechatInit();
+
 		if (options && options.wechat && options.weapp) {
 			let query = currShareRoute().params;
+
 			if (memberStore.info) {
-				query.push('mid=' + memberStore.info.member_id);
+				query.mid = memberStore.info.member_id;
+			}
+
+			let str = [];
+			for (let key in query) {
+				str.push(key + '=' + query[key]);
 			}
 
 			// #ifdef H5
-			let link = location.origin + location.pathname + (query.length > 0 ? '?' + query.join('&') : '');
+			let link = location.origin + location.pathname + (str.length > 0 ? '?' + str.join('&') : '');
 			wechatOptions = {
 				title: options.wechat.title || '',
 				link: options.wechat.link || link,
@@ -45,37 +59,35 @@ export const useShare = () => {
 
 			weappOptions = {
 				title: options.weapp.title || '',
-				query: options.weapp.path || '/' + currRoute() + (query.length > 0 ? '?' + query.join('&') : ''),
+				query: options.weapp.path || '/' + currRoute() + (str.length > 0 ? '?' + str.join('&') : ''),
 				imageUrl: options.weapp.url ? img(options.weapp.url) : ''
 			}
 		} else {
-			getShareInfo({ route: '/' + currRoute(), params: currShareRoute().params.toString() }).then((res : any) => {
-				if (res.code == 200) {
-					let data = res.data;
+			getShareInfo({ route: '/' + currRoute(), params: JSON.stringify(currShareRoute().params) }).then((res : any) => {
+                let data = res.data;
 
-					// #ifdef H5
-					let wechat = data.wechat;
-					if (wechat) {
-						let link = location.origin + location.pathname + (data.query ? '?' + data.query : '');
-						wechatOptions = {
-							link: link,
-							title: wechat.title,
-							desc: wechat.desc,
-							imgUrl: wechat.url ? img(wechat.url) : ''
-						}
-					}
-					wechatShare()
-					// #endif
+                // #ifdef H5
+                let wechat = data.wechat;
+                if (wechat) {
+                    let link = location.origin + location.pathname + (data.query ? '?' + data.query : '');
+                    wechatOptions = {
+                        link: link,
+                        title: wechat.title,
+                        desc: wechat.desc,
+                        imgUrl: wechat.url ? img(wechat.url) : ''
+                    }
+                }
+                wechatShare()
+                // #endif
 
-					let weapp = data.weapp;
-					if (weapp) {
-						weappOptions = {
-							query: data.url,
-							title: weapp.title,
-							imageUrl: weapp.url ? img(weapp.url) : ''
-						}
-					}
-				}
+                let weapp = data.weapp;
+                if (weapp) {
+                    weappOptions = {
+                        query: data.url,
+                        title: weapp.title,
+                        imageUrl: weapp.url ? img(weapp.url) : ''
+                    }
+                }
 			})
 		}
 
diff --git a/uni-app/locale/zh-Hans.json b/uni-app/locale/zh-Hans.json
index 179ab6801..5946ed3fe 100644
--- a/uni-app/locale/zh-Hans.json
+++ b/uni-app/locale/zh-Hans.json
@@ -1,13 +1,18 @@
 {
-    // pages.json 中文标题
-    "pages.index.index": "",
-    "pages.article.list": "资讯中心",
-    "pages.article.detail": "文章详情",
-    "pages.member.index": "",
-    "pages.auth.login": "登录",
-    "pages.auth.register": "注册",
-    "pages.auth.resetpwd": "找回密码",
-    "pages.setting.index": "设置",
-    "pages.auth.bind": "绑定手机号",
-    "pages.member.personal": "个人资料"
+	// pages.json 中文标题
+	"pages.index.index": "",
+	"pages.article.list": "资讯中心",
+	"pages.article.detail": "文章详情",
+	"pages.member.index": "",
+	"pages.auth.login": "登录",
+	"pages.auth.register": "注册",
+	"pages.auth.resetpwd": "找回密码",
+	"pages.setting.index": "设置",
+	"pages.auth.bind": "绑定手机号",
+	"pages.member.personal": "个人资料",
+	"pages.member.balance": "我的余额",
+	"pages.member.detailed_account": "流水明细",
+	"pages.member.apply_cash_out": "申请提现",
+	"pages.member.cash_out": "提现记录",
+	"pages.member.cash_out_detail": "提现详情"
 }
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/common.json b/uni-app/locale/zh-Hans/common.json
index 2700ae605..ac2a0080c 100644
--- a/uni-app/locale/zh-Hans/common.json
+++ b/uni-app/locale/zh-Hans/common.json
@@ -5,6 +5,8 @@
     "captchaTitle": "请完成验证",
     "confirm": "确认",
     "cancel": "取消",
+    "save": "保存",
+    "delete": "删除",
     "captchaPlaceholder": "请输入验证码",
     "mobilePlaceholder": "请输入手机号码",
     "mobileError": "请输入正确的手机号",
@@ -36,5 +38,9 @@
         "completePay": "已完成支付",
         "incompletePay": "未完成支付",
         "getting": "获取支付结果中"
-    }
+    },
+	"memberLanguage": "与你分享我的观点，共享真实世界",
+	"myBalance": "我的余额",
+	"myPoint": "我的积分",
+	"customerService": "联系客服"
 }
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.account.json b/uni-app/locale/zh-Hans/pages.member.account.json
new file mode 100644
index 000000000..c853542cd
--- /dev/null
+++ b/uni-app/locale/zh-Hans/pages.member.account.json
@@ -0,0 +1,7 @@
+{
+    "alipayAccountNo": "支付宝账号",
+    "addBankCard": "添加银行卡",
+    "addAlipayAccount": "添加支付宝账号",
+    "endNumber": "尾号",
+    "bankCard": "银行卡"
+}
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.account_edit.json b/uni-app/locale/zh-Hans/pages.member.account_edit.json
new file mode 100644
index 000000000..27dd321c4
--- /dev/null
+++ b/uni-app/locale/zh-Hans/pages.member.account_edit.json
@@ -0,0 +1,17 @@
+{
+    "addBankCard": "添加银行卡",
+    "addBankCardTips": "请添加持卡人本人的银行卡",
+    "addAlipayAccount": "添加支付宝账号",
+    "addAlipayAccountTips": "请添加已实名的支付宝账号",
+    "bankRealname": "持卡人姓名",
+    "bankRealnamePlaceholder": "请输入持卡人姓名",
+    "bankName": "银行名称",
+    "bankNamePlaceholder": "请输入银行名称",
+    "bankAccountNo": "银行卡号",
+    "bankAccountNoPlaceholder": "请输入银行卡号",
+    "alipayRealname": "真实姓名",
+    "alipayRealnamePlaceholder": "请输入真实姓名",
+    "alipayAccountNo": "支付宝账号",
+    "alipayAccountNoPlaceholder": "请输入支付宝账号",
+    "deleteConfirm": "确定要删除该账号吗？"
+}
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.apply_cash_out.json b/uni-app/locale/zh-Hans/pages.member.apply_cash_out.json
new file mode 100644
index 000000000..4b30fb074
--- /dev/null
+++ b/uni-app/locale/zh-Hans/pages.member.apply_cash_out.json
@@ -0,0 +1,29 @@
+{
+	"cashOut": "提现",
+	"balanceDetail": "余额明细",
+	"cashOutTo": "提现到",
+	"cashOutTypePlaceholder": "请选择提现方式",
+	"wechatpay": "微信默认钱包",
+	"cashOutMoneyTip": "提现金额",
+	"money": "可提现余额",
+	"allTx": "全部提现",
+	"minWithdrawal": "最小提现金额为",
+	"commissionTo": "手续费为",
+	"cashOutList": "提现记录",
+    "cashOutToWechat": "提现至微信",
+    "cashOutToWechatTips": "提现至微信零钱",
+    "cashOutToAlipay": "提现至支付宝",
+    "cashOutToAlipayTips": "请先添加支付宝账号",
+    "cashOutToBank": "提现至银行卡",
+    "cashOutToBankTips": "请先添加银行卡",
+    "alipayAccountNo": "支付宝账号",
+    "debitCard": "储蓄卡",
+    "abnormalOperation": "异常操作",
+    "noAvailableCashOutType": "没有可用的提现方式",
+    "applyMoneyPlaceholder": "请输入提现金额",
+    "moneyformatError": "提现金额格式错误",
+    "applyMoneyExceed": "提现金额超出可提现金额",
+    "applyMoneyBelow": "提现金额小于最低提现金额",
+    "replace": "更换",
+    "toAdd": "去添加"
+}
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.balance.json b/uni-app/locale/zh-Hans/pages.member.balance.json
index 14561f132..1e13a6c45 100644
--- a/uni-app/locale/zh-Hans/pages.member.balance.json
+++ b/uni-app/locale/zh-Hans/pages.member.balance.json
@@ -1,8 +1,15 @@
 {
+	"balanceInfo": "我的余额",
     "recharge": "充值",
+	"cashOut":"提现",
     "balanceDetail": "余额明细",
+	"accountBalance":"账户余额（元）",
+	"balance":"余额（元）",
+	"money":"可提现余额（元）",
     "availableBalance": "可用余额",
     "rechargeAmountError": "充值金额错误",
     "clickRecharge": "立即充值",
-    "rechargeAmountPlaceholder": "请输入充值金额"
+    "rechargeAmountPlaceholder": "请输入充值金额",
+	"yuan":"元",
+	"rechargeRecord":"充值记录"
 }
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.cash_out.json b/uni-app/locale/zh-Hans/pages.member.cash_out.json
new file mode 100644
index 000000000..1bd777a3d
--- /dev/null
+++ b/uni-app/locale/zh-Hans/pages.member.cash_out.json
@@ -0,0 +1,11 @@
+{
+	"applyTime": "申请时间",
+	"toBeReviewed": "官方正在审核，请耐心等待",
+	"toBeTransfer": "官方正在转账，请耐心等待",
+	"transfer": "官方已转账，请及时查收",
+	"cancelApply": "申请已取消",
+	"balanceDetail": "余额记录",
+	"commissionDetail": "佣金记录",
+	"emptyTip": "暂无余额记录",
+	"commissemptyTip": "暂无佣金记录"
+}
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.cash_out_detail.json b/uni-app/locale/zh-Hans/pages.member.cash_out_detail.json
new file mode 100644
index 000000000..3f17229ab
--- /dev/null
+++ b/uni-app/locale/zh-Hans/pages.member.cash_out_detail.json
@@ -0,0 +1,12 @@
+{
+    "statusName": "当前状态",
+    "cashOutNo": "交易号",
+    "serviceMoney": "手续费",
+    "createTime": "申请时间",
+    "auditTime": "审核时间",
+    "transferBank": "银行名称",
+    "transferAccount": "收款账号",
+    "refuseReason": "拒绝理由",
+    "transferTypeName": "转账方式名称",
+    "transferTime": "转账时间"
+}
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.commission.json b/uni-app/locale/zh-Hans/pages.member.commission.json
new file mode 100644
index 000000000..fdaf75fd8
--- /dev/null
+++ b/uni-app/locale/zh-Hans/pages.member.commission.json
@@ -0,0 +1,14 @@
+{
+    "recharge": "充值",
+	"cashOut":"提现",
+    "commissionDetail": "佣金明细",
+	"accountCommission":"账户佣金（元）",
+	"commission":"累计佣金（元）",
+	"money":"提现中佣金（元）",
+    "availableCommission": "可用佣金",
+    "rechargeAmountError": "充值金额错误",
+    "clickRecharge": "立即充值",
+    "rechargeAmountPlaceholder": "请输入充值金额",
+	"yuan":"元",
+	"commissionInfo": "我的佣金"
+}
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.detailed_account.json b/uni-app/locale/zh-Hans/pages.member.detailed_account.json
new file mode 100644
index 000000000..e9b9c4ccd
--- /dev/null
+++ b/uni-app/locale/zh-Hans/pages.member.detailed_account.json
@@ -0,0 +1,6 @@
+{
+	"balanceDetail": "余额明细",
+	"commissionDetail": "佣金明细",
+	"emptyTip": "暂无余额明细",
+	"commissemptyTip": "暂无佣金明细"
+}
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.personal.json b/uni-app/locale/zh-Hans/pages.member.personal.json
deleted file mode 100644
index fca88d05f..000000000
--- a/uni-app/locale/zh-Hans/pages.member.personal.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-    "nickname": "昵称",
-    "sex": "性别",
-    "mobile": "手机号",
-    "birthday": "生日",
-    "unknown": "未知",
-    "updateHeadimg": "更换头像",
-    "updateNickname": "修改昵称",
-    "man": "男",
-    "woman": "女",
-    "bindMobile": "绑定手机"
-}
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.recharge_record.json b/uni-app/locale/zh-Hans/pages.member.recharge_record.json
new file mode 100644
index 000000000..5b3a1d8fb
--- /dev/null
+++ b/uni-app/locale/zh-Hans/pages.member.recharge_record.json
@@ -0,0 +1,4 @@
+{
+	"rechargeRecord": "充值记录",
+	"emptyTip": "暂无充值记录"
+}
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.recharge_record_detail.json b/uni-app/locale/zh-Hans/pages.member.recharge_record_detail.json
new file mode 100644
index 000000000..3f17229ab
--- /dev/null
+++ b/uni-app/locale/zh-Hans/pages.member.recharge_record_detail.json
@@ -0,0 +1,12 @@
+{
+    "statusName": "当前状态",
+    "cashOutNo": "交易号",
+    "serviceMoney": "手续费",
+    "createTime": "申请时间",
+    "auditTime": "审核时间",
+    "transferBank": "银行名称",
+    "transferAccount": "收款账号",
+    "refuseReason": "拒绝理由",
+    "transferTypeName": "转账方式名称",
+    "transferTime": "转账时间"
+}
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/pages.member.withdrawal_detail.json b/uni-app/locale/zh-Hans/pages.member.withdrawal_detail.json
new file mode 100644
index 000000000..288248b83
--- /dev/null
+++ b/uni-app/locale/zh-Hans/pages.member.withdrawal_detail.json
@@ -0,0 +1,13 @@
+{
+    "recharge": "充值",
+	"cashOut":"提现",
+    "balanceDetail": "余额明细",
+	"accountBalance":"账户余额（元）",
+	"balance":"余额（元）",
+	"money":"可提现余额（元）",
+    "availableBalance": "可用余额",
+    "rechargeAmountError": "充值金额错误",
+    "clickRecharge": "立即充值",
+    "rechargeAmountPlaceholder": "请输入充值金额",
+	"yuan":"元"
+}
\ No newline at end of file
diff --git a/uni-app/pages.json b/uni-app/pages.json
index fb3df631f..7fa4ca081 100644
--- a/uni-app/pages.json
+++ b/uni-app/pages.json
@@ -1,68 +1,11 @@
 {
-    "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+    "pages": [ // pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
         {
             "path": "pages/index/index",
             "style": {
-                // #ifdef H5
                 "navigationStyle": "custom",
-                // #endif
                 "navigationBarTitleText": "%pages.index.index%"
             }
-        }, {
-            "path": "pages/index/diy",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.index.diy%"
-            }
-        },
-        {
-            "path": "pages/auth/login",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarBackgroundColor": "#fff",
-                "navigationBarTitleText": "%pages.auth.login%"
-            }
-        },
-        {
-            "path": "pages/auth/register",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarBackgroundColor": "#fff",
-                "navigationBarTitleText": "%pages.auth.register%"
-            }
-        },
-        {
-            "path": "pages/auth/resetpwd",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarBackgroundColor": "#fff",
-                "navigationBarTitleText": "%pages.auth.resetpwd%"
-            }
-        },
-        {
-            "path": "pages/auth/bind",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarBackgroundColor": "#fff",
-                "navigationBarTitleText": "%pages.auth.bind%"
-            }
-        },
-        {
-            "path": "pages/auth/agreement",
-            "style": {
-                "navigationBarTitleText": "",
-                "navigationBarBackgroundColor": "#ffffff"
-            }
         },
         {
             "path": "pages/article/list",
@@ -73,6 +16,60 @@
                 "navigationBarTitleText": "%pages.article.list%"
             }
         },
+        {
+            "path": "pages/auth/agreement",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.auth.agreement%"
+            }
+        },
+        {
+            "path": "pages/auth/bind",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.auth.bind%"
+            }
+        },
+        {
+            "path": "pages/auth/login",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.auth.login%"
+            }
+        },
+        {
+            "path": "pages/auth/register",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.auth.register%"
+            }
+        },
+        {
+            "path": "pages/auth/resetpwd",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.auth.resetpwd%"
+            }
+        },
+        {
+            "path": "pages/index/diy",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.index.diy%"
+            }
+        },
         {
             "path": "pages/article/detail",
             "style": {
@@ -82,6 +79,83 @@
                 "navigationBarTitleText": "%pages.article.detail%"
             }
         },
+        {
+            "path": "pages/member/apply_cash_out",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.member.apply_cash_out%"
+            },
+		    "needLogin": true
+        },
+		{
+		    "path": "pages/member/commission",
+		    "style": {
+		        // #ifdef H5
+		        "navigationStyle": "custom",
+		        // #endif
+		        "navigationBarTitleText": "%pages.member.commission%"
+		    },
+		    "needLogin": true
+		},
+		{
+		    "path": "pages/member/balance",
+		    "style": {
+		        // #ifdef H5
+		        "navigationStyle": "custom",
+		        // #endif
+		        "navigationBarTitleText": "%pages.member.balance%"
+		    },
+		    "needLogin": true
+		},
+        {
+            "path": "pages/member/recharge_record",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.member.recharge_record%"
+            },
+            "needLogin": true
+        },
+		{
+		    "path": "pages/member/recharge_record_detail",
+		    "style": {
+		        // #ifdef H5
+		        "navigationStyle": "custom",
+		        // #endif
+		        "navigationBarTitleText": "%pages.member.recharge_record_detail%"
+		    },
+		    "needLogin": true
+		},
+        {
+            "path": "pages/member/detailed_account",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.member.detailed_account%"
+            }
+        },
+        {
+            "path": "pages/member/cash_out",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.member.cash_out%"
+            }
+		},
+        {
+            "path": "pages/member/cash_out_detail",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.member.cash_out_detail%"
+            }
+        },
         {
             "path": "pages/member/index",
             "style": {
@@ -92,22 +166,19 @@
         {
             "path": "pages/member/info",
             "style": {
-                "navigationBarTitleText": "%pages.member.index%"
-            },
-            "needLogin": true
-        },
-        {
-            "path": "pages/setting/index",
-            "style": {
-                "navigationBarBackgroundColor": "#f7f7f7",
-                "navigationBarTitleText": "%pages.setting.index%"
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.member.info%"
             },
             "needLogin": true
         },
         {
             "path": "pages/member/personal",
             "style": {
-                "navigationBarBackgroundColor": "#f7f7f7",
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
                 "navigationBarTitleText": "%pages.member.personal%"
             },
             "needLogin": true
@@ -118,17 +189,51 @@
                 // #ifdef H5
                 "navigationStyle": "custom",
                 // #endif
-                "navigationBarTitleText": "%pages.member.balance%"
+                "navigationBarTitleText": "%pages.member.point%"
             },
             "needLogin": true
         },
         {
-            "path": "pages/member/balance",
+            "path": "pages/member/account",
             "style": {
                 // #ifdef H5
                 "navigationStyle": "custom",
                 // #endif
-                "navigationBarTitleText": "%pages.member.balance%"
+                "navigationBarTitleText": "%pages.member.account%"
+            },
+            "needLogin": true
+        },
+        {
+            "path": "pages/member/account_edit",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.member.account_edit%"
+            },
+            "needLogin": true
+        },
+        {
+            "path": "pages/pay/browser",
+            "style": {
+                "navigationStyle": "custom",
+                "navigationBarTitleText": "%pages.pay.browser%"
+            }
+        },
+        {
+            "path": "pages/pay/result",
+            "style": {
+                "navigationStyle": "custom",
+                "navigationBarTitleText": "%pages.pay.result%"
+            }
+        },
+        {
+            "path": "pages/setting/index",
+            "style": {
+                // #ifdef H5
+                "navigationStyle": "custom",
+                // #endif
+                "navigationBarTitleText": "%pages.setting.index%"
             },
             "needLogin": true
         },
@@ -140,20 +245,16 @@
                 // #endif
                 "navigationBarTitleText": "%pages.webview.index%"
             }
-        },
-        {
-            "path": "pages/pay/result",
-            "style": {
-                "navigationStyle": "custom"
-            }
-        },
-        {
-            "path": "pages/pay/browser",
-            "style": {
-                "navigationStyle": "custom"
-            }
         }
     ],
+    "globalStyle": {
+        "navigationBarTextStyle": "black",
+        "navigationBarTitleText": "",
+        "navigationBarBackgroundColor": "#ffffff",
+        "backgroundColor": "#F8F8F8",
+        "backgroundColorTop": "#F8F8F8",
+        "backgroundColorBottom": "#F8F8F8"
+    },
     "tabBar": {
         "list": [{
                 "pagePath": "pages/index/index"
@@ -166,16 +267,12 @@
             }
         ]
     },
-    "globalStyle": {
-        "navigationBarTextStyle": "black",
-        "navigationBarTitleText": "uni-app",
-        "navigationBarBackgroundColor": "#F8F8F8",
-        "backgroundColor": "#F8F8F8"
-    },
     "uniIdRouter": {},
     "easycom": {
         "custom": {
             "^u-(.*)": "uview-plus/components/u-$1/u-$1.vue",
+            "diy-system-(\W.*)": "@/components/diy/system/$1/index.vue",
+            "diy-extend-(\W.*)": "@/components/diy/extend/$1/index.vue",
             "diy-(\W.*)": "@/components/diy/$1/index.vue"
         }
     }
diff --git a/uni-app/pages/index/diy.vue b/uni-app/pages/index/diy.vue
index afc4ff229..68f7f5147 100644
--- a/uni-app/pages/index/diy.vue
+++ b/uni-app/pages/index/diy.vue
@@ -58,19 +58,19 @@
 				id: id.value,
 				name: name.value
 			}).then((res : any) => {
-				if (res.code == 200) {
-					let sources = JSON.parse(res.data.value);
-					diyData.global = sources.global;
-					diyData.value = sources.value;
-					uni.setNavigationBarTitle({
-						title: diyData.global.title
-					})
+                if (res.data.value) {
+                    let sources = JSON.parse(res.data.value);
+                    diyData.global = sources.global;
+                    diyData.value = sources.value;
+                    uni.setNavigationBarTitle({
+                        title: diyData.global.title
+                    })
+                }
 
-					let share = res.data.share ? JSON.parse(res.data.share) : null;
-					setShare(share);
+                let share = res.data.share ? JSON.parse(res.data.share) : null;
+                setShare(share);
 
-					loading.value = false;
-				}
+                loading.value = false;
 			});
 		}
 	});
diff --git a/uni-app/pages/index/index.vue b/uni-app/pages/index/index.vue
index 8fdbf549f..268851c3b 100644
--- a/uni-app/pages/index/index.vue
+++ b/uni-app/pages/index/index.vue
@@ -53,17 +53,16 @@
 			getDiyInfo({
 				name: 'DIY_INDEX'
 			}).then((res : any) => {
-				if (res.code == 200) {
-					let sources = JSON.parse(res.data.value);
-					diyData.global = sources.global;
-					diyData.value = sources.value;
+                if (res.data.value) {
+                    let sources = JSON.parse(res.data.value);
+                    diyData.global = sources.global;
+                    diyData.value = sources.value;
+                    uni.setNavigationBarTitle({
+                        title: diyData.global.title
+                    })
+                }
 
-					uni.setNavigationBarTitle({
-						title: diyData.global.title
-					})
-
-					loading.value = false;
-				}
+                loading.value = false;
 			});
 		}
 
diff --git a/uni-app/pages/member/account.vue b/uni-app/pages/member/account.vue
new file mode 100644
index 000000000..416bdca22
--- /dev/null
+++ b/uni-app/pages/member/account.vue
@@ -0,0 +1,77 @@
+<template>
+    <view class="w-screen h-screen bg-page">
+        <mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="getCashoutAccountListFn">
+            <view class="h-[20rpx]"></view>
+            <view class="p-[30rpx] bg-white mx-[32rpx] my-[20rpx] rounded flex" v-for="(item, index) in accountList" :key="index" @click="handleClick(item)">
+                <view class="w-[100rpx] h-[100rpx] flex items-center justify-center mr-[10rpx]">
+                    <image
+                        src="data:image/png;base64,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"
+                        mode="widthFix" class="w-[80rpx]" v-if="item.account_type == 'bank'"></image>
+                    <text class="iconfont iconzhifubaoxuanzhong text-[#188dfb] text-[80rpx]" v-else></text>
+                </view>
+                <view>
+                    <view>{{ item.account_type == 'bank' ? item.bank_name : t('alipayAccountNo') }}</view>
+                    <view v-if="item.account_type == 'bank'" class="text-sm text-gray-subtitle mt-[10rpx]">{{ t('endNumber') }} {{ item.account_no.substring(item.account_no.length - 4) }}{{ t('bankCard') }}</view>
+                    <view v-else class="text-sm text-gray-subtitle mt-[10rpx]">{{ item.account_no }}</view>
+                </view>
+            </view>
+            <view class="p-[30rpx] bg-white mx-[32rpx] my-[20rpx] rounded flex" @click="redirect({ url: '/pages/member/account_edit', param: { type: accountType, mode } })">
+                <u-icon name="plus" color="#333" size="16"></u-icon>
+                <text class="text-sm ml-[10rpx] flex-1">{{ accountType == 'bank' ? t('addBankCard') : t('addAlipayAccount') }}</text>
+                <u-icon name="arrow-right" color="#333" size="14"></u-icon>
+            </view>
+        </mescroll-body>
+    </view>
+</template>
+
+<script setup lang="ts">
+    import { ref } from 'vue'
+    import { redirect } from '@/utils/common'
+    import { getCashoutAccountList } from '@/api/member'
+    import MescrollBody from '@/components/mescroll/mescroll-body/mescroll-body.vue'
+    import useMescroll from '@/components/mescroll/hooks/useMescroll.js'
+    import { onPageScroll, onReachBottom, onLoad } from '@dcloudio/uni-app'
+    import { t } from '@/locale'
+    
+    const { mescrollInit, downCallback, getMescroll } = useMescroll(onPageScroll, onReachBottom)
+    const accountList = ref<Array<any>>([])
+    const loading = ref(false)
+    const accountType = ref('bank')
+    const mescrollRef = ref(null)
+    const mode = ref('get')
+    
+    onLoad((data) => {
+        data.type && (accountType.value = data.type)
+        data.mode && (mode.value = data.mode)
+    })
+    
+    const getCashoutAccountListFn = (mescroll : mescrollStructure) => {
+    	loading.value = false;
+    	let data : object = {
+    		page: mescroll.num,
+    		limit: mescroll.size,
+            account_type: accountType.value
+    	};
+    
+    	getCashoutAccountList(data).then((res) => {
+    		const newArr = (res.data.data as Array<Object>);
+    		//设置列表数据
+    		if (mescroll.num == 1) {
+    			accountList.value = []; //如果是第一页需手动制空列表
+    		}
+    		accountList.value = accountList.value.concat(newArr);
+    		mescroll.endSuccess(newArr.length);
+    		loading.value = true;
+    	}).catch(() => {
+    		loading.value = true;
+    		mescroll.endErr(); // 请求失败, 结束加载
+    	})
+    }
+    
+    const handleClick = (data: AnyObject) => {
+        if (mode.value == 'get') redirect({ url: '/pages/member/account_edit', param: { id: data.account_id, type: accountType.value, mode: mode.value } })
+        else redirect({ url: '/pages/member/apply_cash_out', param: { account_id: data.account_id, type: accountType.value } })
+    }
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/uni-app/pages/member/account_edit.vue b/uni-app/pages/member/account_edit.vue
new file mode 100644
index 000000000..e6a29c9db
--- /dev/null
+++ b/uni-app/pages/member/account_edit.vue
@@ -0,0 +1,153 @@
+<template>
+    <scroll-view scroll-y="true" class="w-screen h-screen bg-page">
+        <view class="h-[30rpx]"></view>
+        <view class="p-[30rpx] bg-white mx-[32rpx] rounded">
+            <block v-if="formData.account_type == 'bank'">
+                <view class="text-center text-base font-bold mt-[50rpx]">{{ t('addBankCard') }}</view>
+                <view class="text-center text-sm mt-[10rpx]">{{ t('addBankCardTips') }}</view>
+
+                <view class="mt-[50rpx]">
+                    <u-form labelPosition="left" :model="formData" labelWidth="200rpx" errorType='toast' :rules="rules"
+                        ref="formRef">
+                        <view class="mt-[10rpx]">
+                            <u-form-item :label="t('bankRealname')" prop="realname" :border-bottom="true">
+                                <u-input v-model="formData.realname" border="none" clearable
+                                    :placeholder="t('bankRealnamePlaceholder')"></u-input>
+                            </u-form-item>
+                        </view>
+                        <view class="mt-[10rpx]">
+                            <u-form-item :label="t('bankName')" prop="bank_name" :border-bottom="true">
+                                <u-input v-model="formData.bank_name" border="none" clearable
+                                    :placeholder="t('bankNamePlaceholder')"></u-input>
+                            </u-form-item>
+                        </view>
+                        <view class="mt-[10rpx]">
+                            <u-form-item :label="t('bankAccountNo')" prop="account_no" :border-bottom="true">
+                                <u-input v-model="formData.account_no" border="none" clearable
+                                    :placeholder="t('bankAccountNoPlaceholder')"></u-input>
+                            </u-form-item>
+                        </view>
+                    </u-form>
+                </view>
+            </block>
+
+            <block v-if="formData.account_type == 'alipay'">
+                <view class="text-center text-base font-bold mt-[50rpx]">{{ t('addAlipayAccount') }}</view>
+                <view class="text-center text-sm mt-[10rpx]">{{ t('addAlipayAccountTips') }}</view>
+
+                <view class="mt-[50rpx]">
+                    <u-form labelPosition="left" :model="formData" labelWidth="200rpx" errorType='toast' :rules="rules"
+                        ref="formRef">
+                        <view class="mt-[10rpx]">
+                            <u-form-item :label="t('alipayRealname')" prop="realname" :border-bottom="true">
+                                <u-input v-model="formData.realname" border="none" clearable
+                                    :placeholder="t('alipayRealnamePlaceholder')"></u-input>
+                            </u-form-item>
+                        </view>
+                        <view class="mt-[10rpx]">
+                            <u-form-item :label="t('alipayAccountNo')" prop="account_no" :border-bottom="true">
+                                <u-input v-model="formData.account_no" border="none" clearable
+                                    :placeholder="t('alipayAccountNoPlaceholder')"></u-input>
+                            </u-form-item>
+                        </view>
+                    </u-form>
+                </view>
+            </block>
+
+            <view class="mt-[100rpx]">
+                <u-button :text="t('save')" type="primary" shape="circle" :loading="loading"
+                    @click="handleSave"></u-button>
+                <view class="mt-[30rpx]" v-if="formData.account_id">
+                    <u-button :text="t('delete')" type="primary" shape="circle" :plain="true" :loading="loading"
+                        @click="deleteConfirm = true"></u-button>
+                </view>
+            </view>
+        </view>
+    </scroll-view>
+
+    <u-modal :show="deleteConfirm" :content="t('deleteConfirm')" :confirmText="t('confirm')" :cancelText="t('cancel')"
+        :showCancelButton="true" @confirm="handleDelete" @cancel="deleteConfirm = false"></u-modal>
+</template>
+
+<script setup lang="ts">
+    import { ref, computed, reactive } from 'vue'
+    import { onLoad } from '@dcloudio/uni-app'
+    import { getCashoutAccountInfo, addCashoutAccount, editCashoutAccount, deleteCashoutAccount } from '@/api/member'
+    import { t } from '@/locale'
+    import { redirect } from '@/utils/common'
+
+    const loading = ref(false)
+    const formRef = ref(null)
+    const mode = ref('get')
+    const deleteConfirm = ref(false)
+    const formData = reactive<AnyObject>({
+        account_id: 0,
+        account_type: 'bank',
+        bank_name: '',
+        realname: '',
+        account_no: ''
+    })
+
+    const rules = computed(() => {
+        return {
+            'realname': {
+                type: 'string',
+                required: true,
+                message: formData.account_type == 'bank' ? t('bankRealnamePlaceholder') : t('alipayRealnamePlaceholder'),
+                trigger: ['blur', 'change'],
+            },
+            'bank_name': {
+                type: 'string',
+                required: formData.account_type == 'bank',
+                message: t('bankNamePlaceholder'),
+                trigger: ['blur', 'change'],
+            },
+            'account_no': {
+                type: 'string',
+                required: true,
+                message: formData.account_type == 'bank' ? t('bankAccountNoPlaceholder') : t('alipayAccountNoPlaceholder'),
+                trigger: ['blur', 'change'],
+            }
+        }
+    })
+
+    onLoad((data) => {
+        data.type && (formData.account_type = data.type)
+        data.mode && (mode.value = data.mode)
+        if (data.id) {
+            formData.account_id = data.id
+
+            getCashoutAccountInfo({ account_id: data.id }).then((res : responseResult) => {
+                if (res.data) {
+                    Object.keys(formData).forEach((key : string) => {
+                        if (res.data[key] != undefined) formData[key] = res.data[key]
+                    })
+                }
+            })
+        }
+    })
+
+    const handleSave = () => {
+        const save = formData.account_id ? editCashoutAccount : addCashoutAccount
+
+        formRef.value.validate().then(() => {
+            if (loading.value) return
+            loading.value = true
+
+            save(formData).then((res) => {
+                if (mode.value == 'get') redirect({ url: '/pages/member/account', param: { type: formData.account_type, mode: mode.value } })
+                else redirect({ url: '/pages/member/apply_cash_out', param: { account_id: res.data, type: formData.account_type } })
+            }).catch(() => {
+                loading.value = false
+            })
+        })
+    }
+
+    const handleDelete = () => {
+        deleteCashoutAccount(formData.account_id).then(() => {
+            redirect({ url: '/pages/member/account', mode: 'redirectTo' })
+        })
+    }
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/uni-app/pages/member/apply_cash_out.vue b/uni-app/pages/member/apply_cash_out.vue
new file mode 100644
index 000000000..80a24fdde
--- /dev/null
+++ b/uni-app/pages/member/apply_cash_out.vue
@@ -0,0 +1,278 @@
+<template>
+    <scroll-view scroll-y="true" class="w-screen h-screen bg-page" v-if="!pageLoading">
+        <view>
+            <view class="p-[30rpx] bg-white">
+                <view>{{t('cashOutMoneyTip')}}</view>
+                <view class="flex py-[20rpx] items-baseline border-0 border-b-[2rpx] border-solid border-gray-200">
+                    <text class="text-[60rpx] ">{{ t('currency') }}</text>
+                    <input type="digit" class="h-[70rpx] leading-[70rpx] pl-[10rpx] flex-1 font-bold text-[60rpx]"
+                        v-model="applyData.apply_money" />
+                    <image @click="clearMoney" v-if="applyData.apply_money"
+                        :src="img('static/resource/images/member/apply_cash_out/close.png')" class="w-[40rpx] h-[40rpx]"
+                        mode="widthFix" />
+                </view>
+                <view class="pt-[20rpx]">
+                    <text
+                        class="text-gray-400 text-[28rpx]">{{t('money')}}：{{ t('currency') }}{{ moneyFormat(cashOutMoney) }}</text>
+                    <text class="pl-[10rpx] text-[28rpx] text-primary" @click="allMoney">{{t('allTx')}}</text>
+                </view>
+                <view>
+                    <text
+                        class="text-[24rpx] text-gray-400">{{t('minWithdrawal')}}{{ t('currency') }}{{ moneyFormat(config.min) }}</text>
+                    <text class="text-[24rpx] text-gray-400">，{{t('commissionTo')}}{{ config.rate + '%' }}</text>
+                </view>
+            </view>
+
+            <view class="px-[30rpx] bg-white mt-[30rpx]">
+                <!-- 提现到微信 -->
+                <view class="py-[30rpx] flex" v-if="config.transfer_type.includes('wechat') && memberStore.info && (memberStore.info.wx_openid || memberStore.info.weapp_openid)">
+                    <view><text class="iconfont iconweixin1 text-[#43c93e] text-[70rpx]"></text></view>
+                    <view class="flex-1 px-[20rpx]">
+                        <view>{{ t('cashOutToWechat') }}</view>
+                        <view class="text-[#bbb] text-[26rpx] mt-[16rpx]">{{ t('cashOutToWechatTips') }}</view>
+                    </view>
+                    <view class="flex items-center" @click="applyData.transfer_type = 'wechat'">
+                        <text class="iconfont iconduigou text-[40rpx] text-primary"
+                            v-if="applyData.transfer_type == 'wechat'"></text>
+                        <text class="iconfont iconcheckbox_nol text-[40rpx] text-[#bbb]"
+                            v-else></text>
+                    </view>
+                </view>
+                
+                <!-- 提现到支付宝 -->
+                <view class="py-[30rpx] flex" v-if="config.transfer_type.includes('alipay')">
+                    <view><text class="iconfont iconzhifubaoxuanzhong text-[#188dfb] text-[70rpx]"></text></view>
+                    <view class="flex-1 px-[20rpx]">
+                        <view>{{ t('cashOutToAlipay') }}</view>
+                        <view class="text-[#bbb] text-[26rpx] mt-[16rpx]">
+                            <view v-if="alipayAccountInfo">
+                                {{ t('cashOutTo') }}{{ t('alipayAccountNo') }}{{ alipayAccountInfo.account_no }} <text class="text-black" @click="redirect({ url: '/pages/member/account', param: { type: 'alipay', mode: 'select' } })">{{ t('replace') }}</text>
+                            </view>
+                            <view v-else>
+                                {{ t('cashOutToAlipayTips') }}
+                            </view>
+                        </view>
+                    </view>
+                    <view class="flex items-center">
+                        <u-button :plain="true" type="primary" shape="circle" :custom-style="{height: '56rpx'}" v-if="!alipayAccountInfo" @click="redirect({ url: '/pages/member/account', param: { type: 'alipay', mode: 'select' } })">{{ t('toAdd') }}</u-button>
+                        <view v-else @click="applyData.transfer_type = 'alipay'">                       
+                            <text class="iconfont iconduigou text-[40rpx] text-primary"
+                                v-if="applyData.transfer_type == 'alipay'"></text>
+                            <text class="iconfont iconcheckbox_nol text-[40rpx] text-[#bbb]"
+                                v-else></text>
+                        </view>
+                    </view>
+                </view>
+                
+                <!-- 提现到银行卡 -->
+                <view class="py-[30rpx] flex" v-if="config.transfer_type.includes('bank')">
+                    <view class="w-[70rpx] flex justify-center">
+                        <image
+                            src="data:image/png;base64,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"
+                            mode="widthFix" class="w-[60rpx]"></image>
+                    </view>
+                    <view class="flex-1 px-[20rpx]">
+                        <view>{{ t('cashOutToBank') }}</view>
+                        <view class="text-[#bbb] text-[26rpx] mt-[16rpx]">
+                            <view v-if="bankAccountInfo">
+                                {{ t('cashOutTo') }}{{ bankAccountInfo.bank_name }}{{ t('debitCard') }}{{ bankAccountInfo.account_no.substring(bankAccountInfo.account_no.length - 4) }} <text class="text-black" @click="redirect({ url: '/pages/member/account', param: { type: 'bank', mode: 'select' } })">{{ t('replace') }}</text>
+                            </view>
+                            <view v-else>
+                                {{ t('cashOutToBankTips') }}
+                            </view>
+                        </view>
+                    </view>
+                    <view class="flex items-center">
+                        <u-button :plain="true" type="primary" shape="circle" :custom-style="{height: '56rpx'}" v-if="!bankAccountInfo" @click="redirect({ url: '/pages/member/account', param: { type: 'bank', mode: 'select' } })">{{ t('toAdd') }}</u-button>
+                        <view v-else @click="applyData.transfer_type = 'bank'">
+                            <text class="iconfont iconduigou text-[40rpx] text-primary"
+                                v-if="applyData.transfer_type == 'bank'"></text>
+                            <text class="iconfont iconcheckbox_nol text-[40rpx] text-[#bbb]"
+                                v-else></text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <view class="px-[32rpx]">
+                <u-button type="primary" shape="circle" :text="t('cashOut')" class="mt-[60rpx] mb-[40rpx]"
+                    :disabled="applyData.apply_money == '' || applyData.apply_money == 0" :loading="loading"
+                    @click="cashOut"></u-button>                
+            </view>
+
+            <view class="mt-[40rpx] text-center text-sm" @click="redirect({ url: '/pages/member/cash_out'})">
+                {{t('cashOutList')}}
+            </view>
+        </view>
+    </scroll-view>
+    <u-loading-page :loading="pageLoading" bg-color="#e8e8e8" loading-text=""></u-loading-page>
+</template>
+
+<script lang="ts" setup>
+    import { ref, reactive, watch, computed } from 'vue'
+    import { t } from '@/locale'
+    import { moneyFormat, redirect, img } from '@/utils/common'
+    import useMemberStore from '@/stores/member'
+    import { cashOutConfig, cashOutApply, getFirstCashoutAccountInfo, getCashoutAccountInfo } from '@/api/member'
+    import { onLoad } from '@dcloudio/uni-app'
+
+    const pageLoading = ref(true)
+    const loading = ref(false)
+    const memberStore = useMemberStore()
+
+    // 申请提现数据
+    const applyData = reactive({
+        apply_money: '',
+        transfer_type: '',
+        account_type: 'money',
+        account_id: 0
+    })
+    
+    // 可提现金额
+    const cashOutMoney = computed(() => {
+        return memberStore.info ? memberStore.info[ applyData.account_type ] : 0
+    })
+	
+    
+    watch(() => applyData.transfer_type, (nval) => {
+        switch (nval) {
+            case 'bank':
+                applyData.account_id = bankAccountInfo.value ? bankAccountInfo.value.account_id : 0
+            break;
+            case 'alipay':
+                applyData.account_id = alipayAccountInfo.value ? alipayAccountInfo.value.account_id : 0
+            break;
+            default:
+                applyData.account_id = 0
+        }
+    }, { immediate: true })
+
+    const config = reactive<AnyObject>({
+        is_auto_transfer: 0, // 是否自动转账
+        is_auto_verify: 0, // 是否自动审核
+        is_open: 0, // 是否启用提现
+        min: 0, // 最低提现金额
+        rate: 0, // 手续费比率
+        transfer_type: [] // 提现方式
+    })
+
+    let query:AnyObject | undefined = {}
+    
+    onLoad(async (data) => {
+        query = data
+        uni.getStorageSync('cashOutAccountType') && (applyData.account_type = uni.getStorageSync('cashOutAccountType'))
+        
+        if (!['money', 'commission'].includes(applyData.account_type)) {
+            uni.showToast({
+                title: t('abnormalOperation'),
+                icon: 'none',
+                success() {
+                    setTimeout(() => { uni.navigateBack({ delta: 1}) }, 1500)
+                }
+            })
+            return
+        }
+        
+        // 提现配置
+        await cashOutConfig().then((res : any) => {
+            for (let key in res.data) {
+                config[key] = res.data[key];
+            }
+            if (config.transfer_type.includes('wechat') && memberStore.info && (!memberStore.info.wx_openid && !memberStore.info.weapp_openid)) config.transfer_type.splice(0, 1)
+            config.transfer_type.includes('bank') && getBankAccountInfo()
+            config.transfer_type.includes('alipay') && getAlipayAccountInfo()
+            applyData.transfer_type = config.transfer_type[0]
+            pageLoading.value = false
+        })
+    })
+
+    //全部提现
+    const allMoney = () => {
+        applyData.apply_money = moneyFormat(cashOutMoney)
+    }
+
+    // 清空提现金额
+    const clearMoney = () => {
+        applyData.apply_money = '';
+    }
+
+    const verify = () => {
+        if (!applyData.transfer_type) {
+            uni.showToast({ title: t('noAvailableCashOutType'),  icon: 'none' })
+            return false
+        }
+        if (uni.$u.test.isEmpty(applyData.apply_money)) {
+            uni.showToast({ title: t('applyMoneyPlaceholder'), icon: 'none' })
+            return false
+        }
+        if (!uni.$u.test.amount(applyData.apply_money)) {
+            uni.showToast({ title: t('moneyformatError'), icon: 'none' })
+            return false
+        }
+        if (parseFloat(applyData.apply_money) > parseFloat(cashOutMoney.value)) {
+            uni.showToast({ title: t('applyMoneyExceed'), icon: 'none' })
+            return false
+        }
+        if (parseFloat(applyData.apply_money) < parseFloat(config.min)) {
+            uni.showToast({ title: t('applyMoneyBelow'),  icon: 'none' })
+            return false
+        }
+        return true;
+    }
+        
+    /**
+     * 获取支付宝提现账号信息
+     */
+    const alipayAccountInfo = ref(null)
+    const getAlipayAccountInfo = () => {
+        const data = { account_type: 'alipay', account_id: 0 }
+        let request = getFirstCashoutAccountInfo
+        
+        if (query.type && query.type == 'alipay' && query.account_id) {
+            request = getCashoutAccountInfo
+            data.account_id = query.account_id
+        }
+        
+        request(data).then(res => {
+            if (res.data && res.data.account_id) alipayAccountInfo.value = res.data
+        })
+    }
+    
+    /**
+     * 获取银行卡提现账号信息
+     */
+    const bankAccountInfo = ref(null)
+    const getBankAccountInfo = () => {
+        const data = { account_type: 'bank', account_id: 0 }
+        let request = getFirstCashoutAccountInfo
+        
+        if (query.type && query.type == 'bank' && query.account_id) {
+            request = getCashoutAccountInfo
+            data.account_id = query.account_id
+        }
+        request(data).then(res => {
+            if (res.data && res.data.account_id) bankAccountInfo.value = res.data
+        })
+    }
+    
+    /**
+     * 申请提现
+     */
+    const cashOut = ()=> {
+        if (verify()) {
+            if (loading.value) return
+            loading.value = true
+            
+            cashOutApply(applyData)
+                .then(res => {
+                    redirect({ url: '/pages/member/cash_out' })
+                })
+                .catch(() => {
+                    loading.value = false
+                })
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file
diff --git a/uni-app/pages/member/balance.vue b/uni-app/pages/member/balance.vue
index a4ecade1c..cc386c9c2 100644
--- a/uni-app/pages/member/balance.vue
+++ b/uni-app/pages/member/balance.vue
@@ -1,209 +1,147 @@
 <template>
-    <view class="bg-gray-100 min-h-[100vh]">
-        <view class="bg-gradient-to-r from-red-500 to-red-400 fixed top-0 left-0 right-0 z-10">
-            <view class="px-5 py-6 bg-right-top bg-no-repeat bg-contain"
-                :style="{'backgroundImage': `url(${img('static/resource/images/member/balance_bg.png')})`}">
-                <text class="text-white">{{t('availableBalance')}}</text>
-                <view class="flex align-center justify-between mt-[15rpx]">
-                    <text
-                        class="text-4xl text-white using-hidden w-95">{{memberStore.info ? moneyFormat(memberStore.info.balance) : 0.00 }}</text>
-                    <view class="w-[60px]">
-                        <u-button type="primary" :plain="true" :text="t('recharge')" size="small"
-                            :customStyle="{backgroundColor: 'transparent',color: '#fff', borderColor: '#fff'}"
-                            @click="topUpFn"></u-button>
-                    </view>
-                </view>
-            </view>
-        </view>
-        <mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="getBalanceListFn" top="253rpx">
-            <view
-                class="bg-white flex items-center border-solid border-t-0 border-l-0 border-r-0 border-b-1 border-gray-300 px-2 py-3">
-                <u-icon name="list-dot" color="#666" size="20"></u-icon>
-                <text class="text-sm">{{t('balanceDetail')}}</text>
-            </view>
-            <view v-for="(item,index) in balanceList" :key="item.id"
-                :class="['bg-white relative px-2 py-3',{'border-solid border-t-0 border-l-0 border-r-0 border-b-1 border-gray-200': balanceList.length-1 != index}] ">
-                <view class="text-base">{{item.from_type_name}}</view>
-                <view class="text-xs text-gray-400 mt-1">{{item.create_time}}</view>
-                <view class="text-sm absolute top-[50%] transform -translate-y-[50%] right-2">{{item.account_data}}
-                </view>
-            </view>
-            <mescroll-empty v-if="!balanceList.length && loading"></mescroll-empty>
-        </mescroll-body>
+	<view class="account-info-wrap">
+		<view class="account-info-head" :style="{ background: 'url(' + img('static/resource/images/member/balance_bg.png') + ') no-repeat 95% 30% / auto 250rpx, linear-gradient(314deg, #FE7849 0%, #FF1959 100%)'}">
+			<view class="name">{{t('balanceInfo')}}</view>
+			<view class="content">
+				<view  class="money">
+					{{ memberStore.info ? moneyFormat((parseFloat(memberStore.info.balance) + parseFloat(memberStore.info.money)).toString()) : 0.00 }}
+				</view>
+				<view class="text">{{t('accountBalance')}}</view>
+				<view class="money-wrap">
+					<view class="money-item" @click="redirect({ url: '/pages/member/detailed_account', param: { type : 'balance' } })">
+						<view class="money">
+							{{ moneyFormat(memberStore.info?.balance)|| '0.00' }}
+						</view>
+						<view class="text leading-none">{{ t('balance') }}</view>
+					</view>
+					<view class="money-item" @click="redirect({ url: '/pages/member/detailed_account', param: { type : 'money' } })">
+						<view class="money">
+							{{ moneyFormat(memberStore.info?.money)|| '0.00' }}
+						</view>
+						<view class="text leading-none">{{ t('money') }}</view>
+					</view>
+				</view>
+			</view>
+		</view>
 
-        <u-popup :show="topUpShow" mode="center" :round="10" @close="closePopup" :closeable="true">
-            <view class="w-80 px-3 pb-5 pt-7 box-border">
-                <u--input :placeholder="t('rechargeAmountPlaceholder')" v-model="rechargeAmount" border="bottom"
-                    type="number"
-                    clearable>
-                </u--input>
-                <view class="top-up-wrap flex flex-wrap justify-around mt-3">
-                    <view
-                        :class="['top-up-item w-22 box-border border-1 text-center rounded mt-2 py-3 px-4 border-gray-400 border-solid',{'border-primary text-primary':rechargeAmount == 20}]"
-                        @click="rechargeAmount = 20">
-                        <text>20元</text>
-                    </view>
-                    <view
-                        :class="['top-up-item w-22 box-border border-1 text-center rounded mt-2 py-3 px-4 border-gray-400 border-solid',{'border-primary text-primary':rechargeAmount == 30}]"
-                        @click="rechargeAmount = 30">
-                        <text>30元</text>
-                    </view>
-                    <view
-                        :class="['top-up-item w-22 box-border border-1 text-center rounded mt-2 py-3 px-4 border-gray-400 border-solid',{'border-primary text-primary':rechargeAmount == 50}]"
-                        @click="rechargeAmount = 50">
-                        <text>50元</text>
-                    </view>
-                    <view
-                        :class="['top-up-item w-22 box-border border-1 text-center rounded mt-2 py-3 px-4 border-gray-400 border-solid',{'border-primary text-primary':rechargeAmount == 100}]"
-                        @click="rechargeAmount = 100">
-                        <text>100元</text>
-                    </view>
-                    <view
-                        :class="['top-up-item w-22 box-border border-1 text-center rounded mt-2 py-3 px-4 border-gray-400 border-solid',{'border-primary text-primary':rechargeAmount == 200}]"
-                        @click="rechargeAmount = 200">
-                        <text>200元</text>
-                    </view>
-                    <view
-                        :class="['top-up-item w-22 box-border border-1 text-center rounded mt-2 py-3 px-4 border-gray-400 border-solid',{'border-primary text-primary':rechargeAmount == 300}]"
-                        @click="rechargeAmount = 300">
-                        <text>300元</text>
-                    </view>
-                </view>
-                <view class="mt-5 px-2">
-                    <u-button type="primary" shape="circle" :loading="rechargeLoading" :text="t('clickRecharge')"
-                        @click="recharge"></u-button>
-                </view>
-            </view>
-        </u-popup>
+		<view class="account-info-btn">
+			<u-button type="primary" shape="circle" class="btn"
+				:customStyle="{backgroundColor: '#FE4E50',color: '#fff', borderColor: '#FE4E50',width: 'calc(100vw - 64rpx)'}"
+				@click="topUpFn">
+					<img class="max-w-[36rpx] max-h-[36rpx] mr-1" :src="img('static/resource/images/member/reset.png')" alt="">
+					<text>{{t('recharge')}}</text>
+			</u-button>
+			<u-button v-if="cashOutConfigObj.is_open == 1" type="primary" :plain="true" shape="circle" class="btn"
+				:customStyle="{backgroundColor: '#fff',color: '#FE4E50', borderColor: '#FE4E50',width: 'calc(100vw - 64rpx)'}"
+				@click="applyCashOut">
+					<img class="max-w-[36rpx] max-h-[36rpx] mr-1" :src="img('static/resource/images/member/withdraw_deposit.png')" alt="">
+					<text>{{t('cashOut')}}</text>
+			</u-button>
+		</view>
 
-        <pay ref="payRef" @close="rechargeLoading = false"></pay>
-    </view>
+
+		<!-- 充值 -->
+		<u-popup :show="topUpShow" mode="center" :round="10" @close="closePopup" :closeable="true">
+			<view class="w-80 px-3 pb-4 pt-7 box-border">
+				<u--input :placeholder="t('rechargeAmountPlaceholder')" v-model="rechargeAmount" border="bottom"
+					type="number" clearable>
+				</u--input>
+				<view class="top-up-wrap flex flex-wrap justify-around mt-3">
+					<view v-for="(item,index) in rechargePackage" :key="index"
+						:class="['top-up-item w-22 box-border border-1 text-center rounded mt-2 py-3 px-4 border-gray-400 border-solid',{'border-primary text-primary':rechargeAmount == item}]"
+						@click="rechargeAmount = item">
+						<text>{{item}}{{t('yuan')}}</text>
+					</view>
+				</view>
+				<view class="mt-5 px-2">
+					<u-button type="primary" shape="circle" :loading="rechargeLoading" :text="t('clickRecharge')"
+						@click="recharge"></u-button>
+				</view>
+				<view class="mt-[20rpx] text-center text-sm"
+					@click="redirect({ url: '/pages/member/recharge_record' })">{{t('rechargeRecord')}}</view>
+			</view>
+		</u-popup>
+
+		<pay ref="payRef" @close="rechargeLoading = false"></pay>
+	</view>
 </template>
 
 <script setup lang="ts">
-    import { ref } from 'vue'
-    import { t } from '@/locale'
-    import { moneyFormat, img } from '@/utils/common';
-    import { getBalanceList, createRecharge } from '@/api/member';
-    import MescrollBody from '@/components/mescroll/mescroll-body/mescroll-body.vue';
-    import MescrollEmpty from '@/components/mescroll/mescroll-empty/mescroll-empty.vue';
-    import useMescroll from '@/components/mescroll/hooks/useMescroll.js';
-    import { onPageScroll, onReachBottom, onShow } from '@dcloudio/uni-app';
-    import useMemberStore from '@/stores/member'
-    const { mescrollInit, downCallback, getMescroll } = useMescroll(onPageScroll, onReachBottom);
+	import { ref, reactive } from 'vue'
+	import { t } from '@/locale'
+	import { moneyFormat, redirect, img } from '@/utils/common';
+	import { createRecharge, cashOutConfig } from '@/api/member';
+	import { onShow } from '@dcloudio/uni-app';
+	import useMemberStore from '@/stores/member'
 
-    const memberStore = useMemberStore(),
-        balanceList = ref<Array<any>>([]),
-        mescrollRef = ref(null),
-        loading = ref<boolean>(false),
-        topUpShow = ref<boolean>(false);
+	const memberStore = useMemberStore(),
+		topUpShow = ref<boolean>(false);
 
-    interface mescrollStructure {
-        num : number,
-        size : number,
-        endSuccess : Function,
-        [propName : string] : any
-    }
-    const getBalanceListFn = (mescroll : mescrollStructure) => {
-        loading.value = false;
-        let data : Object = {
-            page: mescroll.num,
-            page_size: mescroll.size,
-        };
-        interface acceptingDataStructure {
-            data : acceptingDataItemStructure,
-            msg : string,
-            code : number
-        }
-        interface acceptingDataItemStructure {
-            data : object,
-            [propName : string] : number | string | object
-        }
-        getBalanceList(data).then((res : acceptingDataStructure) => {
-            let newArr = res.data.data;
-            mescroll.endSuccess(newArr.length);
-            //设置列表数据
-            if (mescroll.num == 1) {
-                balanceList.value = []; //如果是第一页需手动制空列表
+	const topUpFn = () => {
+		topUpShow.value = true;
+	}
+
+	const closePopup = () => {
+		topUpShow.value = false;
+	}
+
+	const rechargePackage = ref([20, 30, 50, 100, 200, 300])
+
+	const rechargeAmount = ref<string | number>("");
+	const rechargeLoading = ref(false)
+
+	const payRef = ref(null)
+
+	const cashOutConfigObj = reactive({
+		is_auto_transfer: 0, // 是否自动转账
+		is_auto_verify: 0, // 是否自动审核
+		is_open: 0, // 是否启用提现
+		min: 0, // 最低提现金额
+		rate: 0, // 手续费比率
+		transfer_type: [] // 提现方式
+	})
+
+	onShow(() => {
+		// h5端检测是否是支付后返回 支付组件必须调用
+		// #ifdef H5
+		uni.$emit('checkIsReturnAfterPayment')
+		// #endif
+
+		cashOutConfig().then((res) => {
+            for (let key in res.data) {
+                cashOutConfigObj[key] = res.data[key];
             }
-            balanceList.value = balanceList.value.concat(newArr);
-            loading.value = true;
-        }).catch(() => {
-            loading.value = true;
-            mescroll.endErr(); // 请求失败, 结束加载
-        })
-    }
+		})
+	})
 
-    const topUpFn = () => {
-        topUpShow.value = true;
-    }
+	/**
+	 * 发起充值
+	 */
+	const recharge = () => {
+		if (uni.$u.test.isEmpty(rechargeAmount.value)) {
+			uni.showToast({ title: t('rechargeAmountPlaceholder'), icon: 'none' })
+			return
+		}
+		if (!uni.$u.test.amount(rechargeAmount.value) || rechargeAmount.value <= 0) {
+			uni.showToast({ title: t('rechargeAmountError'), icon: 'none' })
+			return
+		}
+		if (rechargeLoading.value) return
+		rechargeLoading.value = true
 
-    const closePopup = () => {
-        topUpShow.value = false;
-    }
-
-    const rechargeAmount = ref<string | number>("");
-    const rechargeLoading = ref(false)
-
-    const payRef = ref(null)
-
-    onShow(() => {
-        // h5端检测是否是支付后返回 支付组件必须调用
-        // #ifdef H5
-        uni.$emit('checkIsReturnAfterPayment')
-        // #endif
-    })
-
-    /**
-     * 发起充值
-     */
-    const recharge = () => {
-        if (uni.$u.test.isEmpty(rechargeAmount.value)) {
-            uni.showToast({ title: t('rechargeAmountPlaceholder'), icon: 'none' })
-            return
-        }
-        if (!uni.$u.test.amount(rechargeAmount.value) || rechargeAmount.value <= 0) {
-            uni.showToast({ title: t('rechargeAmountError'), icon: 'none' })
-            return
-        }
-        if (rechargeLoading.value) return
-        rechargeLoading.value = true
-
-        createRecharge({ recharge_money: rechargeAmount.value })
-            .then(res => {
-                payRef.value?.open(res.data.out_trade_no)
-            })
-            .catch(() => {
-                rechargeLoading.value = false
-            })
+		createRecharge({ recharge_money: rechargeAmount.value }).then(res => {
+			payRef.value?.open(res.data.out_trade_no)
+		}).catch(() => {
+			rechargeLoading.value = false
+		})
+	}
+    
+    const applyCashOut = ()=> {
+        uni.setStorageSync('cashOutAccountType', 'money')
+        redirect({ url: '/pages/member/apply_cash_out' })
     }
 </script>
 
 <style lang="scss" scoped>
-    @mixin flex {
-        /* #ifndef APP-NVUE */
-        display: flex;
-        /* #endif */
-        flex-direction: row;
-    }
-
-    /* 单行超出隐藏 */
-    .using-hidden {
-        word-break: break-all;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        display: -webkit-box;
-        -webkit-line-clamp: 1;
-        -webkit-box-orient: vertical;
-        white-space: break-spaces;
-    }
-
-    .popup-content {
-        @include flex;
-        align-items: center;
-        justify-content: center;
-        padding: 15px;
-        height: 50px;
-        background-color: #fff;
-    }
+	@import '@/styles/account_info.scss';
 </style>
\ No newline at end of file
diff --git a/uni-app/pages/member/cash_out.vue b/uni-app/pages/member/cash_out.vue
new file mode 100644
index 000000000..2bdd18543
--- /dev/null
+++ b/uni-app/pages/member/cash_out.vue
@@ -0,0 +1,76 @@
+<template>
+	<view class="member-record-list">
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="getCashOutListFn">
+			<view v-for="(item,index) in cashOutList" :key="item.id" class="member-record-item" @click="toDetailFn(item)">
+				<view class="name">{{item.transfer_type_name}}</view>
+				<view class="desc">{{t('applyTime')}}: {{item.create_time}}</view>
+				<view class="desc">{{ item.status != -1 ? currentStatusDesc(item.status) : item.refuse_reason}}</view>
+				<view class="money" :class="item.apply_money > 0 ? 'text-active' : ''"> 
+					{{ item.apply_money > 0 ? '+' + item.apply_money : item.apply_money }}
+				</view>
+				<view class="state">
+					{{ item.status_name }}
+				</view>
+			</view>
+			<mescroll-empty v-if="!cashOutList.length && loading" :option="{tip : (account_type == 'commission' ? t('commissemptyTip') : t('emptyTip') )}"></mescroll-empty>
+		</mescroll-body>
+	</view>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import { t } from '@/locale'
+import { redirect, img } from '@/utils/common';
+import { getCashOutList } from '@/api/member';
+import MescrollBody from '@/components/mescroll/mescroll-body/mescroll-body.vue';
+import MescrollEmpty from '@/components/mescroll/mescroll-empty/mescroll-empty.vue';
+import useMescroll from '@/components/mescroll/hooks/useMescroll.js';
+import { onPageScroll, onReachBottom } from '@dcloudio/uni-app';
+const { mescrollInit, downCallback, getMescroll } = useMescroll(onPageScroll, onReachBottom);
+
+let cashOutList = ref<Array<any>>([]);
+let mescrollRef = ref(null);
+let loading = ref<boolean>(false);
+let account_type = uni.getStorageSync('cashOutAccountType')
+const currentStatusDesc = (status) =>{
+	switch(status){
+		case 1:
+			return t('toBeReviewed')
+		case 2:
+			return t('toBeTransfer')
+		case 3:
+			return t('transfer')
+		case -2:
+			return t('cancelApply')
+	}
+}
+
+const getCashOutListFn = (mescroll)=>{
+	let data = ref({});
+	loading.value = false;
+	data.value.page = mescroll.num;
+	data.value.page_size = mescroll.size;
+	data.value.account_type = account_type;
+	getCashOutList(data.value).then((res) => {
+		let newArr = res.data.data;
+		mescroll.endSuccess(newArr.length);
+		//设置列表数据
+		if (mescroll.num == 1){
+			cashOutList.value = []; //如果是第一页需手动制空列表
+		}
+		cashOutList.value = cashOutList.value.concat(newArr);
+		loading.value = true;
+	}).catch(()=>{
+		loading.value = true;
+		mescroll.endErr(); // 请求失败, 结束加载
+	})
+}
+
+const toDetailFn = (data)=>{
+	redirect({ url: '/pages/member/cash_out_detail', param: { id: data.id }});
+}
+</script>
+
+<style lang="scss">
+	@import '@/styles/member_record_list.scss';
+</style>
diff --git a/uni-app/pages/member/cash_out_detail.vue b/uni-app/pages/member/cash_out_detail.vue
new file mode 100644
index 000000000..7438858a2
--- /dev/null
+++ b/uni-app/pages/member/cash_out_detail.vue
@@ -0,0 +1,77 @@
+<template>
+	<view class="member-record-detail">
+		<view class="money-wrap">
+			<text>-{{ cashOutInfo.apply_money }}</text>
+			<text>{{ cashOutInfo.status_name }}</text>
+		</view>
+		<!-- 状态0待审核1.待转账2已转账 -1拒绝' -->
+		<view class="item">
+			<view class="line-wrap">
+				<text class="label">{{t('cashOutNo')}}</text>
+				<text class="value">{{ cashOutInfo.cash_out_no }}</text>
+			</view>
+			<view class="line-wrap">
+				<text class="label">{{t('serviceMoney')}}</text>
+				<text class="value">￥{{ cashOutInfo.service_money }}</text>
+			</view>
+			<view class="line-wrap">
+				<text class="label">{{t('createTime')}}</text>
+				<text class="value">{{ cashOutInfo.create_time }}</text>
+			</view>
+			<view class="line-wrap" v-if="cashOutInfo.status">
+				<text class="label">{{t('auditTime')}}</text>
+				<text class="value">{{ cashOutInfo.audit_time }}</text>
+			</view>
+			<view class="line-wrap" v-if="cashOutInfo.transfer_bank">
+				<text class="label">{{t('transferBank')}}</text>
+				<text class="value">{{ cashOutInfo.transfer_bank }}</text>
+			</view>
+			<view class="line-wrap">
+				<text class="label">{{t('transferAccount')}}</text>
+				<text class="value">{{ cashOutInfo.transfer_account }}</text>
+			</view>
+			<view class="line-wrap" v-if="cashOutInfo.status == -1 && cashOutInfo.refuse_reason">
+				<text class="label">{{t('refuseReason')}}</text>
+				<text class="value">{{ cashOutInfo.refuse_reason }}</text>
+			</view>
+			<view class="line-wrap" v-if="cashOutInfo.status == 2">
+				<text class="label">{{t('transferTypeName')}}</text>
+				<text class="value">{{ cashOutInfo.transfer_type_name }}</text>
+			</view>
+			<view class="line-wrap" v-if="cashOutInfo.status == 2">
+				<text class="label">{{t('transferTime')}}</text>
+				<text class="value">{{ cashOutInfo.transfer_time }}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { t } from '@/locale'
+import { redirect, img } from '@/utils/common';
+import { getCashOutDetail } from '@/api/member';
+
+let cashOutInfo = ref({});
+let loading = ref<boolean>(false);
+onLoad((option) => {
+	let id = option.id || "";
+	getCashoutAccountListFn(id)
+})
+
+const getCashoutAccountListFn = (id) => {
+	loading.value = false;
+
+	getCashOutDetail(id).then((res) => {
+		cashOutInfo.value = res.data;
+		loading.value = true;
+	}).catch(() => {
+		loading.value = true;
+	})
+}
+</script>
+
+<style lang="scss">
+@import '@/styles/member_record_detail.scss';
+</style>
diff --git a/uni-app/pages/member/commission.vue b/uni-app/pages/member/commission.vue
new file mode 100644
index 000000000..872ad1f1e
--- /dev/null
+++ b/uni-app/pages/member/commission.vue
@@ -0,0 +1,53 @@
+<template>
+	<view class="account-info-wrap">
+
+		<view class="account-info-head"
+			:style="{ background: 'url(' + img('static/resource/images/member/balance_bg.png') + ') no-repeat 95% 30% / auto 250rpx, linear-gradient(314deg, #FE7849 0%, #FF1959 100%)'}">
+			<view class="name">{{t('commissionInfo')}}</view>
+			<view class="content">
+				<view class="money" @click="redirect({ url: '/pages/member/detailed_account', param: { type : 'commission' } })">
+					{{ memberStore.info ? moneyFormat(memberStore.info.commission) : 0.00 }}
+				</view>
+				<view class="text" @click="redirect({ url: '/pages/member/detailed_account', param: { type : 'commission' } })">{{t('accountCommission')}}</view>
+				<view class="money-wrap">
+					<view class="money-item">
+						<view class="money">
+							{{ moneyFormat(memberStore.info?.commission_get)|| '0.00' }}
+						</view>
+						<view class="text">{{ t('commission') }}</view>
+					</view>
+					<view class="money-item">
+						<view class="money">
+							{{ moneyFormat(memberStore.info?.commission_cash_outing)|| '0.00' }}
+						</view>
+						<view class="text">{{ t('money') }}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<view class="account-info-btn">
+			<u-button type="primary" :plain="true" shape="circle" class="btn"
+				:customStyle="{backgroundColor: '#fff',color: '#FE4E50', borderColor: '#FE4E50',width: 'calc(100vw - 64rpx)'}"
+				@click="applyCashOut">
+					<img class="max-w-[36rpx] max-h-[36rpx] mr-1" :src="img('static/resource/images/member/withdraw_deposit.png')" alt="">
+					<text>{{t('cashOut')}}</text>
+			</u-button>
+		</view>
+	</view>
+</template>
+
+<script setup lang="ts">
+	import { t } from '@/locale'
+	import { moneyFormat, redirect, img } from '@/utils/common';
+	import useMemberStore from '@/stores/member'
+	const memberStore = useMemberStore();
+	const applyCashOut = ()=> {
+	    uni.setStorageSync('cashOutAccountType', 'commission')
+	    redirect({ url: '/pages/member/apply_cash_out' })
+	}
+</script>
+
+<style lang="scss">
+	@import '@/styles/account_info.scss';
+</style>
\ No newline at end of file
diff --git a/uni-app/pages/member/detailed_account.vue b/uni-app/pages/member/detailed_account.vue
new file mode 100644
index 000000000..6331d78de
--- /dev/null
+++ b/uni-app/pages/member/detailed_account.vue
@@ -0,0 +1,83 @@
+<template>
+	<view class="member-record-list">
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="getListFn" top="">
+			<view v-for="(item,index) in list" :key="item.id" class="member-record-item">
+				<view class="name">{{item.from_type_name}}</view>
+				<view class="desc" v-if="item.memo">{{item.memo}}</view>
+				<view class="desc">{{item.create_time}}</view>
+				<view class="money" :class="item.account_data > 0 ? 'text-active' : ''">
+					{{ item.account_data > 0 ? '+' + item.account_data : item.account_data }}
+				</view>
+			</view>
+			<mescroll-empty v-if="!list.length && loading" :option="{tip : (type == 'commission' ? t('commissemptyTip') : t('emptyTip') )}"></mescroll-empty>
+		</mescroll-body>
+	</view>
+</template>
+
+<script setup lang="ts">
+	import { ref } from 'vue'
+	import { t } from '@/locale'
+	import MescrollBody from '@/components/mescroll/mescroll-body/mescroll-body.vue';
+	import MescrollEmpty from '@/components/mescroll/mescroll-empty/mescroll-empty.vue';
+	import useMescroll from '@/components/mescroll/hooks/useMescroll.js';
+	import { getBalanceList, getMoneyList, getCommissionList} from '@/api/member';
+	import { onPageScroll, onReachBottom, onLoad, onShow } from '@dcloudio/uni-app';
+	const { mescrollInit, downCallback, getMescroll } = useMescroll(onPageScroll, onReachBottom);
+
+	const type = ref('')
+
+	onLoad((options) => {
+		type.value = options.type || 'balance';
+	});
+
+	const list = ref<Array<any>>([]),
+		loading = ref<boolean>(false),
+		mescrollRef = ref(null);
+
+	interface mescrollStructure {
+		num : number,
+		size : number,
+		endSuccess : Function,
+		[propName : string] : any
+	}
+
+	const getListFn = (mescroll : mescrollStructure) => {
+		loading.value = false;
+		let data : Object = {
+			page: mescroll.num,
+			page_size: mescroll.size
+		};
+		interface acceptingDataStructure {
+			data : acceptingDataItemStructure,
+			msg : string,
+			code : number
+		}
+		interface acceptingDataItemStructure {
+			data : object,
+			[propName : string] : number | string | object
+		}
+
+		let fnList = (params : any) => { };
+		if (type.value == 'balance') fnList = getBalanceList;
+		else if (type.value == 'money') fnList = getMoneyList;
+		else if (type.value == 'commission') fnList = getCommissionList;
+
+		fnList(data).then((res : acceptingDataStructure) => {
+			let newArr = res.data.data;
+			mescroll.endSuccess(newArr.length);
+			//设置列表数据
+			if (mescroll.num == 1) {
+				list.value = []; //如果是第一页需手动制空列表
+			}
+			list.value = list.value.concat(newArr);
+			loading.value = true;
+		}).catch(() => {
+			loading.value = true;
+			mescroll.endErr(); // 请求失败, 结束加载
+		})
+	}
+</script>
+
+<style lang="scss">
+@import '@/styles/member_record_list.scss';
+</style>
\ No newline at end of file
diff --git a/uni-app/pages/member/index.vue b/uni-app/pages/member/index.vue
index d1235f95b..ad9c1cdaa 100644
--- a/uni-app/pages/member/index.vue
+++ b/uni-app/pages/member/index.vue
@@ -48,15 +48,15 @@
 			getDiyInfo({
 				name: 'DIY_MEMBER_INDEX'
 			}).then((res : any) => {
-				if (res.code == 200) {
-					let sources = JSON.parse(res.data.value);
-					diyData.global = sources.global;
-					diyData.value = sources.value;
-					uni.setNavigationBarTitle({
-						title: diyData.global.title
-					})
-					loading.value = false;
-				}
+                if (res.data.value) {
+                    let sources = JSON.parse(res.data.value);
+                    diyData.global = sources.global;
+                    diyData.value = sources.value;
+                    uni.setNavigationBarTitle({
+                        title: diyData.global.title
+                    })
+                }
+                loading.value = false;
 			});
 		}
 		useMemberStore().getMemberInfo()
diff --git a/uni-app/pages/member/personal.vue b/uni-app/pages/member/personal.vue
index be1ebc10b..3095d6fbe 100644
--- a/uni-app/pages/member/personal.vue
+++ b/uni-app/pages/member/personal.vue
@@ -67,7 +67,7 @@
     import { t } from '@/locale'
     import useMemberStore from '@/stores/member'
     import { img, mobileConceal } from '@/utils/common'
-    import { updateMember } from '@/api/member'
+    import { modifyMember } from '@/api/member'
     import { fetchBase64Image, uploadImage } from '@/api/system'
 
     const memberStore = useMemberStore()
@@ -86,7 +86,7 @@
     const updateNicknameConfirm = () => {
         if (uni.$u.test.isEmpty(updateNickname.value)) { uni.showToast({ title: t('nicknamePlaceholder'), icon: 'none' }); return }
 
-        updateMember({
+        modifyMember({
             field: 'nickname',
             value: updateNickname.value
         }).then(res => {
@@ -106,7 +106,7 @@
         ]
     })
     const updateSex = (e) => {
-        updateMember({
+        modifyMember({
             field: 'sex',
             value: e.value
         }).then(res => {
@@ -123,7 +123,7 @@
             encoding: 'base64', //编码格式
             success: res => {
                 fetchBase64Image({ content: res.data }).then(uploadRes => {
-                    updateMember({
+                    modifyMember({
                         field: 'headimg',
                         value: uploadRes.data.url
                     }).then(res => {
@@ -139,7 +139,7 @@
             filePath: event.file.url,
             name: 'file'
         }).then(res => {
-            updateMember({
+            modifyMember({
                 field: 'headimg',
                 value: res.data.url
             }).then(() => {
@@ -154,7 +154,7 @@
      */
     const birthdayPicker = ref(false)
     const updateBirthday = (e) => {
-        updateMember({
+        modifyMember({
             field: 'birthday',
             value: uni.$u.date(e.value, 'yyyy-mm-dd')
         }).then(() => {
diff --git a/uni-app/pages/member/recharge_record.vue b/uni-app/pages/member/recharge_record.vue
new file mode 100644
index 000000000..e14497caa
--- /dev/null
+++ b/uni-app/pages/member/recharge_record.vue
@@ -0,0 +1,80 @@
+<template>
+	<view class="member-record-list">
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="getListFn" top="">
+			<view v-for="(item,index) in list" :key="item.id" class="member-record-item" @click="toDetailFn(item)">
+				<view class="name">{{item.from_type_name}}</view>
+				<view class="desc" v-if="item.memo">{{item.memo}}</view>
+				<view class="desc">{{item.create_time}}</view>
+				<view class="money" :class="item.account_data > 0 ? 'text-active' : ''">
+					{{ item.account_data > 0 ? '+' + item.account_data : item.account_data }}
+				</view>
+				
+			</view>
+
+			<mescroll-empty v-if="!list.length && loading" :option="{tip : t('emptyTip') }"></mescroll-empty>
+		</mescroll-body>
+	</view>
+</template>
+
+<script setup lang="ts">
+	import { ref } from 'vue'
+	import { t } from '@/locale'
+	import MescrollBody from '@/components/mescroll/mescroll-body/mescroll-body.vue';
+	import MescrollEmpty from '@/components/mescroll/mescroll-empty/mescroll-empty.vue';
+	import useMescroll from '@/components/mescroll/hooks/useMescroll.js';
+	import { getRechargeList} from '@/api/member';
+	import { onPageScroll, onReachBottom, onLoad } from '@dcloudio/uni-app';
+	const { mescrollInit, downCallback, getMescroll } = useMescroll(onPageScroll, onReachBottom);
+
+
+	const list = ref<Array<any>>([]),
+		loading = ref<boolean>(false),
+		mescrollRef = ref(null);
+
+	interface mescrollStructure {
+		num : number,
+		size : number,
+		endSuccess : Function,
+		[propName : string] : any
+	}
+
+	const getListFn = (mescroll : mescrollStructure) => {
+		loading.value = false;
+		let data : Object = {
+			page: mescroll.num,
+			page_size: mescroll.size
+		};
+		interface acceptingDataStructure {
+			data : acceptingDataItemStructure,
+			msg : string,
+			code : number
+		}
+		interface acceptingDataItemStructure {
+			data : object,
+			[propName : string] : number | string | object
+		}
+
+		getRechargeList(data).then((res : acceptingDataStructure) => {
+			let newArr = res.data.data;
+			mescroll.endSuccess(newArr.length);
+			//设置列表数据
+			if (mescroll.num == 1) {
+				list.value = []; //如果是第一页需手动制空列表
+			}
+			list.value = list.value.concat(newArr);
+			loading.value = true;
+		}).catch(() => {
+			loading.value = true;
+			mescroll.endErr(); // 请求失败, 结束加载
+		})
+	}
+	
+	
+	const toDetailFn = (data)=>{
+		redirect({ url: '/pages/member/recharge_record_detail', param: { id: data.order_id }});
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import '@/styles/member_record_list.scss';
+</style>
\ No newline at end of file
diff --git a/uni-app/pages/member/recharge_record_detail.vue b/uni-app/pages/member/recharge_record_detail.vue
new file mode 100644
index 000000000..325b8535d
--- /dev/null
+++ b/uni-app/pages/member/recharge_record_detail.vue
@@ -0,0 +1,77 @@
+<template>
+	<view class="member-record-detail">
+		<view class="money-wrap">
+			<text>-{{ cashOutInfo.apply_money }}</text>
+			<text>{{ cashOutInfo.status_name }}</text>
+		</view>
+		<!-- 状态0待审核1.待转账2已转账 -1拒绝' -->
+		<view class="item">
+			<view class="line-wrap">
+				<text class="label">{{t('cashOutNo')}}</text>
+				<text class="value">{{ cashOutInfo.cash_out_no }}</text>
+			</view>
+			<view class="line-wrap">
+				<text class="label">{{t('serviceMoney')}}</text>
+				<text class="value">￥{{ cashOutInfo.service_money }}</text>
+			</view>
+			<view class="line-wrap">
+				<text class="label">{{t('createTime')}}</text>
+				<text class="value">{{ cashOutInfo.create_time }}</text>
+			</view>
+			<view class="line-wrap" v-if="cashOutInfo.status">
+				<text class="label">{{t('auditTime')}}</text>
+				<text class="value">{{ cashOutInfo.audit_time }}</text>
+			</view>
+			<view class="line-wrap" v-if="cashOutInfo.transfer_bank">
+				<text class="label">{{t('transferBank')}}</text>
+				<text class="value">{{ cashOutInfo.transfer_bank }}</text>
+			</view>
+			<view class="line-wrap">
+				<text class="label">{{t('transferAccount')}}</text>
+				<text class="value">{{ cashOutInfo.transfer_account }}</text>
+			</view>
+			<view class="line-wrap" v-if="cashOutInfo.status == -1 && cashOutInfo.refuse_reason">
+				<text class="label">{{t('refuseReason')}}</text>
+				<text class="value">{{ cashOutInfo.refuse_reason }}</text>
+			</view>
+			<view class="line-wrap" v-if="cashOutInfo.status == 2">
+				<text class="label">{{t('transferTypeName')}}</text>
+				<text class="value">{{ cashOutInfo.transfer_type_name }}</text>
+			</view>
+			<view class="line-wrap" v-if="cashOutInfo.status == 2">
+				<text class="label">{{t('transferTime')}}</text>
+				<text class="value">{{ cashOutInfo.transfer_time }}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { t } from '@/locale'
+import { redirect, img } from '@/utils/common';
+import { getRechargeDetail } from '@/api/member';
+
+let cashOutInfo = ref({});
+let loading = ref<boolean>(false);
+onLoad((option) => {
+	let id = option.id || "";
+	getCashoutAccountListFn(id)
+})
+
+const getCashoutAccountListFn = (id) => {
+	loading.value = false;
+
+	getRechargeDetail(id).then((res) => {
+		cashOutInfo.value = res.data;
+		loading.value = true;
+	}).catch(() => {
+		loading.value = true;
+	})
+}
+</script>
+
+<style lang="scss">
+@import '@/styles/member_record_detail.scss';
+</style>
diff --git a/uni-app/static/logo.png b/uni-app/static/logo.png
deleted file mode 100644
index b5771e209bb677e2ebd5ff766ad5ee11790f305a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4023
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
SYs}WS&%*SCNx89m_<sQGK?UOg

diff --git a/uni-app/stores/member.ts b/uni-app/stores/member.ts
index 3b0290175..44a71392c 100644
--- a/uni-app/stores/member.ts
+++ b/uni-app/stores/member.ts
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia'
-import { getToken, setToken, removeToken, redirect } from '@/utils/common'
+import { setToken, removeToken, redirect } from '@/utils/common'
 import { getMemberInfo } from '@/api/member'
 import { logout } from '@/api/auth'
 
@@ -11,7 +11,7 @@ interface Member {
 const useMemberStore = defineStore('member', {
     state: () : Member => {
         return {
-            token: getToken(),
+            token: uni.getStorageSync(import.meta.env.VITE_REQUEST_STORAGE_TOKEN_KEY),
             info: null
         }
     },
@@ -26,12 +26,12 @@ const useMemberStore = defineStore('member', {
                 .then((res : any) => {
                     this.info = res.data
                 })
-                .catch(() => {
-                    this.logout()
+                .catch(async () => {
+                    await this.logout()
                 })
         },
-        logout(isRedirect : boolean = false) {
-            logout().then(() => {
+        async logout(isRedirect : boolean = false) {
+            await logout().then(() => {
                 this.$reset()
                 removeToken()
                 isRedirect && redirect({ url: '/pages/index/index' })
diff --git a/uni-app/styles/account_info.scss b/uni-app/styles/account_info.scss
new file mode 100644
index 000000000..111ee033f
--- /dev/null
+++ b/uni-app/styles/account_info.scss
@@ -0,0 +1,41 @@
+.account-info-wrap{
+	@apply bg-[#F5F6FA] min-h-[100vh];
+	.account-info-head{
+		@apply relative h-40;
+		.name{
+			@apply ml-4 pt-7 text-white text-lg mb-3;
+		}
+		.content{
+			@apply absolute bg-white left-3 right-3 rounded-lg p-5;
+			.money{
+				@apply text-xl font-bold;
+			}
+			.text{
+				@apply text-xs text-slate-500 mt-2;
+			}
+			.money-wrap{
+				@apply mt-5 flex;
+				.money-item{
+					@apply flex-1;
+				}
+				.money{
+					@apply text-lg;
+				}
+				.text{
+					@apply mt-1;
+				}
+			}
+		}
+	}
+	.account-info-btn{
+		@apply flex mt-24 ml-3 mr-3;
+		.btn{
+			&:first-of-type{
+				@apply mr-1 rounded;
+			}
+			&:last-of-type{
+				@apply ml-1 rounded;
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/uni-app/styles/iconfont.css b/uni-app/styles/iconfont.css
index b339072a7..3eede53a3 100644
--- a/uni-app/styles/iconfont.css
+++ b/uni-app/styles/iconfont.css
@@ -1,51 +1,98 @@
 @font-face {
-    font-family: "iconfont";
-    /* Project id 3952239 */
-    src: url('//at.alicdn.com/t/c/font_3952239_vfd4vlalsk.woff2?t=1680088109665') format('woff2'),
-        url('//at.alicdn.com/t/c/font_3952239_vfd4vlalsk.woff?t=1680088109665') format('woff'),
-        url('//at.alicdn.com/t/c/font_3952239_vfd4vlalsk.ttf?t=1680088109665') format('truetype');
+  font-family: "iconfont"; /* Project id 3952239 */
+  src: url('//at.alicdn.com/t/c/font_3952239_ukixio2ve7k.woff2?t=1684147503182') format('woff2'),
+       url('//at.alicdn.com/t/c/font_3952239_ukixio2ve7k.woff?t=1684147503182') format('woff'),
+       url('//at.alicdn.com/t/c/font_3952239_ukixio2ve7k.ttf?t=1684147503182') format('truetype');
 }
 
 .iconfont {
-    font-family: "iconfont" !important;
-    font-size: 16px;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconcheckbox_nol:before {
+  content: "\e626";
+}
+
+.iconweixin1:before {
+  content: "\e878";
+}
+
+.iconyinlian:before {
+  content: "\e68b";
+}
+
+.iconzhifubaoxuanzhong:before {
+  content: "\e802";
+}
+
+.iconshuaxin:before {
+  content: "\e631";
+}
+
+.iconkefu:before {
+  content: "\e612";
+}
+
+.iconfenxiang:before {
+  content: "\e610";
+}
+
+.icondianzan:before {
+  content: "\ec7f";
+}
+
+.iconhuiyuanjiage:before {
+  content: "\e611";
+}
+
+.iconxiazai:before {
+  content: "\e69c";
+}
+
+.icondunpai:before {
+  content: "\e80b";
+}
+
+.icona-shejianchangguan:before {
+  content: "\e647";
 }
 
 .iconduigou:before {
-    content: "\e632";
+  content: "\e632";
 }
 
 .iconzhifushibai:before {
-    content: "\e663";
+  content: "\e663";
 }
 
 .iconweixinzhifu2:before {
-    content: "\e62b";
+  content: "\e62b";
 }
 
 .iconalipay:before {
-    content: "\e618";
+  content: "\e618";
 }
 
 .iconbalance:before {
-    content: "\e73b";
+  content: "\e73b";
 }
 
 .iconwode-xian:before {
-    content: "\e60f";
+  content: "\e60f";
 }
 
 .iconwodezixun:before {
-    content: "\e645";
+  content: "\e645";
 }
 
 .iconshouye-zhihui:before {
-    content: "\e61d";
+  content: "\e61d";
 }
 
 .iconshezhi:before {
-    content: "\e600";
-}
\ No newline at end of file
+  content: "\e600";
+}
diff --git a/uni-app/styles/member_record_detail.scss b/uni-app/styles/member_record_detail.scss
new file mode 100644
index 000000000..56682a3a7
--- /dev/null
+++ b/uni-app/styles/member_record_detail.scss
@@ -0,0 +1,25 @@
+page{
+	background-color: #f5f6fa;
+	@apply pt-4;
+}
+.member-record-detail{
+	@apply m-4 mt-0 bg-white rounded-md px-4 py-6;
+	.money-wrap{
+		@apply flex items-center flex-col mb-6;
+		text:first-of-type{
+			@apply text-3xl font-bold mt-1;
+		}
+		text:last-of-type{
+			@apply text-sm mt-3;
+		}
+	}
+	.line-wrap{
+		@apply flex justify-between text-sm mt-3;
+		.label{
+			@apply text-[#878787];
+		}
+		.value{
+			@apply text-[#222];
+		}
+	}
+}
\ No newline at end of file
diff --git a/uni-app/styles/member_record_list.scss b/uni-app/styles/member_record_list.scss
new file mode 100644
index 000000000..79dcab13a
--- /dev/null
+++ b/uni-app/styles/member_record_list.scss
@@ -0,0 +1,21 @@
+.member-record-list{
+	@apply min-h-[100vh];
+	.member-record-item{
+		@apply relative mx-4 border-solid border-t-0 border-l-0 border-r-0 border-b-1 border-[#ECEBEC] py-3;
+		.name{
+			@apply text-sm;
+		}
+		.desc{
+			@apply text-xs text-[#8D8C8D] mt-1;
+		}
+		.text-active{
+			color: #FF0D3E;
+		}
+		.money{
+			@apply absolute right-3 top-4 text-base font-bold;
+		}
+		.state{
+			@apply absolute right-3 top-11 text-[#8D8C8D] text-xs;
+		}
+	}
+}
\ No newline at end of file
diff --git a/uni-app/utils/common.ts b/uni-app/utils/common.ts
index cfd0e11c9..e9e68bca6 100644
--- a/uni-app/utils/common.ts
+++ b/uni-app/utils/common.ts
@@ -1,5 +1,6 @@
 import { getTabbarPages } from './pages'
 import useDiyStore from '@/stores/diy'
+import useMemberStore from '@/stores/member'
 
 /**
 	* 跳转页面
@@ -105,17 +106,14 @@ export const currShareRoute = () => {
 	// #endif
 
 	// 拼接参数
-	let params = [];
+	let params = {};
 	for (let key in currentParam) {
-		params.push(key + '=' + currentParam[key])
+		params[key] = currentParam[key]
 	}
 	let currentPath = '/' + currentRoute;
-	let currentQuery = params.join('&');
-	if (currentQuery) currentPath += '?' + currentQuery;
 
 	return {
 		path: currentPath,
-		query: currentQuery,
 		params: params
 	}
 }
@@ -125,7 +123,7 @@ export const currShareRoute = () => {
 * @returns
 */
 export function getToken() : null | string {
-	return uni.getStorageSync(import.meta.env.VITE_REQUEST_STORAGE_TOKEN_KEY)
+    return useMemberStore().token
 }
 
 /**
diff --git a/uni-app/utils/interceptor.ts b/uni-app/utils/interceptor.ts
index 1965cb02c..dbfa01e2d 100644
--- a/uni-app/utils/interceptor.ts
+++ b/uni-app/utils/interceptor.ts
@@ -1,6 +1,7 @@
 import { language } from '@/locale'
 import { checkNeedLogin } from '@/utils/auth'
-import { urlDeconstruction } from '@/utils/common'
+import { urlDeconstruction, getToken } from '@/utils/common'
+import { memberLog } from '@/api/auth'
 
 /**
  * 页面跳转拦截器
@@ -12,10 +13,15 @@ export const redirectInterceptor = () => {
 		uni.addInterceptor(name, {
 			invoke(args) {
 				const route = urlDeconstruction(args.url)
+
 				// 加载语言包
 				language.loadLocaleMessages(route.path, uni.getLocale())
+
 				// 校验是否需要登录
 				checkNeedLogin(route)
+
+				// 添加会员访问日志
+				if (getToken()) memberLog({ route: route.path, params: JSON.stringify(route.query), pre_route: getCurrentPages()[0].route })
 			}
 		})
 	})
@@ -25,9 +31,11 @@ export const redirectInterceptor = () => {
  * 应用初始化拦截器
  */
 export const launchInterceptor = () => {
+	// 加载语言包
 	const launch = uni.getLaunchOptionsSync()
 	launch.path = `/${launch.path}`
 	language.loadLocaleMessages(launch.path, uni.getLocale())
+
 	// 校验是否需要登录
 	checkNeedLogin(launch)
 
@@ -38,6 +46,10 @@ export const launchInterceptor = () => {
 
 	// #ifdef H5
 	const match = location.href.match(/\/s(\d*)\//);
-	if (match) uni.setStorageSync('site_id', match[1])
+	if (match) uni.setStorageSync('wap_site_id', match[1])
+	else uni.removeStorageSync('wap_site_id')
 	// #endif
+
+	// 添加会员访问日志
+	if (getToken()) memberLog({ route: launch.path, params: JSON.stringify(launch.query || {}), pre_route: '' })
 }
\ No newline at end of file
diff --git a/uni-app/utils/request.ts b/uni-app/utils/request.ts
index fd4b9c815..e3d706df2 100644
--- a/uni-app/utils/request.ts
+++ b/uni-app/utils/request.ts
@@ -27,7 +27,7 @@ class Request {
         this.config.header[import.meta.env.VITE_REQUEST_HEADER_SITEID_KEY] = import.meta.env.VITE_SITE_ID
         // #endif
         // #ifdef H5
-        this.config.header[import.meta.env.VITE_REQUEST_HEADER_SITEID_KEY] = uni.getStorageSync('site_id') || import.meta.env.VITE_SITE_ID
+        this.config.header[import.meta.env.VITE_REQUEST_HEADER_SITEID_KEY] = uni.getStorageSync('wap_site_id') || import.meta.env.VITE_SITE_ID
         // #endif    
 
         this.config.header[import.meta.env.VITE_REQUEST_HEADER_CHANNEL_KEY] = getAppChannel()
@@ -66,18 +66,18 @@ class Request {
      */
     public upload(url : string, data : AnyObject = {}, config : RequestConfig = {}) {
         this.requestInterceptors()
-
-        Object.assign(this.config, {
+        
+        const params = Object.assign(uni.$u.deepClone(this.config), {
             url: this.baseUrl + url,
             ...data
         })
-
+        
         return new Promise((resolve, reject) => {
             uni.uploadFile({
-                ...this.config,
+                ...params,
                 success: res => {
                     const data = JSON.parse(res.data)
-                    if (data.code == 200) {
+                    if (data.code == 1) {
                         this.config.showSuccessMessage && uni.showToast({ title: data.msg, icon: 'none' })
                         resolve(data)
                     } else {
@@ -99,7 +99,7 @@ class Request {
     private request(method : string, url : string, data ?: AnyObject) {
         this.requestInterceptors()
 
-        Object.assign(this.config, {
+        const params = Object.assign(uni.$u.deepClone(this.config), {
             url: this.baseUrl + url,
             method,
             data
@@ -107,10 +107,10 @@ class Request {
 
         return new Promise((resolve, reject) => {
             uni.request({
-                ...this.config,
+                ...params,
                 success: res => {
                     const data = res.data
-                    if (data.code == 200) {
+                    if (data.code == 1) {
                         this.config.showSuccessMessage && uni.showToast({ title: data.msg, icon: 'none' })
                         resolve(data)
                     } else {
diff --git a/uni-app/utils/wechat.ts b/uni-app/utils/wechat.ts
index 3379ee2e0..b18447ecb 100644
--- a/uni-app/utils/wechat.ts
+++ b/uni-app/utils/wechat.ts
@@ -1,12 +1,15 @@
 import wx from 'weixin-js-sdk'
 import { getWechatSkdConfig } from '@/api/system'
+import { isWeixinBrowser } from '@/utils/common'
 
 class Wechat {
 	constructor() {
-		this.init()
+		// #ifdef H5
+		// isWeixinBrowser() && this.init()
+		// #endif
 	}
 
-	private init() {
+	public init() {
 		getWechatSkdConfig({
 			url: uni.getSystemInfoSync().platform == 'ios' ? uni.getStorageSync('initUrl') : location.href
 		}).then((res : responseResult) => {