lachang-wxapp/pages/tabBar/user/user.wxml

<wxs module="textUtil" src="../../../utils/textUtil.wxs" />
<import src="user.skeleton.wxml" />
<template is="skeleton" wx-if="{{isLoading}}" />
<view class="userPage" wx:if="{{!isLoading}}">
    <view class="userInfoContainer">
        <!-- 未登录 -->
        <view class="notLogContent flex-c-bet" wx:if="{{!isLogOn}}" bindtap="navigateTo" data-url="/pages/tabBar/login/login">
            <view class="leftInfo flex-c-c">
                <image class="defaultHead" src="/static/images/image_default_head_no_log.png" mode="aspectFill"></image>
                <view class="tool">登录 / 注册</view>
            </view>
        </view>
        <!-- 已登录 -->
        <view class="logOnBox {{info.chara?'chara':''}}" wx:if="{{isLogOn}}">
            <image class="newHeadBack" wx:if="{{info.chara}}" src="/static/images/img_u_n_back.png" mode="aspectFill"></image>
            <view class="newHeadMain">
                <!-- 用户信息部分 -->
                <view class="logOnContent flex-c-bet">
                    <view class="userInfo flex-c-c">
                        <view class="userHead">
                            <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
                                <image wx:if="{{info.avatar.ali_url}}" src="{{info.avatar.ali_url}}" mode="aspectFill"></image>
                                <image wx:else src="/static/images/image_default_head.png" mode="aspectFill"></image>
                                <image wx:if="{{info.is_member == 1}}" class="menmberIcon" src="/static/icon/hy_icon.png" mode="aspectFill"></image>
                            </button>
                        </view>
                        <view class="nameBox">
                            <view class="userName space {{info.chara?'chara':''}}" bind:tap="showNicknameInputModal">
                                {{info.nick_name}}
                            </view>
                            <view class="newUserTagContent flex-c">
                                <block>
                                    <view class="newUserTag {{info.show_cash_box?'showCash':''}}" wx:if="{{info.role == 1}}">
                                        <image class="icon" src="/static/icon/icon_user_tag_f.png" mode="aspectFill"></image>
                                        <text>普通用户</text>
                                    </view>
                                    <view class="newUserTag boss" wx:if="{{info.role == 2}}">
                                        <image class="icon" src="/static/icon/icon_user_tag_a.png" mode="aspectFill"></image>
                                        <text>店老板</text>
                                    </view>
                                    <view class="newUserTag wner" wx:if="{{info.role == 3}}">
                                        <image class="icon" src="/static/icon/icon_user_tag_b.png" mode="aspectFill"></image>
                                        <text>店长</text>
                                    </view>
                                    <view class="newUserTag clerk" wx:if="{{info.role == 4}}">
                                        <image class="icon" src="/static/icon/icon_user_tag_c.png" mode="aspectFill"></image>
                                        <text>店员</text>
                                    </view>
                                    <view class="newUserTag cook" wx:if="{{info.role == 5}}">
                                        <image class="icon" src="/static/icon/icon_user_tag_e.png" mode="aspectFill"></image>
                                        <text>煮饭厨师</text>
                                    </view>
                                    <view class="newUserTag dis {{info.seller_grade == 2?'g': info.seller_grade == 3?'c':''}}" wx:if="{{info.role == 99}}">
                                        <image class="icon" wx:if="{{info.seller_grade == 1}}" src="/static/icon/icon_user_tag_t.png" mode="aspectFill"></image>
                                        <image class="icon" wx:if="{{info.seller_grade == 2}}" src="/static/icon/icon_user_tag_t_g.png" mode="aspectFill"></image>
                                        <image class="icon" wx:if="{{info.seller_grade == 3}}" src="/static/icon/icon_user_tag_t_c.png" mode="aspectFill"></image>
                                        <text wx:if="{{info.seller_grade == 1}}">普通推荐官</text>
                                        <text wx:if="{{info.seller_grade == 2}}">高级推荐官</text>
                                        <text wx:if="{{info.seller_grade == 3}}">超级推荐官</text>
                                    </view>
                                </block>
                                <view class="changeBtn flex-c-c {{info.chara?'chara':''}}" bind:tap="showNicknameInputModal">
                                    更新头像昵称
                                </view>
                            </view>
                        </view>
                    </view>
                    <view class="userCode" bindtap="goToPoster" wx:if="{{info.role == 4 || info.role == 99}}">
                        <image class="icon" src="/static/icon/userCode.png" mode="aspectFill"></image>
                    </view>
                </view>
                <!-- 仅普通用户且show_cash_box为false展示 -->
                <block wx:if="{{info.role == 1 && !info.show_cash_box}}">
                    <!-- <view class="ordinaryContent">
                        <image class="ordinaryYY" src="/static/images/u_yy.png" mode="aspectFill"></image>
                        <view class="ordinaryInfo" bind:tap="memberClick">
                            <image class="oBack" src="/static/images/u_1_ba.png" mode="aspectFill"></image>
                            <view class="infoMain">
                                <view class="mLogoBox flex-c">
                                    <image class="icon" src="/static/icon/member.png" mode="aspectFill"></image>
                                    <image class="logo" src="/static/icon/icon_m_logo.png" mode="aspectFill"></image>
                                </view>
                                <view class="menmberTextBox flex">
                                    <view class="textItem">
                                        <view class="key">专享券</view>
                                        <view class="value">全年200元购物券</view>
                                    </view>
                                    <image class="link" src="/static/icon/icon_u_1_link.png" mode="aspectFill"></image>
                                    <view class="textItem">
                                        <view class="key">会员价</view>
                                        <view class="value">尊享会员折上折</view>
                                    </view>
                                    <image class="link" src="/static/icon/icon_u_1_link.png" mode="aspectFill"></image>
                                    <view class="textItem">
                                        <view class="key">积分</view>
                                        <view class="value">积分换购</view>
                                    </view>
                                </view>
                                <view class="menmberBtnBox flex">
                                    <view class="menmberBtn flex-c">
                                        <text>{{info.is_member == 1?'我的会员':'开通会员'}}</text>
                                        <image class="icon" src="/static/icon/icon_jin_right.png" mode="aspectFill"></image>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view> -->
                </block>
                <block wx:else>
                    <!-- 收益模块 -->
                    <view class="profitContent">
                        <view class="profitInfo">
                            <view class="profitWarp">
                                <view class="profitItem left" bindtap="navigateToToken" data-url="/pages/user/pages/proceeds/proceeds">
                                    <view class="title">
                                        <text>今日收益</text>
                                    </view>
                                    <view class="profit">
                                        <view class="pr">
                                            {{textUtil.priceFixed(info.today_profits) || "0.00"}}
                                        </view>
                                        <view>
                                            {{textUtil.priceStringUnit(info.today_profits)}}
                                        </view>
                                    </view>
                                </view>
                                <view class="profitItem" catchtap="withdrawal">
                                    <view class="title">
                                        <view>可提现金额</view>
                                        <view class="goBot" catchtap="navigateToToken" data-url="/pages/user/pages/withdrawalList/withdrawalList">
                                            提现记录
                                        </view>
                                    </view>
                                    <view class="profit">
                                        <view class="pr">
                                            {{textUtil.priceFixed(info.ktxyj_amount)|| "0.00"}}
                                        </view>
                                        <view>{{textUtil.priceStringUnit(info.ktxyj_amount)}}</view>
                                    </view>
                                </view>
                            </view>
                            <view class="profitWarp bot">
                                <view class="profitItem left" bindtap="navigateToToken" data-url="/pages/user/pages/proceeds/proceeds">
                                    <view class="title">
                                        <text>待结算金额</text>
                                    </view>
                                    <view class="profit">
                                        <view class="pr">
                                            {{textUtil.priceFixed(info.djs_amount) || "0.00"}}
                                        </view>
                                        <view>{{textUtil.priceStringUnit(info.djs_amount)}}</view>
                                    </view>
                                </view>
                                <!-- 普通用户不显示 wx:if="{{(info.role != 1 || info.show_cash_box)}}" -->
                                <view class="profitItem noPt" bindtap="navigateToToken" data-url="/pages/user/pages/myBonus/myBonus">
                                    <view class="title flex-c">
                                        <text>上月达量奖励金</text>
                                        <!-- 降级身份不显示 -->
                                        <view class="iconCon" catchtap="showModal" wx:if="{{info.role != 1}}">
                                            <image class="icon" src="/static/icon/icon_jg.png" mode="aspectFill"></image>
                                        </view>
                                    </view>
                                    <view class="profit">
                                        <view class="pr">
                                            {{textUtil.priceFixed(info.last_month_bonus) || "0.00"}}
                                        </view>
                                        <view>
                                            {{textUtil.priceStringUnit(info.last_month_bonus)}}
                                        </view>
                                    </view>
                                    <view class="tool">
                                        <text>实际金额受退货影响</text>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
                </block>
            </view>
        </view>
    </view>
    <view class="userCom {{info.chara?'chara':''}}">
        <!-- is_member 是否为会员 1是 0否 -->
        <view class="rightsContent flex-c-bet" wx:if="{{isLogOn && info.chara}}" bind:tap="memberClick">
            <view class="leftText flex-c">
                <image class="icon" src="/static/icon/hmember.png" mode="aspectFill"></image>
                <text class="text">{{info.is_member == 1?'进入会员专区，查看会员权益':'开通会员享更多惊喜权益'}}</text>
            </view>
            <view class="rightBtn flex-c-c">{{info.is_member == 1?'我的会员':'立即开通'}}</view>
        </view>
        <view class="menuList flex container">
            <view class="menuItem flex-column" bindtap="navigateToToken" data-url="/pages/user/pages/favorite/favorite">
                <view class="iconBox">
                    <image class="icon" src="/static/icon/icon_love.png" mode="aspectFill"></image>
                </view>
                <view>我的收藏</view>
            </view>
            <view class="menuItem flex-column" bindtap="navigateToToken" data-url="/pages/index/pages/riceCard/myRiceCard/myRiceCard">
                <view class="iconBox">
                    <image class="icon" src="/static/icon/icon_574.png" mode="aspectFill"></image>
                </view>
                <view>我的购物卡</view>
            </view>
            <view class="menuItem flex-column" bindtap="navigateToToken" data-url="/pages/index/pages/coupon/myCoupon">
                <view class="iconBox">
                    <image class="icon" src="/static/icon/icon_yhj.png" mode="aspectFill"></image>
                    <view class="menuNumner flex-c-c" wx:if="{{isLogOn && info.user_coupon_num && info.user_coupon_num > 0}}">
                        {{info.user_coupon_num>99?"99+":info.user_coupon_num}}
                    </view>
                </view>
                <view>优惠券</view>
            </view>
            <view class="menuItem flex-column" bindtap="navigateToToken" data-url="/pages/user/pages/footprint/footprint">
                <view class="iconBox">
                    <image class="icon" src="/static/icon/icon_88.png" mode="aspectFill"></image>
                </view>
                <view>我的足迹</view>
            </view>
        </view>
        <!-- 我的订单 -->
        <view class="orderContent container">
            <view class="orderHead flex-c-bet">
                <view class="orderTitle">我的订单</view>
                <view class="allOrder flex-c-c" bindtap="navigateToToken" data-url="/pages/cart/pages/myOrder/myOrder?tab=all">
                    <view>全部订单 (申请开票)</view>
                    <image class="icon" src="/static/icon/icon_x_to_right.png" mode="aspectFill"></image>
                </view>
            </view>
            <view class="orderList flex">
                <view class="orderItem flex-c-c" bindtap="navigateToToken" data-url="/pages/cart/pages/myOrder/myOrder?tab=payment">
                    <view class="iconBox">
                        <image class="icon" src="/static/icon/icon_order_a.png" mode="aspectFill"></image>
                        <view class="iconNumber flex-c-c" wx:if="{{isLogOn && todoCounts.payment && todoCounts.payment > 0}}">
                            {{todoCounts.payment>99?"99+":todoCounts.payment}}
                        </view>
                    </view>
                    <view>待付款</view>
                </view>
                <view class="orderItem flex-c-c" bindtap="navigateToToken" data-url="/pages/cart/pages/myOrder/myOrder?tab=received">
                    <view class="iconBox">
                        <image class="icon" src="/static/icon/icon_order_b.png" mode="aspectFill"></image>
                        <view class="iconNumber flex-c-c" wx:if="{{isLogOn && todoCounts.delivery && todoCounts.delivery > 0}}">
                            {{todoCounts.delivery>99?"99+":todoCounts.delivery}}
                        </view>
                    </view>
                    <view>待收货</view>
                </view>
                <view class="orderItem flex-c-c" bindtap="navigateToToken" data-url="/pages/cart/pages/myOrder/myOrder?tab=completed">
                    <view class="iconBox">
                        <image class="icon" src="/static/icon/icon_order_c.png" mode="aspectFill"></image>
                        <view class="iconNumber flex-c-c" wx:if="{{isLogOn && todoCounts.comment && todoCounts.comment > 0}}">
                            {{todoCounts.comment>99?"99+":todoCounts.comment}}
                        </view>
                    </view>
                    <view>待评价</view>
                </view>
                <view class="orderItem flex-c-c" bindtap="navigateToToken" data-url="/pages/cart/pages/myOrder/myOrder?tab=sale">
                    <view class="iconBox">
                        <image class="icon" src="/static/icon/icon_order_d.png" mode="aspectFill"></image>
                        <view class="iconNumber flex-c-c" wx:if="{{isLogOn && todoCounts.refund && todoCounts.refund > 0}}">
                            {{todoCounts.refund>99?"99+":todoCounts.refund}}
                        </view>
                    </view>
                    <view>售后/退款</view>
                </view>
                <!-- <button class="orderItem flex-c-c bot" open-type="contact" hover-class="none">
                     <view class="iconBox">  
                        <image class="icon" src="/static/icon/icon_order_d.png" mode="aspectFill"></image>
                        <view class="iconNumber flex-c-c" wx:if="{{isLogOn && todoCounts.refund && todoCounts.refund > 0}}">{{todoCounts.refund>99?"99+":todoCounts.refund}}</view>
                    </view>
                    <view>售后/退款</view>
                </button> -->
            </view>
        </view>
        <!-- 我的服务 -->
        <view class="container">
            <view class="serviceTitle flex-c">我的服务</view>
            <view class="serviceList flex">
                <button class="serviceItem flex-c-c" open-type="contact" hover-class="none">
                    <image class="icon" src="/static/icon/icon_user_a.png" mode="aspectFill"></image>
                    <view>联系客服</view>
                </button>
                <view class="serviceItem flex-c-c" bindtap="navigateToToken" data-url="/pages/user/pages/addressList/addressList">
                    <image class="icon" src="/static/icon/icon_user_b.png" mode="aspectFill"></image>
                    <view>收货地址</view>
                </view>
                <view class="serviceItem flex-c-c" bindtap="navigateTo" data-url="/pages/index/pages/riceCard/cardList/cardList">
                    <image class="icon" src="/static/icon/icon_user_p.png" mode="aspectFill"></image>
                    <view>购买购物卡</view>
                </view>
                <!-- info.is_pickup == 1 && isLogOn -->
                <view class="serviceItem flex-c-c" wx:if="{{info.is_pickup == 1 && isLogOn}}" bindtap="navigateTo" data-url="/pages/user/pages/store/selfTakeOrder/selfTakeOrder">
                    <image class="icon" src="/static/icon/icon_user_f.png" mode="aspectFill"></image>
                    <view>门店自提</view>
                </view>
                <view class="serviceItem flex-c-c" wx:if="{{info.role && info.role != 5 && isLogOn}}" bindtap="goTopPomotionCenter">
                    <image class="icon" src="/static/icon/icon_user_new_c.png" mode="aspectFill"></image>
                    <view wx:if="{{info.role == 2 || info.role == 3}}">门店管理</view>
                    <view wx:if="{{info.role == 4}}">分销中心</view>
                    <view wx:if="{{info.role == 1 || info.role == 99}}">推广中心</view>
                </view>
                <!-- 仅推荐官显示 -->
                <view class="serviceItem flex-c-c" wx:if="{{info.role && info.role == 99 && isLogOn}}" bindtap="navigateToToken" data-url="/pages/user/pages/appletRetailPoster/appletRetailPoster">
                    <image class="icon" src="/static/icon/icon_user_c.png" mode="aspectFill"></image>
                    <view>邀请有礼</view>
                </view>
                <view class="serviceItem flex-c-c" wx:if="{{info.grade_id == 10001 && isLogOn}}" bindtap="navigateTo" data-url="/pages/index/pages/bossInviteCode/bossInviteCode">
                    <image class="icon" src="/static/icon/icon_user_g.png" mode="aspectFill"></image>
                    <view>邀请码</view>
                </view>
                <view class="serviceItem flex-c-c" bindtap="navigateTo" data-url="/pages/user/pages/moreService/moreService">
                    <image class="icon" src="/static/icon/icon_user_d.png" mode="aspectFill"></image>
                    <view>更多服务</view>
                </view>
                <view class="serviceItem flex-c-c" bindtap="navigateToToken" data-url="/pages/user/pages/team/myTeam">
                    <image class="icon" src="/static/icon/icon_user_t.png" mode="aspectFill"></image>
                    <view>我的拼团</view>
                </view>
                <!-- "shop_type":1,//门店类型 1虚拟门店 2自营店 3异业门店 -->
                <view class="serviceItem flex-c-c" bind:tap="clickScanCode" wx:if="{{isLogOn && info.shop_type && info.shop_type == 3}}">
                    <image class="icon" src="/static/icon/icon_ScanCode.png" mode="aspectFill"></image>
                    <view>福利核销</view>
                </view>
            </view>
        </view>
    </view>
