You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
159 lines
6.6 KiB
159 lines
6.6 KiB
<!--pages/evaluate/index.wxml-->
|
|
<view class="evaluate-page">
|
|
<!-- 步骤1：提示说明 -->
|
|
<view wx:if="{{currentStep === 1}}" class="evaluate-step">
|
|
<view class="step-content">
|
|
<view class="step-icon">🥚</view>
|
|
<view class="step-title">鸡蛋估价系统</view>
|
|
<view class="step-description">
|
|
<text>欢迎使用鸡蛋估价功能！\n\n本系统将帮助您快速估算鸡蛋的市场价值。</text>
|
|
\n\n<text>估价流程：\n1. 选择您希望了解价格的时间范围\n2. 选择您所在的地区\n3. 选择鸡蛋品种\n\n系统将基于这些信息为您提供初步的价格估算。</text>
|
|
\n<text>请注意：\n• 此估价仅供参考，实际价格受市场波动影响\n• 建议咨询专业人士获取更准确的价格信息\n• 系统不支持真实交易，仅用于价格预估</text>
|
|
</view>
|
|
<view class="know-btn-wrapper">
|
|
<button class="know-btn" bindtap="onIKnow">我知道了</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 步骤2：选择参数 -->
|
|
<view wx:if="{{currentStep === 2}}" class="evaluate-step">
|
|
<view class="step-content">
|
|
<button class="back-btn" bindtap="goBack">← 返回上一步</button>
|
|
<view class="step-title">选择估价参数</view>
|
|
<view class="step-subtitle">请完成以下选择，系统将为您估价</view>
|
|
|
|
<!-- 时间选择 -->
|
|
<view class="selection-group">
|
|
<view class="group-title">选择时间</view>
|
|
<view class="date-selector">
|
|
<!-- 月份选择 -->
|
|
<picker mode="selector"
|
|
range="{{months}}"
|
|
value="{{selectedMonthIndex}}"
|
|
bindchange="onMonthChange">
|
|
<view class="picker-wrapper small">
|
|
<view class="picker-display {{selectedMonth !== '' ? 'selected' : ''}}">
|
|
{{selectedMonth ? selectedMonth + '月' : '选择月份'}}
|
|
</view>
|
|
<view class="picker-arrow">▼</view>
|
|
</view>
|
|
</picker>
|
|
|
|
<!-- 日期选择 -->
|
|
<picker mode="selector"
|
|
range="{{days}}"
|
|
value="{{selectedDayIndex}}"
|
|
bindchange="onDayChange"
|
|
disabled="{{!selectedMonth}}">
|
|
<view class="picker-wrapper small {{!selectedMonth ? 'disabled' : ''}}">
|
|
<view class="picker-display {{selectedDay ? 'selected' : ''}}">
|
|
{{selectedDay ? selectedDay + '日' : '选择日期'}}
|
|
</view>
|
|
<view class="picker-arrow">▼</view>
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 地区选择 -->
|
|
<view class="selection-group">
|
|
<view class="group-title">选择地区</view>
|
|
<picker mode="selector"
|
|
range="{{regionOptions}}"
|
|
value="{{selectedRegionIndex}}"
|
|
bindchange="onRegionChange">
|
|
<view class="picker-wrapper">
|
|
<view class="picker-display {{selectedRegion ? 'selected' : ''}}">
|
|
{{selectedRegion || '请选择地区'}}
|
|
</view>
|
|
<view class="picker-arrow">▼</view>
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
|
|
<!-- 品种选择 -->
|
|
<view class="selection-group">
|
|
<view class="group-title">选择品种</view>
|
|
<picker mode="selector"
|
|
range="{{breedOptions}}"
|
|
value="{{selectedBreedIndex}}"
|
|
bindchange="onBreedChange">
|
|
<view class="picker-wrapper">
|
|
<view class="picker-display {{selectedBreed ? 'selected' : ''}}">
|
|
{{selectedBreed || '请选择品种'}}
|
|
</view>
|
|
<view class="picker-arrow">▼</view>
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
|
|
<!-- 开始估价按钮 -->
|
|
<view class="evaluate-btn-wrapper">
|
|
<button class="evaluate-btn {{selectedMonth && selectedDay && selectedRegion && selectedBreed ? 'active' : 'disabled'}}"
|
|
bindtap="startEvaluation"
|
|
disabled="{{!selectedMonth || !selectedDay || !selectedRegion || !selectedBreed}}">
|
|
开始估价
|
|
</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 步骤3：估价结果 -->
|
|
<view wx:if="{{currentStep === 3}}" class="evaluate-step">
|
|
<view class="step-content">
|
|
<button class="back-btn" bindtap="goBack">← 返回上一步</button>
|
|
<view class="result-header">
|
|
<view class="result-icon">💰</view>
|
|
<view class="result-title">估价完成</view>
|
|
<view class="result-subtitle">基于您的选择，系统为您提供以下估价</view>
|
|
</view>
|
|
|
|
<!-- 核心价格 -->
|
|
<view class="price-card">
|
|
<view class="price-label">预估价格</view>
|
|
<view class="price-amount">
|
|
<text class="price-symbol">¥</text>
|
|
<text class="price-number">{{evaluateResult.estimatedPrice}}</text>
|
|
<text class="price-unit">元/斤</text>
|
|
</view>
|
|
<view class="price-range">价格区间：¥{{evaluateResult.priceRange}}</view>
|
|
</view>
|
|
|
|
<!-- 估价详情 -->
|
|
<view class="evaluation-details">
|
|
<view class="detail-title">估价详情</view>
|
|
<view class="detail-items">
|
|
<view class="detail-item">
|
|
<view class="detail-label">时间</view>
|
|
<view class="detail-value">{{selectedMonth}}月{{selectedDay}}日</view>
|
|
</view>
|
|
<view class="detail-item">
|
|
<view class="detail-label">地区</view>
|
|
<view class="detail-value">{{selectedRegion}}</view>
|
|
</view>
|
|
<view class="detail-item">
|
|
<view class="detail-label">品种</view>
|
|
<view class="detail-value">{{selectedBreed}}</view>
|
|
</view>
|
|
<view class="detail-item">
|
|
<view class="detail-label">可信度</view>
|
|
<view class="detail-value">{{evaluateResult.confidence}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 说明文字 -->
|
|
<view class="price-tips">
|
|
<text class="tip-icon">💡</text>
|
|
<text class="tip-text">此价格为系统初步估算，仅供参考。实际成交价格可能因市场供需、季节因素、品质差异等有所变动。建议结合多个渠道信息做出决策。</text>
|
|
</view>
|
|
|
|
<!-- 操作按钮 -->
|
|
<view class="result-actions">
|
|
<button class="btn-secondary" bindtap="resetEvaluation">重新估价</button>
|
|
<button class="btn-primary" bindtap="goToMarket">查看市场</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|