diff --git a/apis/index.js b/apis/index.js
index ade7b3c..0bf4ee8 100644
--- a/apis/index.js
+++ b/apis/index.js
@@ -47,7 +47,6 @@ const request = (parameter, hideLoding = true) => {
 			data	: parameter.data 	|| {},
 			method	: parameter.method	|| 'GET',
 			success	: res => {
-                console.log(res)
 				if (res.header.Authorization){
 					updateToken('token', res.header.Authorization)
 				}
diff --git a/apis/interfaces/user.js b/apis/interfaces/user.js
index 94c1df1..685207f 100644
--- a/apis/interfaces/user.js
+++ b/apis/interfaces/user.js
@@ -133,6 +133,29 @@ const relationsBind = (invite, type) => {
 	})
 }
 
+// 提交运营中心别名
+const submitTeamName = (data) => {
+	return request({
+		url: 'user/team',
+		data:data,
+		method: 'POST'
+	})
+}
+//  获取运营中心记录
+const getTeam = () => {
+	return request({
+		url		: 'user/team',
+	})
+}
+
+//  获取运营中心记录
+const getTeamLogs = data => {
+	return request({
+		url: 'user/team/logs',
+		data
+	})
+}
+
 export {
 	relations,
 	code,
@@ -148,5 +171,8 @@ export {
 	userInfoBank,
 	getRegion,
 	relationsVerify,
-	relationsBind
+	relationsBind,
+    submitTeamName,
+    getTeam,
+    getTeamLogs,
 }
diff --git a/pages.json b/pages.json
index 50b0034..7f4e18f 100644
--- a/pages.json
+++ b/pages.json
@@ -220,6 +220,16 @@
 			"navigationBarBackgroundColor": "#926fff",
 			"navigationBarTextStyle": "white"
 		}