</view>
<tui-modal show="{{showModal}}" custom padding="0rpx" width="580rpx" radius="16rpx">
    <view class="tui-modal-custom">
        <view class="closeModal" bind:tap="hideModal">
            <image class="icon" src="/static/icon/icon_modal_x.png" mode="aspectFill"></image>
        </view>
        <view class="mTitle">奖励金计算</view>
        <view class="mTable">
            <view class="mTr flex">
                <view class="mTh one">
                    <text>阶梯</text>
                </view>
                <view class="mTh tow">
                    <text>当月{{info.role == 4 || info.role == 99?'个人':'门店'}}销售额</text>
                    <view class="hTool">（万元）</view>
                </view>
                <view class="mTh three">
                    <text>达量奖励比例</text>
                </view>
            </view>
            <view class="mTr flex-c number" wx:for="{{info.role == 99? info.sales_bonus_steps : info.calc_bonus_steps}}" wx:for-item="item" wx:key="index">
                <view class="mTh one flex-c-c">
                    <text>{{index+1}}</text>
                </view>
                <view class="mTh tow flex-c-c">
                    <text>{{item.sale_amount}}</text>
                </view>
                <view class="mTh three flex-c-c">
                    <text>{{item.bonus_ratio}}%</text>
                </view>
            </view>
        </view>
        <view class="mToolList">
            <view class="mToolItem">规则说明：</view>
            <view class="mToolItem">
                1.达量奖励 = 当月{{info.role == 4 || info.role == 99?'个人':'门店'}}销售额 x 达量奖励比例
            </view>
            <view class="mToolItem">2.上月奖励金将在每月1号公布，实际到手金额受退货影响，可能有所浮动。</view>
        </view>
        <view class="mBotBox flex-c-c">
            <view class="bot flex-c-c" bind:tap="hideModal">确定</view>
        </view>
    </view>
