192 lines
7.6 KiB
Plaintext
192 lines
7.6 KiB
Plaintext
<!-- 智慧养老申请页面 -->
|
||
<view class="page-container">
|
||
<!-- 顶部导航栏 -->
|
||
<view class="nav-header" style="padding-top: {{statusBarHeight}}px;">
|
||
<view class="nav-content">
|
||
<view class="nav-back" bindtap="goBack">
|
||
<image src="/images/icon-back.png" class="back-icon" mode="aspectFit"></image>
|
||
<text class="back-text">返回</text>
|
||
</view>
|
||
<text class="nav-title">智慧养老</text>
|
||
<view class="nav-placeholder"></view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 内容区域 -->
|
||
<scroll-view scroll-y class="content-scroll" style="padding-top: {{totalNavHeight}}px;">
|
||
<!-- 介绍页面 -->
|
||
<view class="intro-section" wx:if="{{!showForm}}">
|
||
<!-- 顶部Banner -->
|
||
<view class="banner-card">
|
||
<view class="banner-gradient">
|
||
<text class="banner-title">智慧养老服务</text>
|
||
<text class="banner-subtitle">科技赋能 安享晚年</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 服务介绍 -->
|
||
<view class="info-card">
|
||
<view class="card-header">
|
||
<view class="card-icon">
|
||
<image src="/images/icon-users.png" mode="aspectFit"></image>
|
||
</view>
|
||
<text class="card-title">服务介绍</text>
|
||
</view>
|
||
<view class="card-content">
|
||
<text class="intro-text">智慧养老服务为老年人提供专业的居家照护、健康管理、生活陪伴等服务，结合智能设备和专业护理，让老年人享受高品质的晚年生活。</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 服务项目 -->
|
||
<view class="info-card">
|
||
<view class="card-header">
|
||
<view class="card-icon">
|
||
<image src="/images/icon-list.png" mode="aspectFit"></image>
|
||
</view>
|
||
<text class="card-title">服务项目</text>
|
||
</view>
|
||
<view class="service-grid">
|
||
<view class="service-item">
|
||
<text class="service-name">居家照护</text>
|
||
</view>
|
||
<view class="service-item">
|
||
<text class="service-name">健康监测</text>
|
||
</view>
|
||
<view class="service-item">
|
||
<text class="service-name">康复护理</text>
|
||
</view>
|
||
<view class="service-item">
|
||
<text class="service-name">生活陪伴</text>
|
||
</view>
|
||
<view class="service-item">
|
||
<text class="service-name">助餐服务</text>
|
||
</view>
|
||
<view class="service-item">
|
||
<text class="service-name">紧急救援</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 服务优势 -->
|
||
<view class="info-card">
|
||
<view class="card-header">
|
||
<view class="card-icon">
|
||
<image src="/images/icon-advantage.png" mode="aspectFit"></image>
|
||
</view>
|
||
<text class="card-title">平台优势</text>
|
||
</view>
|
||
<view class="advantage-list">
|
||
<view class="advantage-item">
|
||
<view class="advantage-dot"></view>
|
||
<text class="advantage-text">专业护理团队，持证上岗</text>
|
||
</view>
|
||
<view class="advantage-item">
|
||
<view class="advantage-dot"></view>
|
||
<text class="advantage-text">智能设备辅助，实时监护</text>
|
||
</view>
|
||
<view class="advantage-item">
|
||
<view class="advantage-dot"></view>
|
||
<text class="advantage-text">24小时响应，紧急救援</text>
|
||
</view>
|
||
<view class="advantage-item">
|
||
<view class="advantage-dot"></view>
|
||
<text class="advantage-text">个性化服务，贴心关怀</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 申请入驻按钮 -->
|
||
<view class="apply-btn-area">
|
||
<button class="apply-btn" bindtap="showApplyForm">立即申请入驻</button>
|
||
<text class="apply-tip">成为养老护理师，开启您的服务之旅</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 申请表单 -->
|
||
<view class="apply-form" wx:if="{{showForm}}">
|
||
<!-- 状态卡片 -->
|
||
<view class="status-card" wx:if="{{applyStatus !== 'none'}}">
|
||
<view class="status-icon {{applyStatus}}">
|
||
<image wx:if="{{applyStatus === 'pending'}}" src="/images/icon-pending.png"></image>
|
||
<image wx:if="{{applyStatus === 'approved'}}" src="/images/icon-success.png"></image>
|
||
<image wx:if="{{applyStatus === 'rejected'}}" src="/images/icon-rejected.png"></image>
|
||
</view>
|
||
<text class="status-title">{{statusTitle}}</text>
|
||
<text class="status-desc">{{statusDesc}}</text>
|
||
<button class="btn-secondary" wx:if="{{applyStatus === 'rejected'}}" bindtap="reapply">重新申请</button>
|
||
</view>
|
||
|
||
<!-- 表单内容 -->
|
||
<view class="form-content" wx:if="{{applyStatus === 'none' || isReapply}}">
|
||
<!-- 基本信息 -->
|
||
<view class="form-section">
|
||
<view class="section-header">
|
||
<text class="section-title">基本信息</text>
|
||
</view>
|
||
|
||
<view class="form-item">
|
||
<view class="item-label-row">
|
||
<text class="item-label">姓名</text>
|
||
<text class="required">*</text>
|
||
</view>
|
||
<view class="input-wrapper">
|
||
<input class="item-input" placeholder="请输入真实姓名" value="{{formData.realName}}" bindinput="onInputChange" data-field="realName" />
|
||
</view>
|
||
</view>
|
||
|
||
<view class="form-item">
|
||
<view class="item-label-row">
|
||
<text class="item-label">所在城市</text>
|
||
<text class="optional">（选填）</text>
|
||
</view>
|
||
<view class="input-wrapper">
|
||
<input class="item-input" placeholder="请输入所在城市" value="{{formData.city}}" bindinput="onInputChange" data-field="city" />
|
||
</view>
|
||
</view>
|
||
|
||
<view class="form-item">
|
||
<view class="item-label-row">
|
||
<text class="item-label">手机号</text>
|
||
<text class="required">*</text>
|
||
</view>
|
||
<view class="input-wrapper">
|
||
<input class="item-input" type="number" placeholder="请输入手机号" value="{{formData.phone}}" bindinput="onInputChange" data-field="phone" maxlength="11" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 备注信息 -->
|
||
<view class="form-section">
|
||
<view class="section-header">
|
||
<text class="section-title">备注信息</text>
|
||
</view>
|
||
<view class="textarea-wrapper">
|
||
<textarea class="intro-textarea" placeholder="请输入备注信息（选填）" value="{{formData.remarks}}" bindinput="onInputChange" data-field="remarks" maxlength="500"></textarea>
|
||
</view>
|
||
<view class="textarea-footer">
|
||
<text class="char-count">{{formData.remarks.length || 0}}/500</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 协议 -->
|
||
<view class="agreement-row">
|
||
<view class="checkbox {{agreed ? 'checked' : ''}}" bindtap="toggleAgreement">
|
||
<image wx:if="{{agreed}}" src="/images/icon-checked.png" class="check-icon"></image>
|
||
</view>
|
||
<view class="agreement-text">
|
||
<text class="normal-text">我已阅读并同意</text>
|
||
<text class="link-text" bindtap="viewAgreement">《合作入驻服务协议》</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 提交按钮 -->
|
||
<button class="submit-btn {{canSubmit ? '' : 'disabled'}}" bindtap="submitApply" disabled="{{!canSubmit}}">
|
||
提交申请
|
||
</button>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="bottom-placeholder"></view>
|
||
</scroll-view>
|
||
</view>
|