+	}, {
+		"path": "pages/account/yunying",
+		"auth": true,
+		"name": "YunYing",
+		"style": {
+			"navigationBarTitleText": "运营中心",
+			"enablePullDownRefresh": false,
+			"navigationBarBackgroundColor": "#446EFE",
+			"navigationBarTextStyle": "white"
+		}
 	}, {
 		"path": "pages/account/cash",
 		"auth": true,
diff --git a/pages/account/yunying.vue b/pages/account/yunying.vue
new file mode 100644
index 0000000..06caf7f
--- /dev/null
+++ b/pages/account/yunying.vue
@@ -0,0 +1,559 @@
+<template>
+    <view class="content">
+        <!-- :style="'background-image: url(' + require('@/static/icons/yunying_bg.png') + ');'" -->
+        <!-- 账户余额 -->
+        <view class="total">
+            <view class="total-item-1">
+                <view class="total-left">
+                    <view class="total-value nowrap ">
+                        {{team_name || '--'}}
+                        <u-icon @click='yunyingShow = true,yunying_name = team_name' name="edit-pen-fill" class='pen'
+                            color="#eee" size="34rpx" bold />
+                    </view>
+                    <view class="total-text nowrap">运营中心</view>
+                </view>
+            </view>
+            <view class="total-item-2">
+                <view> 团队人数 :<span>{{users_count}}</span>人</view>
+                <view> 总业绩 :￥<span>{{all_perf}}</span></view>
+            </view>
+        </view>
+        <!-- 账户记录 -->
+        <view class="tabs">
+            <u-tabs :list="tabs" :scrollable="false" :activeStyle="{color: '#446EFE', fontWeight: 'bold'}"
+                lineColor="#446EFE" @click="onTabs" />
+        </view>
+        <view class="logs">
+            <block v-if="list.length > 0">
+                <view class="log-flex" v-for="(item, index) in list" :key="index">
+                    <block v-if="type === 'balance'">
+                        <view class="text">
+                            <view class="type nowrap">
+                                {{item.remark || '-'}}
+                                <span :class="item.frozen.value == 0 ? '' : 'active'">{{item.frozen.text}}</span>
+                            </view>
+                            <view class="time nowrap">{{item.created_at}}</view>
+                        </view>
+                        <view class="price nowrap">
+                            <span :class="item.frozen.value == 0 ? '' : 'active'">{{item.amount}}</span>
+                        </view>
+                    </block>
+                    <block v-if="type === 'withdraws'">
+                        <view class="text">
+                            <view class="type nowrap"><text>[{{item.status.status_text}}]</text>{{item.title || '-'}}
+                            </view>
+                            <view class="remark nowrap" v-if="item.remark != null">{{item.remark || '-'}}</view>
+                            <view class="time nowrap">{{item.created_at}}</view>
+                        </view>
+                        <view class="price nowrap">{{item.amount}}</view>
+                    </block>
+                    <block v-if="type === 'edit'">
+                        <view class="text">
+                            <view class="type nowrap"> {{ item.title }} </view>
+                            <view class="time nowrap">{{item.created_at}}</view>
+                        </view>
+                        <view class="price nowrap" style="font-size: 28rpx;font-weight: normal;">{{item.status.text}}</view>
+                    </block>
+                </view>
+            </block>
+            <block v-else>
+                <view class="list-null">
+                    <u-empty mode="history" icon="http://cdn.uviewui.com/uview/empty/history.png"
+                        :text="type === 'edit'?' 暂无记录':'暂未开放'" />
+                </view>
+            </block>
+        </view>
+        <u-loadmore v-if="pagesShow" :status="status" />
+
+        <!-- 弹窗展示输入运营中心姓名 -->
+        <u-popup :show="yunyingShow" mode="center" @close="yunyingShow = false" :round="22">
+            <view class="yunying">
+                <view class="yunying_title">
+                    <view class="title"> 修改运营中心 </view>
+                    <image class="yunying_bg" src="/static/icons/yunying_bg.png" mode="widthFix" />
+                </view>
+                <view class="rz-item">
+                    <input type="text" maxlength="4" v-model='yunying_name' placeholder-class="inputP"
+                        placeholder="请输入名称" />
+                    <view class="btn">运营中心</view>
+                </view>
+                <view class="button" @click="sureYunYing">确认修改名称</view>
+            </view>
+        </u-popup>
+    </view>
+</template>
+
+<script>
+    import {
+        balance,
+        withdrawsLog
+    } from '@/apis/interfaces/account.js'
+    import {
+        getTeam,
+        submitTeamName,
+        getTeamLogs,
+    } from '@/apis/interfaces/user.js'
+    export default {
+        data() {
+            return {
+                type: 'edit',
+                tabs: [{
+                        name: '名称修改',
+                        value: 'edit'
+                    }, {
+                        name: '团队人数',
+                        value: 'balance'
+                    },
+                    {
+                        name: '总业绩',
+                        value: 'withdraws'
+                    },
+                ],
+                total: '0.00',
+                sended: '0.00',
+                frozen: '0.00',
+                list: [],
+                page: {
+                    current: 1,
+                    has_more: false,
+                },
+                pagesShow: false,
+                status: '',
+                yunyingShow: false, //  运营中心是否展示
+                yunying_name: '', // 运营名称
+                team_name: '',
+                team_status: '', // 状态 1可以申请但是没有完善，2申请完，审核中，3已通过，已修改
+                users_count: '-',
+                all_perf: '-',
+            };
+        },
+        onShow() {
+            this.page = {
+                current: 1,
+                has_more: false,
+            }
+            this.getList()
+            this.getTeam();
+        },
+        methods: {
+            // 获取运营中心基本信息
+            getTeam() {
+                getTeam().then(res => {
+                    this.team_name = res.name
+                    this.users_count = res.users_count
+                    this.all_perf = res.all_perf
+                }).catch(err => {
+                    this.errMsg(err)
+                })
+            },
+            //  运营中心确认按钮处理
+            sureYunYing() {
+                if (this.yunying_name == '' || this.yunying_name.length == 0) {
+                    uni.showToast({
+                        title: '请输入运营中心名称',
+                        icon: 'none',
+                        mask: true,
+                        duration: 2000
+                    })
+                    return
+                }
+
+                submitTeamName({
+                    name: this.yunying_name
+                }).then(res => {
+                    this.showBind = false
+                    uni.showModal({
+                        title: '微信提示',
+                        content: '运营中心姓名修改完成，请耐心等待审核！',
+                        showCancel: false,
+                        success: res => {
+                            this.yunyingShow = false
+                            this.getList()
+                            this.getTeam()
+                        }
+                    })
+                }).catch(err => {
+                     this.yunyingShow = false
+                    uni.showToast({
+                        title: err.message,
+                        icon: 'none',
+                        mask:true,
+                        duration:3000
+                    })
+                })
+            },
+            onTabs(e) {
+                if (e.value === this.type) return
+                this.type = e.value
+                this.page = {
+                    current: 1,
+                    has_more: false,
+                }
+                this.list = []
+                // this.total = '0.00'
+                // this.sended = '0.00'
+                // this.frozen = '0.00'
+                this.getList()
+            },
+            // 获取账户余额
+            getList() {
+                
+                // if (this.type === 'balance') this.getBalance()
+                // if (this.type === 'withdraws') this.getWithdraws()
+                if (this.type == 'edit'){
+                    this.getTeams()
+                    uni.showLoading({
+                        title: '加载中...',
+                        mask: true
+                    })
+                } 
+            },
+            // 获取账户余额
+            getBalance() {
+                balance({
+                    page: this.page.current
+                }).then(res => {
+                    let {
+                        balance,
+                        logs,
+                        sended,
+                        frozen
+                    } = res;
+                    let atList = logs.page.current == 1 ? [] : this.list
+                    this.total = balance
+                    this.sended = sended
+                    this.frozen = frozen
+                    this.list = atList.concat(logs.data)
+                    this.page = logs.page
+                    this.pagesShow = false
+                    uni.hideLoading()
+                }).catch(err => {
+                    this.errMsg(err)
+                })
+            },
+            // 获取提现记录
+            getTeams() {
+                getTeamLogs({}).then(res => {
+                    console.log(res)
+                    this.list = res
+                    this.pagesShow = false
+                    uni.hideLoading()
+                }).catch(err => {
+                    this.errMsg(err)
+                })
+            },
+
+            // 获取运营中心修改记录
+            getWithdraws() {
+                withdrawsLog({
+                    page: this.page.current
+                }).then(res => {
+                    let {
+                        all,
+                        lists
+                    } = res;
+                    let atList = lists.page.current == 1 ? [] : this.list
+                    this.total = all;
+                    this.list = atList.concat(lists.data)
+                    this.page = lists.page
+                    this.pagesShow = false
+                    uni.hideLoading()
+                }).catch(err => {
+                    this.errMsg(err)
+                })
+            },
+
+
+            // 错误提示
+            errMsg(err) {
+                uni.showToast({
+                    title: err.message,
+                    icon: 'none'
+                })
+            },
+        },
+        onReachBottom() {
+            // this.pagesShow = true;
+            // if (this.page.has_more) {
+            //     this.status = 'loading';
+            //     this.page.current++
+            // this.getList()
+            //     return
+            // }
+            // this.status = 'nomore';
+        }
+    }
+</script>
+
+<style lang="scss">
+    // tabs
+    .tabs {
+        border-radius: 20rpx 20rpx 0 0;
+        padding: 5px 0;
+        margin: -54px 30rpx 0;
+        background: white;
+        position: relative;
+        z-index: 1;
+        border-bottom: solid 1rpx #F6F6F6;
+    }
+
+    // 账户余额
+    .total {
+        background-size: cover;
+        background-position: top center;
+        padding: 50rpx 30rpx 170rpx;
+        background-color: #446EFE;
+        color: white;
+
+        .total-item-1 {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            box-sizing: border-box;
+        }
+
+        .total-item-2 {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: space-between;
+            box-sizing: border-box;
+            // margin-top: $margin;
+            position: relative;
+            top: $margin;
+            padding-bottom: 20rpx;
+            font-size: 30rpx;
+
+            view {
+                opacity: 0.9;
+                font-size: 26rpx;
+            }
+
+            span {
+                font-size: 32rpx;
+            }
+        }
+
+        .total-left {
+            width: calc(100% - 200rpx);
+        }
+
+        .total-value {
+            font-weight: bold;
+            font-size: 60rpx;
+            font-family: Arial, Helvetica, sans-serif;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: flex-start;
+            box-sizing: border-box;
+
+            .pen {
+                margin-left: 20rpx;
+            }
+        }
+
+        .total-text {
+            font-size: 26rpx;
+            opacity: .9;
+            line-height: 40rpx;
+            padding-top: 20rpx;
+        }
+
+        .total-btn {
+            background: white;
+            color: #446EFE;
+            line-height: 70rpx;
+            border-radius: 40rpx;
+            width: 200rpx;
+            font-weight: bold;
+            text-align: center;
+        }
+    }
+
+    // 记录空
+    .list-null {
+        height: 70vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    // 记录
+    .logs {
+        box-sizing: border-box;
+        background-color: white;
+        margin: 0 30rpx;
+        padding: 0 30rpx;
+        border-radius: 0 0 20rpx 20rpx;
+
+        .log-flex {
+            padding: 25rpx 0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            font-size: 30rpx;
+            color: #666666;
+            border-top: solid 1rpx #F6F6F6;
+
+            &:first-child {
+                border-top: none;
+            }
+
+            .text {
+                width: calc(100% - 200rpx);
+            }
+
+            .price {
+                width: 200rpx;
+                text-align: right;
+                font-weight: bold;
+                color: #446EFE;
+
+                .active {
+                    color: #d90017;
+                }
+            }
+
+            .type {
+                // font-weight: bold;
+                font-size: 30rpx;
+                color: #333;
+                padding-top: 10rpx;
+
+                text {
+                    font-weight: normal;
+                    padding-right: 10rpx;
+                    color: $main-color;
+                }
+
+                span {
+                    font-size: 22rpx;
+                    font-weight: normal;
+                    background-color: rgba(#446EFE, 0.4);
+                    padding: 2rpx 20rpx;
+                    border-radius: 40rpx;
+                    color: #fff;
+                    position: relative;
+                    left: 20rpx;
+                    top: -6rpx;
+                }
+
+                .active {
+                    background-color: rgba(#d90017, 0.4);
+                }
+            }
+
+            .remark {
+                font-size: 28rpx;
+            }
+
+            .time {
+                font-size: 26rpx;
+                padding-top: 4rpx;
+                color: gray;
+            }
+        }
+    }
+
+    .yunying {
+        width: 606rpx;
+
+        .yunying_title {
+            position: relative;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: flex-start;
+            box-sizing: border-box;
+            z-index: 9;
+
+            .title {
+                position: absolute;
+                left: 30rpx;
+                z-index: 10;
+
+                color: #fff;
+            }
+
+            .yunying_bg {
+                width: 100%;
+            }
+        }
+
+        .button {
+            width: 540rpx;
+            height: 90rpx;
+            background: #446EFE;
+            border-radius: 50rpx;
+            text-align: center;
+            line-height: 90rpx;
+            font-size: 30rpx;
+            font-family: PingFang SC;
+            color: #FFFFFF;
+            margin: $margin 33rpx 40rpx 33rpx;
+            font-weight: bold;
+        }
+
+        .title {
+            padding: $padding;
+            font-size: 36rpx;
+            font-family: PingFang SC;
+            font-weight: bold;
+            color: #000000;
+            text-align: center;
+            border-bottom: solid 1rpx #f9f9f9;
+        }
+
+        .rz-item {
+            padding: $padding;
+            margin-top: 30rpx;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: space-between;
+            box-sizing: border-box;
+            font-size: 30rpx;
+            font-family: PingFang SC;
+            font-weight: 400;
+            color: #111111;
+            position: relative;
+
+            .title {
+                font-size: 30rpx;
+            }
+
+            input {
+                flex: 1;
+                background-color: #f9f9f9;
+                margin-left: $margin;
+                padding: 20rpx $padding;
+                border-radius: 10rpx;
+                font-size: 34rpx;
+            }
+
+            .inputP {
+                font-size: 28rpx;
+                font-family: PingFang SC;
+                font-weight: 400;
+                color: #999999;
+            }
+
+            .btn {
+                height: 60rpx;
+                background: #446EFE;
+                border-radius: 10rpx;
+                font-size: 24rpx;
+                font-family: PingFang SC;
+                font-weight: 400;
+                color: #FFFFFF;
+                line-height: 60rpx;
+                text-align: center;
+                padding: 0 20rpx;
+                position: absolute;
+                right: 50rpx;
+
+            }
+        }
+    }
+</style>
diff --git a/pages/user/index.vue b/pages/user/index.vue
index 4fdaac5..343a2e9 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -1,476 +1,694 @@
-<template>
-	<view>
-		<view class="user-info">
-			<block v-if="isAuth">
-				<view class="user-info-left">
-					<u-avatar
-						shape="square"
-						class="active"
-						size="120rpx"
-						:default-url="require('@/static/imgs/default-active.png')"
-						:src="avatar"
-						mode="aspectFill"
-						@click="onNav('UserInfo')"
-					></u-avatar>
-					<view class="nickname nowrap" @click="onNav('UserInfo')">{{nickname}}</view>
-					<view class="tags">
-						<view class="tags-item" v-if="certification"><image class="tags-icon" src="@/static/icons/Identity_icon.png" mode="widthFix"></image>实名认证</view>
-						<view class="tags-item">{{identity.name}}</view>
-					</view>
-					<view class="state">
-						<view class="state-tag"><u-icon class="state-icon" size="28rpx" color="#555" name="plus"></u-icon>状态</view>
-					</view>
-				</view>
-				<view class="user-info-right" @click="onUserCode">
-					<image class="user-qrcode" src="@/static/icons/qrcode.png" mode="widthFix"></image>
-				</view>
-			</block>
-			<block v-else>
-				<view class="user-info-left">
-					<u-avatar
-						shape="square"
-						class="active"
-						size="120rpx"
-						:default-url="require('@/static/imgs/default-active.png')"
-						mode="aspectFill"
-						@click="onNav('UserInfo')"
-					></u-avatar>
-					<view class="nickname nowrap" @click="onNav('UserInfo')">登录</view>
-					<view class="tags">暂未登录</view>
-				</view>
-				<view class="user-info-right">
-					<image class="user-qrcode" src="@/static/icons/qrcode.png" mode="widthFix"></image>
-				</view>
-			</block>
-		</view>
-		<view class="border-solid-empty"></view>
-		<view class="nav-flex" @click="onNav('AccountIntegral')">
-			<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_00.png"></image>火力值</view>
-			<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
-		</view>
-		<view class="nav-flex" @click="onNav('AccountCash')">
-			<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_01.png"></image>业绩账户</view>
-			<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
-		</view>
-		<view class="border-solid-empty"></view>
-		<view class="nav-flex" @click="onNav('UserTeam')">
-			<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_02.png"></image>我的客户</view>
-			<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
-		</view>
-		<view class="nav-flex" @click="onNav('AccountBonus')">
-			<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_04.png"></image>奖金账户</view>
-			<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
-		</view>
-		<view class="nav-flex" @click="onNav('UserCertification')">
-			<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_03.png"></image>实名认证</view>
-			<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
-		</view>
-		<view class="nav-flex" @click="onParent">
-			<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_07.png"></image>推荐人</view>
-			<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
-		</view>
-		<view class="nav-flex" @click="onNav('WeChat')">
-			<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_06.png"></image>关注公众号</view>
-			<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
-		</view>
-		<view class="border-solid-empty"></view>
-		<view class="nav-flex" @click="onNav('UserSet')">
-			<view class="nav-icon"><image class="nav-icon-src" src="@/static/icons/user_nav_05.png"></image>设置</view>
-			<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
-		</view>
-		<!-- 绑定分享关系 -->
-		<u-modal
-			:show="showBind"
-			confirmColor="#446EFE"
-			:showCancelButton="true"
-			:confirmText="isInvitation ? '校验邀请码': '绑定关系'"
-			@cancel="()=> {
-				this.showBind 		= false
-				this.isInvitation 	= true
-				this.invitation 	= ''
-			}"
-			@confirm="onBind"
-		>
-			<slot>
-				<view class="bind-view" v-if="isInvitation">
-					<view class="bind-title">绑定推荐人</view>
-					<view class="bind-subtitle">选择通过那种方式绑定推荐人</view>
-					<view class="bind-type">
-						<u-radio-group
-							class="bind-type-radios"
-						    v-model="bindTypeVal"
-						    placement="row"
-						>
-						    <u-radio
-								:customStyle="{marginLeft: '4px', marginRight: '4px'}"
-								v-for="(item, index) in bindTypeArr"
-								:key="index"
-								:label="item.name"
-								:name="item.value"
-						    />
-						</u-radio-group>
-					</view>
-					<view class="bind-input">
-						<input type="text" v-model="invitation" :placeholder="bindTypeVal == 'mobile'? '输入推荐人手机号' : '输入推荐人邀请码'">
-					</view>
-				</view>
-				<view class="bind-user" v-else>
-					<view class="bind-title">推荐人</view>
-					<view class="bind-subtitle">请确认绑定推荐人关系用户信息</view>
-					<view class="bind-acitve">
-						<image :src="invitationUser.avatar || require('@/static/imgs/default-active.png')" mode="aspectFill"></image>
-					</view>
-					<view class="bind-nickname">{{invitationUser.nickname}}</view>
-					<view class="bind-username">{{invitationUser.username}}</view>
-				</view>
-			</slot>
-		</u-modal>
-	</view>
-</template>
-
-<script>
-	import { info,relationsVerify, relationsBind } from '@/apis/interfaces/user.js'
-	export default {
-		data() {
-			return {
-				isAuth			: false,
-				nickname		: '',
-				identity		: '',
-				avatar			: '',
-				certification	: '',
-				// 绑定关系
-				bindTypeArr		: [
-					{ name: '手机号', value: 'mobile'},
-					{ name: '邀请码', value: 'verify'},
-				],
-				bindTypeVal		: 'mobile',
-				showBind		: false,
-				isInvitation	: true,
-				parent			: '',
-				invitationUser	: {
-					avatar	: '',
-					nickname: '',
-					username: ''
-				},
-				invitation		: '',
-			};
-		},
-		onShow() {
-			this.isAuth = this.$store.getters.getToken != ''
-			if(this.$store.getters.getToken != '') this.getUserInfo()
-		},
-		methods: {
-			// 获取用户信息
-			getUserInfo(){
-				uni.showLoading({
-					title: '加载中...'
-				})
-				info().then(res => {
-					let { nickname, identity, avatar,  certification, parent } = res
-					this.nickname = nickname
-					this.identity = identity
-					this.avatar = avatar
-					this.certification = certification
-					this.parent = parent
-					uni.hideLoading()
-				}).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon : 'none'
-					})
-				})
-			},
-			// 导航
-			onNav(name){
-				this.$Router.push({name})
-			},
-			// 推荐关系
-			onParent(){
-				if(this.parent == ''){
-					this.showBind = true
-					return
-				}
-				uni.showModal({
-					title  		: '我的推荐人',
-					content		: this.parent.nickname,
-					confirmText	: '关闭',
-					cancelText	: '联系TA',
-					success		: modalRes => {
-						if(modalRes.cancel){
-							uni.makePhoneCall({
-								phoneNumber: this.parent.username
-							})
-						}
-					}
-				})
-			},
-			// 绑定邀请码
-			onBind(){
-				// 检验邀请码
-				if(this.isInvitation){
-					if(this.invitation === ''){
-						uni.showToast({
-							title: '请输入邀请码',
-							icon : 'none'
-						})
-						return
-					}
-					relationsVerify(this.invitation, this.bindTypeVal).then(res => {
-						this.invitationUser = res
-						this.isInvitation = false
-					}).catch(err => {
-						uni.showToast({
-							title: err.message,
-							icon : 'none'
-						})
-					})
-					return
-				}
-				// 绑定关系
-				relationsBind(this.invitation, this.bindTypeVal).then(res => {
-					this.showBind = false
-					uni.showModal({
-						title		: '提示',
-						content		: '关系绑定成功',
-						showCancel	: false,
-						success		: res => {
-							this.getUserInfo()
-						}
-					})
-				}).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon : 'none'
-					})
-				})
-			},
-			// 分享码
-			onUserCode(){
-				if(this.identity.order > 1){
-					uni.showActionSheet({
-						itemList: ['客户邀请码', '业务员邀请码'],
-						success: res => {
-							switch (res.tapIndex){
-								case 0:
-									this.$Router.push({ name: 'UserCode' })
-									break;
-								case 1:
-									this.$Router.push({ name: 'SalesmanCode' })
-									break;
-							}
-						}
-					})
-					// 
-					return
-				}
-				uni.showModal({
-					title		: '提示',
-					content		: '您当前非业务员身份无法分享',
-					cancelColor	: '确定',
-					cancelColor : '#555',
-					confirmText : '立即开通',
-					confirmColor: '#446EFE',
-					success		: res => {
-						if(res.confirm){
-							this.$Router.pushTab({name: 'Work'})
-						}
-					}
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.nav-flex{
-		height: 120rpx;
-		padding: 0 30rpx;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		font-size: 34rpx;
-		.nav-icon{
-			display: flex;
-			align-items: center;
-			.nav-icon-src{
-				width: 48rpx;
-				height: 48rpx;
-				vertical-align: middle;
-				margin-right: $margin;
-				margin-top: 5rpx;
-			}
-		}
-	}
-	// 用户信息
-	.user-info{
-		padding: 50rpx $padding;
-		display: flex;
-		&-left{
-			padding-left: 140rpx;
-			position: relative;
-			width: calc(100% - 150rpx);
-			.active{
-				position: absolute;
-				left: 0;
-				top:0;
-				border-radius: $radius;
-				overflow: hidden;
-			}
-			.nickname{
-				font-size: 42rpx;
-				line-height: 50rpx;
-				font-weight: bold;
-			}
-			.tags{
-				padding-top: 20rpx;
-				.tags-item{
-					@extend .border;
-					display: inline-block;
-					border-radius: 20rpx;
-					padding: 0 15rpx;
-					font-size: 24rpx;
-					line-height: 40rpx;
-					height: 40rpx;
-					color: #555;
-					font-weight: 400;
-					margin-left: $margin - 10;
-					&::after{
-						border-radius: 20rpx;
-					}
-					&:first-child{
-						margin-left: 0;
-					}
-					.tags-icon{
-						width: 32rpx;
-						height: 32rpx;
-						vertical-align: middle;
-						margin-right: 5rpx;
-						margin-bottom: 6rpx;
-					}
-				}
-			}
-			.state{
-				padding-top: 20rpx;
-				.state-tag{
-					@extend .border;
-					display: inline-block;
-					border-radius: 30rpx;
-					padding: 0 20rpx;
-					font-size: 30rpx;
-					line-height: 50rpx;
-					height: 50rpx;
-					color: #555;
-					font-weight: 400;
-					&::after{
-						border-radius: 50rpx;
-					}
-					.state-icon{
-						display: inline-block;
-						margin-right: 5rpx;
-					}
-				}
-			}
-		}
-		&-right{
-			width: 150rpx;
-			height: 100rpx;
-			line-height: 100rpx;
-			position: relative;
-			text-align: center;
-			&::after {
-			    content: "";
-				position: absolute;
-				left: 0;
-				bottom: 0;
-				width: 1rpx;
-				height: 100%;
-				background-image: linear-gradient(90deg, $border-color 50%, transparent 50%);
-			}
-			.user-qrcode{
-				width: 48rpx;
-				height: 48rpx;
-				vertical-align: middle;
-			}
-		}
-	}
-	// 邀请码
-	.bind-view{
-		padding: 15rpx 30rpx;
-		width: 100%;
-		box-sizing: border-box;
-		.bind-title{
-			text-align: center;
-			font-size: 36rpx;
-			font-weight: bold;
-		}
-		.bind-type{
-			margin-top: 30rpx;
-			.bind-type-radios{
-				justify-content: center;
-			}
-		}
-		.bind-subtitle{
-			line-height: 40rpx;
-			font-size: 28rpx;
-			color: gray;
-			padding-top: 15rpx;
-			text-align: center;
-		}
-		.bind-input{
-			padding-top: 30rpx;
-			input{
-				background: #f8f8f8;
-				width: 100%;
-				height: 80rpx;
-				padding: 0 30rpx;
-				border-radius: 40rpx;
-				text-align: center;
-				box-sizing: border-box;
-				font-size: 32rpx;
-				font-weight: bold;
-			}
-		}
-	}
-	// 确认绑定用户关系
-	.bind-user{
-		padding: 15rpx 30rpx;
-		width: 100%;
-		box-sizing: border-box;
-		.bind-title{
-			text-align: center;
-			font-size: 36rpx;
-			font-weight: bold;
-		}
-		.bind-subtitle{
-			line-height: 40rpx;
-			font-size: 28rpx;
-			color: gray;
-			padding-top: 15rpx;
-			text-align: center;
-		}
-		.bind-acitve{
-			text-align: center;
-			padding-top: 30rpx;
-			image{
-				width: 108rpx;
-				height: 108rpx;
-				background: #f8f8f8;
-				border-radius: 50%;
-			}
-		}
-		.bind-nickname{
-			text-align: center;
-			font-size: 32rpx;
-			color: #333;
-			font-weight: bold;
-			line-height: 40rpx;
-			padding-top: 20rpx;
-		}
-		.bind-username{
-			text-align: center;
-			font-weight: bold;
-			font-size: 28rpx;
-			color: gray;
-		}
-	}
+<template>
+    <view>
+        <view class="user-info">
+            <block v-if="isAuth">
+                <view class="user-info-left">
+                    <u-avatar shape="square" class="active" size="120rpx"
+                        :default-url="require('@/static/imgs/default-active.png')" :src="avatar" mode="aspectFill"
+                        @click="onNav('UserInfo')"></u-avatar>
+                    <view class="nickname nowrap" @click="onNav('UserInfo')">{{nickname}}</view>
+                    <view class="tags">
+                        <view class="tags-item" v-if="certification">
+                            <image class="tags-icon" src="@/static/icons/Identity_icon.png" mode="widthFix"></image>实名认证
+                        </view>
+                        <view class="tags-item">{{identity.name}}</view>
+                    </view>
+                    <view class="state">
+                        <view class="state-tag">
+                            <u-icon class="state-icon" size="28rpx" color="#555" name="plus"></u-icon>状态
+                        </view>
+                    </view>
+                </view>
+                <view class="user-info-right" @click="onUserCode">
+                    <image class="user-qrcode" src="@/static/icons/qrcode.png" mode="widthFix"></image>
+                </view>
+            </block>
+            <block v-else>
+                <view class="user-info-left">
+                    <u-avatar shape="square" class="active" size="120rpx"
+                        :default-url="require('@/static/imgs/default-active.png')" mode="aspectFill"
+                        @click="onNav('UserInfo')"></u-avatar>
+                    <view class="nickname nowrap" @click="onNav('UserInfo')">登录</view>
+                    <view class="tags">暂未登录</view>
+                </view>
+                <view class="user-info-right">
+                    <image class="user-qrcode" src="@/static/icons/qrcode.png" mode="widthFix"></image>
+                </view>
+            </block>
+        </view>
+        <view class="border-solid-empty"></view>
+        <view class="nav-flex" @click="onNav('AccountIntegral')">
+            <view class="nav-icon">
+                <image class="nav-icon-src" src="@/static/icons/user_nav_00.png"></image>火力值
+            </view>
+            <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
+        </view>
+        <view class="nav-flex" @click="onNav('AccountCash')">
+            <view class="nav-icon">
+                <image class="nav-icon-src" src="@/static/icons/user_nav_01.png"></image>业绩账户
+            </view>
+            <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
+        </view>
+        <view class="border-solid-empty"></view>
+        <view class="nav-flex" @click="onNav('UserTeam')">
+            <view class="nav-icon">
+                <image class="nav-icon-src" src="@/static/icons/user_nav_02.png"></image>我的客户
+            </view>
+            <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
+        </view>
+        <view class="nav-flex" @click="onNav('YunYing')" v-if="team_status != 0">
+            <view class="nav-icon">
+                <image class="nav-icon-src" src="@/static/icons/yunying.png"></image> 运营中心
+            </view>
+            <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
+        </view>
+        <view class="nav-flex" @click="onNav('AccountBonus')">
+            <view class="nav-icon">
+                <image class="nav-icon-src" src="@/static/icons/user_nav_04.png"></image>奖金账户
+            </view>
+            <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
+        </view>
+        <view class="nav-flex" @click="onNav('UserCertification')">
+            <view class="nav-icon">
+                <image class="nav-icon-src" src="@/static/icons/user_nav_03.png"></image>实名认证
+            </view>
+            <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
+        </view>
+        <view class="nav-flex" @click="onParent">
+            <view class="nav-icon">
+                <image class="nav-icon-src" src="@/static/icons/user_nav_07.png"></image>推荐人
+            </view>
+            <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
+        </view>
+        <view class="nav-flex" @click="onNav('WeChat')">
+            <view class="nav-icon">
+                <image class="nav-icon-src" src="@/static/icons/user_nav_06.png"></image>关注公众号
+            </view>
+            <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
+        </view>
+        <view class="border-solid-empty"></view>
+        <view class="nav-flex" @click="onNav('UserSet')">
+            <view class="nav-icon">
+                <image class="nav-icon-src" src="@/static/icons/user_nav_05.png"></image>设置
+            </view>
+            <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
+        </view>
+        <!-- 绑定分享关系 -->
+        <u-modal :show="showBind" confirmColor="#446EFE" :showCancelButton="true"
+            :confirmText="isInvitation ? '校验邀请码': '绑定关系'" @cancel="()=> {
+				this.showBind 		= false
+				this.isInvitation 	= true
+				this.invitation 	= ''
+			}" @confirm="onBind">
+            <slot>
+                <view class="bind-view" v-if="isInvitation">
+                    <view class="bind-title">绑定推荐人</view>
+                    <view class="bind-subtitle">选择通过那种方式绑定推荐人</view>
+                    <view class="bind-type">
+                        <u-radio-group class="bind-type-radios" v-model="bindTypeVal" placement="row">
+                            <u-radio :customStyle="{marginLeft: '4px', marginRight: '4px'}"
+                                v-for="(item, index) in bindTypeArr" :key="index" :label="item.name"
+                                :name="item.value" />
+                        </u-radio-group>
+                    </view>
+                    <view class="bind-input">
+                        <input type="text" v-model="invitation"
+                            :placeholder="bindTypeVal == 'mobile'? '输入推荐人手机号' : '输入推荐人邀请码'">
+                    </view>
+                </view>
+                <view class="bind-user" v-else>
+                    <view class="bind-title">推荐人</view>
+                    <view class="bind-subtitle">请确认绑定推荐人关系用户信息</view>
+                    <view class="bind-acitve">
+                        <image :src="invitationUser.avatar || require('@/static/imgs/default-active.png')"
+                            mode="aspectFill"></image>
+                    </view>
+                    <view class="bind-nickname">{{invitationUser.nickname}}</view>
+                    <view class="bind-username">{{invitationUser.username}}</view>
+                </view>
+            </slot>
+        </u-modal>
+        
+        <!-- 弹窗展示输入运营中心姓名 -->
+        <u-popup :show="yunyingShow" mode="center" @close="yunyingShow = false" :round="22">
+            <view class="yunying">
+                <view class="yunying_title">
+                    <view class="title"> 完善运营中心 </view>
+                    <image class="yunying_bg" src="/static/icons/yunying_bg.png" mode="widthFix" />
+                </view>
+                <view class="rz-item"> 
+                    <input type="text" maxlength="4" v-model='yunying_name' placeholder-class="inputP" placeholder="请输入名称" />
+                    <view class="btn">运营中心</view>
+                </view>
+                <view class="button" @click="sureYunYing">确认名称</view>
+            </view>
+        </u-popup>
+    </view>
+</template>
+
+<script>
+    import {
+        info,
+        relationsVerify,
+        relationsBind,
+        submitTeamName,
+    } from '@/apis/interfaces/user.js'
+    export default {
+        data() {
+            return {
+                isAuth: false,
+                nickname: '',
+                identity: '',
+                avatar: '',
+                certification: '',
+                // 绑定关系
+                bindTypeArr: [{
+                        name: '手机号',
+                        value: 'mobile'
+                    },
+                    {
+                        name: '邀请码',
+                        value: 'verify'
+                    },
+                ],
+                bindTypeVal: 'mobile',
+                showBind: false,
+                isInvitation: true,
+                parent: '',
+                invitationUser: {
+                    avatar: '',
+                    nickname: '',
+                    username: ''
+                },
+                invitation: '',
+                yunyingShow:false, //  运营中心是否展示
+                yunying_name:'', // 运营名称
+                team_status:'', // 状态 0 不展示运营中心 1可以申请但是没有完善，2申请完，审核中，3已通过，已修改
+            };
+        },
+        onShow() {
+            this.isAuth = this.$store.getters.getToken != ''
+            if (this.$store.getters.getToken != '') this.getUserInfo()
+        },
+        methods: {
+            // 获取用户信息
+            getUserInfo() {
+                uni.showLoading({
+                    title: '加载中...'
+                })
+                info().then(res => {
+                    let {
+                        nickname,
+                        identity,
+                        avatar,
+                        certification,
+                        parent,team_status
+                    } = res
+                    this.nickname = nickname
+                    this.identity = identity
+                    this.avatar = avatar
+                    this.certification = certification
+                    this.parent = parent
+                    this.team_status = team_status
+                    if(team_status == 1){
+                        this.yunyingShow = true
+                    }
+                    uni.hideLoading()
+                }).catch(err => {
+                    uni.showToast({
+                        title: err.message,
+                        icon: 'none'
+                    })
+                })
+            },
+            // 导航
+            onNav(name) {
+                if(this.team_status == 2){
+                    uni.showToast({
+                        title:'运营中心名称审核中',
+                        icon:'none',
+                        mask:true,
+                        duration:3000,
+                    })
+                    return
+                }
+                this.$Router.push({
+                    name
+                })
+            },
+            // 推荐关系
+            onParent() {
+                if (this.parent == '') {
+                    this.showBind = true
+                    return
+                }
+                uni.showModal({
+                    title: '我的推荐人',
+                    content: this.parent.nickname,
+                    confirmText: '关闭',
+                    cancelText: '联系TA',
+                    success: modalRes => {
+                        if (modalRes.cancel) {
+                            uni.makePhoneCall({
+                                phoneNumber: this.parent.username
+                            })
+                        }
+                    }
+                })
+            },
+            // 绑定邀请码
+            onBind() {
+                // 检验邀请码
+                if (this.isInvitation) {
+                    if (this.invitation === '') {
+                        uni.showToast({
+                            title: '请输入邀请码',
+                            icon: 'none'
+                        })
+                        return
+                    }
+                    relationsVerify(this.invitation, this.bindTypeVal).then(res => {
+                        this.invitationUser = res
+                        this.isInvitation = false
+                    }).catch(err => {
+                        uni.showToast({
+                            title: err.message,
+                            icon: 'none'
+                        })
+                    })
+                    return
+                }
+                // 绑定关系
+                relationsBind(this.invitation, this.bindTypeVal).then(res => {
+                    this.showBind = false
+                    uni.showModal({
+                        title: '提示',
+                        content: '关系绑定成功',
+                        showCancel: false,
+                        success: res => {
+                            this.getUserInfo()
+                        }
+                    })
+                }).catch(err => {
+                    uni.showToast({
+                        title: err.message,
+                        icon: 'none'
+                    })
+                })
+            },
+            // 分享码
+            onUserCode() {
+                if (this.identity.order > 1) {
+                    uni.showActionSheet({
+                        itemList: ['客户邀请码', '业务员邀请码'],
+                        success: res => {
+                            switch (res.tapIndex) {
+                                case 0:
+                                    this.$Router.push({
+                                        name: 'UserCode'
+                                    })
+                                    break;
+                                case 1:
+                                    this.$Router.push({
+                                        name: 'SalesmanCode'
+                                    })
+                                    break;
+                            }
+                        }
+                    })
+                    // 
+                    return
+                }
+                uni.showModal({
+                    title: '提示',
+                    content: '您当前非业务员身份无法分享',
+                    cancelColor: '确定',
+                    cancelColor: '#555',
+                    confirmText: '立即开通',
+                    confirmColor: '#446EFE',
+                    success: res => {
+                        if (res.confirm) {
+                            this.$Router.pushTab({
+                                name: 'Work'
+                            })
+                        }
+                    }
+                })
+            },
+            //  运营中心确认按钮处理
+            sureYunYing(){
+                 if(this.yunying_name == '' || this.yunying_name.length == 0){
+                     uni.showToast({
+                         title:'请完善运营中心名称',
+                         icon:'none',
+                         mask:true,
+                         duration:2000,
+                     })
+                     return
+                 }
+                 
+                 submitTeamName({name:this.yunying_name}).then(res => {
+                     this.showBind = false
+                     uni.showModal({
+                         title: '微信提示',
+                         content: '运营中心姓名完善完成，请耐心等待审核！',
+                         showCancel: false,
+                         success: res => {
+                             this.getUserInfo()
+                             this.yunyingShow = false
+                         }
+                     })
+                 }).catch(err => {
+                     uni.showToast({
+                         title: err.message,
+                         icon: 'none'
+                     })
+                 })
+            },
+        }
+    }
+</script>
+
+<style lang="scss">
+    .nav-flex {
+        height: 120rpx;
+        padding: 0 30rpx;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        font-size: 34rpx;
+
+        .nav-icon {
+            display: flex;
+            align-items: center;
+
+            .nav-icon-src {
+                width: 48rpx;
+                height: 48rpx;
+                vertical-align: middle;
+                margin-right: $margin;
+                margin-top: 5rpx;
+            }
+        }
+    }
+
+    // 用户信息
+    .user-info {
+        padding: 50rpx $padding;
+        display: flex;
+
+        &-left {
+            padding-left: 140rpx;
+            position: relative;
+            width: calc(100% - 150rpx);
+
+            .active {
+                position: absolute;
+                left: 0;
+                top: 0;
+                border-radius: $radius;
+                overflow: hidden;
+            }
+
+            .nickname {
+                font-size: 42rpx;
+                line-height: 50rpx;
+                font-weight: bold;
+            }
+
+            .tags {
+                padding-top: 20rpx;
+
+                .tags-item {
+                    @extend .border;
+                    display: inline-block;
+                    border-radius: 20rpx;
+                    padding: 0 15rpx;
+                    font-size: 24rpx;
+                    line-height: 40rpx;
+                    height: 40rpx;
+                    color: #555;
+                    font-weight: 400;
+                    margin-left: $margin - 10;
+
+                    &::after {
+                        border-radius: 20rpx;
+                    }
+
+                    &:first-child {
+                        margin-left: 0;
+                    }
+
+                    .tags-icon {
+                        width: 32rpx;
+                        height: 32rpx;
+                        vertical-align: middle;
+                        margin-right: 5rpx;
+                        margin-bottom: 6rpx;
+                    }
+                }
+            }
+
+            .state {
+                padding-top: 20rpx;
+
+                .state-tag {
+                    @extend .border;
+                    display: inline-block;
+                    border-radius: 30rpx;
+                    padding: 0 20rpx;
+                    font-size: 30rpx;
+                    line-height: 50rpx;
+                    height: 50rpx;
+                    color: #555;
+                    font-weight: 400;
+
+                    &::after {
+                        border-radius: 50rpx;
+                    }
+
+                    .state-icon {
+                        display: inline-block;
+                        margin-right: 5rpx;
+                    }
+                }
+            }
+        }
+
+        &-right {
+            width: 150rpx;
+            height: 100rpx;
+            line-height: 100rpx;
+            position: relative;
+            text-align: center;
+
+            &::after {
+                content: "";
+                position: absolute;
+                left: 0;
+                bottom: 0;
+                width: 1rpx;
+                height: 100%;
+                background-image: linear-gradient(90deg, $border-color 50%, transparent 50%);
+            }
+
+            .user-qrcode {
+                width: 48rpx;
+                height: 48rpx;
+                vertical-align: middle;
+            }
+        }
+    }
+
+    // 邀请码
+    .bind-view {
+        padding: 15rpx 30rpx;
+        width: 100%;
+        box-sizing: border-box;
+
+        .bind-title {
+            text-align: center;
+            font-size: 36rpx;
+            font-weight: bold;
+        }
+
+        .bind-type {
+            margin-top: 30rpx;
+
+            .bind-type-radios {
+                justify-content: center;
+            }
+        }
+
+        .bind-subtitle {
+            line-height: 40rpx;
+            font-size: 28rpx;
+            color: gray;
+            padding-top: 15rpx;
+            text-align: center;
+        }
+
+        .bind-input {
+            padding-top: 30rpx;
+
+            input {
+                background: #f8f8f8;
+                width: 100%;
+                height: 80rpx;
+                padding: 0 30rpx;
+                border-radius: 40rpx;
+                text-align: center;
+                box-sizing: border-box;
+                font-size: 32rpx;
+                font-weight: bold;
+            }
+        }
+    }
+
+    // 确认绑定用户关系
+    .bind-user {
+        padding: 15rpx 30rpx;
+        width: 100%;
+        box-sizing: border-box;
+
+        .bind-title {
+            text-align: center;
+            font-size: 36rpx;
+            font-weight: bold;
+        }
+
+        .bind-subtitle {
+            line-height: 40rpx;
+            font-size: 28rpx;
+            color: gray;
+            padding-top: 15rpx;
+            text-align: center;
+        }
+
+        .bind-acitve {
+            text-align: center;
+            padding-top: 30rpx;
+
+            image {
+                width: 108rpx;
+                height: 108rpx;
+                background: #f8f8f8;
+                border-radius: 50%;
+            }
+        }
+
+        .bind-nickname {
+            text-align: center;
+            font-size: 32rpx;
+            color: #333;
+            font-weight: bold;
+            line-height: 40rpx;
+            padding-top: 20rpx;
+        }
+
+        .bind-username {
+            text-align: center;
+            font-weight: bold;
+            font-size: 28rpx;
+            color: gray;
+        }
+    }
+    
+    
+    .yunying {
+        width: 606rpx;
+        
+        .yunying_title{
+            position: relative;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: flex-start;
+            box-sizing: border-box;
+            z-index: 9;
+            .title{
+                position: absolute;
+                left: 30rpx;
+                z-index: 10;
+                
+                color: #fff;
+            }
+            .yunying_bg{
+                width: 100%;
+            }
+        }
+        .button {
+            width: 540rpx;
+            height: 90rpx;
+            background: #4674DA;
+            border-radius: 50rpx;
+            text-align: center;
+            line-height: 90rpx;
+            font-size: 30rpx;
+            font-family: PingFang SC;
+            color: #FFFFFF;
+            margin: $margin 33rpx 40rpx 33rpx;
+            font-weight: bold;
+        }
+    
+        .title {
+            padding: $padding;
+            font-size: 36rpx;
+            font-family: PingFang SC;
+            font-weight: bold;
+            color: #000000;
+            text-align: center;
+            border-bottom: solid 1rpx #f9f9f9;
+        }
+    
+        .rz-item {
+            padding: $padding;
+            margin-top: 30rpx;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: space-between;
+            box-sizing: border-box;
+            font-size: 30rpx;
+            font-family: PingFang SC;
+            font-weight: 400;
+            color: #111111;
+            position: relative;
+            .title{
+                font-size: 30rpx;
+            }
+            input {
+                flex: 1;
+                background-color: #f9f9f9;
+                margin-left: $margin;
+                padding: 20rpx $padding;
+                border-radius: 10rpx;
+                font-size: 34rpx;
+            }
+    
+            .inputP {
+                font-size: 28rpx;
+                font-family: PingFang SC;
+                font-weight: 400;
+                color: #999999;
+            }
+    
+            .btn {
+                height: 60rpx;
+                background: #4674DA;
+                border-radius: 10rpx;
+                font-size: 24rpx;
+                font-family: PingFang SC;
+                font-weight: 400;
+                color: #FFFFFF;
+                line-height: 60rpx;
+                text-align: center;
+                padding: 0 20rpx;
+                position: absolute;
+                right: 50rpx;
+    
+            }
+        }
+    }
+    
 </style>
diff --git a/static/icons/yunying.png b/static/icons/yunying.png
new file mode 100644
index 0000000..20fab21
Binary files /dev/null and b/static/icons/yunying.png differ
diff --git a/static/icons/yunying_bg.png b/static/icons/yunying_bg.png
new file mode 100644
index 0000000..106c0d6
Binary files /dev/null and b/static/icons/yunying_bg.png differ