</tui-modal>
<tui-modal show="{{showWithdrawalModal}}" custom padding="0rpx" width="600rpx" radius="16rpx">
    <view class="modalCustom">
        <view class="closeModal" bind:tap="hideWithdrawalModal">
            <image class="icon" src="/static/icon/icon_modal_x.png" mode="aspectFill"></image>
        </view>
        <view class="newModalTitle space">提现</view>
        <view class="newModalTool kw one">1.请下载【名厨之家】APP</view>
        <view class="newModalTool kw">2.使用与小程序一致的手机号注册/登录</view>
        <view class="newModalTool kw">3.进入【我的】页面</view>
        <view class="newModalTool kw">4.点击【公明腊肠小程序】横幅进入提现</view>
        <view class="newModalButtonBox flex-c-c">
            <view class="mButton flex-c-c" bind:tap="hideWithdrawalModal">知道了</view>
        </view>
    </view>
</tui-modal>
<tui-modal show="{{showNicknameModal}}" custom padding="0rpx" width="600rpx" radius="16rpx">
    <view class="modalCustom">
        <view class="closeModal" bind:tap="hideNicknameModal">
            <image class="icon" src="/static/icon/icon_modal_x.png" mode="aspectFill"></image>
        </view>
        <view class="newModalTitle space">修改昵称</view>
        <view class="newModalTool kw one">
            <mp-form>
                <mp-cells>
                    <mp-cell title="昵称">
                        <input type="nickname" class="weui-input" placeholder="请输入昵称" model:value="{{updatingNickname}}" />
                    </mp-cell>
                </mp-cells>
            </mp-form>
        </view>
        <view class="newModalButtonBox flex-c-c">
            <view class="mButton flex-c-c" bind:tap="updateNickName">确定</view>
        </view>
    </view>
</tui-modal>