Mini-Program/pages/settlement/index.wxml

<view class="container">
  <!-- 内容区域 -->
  <view class="content">
    <!-- 引导页 -->
    <view class="guide-page" wx:if="{{showGuidePage}}">
      <view class="guide-content">
        <view class="guide-title">成为供应商</view>
        <view class="guide-description">完成入驻后即可发布货源，开展鸡蛋贸易</view>
        <button class="guide-button btn btn-primary" bindtap="startSettlement">立即入驻</button>
      </view>
    </view>
    
    <!-- 实际入驻流程内容 -->
    <view wx:if="{{!showGuidePage}}">
      <!-- 步骤指示器 -->
      <view class="step-indicator">
      <view class="step {{currentStep >= 0 ? 'active' : ''}}">
        <view class="step-circle">1</view>
        <text>选择身份</text>
      </view>
      <view class="step-line"></view>
      <view class="step {{currentStep >= 1 ? 'active' : ''}}">
        <view class="step-circle">2</view>
        <text>基本信息</text>
      </view>
      <view class="step-line"></view>
      <view class="step {{currentStep >= 2 ? 'active' : ''}}">
        <view class="step-circle">3</view>
        <text>上传资料</text>
      </view>
      <view class="step-line"></view>
      <view class="step {{currentStep >= 3 ? 'active' : ''}}">
        <view class="step-circle">4</view>
        <text>审核状态</text>
      </view>
    </view>
    
    <!-- 身份选择页面 -->
    <view class="page" wx:if="{{currentStep === 0}}">
      <view class="section">
        <view class="section-title required">请选择您的身份</view>
        <view class="identity-options">
          <view class="identity-option {{collaborationid === 'chicken' ? 'selected' : ''}}" 
                data-identity="chicken" bindtap="selectIdentity">
            <view class="identity-icon">
              <text class="icon">🐔</text>
            </view>
            <view class="identity-text">
              <view class="identity-title">鸡场</view>
              <view class="identity-desc">养殖场主、生产商身份</view>
            </view>
          </view>
          <view class="identity-option {{collaborationid === 'trader' ? 'selected' : ''}}" 
                data-identity="trader" bindtap="selectIdentity">
            <view class="identity-icon">
              <text class="icon">💰</text>
            </view>
            <view class="identity-text">
              <view class="identity-title">贸易商</view>
              <view class="identity-desc">经销商、批发商身份</view>
            </view>
          </view>
        </view>
        <view class="error-message" wx:if="{{showIdentityError}}">请选择身份</view>
      </view>
      
      <button class="btn btn-primary" bindtap="nextStep">下一步</button>
    </view>
    
    <!-- 基本信息页面 -->
    <view class="page" wx:if="{{currentStep === 1}}">
      <view class="basic-info-form">
        <!-- 公司名称 -->
        <view class="form-item">
          <view class="form-header">
            <text class="form-label required">公司名称</text>
          </view>
          <view class="input-wrapper">
            <input 
              class="form-input {{showCompanyNameError ? 'error' : ''}}"
              placeholder="请输入公司名称"
              placeholder-class="form-input-placeholder"
              value="{{company}}"
              bindinput="onCompanyNameInput"
              bindblur="onCompanyNameBlur"
              bindfocus="onCompanyNameFocus"
              maxlength="50"
              type="text"
              confirm-type="next"
              cursor-spacing="10"
              adjust-position="{{true}}"
              hold-keyboard="{{false}}"
            />
            <text class="input-icon" wx:if="{{company && !showCompanyNameError}}">✓</text>
          </view>
          <text class="error-message" wx:if="{{showCompanyNameError}}">{{companyNameError || '请输入公司名称'}}</text>
        </view>

        <!-- 地址信息 -->
        <view class="form-item">
          <view class="form-header">
            <text class="form-label required">所在地区</text>
          </view>
          <picker 
            mode="region" 
            value="{{[province, city, district]}}" 
            bindchange="onRegionChange"
            class="region-picker {{showRegionError ? 'error' : ''}} {{!(province || city || district) ? 'placeholder' : ''}}"
          >
            <view class="picker-content">
              <text>{{province || city || district ? province + ' ' + city + ' ' + district : '请选择省市区'}}</text>
              <view class="picker-arrow">▼</view>
            </view>
          </picker>
          <text class="error-message" wx:if="{{showRegionError}}">{{regionError || '请选择所在地区'}}</text>
        </view>

        <!-- 详细地址 -->
        <view class="form-item">
          <view class="form-header">
            <text class="form-label">详细地址</text>
          </view>
          <view class="input-wrapper">
            <input 
              class="form-input"
              placeholder="请输入详细地址（选填）"
              placeholder-class="form-input-placeholder"
              value="{{detailedaddress}}"
              bindinput="onDetailAddressInput"
              bindfocus="onDetailAddressFocus"
              maxlength="100"
              type="text"
              confirm-type="done"
              cursor-spacing="10"
              adjust-position="{{true}}"
              hold-keyboard="{{false}}"
            />
          </view>
        </view>

        <!-- 合作模式 -->
        <view class="form-item">
          <view class="form-header">
            <text class="form-label required">合作模式</text>
            <view class="tip-button" bindtap="showCooperationHelp">?</view>
          </view>
          <view class="cooperation-options">
            <view 
              class="cooperation-option {{cooperation === '货源委托' ? 'active' : ''}}"
              bindtap="selectCooperation"
              data-value="货源委托"
            >
              <view class="cooperation-icon"></view>
              <text class="cooperation-text">货源委托</text>
            </view>
            <view 
              class="cooperation-option {{cooperation === '自主定价销售' ? 'active' : ''}}"
              bindtap="selectCooperation"
              data-value="自主定价销售"
            >
              <view class="cooperation-icon"></view>
              <text class="cooperation-text">自主定价销售</text>
            </view>
            <view 
              class="cooperation-option {{cooperation === '区域包场合作' ? 'active' : ''}}"
              bindtap="selectCooperation"
              data-value="区域包场合作"
            >
              <view class="cooperation-icon"></view>
              <text class="cooperation-text">区域包场合作</text>
            </view>
            <view 
              class="cooperation-option {{cooperation === '其他' ? 'active' : ''}}"
              bindtap="selectCooperation"
              data-value="其他"
            >
              <view class="cooperation-icon"></view>
              <text class="cooperation-text">其他</text>
            </view>
          </view>
          <text class="error-message" wx:if="{{showCooperationError}}">{{cooperationError || '请选择合作模式'}}</text>
        </view>
      </view>
      
      <!-- 底部按钮 -->
      <view class="button-group">
        <button class="btn btn-secondary" bindtap="prevStep">返回上一步</button>
        <button class="btn btn-primary" bindtap="nextStep">下一步</button>
      </view>
    </view>
    
    <!-- 上传资料页面 -->
    <view class="page" wx:if="{{currentStep === 2}}">
      <!-- 营业执照上传 -->
      <view class="section">
          <view class="section-title">{{collaborationid === 'chicken' ? '鸡场营业执照(选填)' : '贸易商营业执照(选填)'}}</view>
          <view class="upload-area" bindtap="uploadBusinessLicense">
          <view class="upload-icon">+</view>
          <view class="upload-text">点击上传营业执照</view>
          <view class="upload-tip">支持jpg、png格式，大小不超过5M</view>
        </view>
        <view wx:if="{{businesslicenseurl}}">
          <view class="uploaded-file">
            <view class="file-icon">📄</view>
            <view class="file-name">{{businesslicenseurl.name}}</view>
            <view class="file-delete" bindtap="deleteBusinessLicense">删除</view>
          </view>
        </view>
      </view>
      
      <!-- 鸡场特有字段 -->
      <view class="section" wx:if="{{collaborationid === 'chicken'}}">
          <view class="section-title">动物检疫合格证明(选填)</view>
          <view class="upload-area" bindtap="uploadAnimalQuarantine">
          <view class="upload-icon">+</view>
          <view class="upload-text">点击上传动物检疫合格证明</view>
          <view class="upload-tip">支持jpg、png格式，大小不超过5M</view>
        </view>
        <view wx:if="{{proofurl}}">
          <view class="uploaded-file">
            <view class="file-icon">📄</view>
            <view class="file-name">{{proofurl.name}}</view>
            <view class="file-delete" bindtap="deleteAnimalQuarantine">删除</view>
          </view>
        </view>
      </view>
      
      <!-- 贸易商特有字段 -->
      <view class="section" wx:if="{{collaborationid === 'trader'}}">
          <view class="section-title">法人身份证正反面(选填)</view>
          <view class="upload-area" bindtap="uploadIdCard">
          <view class="upload-icon">+</view>
          <view class="upload-text">点击上传法人身份证正反面</view>
          <view class="upload-tip">支持jpg、png格式，大小不超过5M</view>
        </view>
        <view wx:if="{{proofurl}}">
          <view class="uploaded-file">
            <view class="file-icon">📄</view>
            <view class="file-name">{{proofurl.name}}</view>
            <view class="file-delete" bindtap="deleteIdCard">删除</view>
          </view>
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">品牌授权链文件</view>
        <view class="upload-area" bindtap="uploadBrandAuth">
          <view class="upload-icon">+</view>
          <view class="upload-text">点击上传品牌授权链文件</view>
          <view class="upload-tip">支持jpg、png格式，大小不超过5M</view>
        </view>
        <view wx:if="{{brandurl}}">
          <view class="uploaded-file">
            <view class="file-icon">📄</view>
            <view class="file-name">{{brandurl.name}}</view>
            <view class="file-delete" bindtap="deleteBrandAuth">删除</view>
          </view>
        </view>
      </view>
      
      <button class="btn btn-primary" bindtap="submitApplication">提交申请</button>
      <button class="btn btn-secondary" bindtap="prevStep">返回上一步</button>
    </view>
    
    <!-- 审核状态页面 -->
    <view class="page" wx:if="{{currentStep === 3}}">
      <!-- 审核中状态 -->
      <view class="audit-status" wx:if="{{partnerstatus === 'underreview'}}">
        <view class="audit-icon pending">
          <text class="icon">⏳</text>
        </view>
        <view class="audit-title">审核中</view>
        <view class="audit-desc">
          你已成功提交小程序备案，请等待审核。<br />
          你可以撤回备案
        </view>
        <button class="btn btn-outline" bindtap="withdrawApplication">撤回备案</button>
        <button class="btn btn-primary btn-audit" bindtap="knowAudit">我知道了</button>
      </view>
      
      <!-- 审核失败状态 -->
      <view class="audit-status" wx:if="{{partnerstatus === 'reviewfailed'}}">
        <view class="audit-icon failed">
          <text class="icon">❌</text>
        </view>
        <view class="audit-title">审核失败</view>
        <view class="audit-desc">
          很抱歉，您的备案申请未通过审核
        </view>
        
        <view class="audit-reason">
          <view class="audit-reason-title">审核失败原因：</view>
          <view class="audit-reason-content">{{auditFailedReason}}</view>
        </view>
        
        <button class="btn btn-primary btn-audit" bindtap="resubmitApplication">重新提交备案</button>
      </view>
      
      <!-- 审核通过状态 -->
      <view class="audit-status" wx:if="{{partnerstatus === 'approved'}}">
        <view class="audit-icon pending">
          <text class="icon">✅</text>
        </view>
        <view class="audit-title">审核通过</view>
        <view class="audit-desc">
          恭喜！您的备案申请已通过审核。<br />
          我们将尽快与您联系后续事宜。
        </view>
        <button class="btn btn-primary btn-audit" bindtap="completeApplication">完成</button>
      </view>
      
      <!-- 合作中状态 -->
      <view class="audit-status" wx:if="{{partnerstatus === 'incooperation'}}">
        <view class="audit-icon success">
          <text class="icon">🤝</text>
        </view>
        <view class="audit-title">合作中</view>
        <view class="audit-desc">
          您已成功成为我们的合作伙伴！<br />
          感谢您的信任与支持。
        </view>
        <button class="btn btn-primary btn-audit" bindtap="completeApplication">继续合作</button>
      </view>
      
      <!-- 未合作状态 -->
      <view class="audit-status" wx:if="{{partnerstatus === 'notcooperative'}}">
        <view class="audit-icon neutral">
          <text class="icon">📋</text>
        </view>
        <view class="audit-title">未合作</view>
        <view class="audit-desc">
          感谢您的关注，期待未来有机会合作。<br />
          如有需要可重新申请。
        </view>
        <button class="btn btn-outline" bindtap="resetApplication">重新申请</button>
        <button class="btn btn-primary btn-audit" bindtap="knowAudit">我知道了</button>
        </view>
      </view>
    </view>
  </view>
