soul-yongping/miniprogram/pages/settings/settings.wxml

<!--设置页 - 账号绑定功能-->
<view class="page">
  <view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
    <view class="nav-back" bindtap="goBack">
      <text class="back-icon">‹</text>
    </view>
    <text class="nav-title">设置</text>
    <view class="nav-placeholder"></view>
  </view>
  <view style="height: {{statusBarHeight + 44}}px;"></view>

  <view class="content">
    <!-- 账号绑定 -->
    <view class="bind-card" wx:if="{{isLoggedIn}}">
      <view class="card-header">
        <icon name="shield" size="48" color="#00CED1" customClass="card-icon"></icon>
        <view class="card-title-wrap">
          <text class="card-title">账号绑定</text>
          <text class="card-desc">绑定后可用于提现和找伙伴功能</text>
        </view>
      </view>
      
      <view class="bind-list">
        <!-- 手机号 - 使用微信一键获取 -->
        <view class="bind-item">
          <view class="bind-left">
            <view class="bind-icon phone-icon"><icon name="smartphone" size="40" color="#00CED1"></icon></view>
            <view class="bind-info">
              <text class="bind-label">手机号</text>
              <text class="bind-value">{{phoneNumber || '未绑定'}}</text>
            </view>
          </view>
          <view class="bind-right">
            <text class="bind-check" wx:if="{{phoneNumber}}">✓</text>
            <button wx:else class="get-phone-btn" open-type="getPhoneNumber" bindgetphonenumber="onGetPhoneNumber">
              一键获取
            </button>
          </view>
        </view>
        
        <!-- 微信号 - 简化输入 -->
        <view class="bind-item">
          <view class="bind-left">
            <view class="bind-icon wechat-icon"><icon name="message-circle" size="40" color="#00CED1"></icon></view>
            <view class="bind-info">
              <text class="bind-label">微信号</text>
              <input 
                class="bind-input" 
                placeholder="输入微信号" 
                value="{{wechatId}}" 
                bindinput="onWechatInput"
                bindblur="saveWechat"
              />
            </view>
          </view>
          <view class="bind-right">
            <text class="bind-check" wx:if="{{wechatId}}">✓</text>
          </view>
        </view>
        
        <!-- 收货地址 - 跳转到地址管理页 -->
        <view class="bind-item" bindtap="goToAddresses">
          <view class="bind-left">
            <view class="bind-icon address-icon"><icon name="map-pin" size="40" color="#00CED1"></icon></view>
            <view class="bind-info">
              <text class="bind-label">收货地址</text>
              <text class="bind-value address-text">管理收货地址，用于发货与邮寄</text>
            </view>
          </view>
          <view class="bind-right">
            <text class="bind-manage brand-color">管理</text>
          </view>
        </view>
      </view>
    </view>
    
    <!-- 自动提现设置 -->
    <view class="bind-card auto-withdraw-card" wx:if="{{isLoggedIn && wechatId}}">
      <view class="card-header">
        <icon name="wallet" size="48" color="#00CED1" customClass="card-icon"></icon>
        <view class="card-title-wrap">
          <text class="card-title">自动提现</text>
          <text class="card-desc">收益自动打款到微信零钱</text>
        </view>
      </view>
      
      <view class="auto-withdraw-content">
        <view class="withdraw-switch-row">
          <text class="switch-label">开启自动提现</text>
          <switch checked="{{autoWithdrawEnabled}}" bindchange="toggleAutoWithdraw" color="#00CED1"/>
        </view>
        
        <view class="withdraw-info" wx:if="{{autoWithdrawEnabled}}">
          <view class="info-item">
            <text class="info-label">提现方式</text>
            <text class="info-value">微信零钱</text>
          </view>
          <view class="info-item">
            <text class="info-label">提现账户</text>
            <text class="info-value">{{wechatId}}</text>
          </view>
          <text class="withdraw-tip">收益将在每笔订单完成后自动打款</text>
        </view>
      </view>
    </view>
    
    <!-- 提现提示 -->
    <view class="tip-banner" wx:if="{{isLoggedIn && !wechatId}}">
      <text class="tip-text">提示：绑定微信号才能使用提现功能</text>
    </view>

    <!-- 开发专用：切换账号（仅开发版显示） -->
    <view class="dev-switch-card" wx:if="{{isDevMode}}" bindtap="openSwitchAccountModal">
      <view class="dev-switch-inner">
        <icon name="wrench" size="40" color="#8e8e93" customClass="dev-switch-icon"></icon>
        <text class="dev-switch-text">切换账号（开发）</text>
        <text class="dev-switch-desc">输入 userId 切换为其他账号调试</text>
      </view>
    </view>

    <view class="logout-btn" wx:if="{{isLoggedIn}}" bindtap="handleLogout">退出登录</view>
  </view>
  
  <!-- 绑定弹窗 -->
  <view class="modal-overlay" wx:if="{{showBindModal}}" bindtap="closeBindModal">
    <view class="modal-content" catchtap="stopPropagation">
      <view class="modal-header">
        <text class="modal-title">绑定{{bindType === 'phone' ? '手机号' : bindType === 'wechat' ? '微信号' : '支付宝'}}</text>
        <view class="modal-close" bindtap="closeBindModal">✕</view>
      </view>
      
      <view class="modal-body">
        <view class="form-input-wrap">
          <input 
            class="form-input-inner"
            type="{{bindType === 'phone' ? 'number' : 'text'}}"
            placeholder="{{bindType === 'phone' ? '请输入11位手机号' : bindType === 'wechat' ? '请输入微信号' : '请输入支付宝账号'}}"
            placeholder-class="input-placeholder"
            value="{{bindValue}}"
            bindinput="onBindInput"
            maxlength="{{bindType === 'phone' ? 11 : 50}}"
          />
        </view>
        
        <text class="bind-tip">
          {{bindType === 'phone' ? '绑定手机号后可用于找伙伴匹配' : bindType === 'wechat' ? '绑定微信号后可用于找伙伴匹配和好友添加' : '绑定支付宝后可用于提现收益'}}
        </text>
        
        <view class="btn-primary {{!bindValue ? 'btn-disabled' : ''}}" bindtap="confirmBind">
          确认绑定
        </view>
      </view>
    </view>
  </view>

  <!-- 切换账号弹窗（开发） -->
  <view class="modal-overlay" wx:if="{{showSwitchAccountModal}}" bindtap="closeSwitchAccountModal">
    <view class="modal-content" catchtap="stopPropagation">
      <view class="modal-header">
        <text class="modal-title">切换账号（开发）</text>
        <view class="modal-close" bindtap="closeSwitchAccountModal">✕</view>
      </view>
      <view class="modal-body">
        <view class="form-input-wrap">
          <input
            class="form-input-inner"
            placeholder="请输入目标用户的 userId（如 ogpTW5fmXRGNpoUbXB3UEqnVe5Tg）"
            placeholder-class="input-placeholder"
            value="{{switchAccountUserId}}"
            bindinput="onSwitchAccountUserIdInput"
          />
        </view>
        <text class="bind-tip">从管理端或数据库获取要调试的用户 ID，切换后将以该用户身份操作</text>
        <view class="btn-primary {{!switchAccountUserId || switchAccountLoading ? 'btn-disabled' : ''}}" bindtap="confirmSwitchAccount">
          {{switchAccountLoading ? '切换中...' : '确认切换'}}
        </view>
      </view>
    </view>
  </view>
</view>