</view>



<!-- 未授权登录提示弹窗 -->
<view wx:if="{{showAuthModal}}" class="auth-modal-overlay">
  <view class="auth-modal-container">
    <view class="auth-modal-title">提示</view>
    <view class="auth-modal-content">请先登录后再操作</view>
    <view class="auth-modal-buttons">
      <button class="auth-primary-button" bindtap="showOneKeyLogin">一键登录</button>
      <button class="auth-cancel-button" bindtap="closeAuthModal">取消</button>
    </view>
  </view>
</view>

<!-- 一键登录弹窗 -->
<view wx:if="{{showOneKeyLoginModal}}" class="auth-modal-overlay">
  <view class="auth-modal-container">
    <view class="auth-modal-title">授权登录</view>
    <view class="auth-modal-content">授权您的手机号后才能提交申请</view>
    <view class="auth-modal-buttons">
      <button class="auth-primary-button" open-type="getPhoneNumber" bind:getphonenumber="onGetPhoneNumber">授权获取手机号</button>
      <button class="auth-cancel-button" bindtap="closeOneKeyLoginModal">取消</button>
    </view>
  </view>
</view>

<!-- 合作模式帮助弹窗 -->
<view wx:if="{{showCooperationHelp}}" class="cooperation-help-overlay">
  <view class="cooperation-help-container">
    <view class="cooperation-help-title">合作模式说明</view>
    <view class="cooperation-help-content">
      <view class="cooperation-buttons">
        <button class="cooperation-button" bindtap="showCooperationDetail" data-type="货源委托">货源委托</button>
        <button class="cooperation-button" bindtap="showCooperationDetail" data-type="自主定价销售">自主定价销售</button>
        <button class="cooperation-button" bindtap="showCooperationDetail" data-type="区域包场合作">区域包场合作</button>
        <button class="cooperation-button" bindtap="showCooperationDetail" data-type="其他">其他</button>
      </view>
      <view class="cooperation-detail" wx:if="{{selectedCooperationDetail}}">
        <view class="detail-title">{{selectedCooperationDetail.title}}</view>
        <view class="detail-content">{{selectedCooperationDetail.content}}</view>
      </view>
    </view>
    <button class="cooperation-help-button" bindtap="closeCooperationHelp">关闭</button>
  </view>
</view>