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.
355 lines
15 KiB
355 lines
15 KiB
<!--pages/evaluate/index.wxml-->
|
|
<view class="evaluate-page">
|
|
<!-- 顶部导航 -->
|
|
<view class="evaluate-header">
|
|
<view class="header-back" bindtap="prevStep">‹</view>
|
|
<view class="header-title">鸡蛋估价</view>
|
|
<view class="header-placeholder"></view>
|
|
</view>
|
|
|
|
<!-- 进度指示器 -->
|
|
<view class="progress-indicator" wx:if="{{evaluateStep < 8}}">
|
|
<view class="progress-dots">
|
|
<view class="progress-dot {{evaluateStep >= 1 ? 'active' : ''}}"></view>
|
|
<view class="progress-dot {{evaluateStep >= 2 ? 'active' : ''}}"></view>
|
|
<view class="progress-dot {{evaluateStep >= 3 ? 'active' : ''}}"></view>
|
|
<view class="progress-dot {{evaluateStep >= 4 ? 'active' : ''}}"></view>
|
|
<view class="progress-dot {{evaluateStep >= 5 ? 'active' : ''}}"></view>
|
|
<view class="progress-dot {{evaluateStep >= 6 ? 'active' : ''}}"></view>
|
|
<view class="progress-dot {{evaluateStep >= 7 ? 'active' : ''}}"></view>
|
|
</view>
|
|
<view class="progress-text">步骤 {{evaluateStep}}/7</view>
|
|
</view>
|
|
|
|
<!-- 步骤1：选择客户地区 -->
|
|
<view wx:if="{{evaluateStep === 1}}" class="evaluate-step">
|
|
<view class="step-content">
|
|
<!-- 省份选择 -->
|
|
<view wx:if="{{!showCities}}">
|
|
<view class="step-title">选择客户地区</view>
|
|
<view class="step-subtitle">请选择您所在的省份</view>
|
|
|
|
<view class="category-list">
|
|
<view wx:for="{{provinces}}" wx:key="*this"
|
|
class="category-item"
|
|
bindtap="selectProvince" data-province="{{item}}">
|
|
<view class="category-info">
|
|
<view class="category-name">{{item}}</view>
|
|
<view class="category-desc">点击选择该省份</view>
|
|
</view>
|
|
<view class="category-arrow">›</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 城市选择 -->
|
|
<view wx:if="{{showCities}}">
|
|
<view class="step-title">选择城市</view>
|
|
<view class="step-subtitle">{{selectedProvince}} - 请选择具体城市</view>
|
|
|
|
<view class="city-header" bindtap="backToProvince">
|
|
<view class="city-back">‹ 返回省份选择</view>
|
|
</view>
|
|
|
|
<view class="category-list">
|
|
<view wx:for="{{cities}}" wx:key="*this"
|
|
class="category-item {{evaluateData.region === selectedProvince + '-' + item ? 'selected' : ''}}"
|
|
bindtap="selectCity" data-city="{{item}}">
|
|
<view class="category-info">
|
|
<view class="category-name">{{item}}</view>
|
|
<view class="category-desc">点击选择该城市</view>
|
|
</view>
|
|
<view class="category-arrow">›</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 步骤2：选择鸡蛋品种 -->
|
|
<view wx:if="{{evaluateStep === 2}}" class="evaluate-step">
|
|
<view class="step-content">
|
|
<view class="step-title">选择鸡蛋品种</view>
|
|
<view class="step-subtitle">请选择您要估价的鸡蛋品种（按每日成交单量排序）</view>
|
|
|
|
<view class="category-list">
|
|
<view wx:for="{{eggBreeds}}" wx:key="name" wx:for-item="eggBreed"
|
|
class="category-item {{evaluateData.breed === eggBreed.name ? 'selected' : ''}}"
|
|
bindtap="selectEggBreed" data-breed="{{eggBreed.name}}">
|
|
<view class="category-info">
|
|
<view class="category-name">
|
|
<text class="rank-number rank-{{eggBreed.rank <= 3 ? eggBreed.rank : ''}}">{{eggBreed.rank}}</text>
|
|
{{eggBreed.name}}
|
|
</view>
|
|
<view class="category-desc">点击选择该品种</view>
|
|
</view>
|
|
<view class="category-arrow">›</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 步骤3：选择具体规格 -->
|
|
<view wx:if="{{evaluateStep === 3}}" class="evaluate-step">
|
|
<view class="step-content">
|
|
<view class="step-title">选择具体规格</view>
|
|
<view class="step-subtitle">请选择鸡蛋的规格（按每日成交单量排序）</view>
|
|
|
|
<view class="option-list">
|
|
<view wx:for="{{eggSpecs}}" wx:key="name" wx:for-item="spec"
|
|
class="option-item {{evaluateData.spec === spec.name ? 'selected' : ''}}"
|
|
bindtap="selectEggSpec" data-spec="{{spec.name}}">
|
|
<view class="option-text">
|
|
<text class="rank-number rank-{{spec.rank <= 3 ? spec.rank : ''}}">{{spec.rank}}</text>
|
|
{{spec.name}}
|
|
</view>
|
|
<view class="option-arrow">›</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 步骤4：新鲜度选择 -->
|
|
<view wx:if="{{evaluateStep === 4}}" class="evaluate-step">
|
|
<view class="step-content">
|
|
<view class="step-title">新鲜程度</view>
|
|
<view class="step-subtitle">请选择鸡蛋的新鲜程度</view>
|
|
|
|
<view class="condition-list">
|
|
<view class="condition-item {{evaluateData.freshness === '非常新鲜' ? 'selected' : ''}}"
|
|
bindtap="selectCondition" data-type="freshness" data-value="非常新鲜">
|
|
<view class="condition-info">
|
|
<view class="condition-name">非常新鲜</view>
|
|
<view class="condition-desc">7天内产出的新鲜鸡蛋</view>
|
|
</view>
|
|
<view class="condition-check" wx:if="{{evaluateData.freshness === '非常新鲜'}}">✓</view>
|
|
</view>
|
|
|
|
<view class="condition-item {{evaluateData.freshness === '较新鲜' ? 'selected' : ''}}"
|
|
bindtap="selectCondition" data-type="freshness" data-value="较新鲜">
|
|
<view class="condition-info">
|
|
<view class="condition-name">较新鲜</view>
|
|
<view class="condition-desc">15天内产出的鸡蛋</view>
|
|
</view>
|
|
<view class="condition-check" wx:if="{{evaluateData.freshness === '较新鲜'}}">✓</view>
|
|
</view>
|
|
|
|
<view class="condition-item {{evaluateData.freshness === '一般' ? 'selected' : ''}}"
|
|
bindtap="selectCondition" data-type="freshness" data-value="一般">
|
|
<view class="condition-info">
|
|
<view class="condition-name">一般</view>
|
|
<view class="condition-desc">30天内产出的鸡蛋</view>
|
|
</view>
|
|
<view class="condition-check" wx:if="{{evaluateData.freshness === '一般'}}">✓</view>
|
|
</view>
|
|
|
|
<view class="condition-item {{evaluateData.freshness === '不新鲜' ? 'selected' : ''}}"
|
|
bindtap="selectCondition" data-type="freshness" data-value="不新鲜">
|
|
<view class="condition-info">
|
|
<view class="condition-name">不新鲜</view>
|
|
<view class="condition-desc">30天以上的鸡蛋</view>
|
|
</view>
|
|
<view class="condition-check" wx:if="{{evaluateData.freshness === '不新鲜'}}">✓</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 步骤5：大小选择 -->
|
|
<view wx:if="{{evaluateStep === 5}}" class="evaluate-step">
|
|
<view class="step-content">
|
|
<view class="step-title">鸡蛋大小</view>
|
|
<view class="step-subtitle">请选择鸡蛋的大小规格</view>
|
|
|
|
<view class="condition-list">
|
|
<view class="condition-item {{evaluateData.size === '特大' ? 'selected' : ''}}"
|
|
bindtap="selectCondition" data-type="size" data-value="特大">
|
|
<view class="condition-info">
|
|
<view class="condition-name">特大</view>
|
|
<view class="condition-desc">单枚≥70g</view>
|
|
</view>
|
|
<view class="condition-check" wx:if="{{evaluateData.size === '特大'}}">✓</view>
|
|
</view>
|
|
|
|
<view class="condition-item {{evaluateData.size === '大' ? 'selected' : ''}}"
|
|
bindtap="selectCondition" data-type="size" data-value="大">
|
|
<view class="condition-info">
|
|
<view class="condition-name">大</view>
|
|
<view class="condition-desc">单枚60-70g</view>
|
|
</view>
|
|
<view class="condition-check" wx:if="{{evaluateData.size === '大'}}">✓</view>
|
|
</view>
|
|
|
|
<view class="condition-item {{evaluateData.size === '中' ? 'selected' : ''}}"
|
|
bindtap="selectCondition" data-type="size" data-value="中">
|
|
<view class="condition-info">
|
|
<view class="condition-name">中</view>
|
|
<view class="condition-desc">单枚50-60g</view>
|
|
</view>
|
|
<view class="condition-check" wx:if="{{evaluateData.size === '中'}}">✓</view>
|
|
</view>
|
|
|
|
<view class="condition-item {{evaluateData.size === '小' ? 'selected' : ''}}"
|
|
bindtap="selectCondition" data-type="size" data-value="小">
|
|
<view class="condition-info">
|
|
<view class="condition-name">小</view>
|
|
<view class="condition-desc">单枚＜50g</view>
|
|
</view>
|
|
<view class="condition-check" wx:if="{{evaluateData.size === '小'}}">✓</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 步骤6：包装情况 -->
|
|
<view wx:if="{{evaluateStep === 6}}" class="evaluate-step">
|
|
<view class="step-content">
|
|
<view class="step-title">包装情况</view>
|
|
<view class="step-subtitle">请选择鸡蛋的包装完好程度</view>
|
|
|
|
<view class="condition-list">
|
|
<view class="condition-item {{evaluateData.packaging === '原装完整' ? 'selected' : ''}}"
|
|
bindtap="selectCondition" data-type="packaging" data-value="原装完整">
|
|
<view class="condition-info">
|
|
<view class="condition-name">原装完整</view>
|
|
<view class="condition-desc">原包装完好无损</view>
|
|
</view>
|
|
<view class="condition-check" wx:if="{{evaluateData.packaging === '原装完整'}}">✓</view>
|
|
</view>
|
|
|
|
<view class="condition-item {{evaluateData.packaging === '部分包装' ? 'selected' : ''}}"
|
|
bindtap="selectCondition" data-type="packaging" data-value="部分包装">
|
|
<view class="condition-info">
|
|
<view class="condition-name">部分包装</view>
|
|
<view class="condition-desc">包装有轻微破损</view>
|
|
</view>
|
|
<view class="condition-check" wx:if="{{evaluateData.packaging === '部分包装'}}">✓</view>
|
|
</view>
|
|
|
|
<view class="condition-item {{evaluateData.packaging === '散装' ? 'selected' : ''}}"
|
|
bindtap="selectCondition" data-type="packaging" data-value="散装">
|
|
<view class="condition-info">
|
|
<view class="condition-name">散装</view>
|
|
<view class="condition-desc">无原包装</view>
|
|
</view>
|
|
<view class="condition-check" wx:if="{{evaluateData.packaging === '散装'}}">✓</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 步骤7：数量选择 -->
|
|
<view wx:if="{{evaluateStep === 7}}" class="evaluate-step">
|
|
<view class="step-content">
|
|
<view class="step-title">请选择数量</view>
|
|
<view class="step-subtitle">请选择鸡蛋的数量</view>
|
|
|
|
<view class="option-list">
|
|
<view class="option-item {{evaluateData.quantity === '500' ? 'selected' : ''}}" bindtap="selectQuantity" data-quantity="500">
|
|
<view class="option-text">500个</view>
|
|
<view class="option-arrow">›</view>
|
|
</view>
|
|
<view class="option-item {{evaluateData.quantity === '1000' ? 'selected' : ''}}" bindtap="selectQuantity" data-quantity="1000">
|
|
<view class="option-text">1000个</view>
|
|
<view class="option-arrow">›</view>
|
|
</view>
|
|
<view class="option-item {{evaluateData.quantity === '2000' ? 'selected' : ''}}" bindtap="selectQuantity" data-quantity="2000">
|
|
<view class="option-text">2000个</view>
|
|
<view class="option-arrow">›</view>
|
|
</view>
|
|
<view class="option-item {{evaluateData.quantity === '10000' ? 'selected' : ''}}" bindtap="selectQuantity" data-quantity="10000">
|
|
<view class="option-text">10000个</view>
|
|
<view class="option-arrow">›</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 获取报价按钮 -->
|
|
<view class="get-price-section">
|
|
<button class="get-price-btn" bindtap="getQuote">获取报价</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 步骤9：估价结果 -->
|
|
<view wx:if="{{evaluateStep === 9}}" class="evaluate-step result-step">
|
|
<view class="step-content">
|
|
<view class="result-header">
|
|
<view class="result-icon">💰</view>
|
|
<view class="result-title">估价完成</view>
|
|
<view class="result-subtitle">基于您选择的商品信息计算得出</view>
|
|
|
|
<!-- 核心价格 -->
|
|
<view class="price-result">
|
|
<view class="price-label">预估总价</view>
|
|
<view class="price-amount">
|
|
<text class="price-symbol">¥</text>
|
|
<text class="price-number">{{evaluateResult.totalPrice}}</text>
|
|
</view>
|
|
<view class="price-unit">元（{{evaluateData.quantity}}个）</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="result-content">
|
|
<!-- AI报价信息 -->
|
|
<view class="ai-quotation" wx:if="{{evaluateResult.aidate}}">
|
|
<view class="ai-quotation-title">
|
|
<text class="ai-icon">🤖</text>
|
|
AI智能报价
|
|
</view>
|
|
<view class="ai-quotation-content">{{evaluateResult.aidate}}</view>
|
|
</view>
|
|
|
|
<!-- 商品信息 -->
|
|
<view class="product-info-card">
|
|
<view class="product-type">{{evaluateData.breed}}</view>
|
|
<view class="product-details">
|
|
<view class="product-spec">{{evaluateData.spec}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 商品状况 -->
|
|
<view class="condition-summary">
|
|
<view class="summary-title">商品状况</view>
|
|
<view class="condition-items">
|
|
<view class="condition-item">
|
|
<view class="condition-label">新鲜度</view>
|
|
<view class="condition-value">{{evaluateData.freshness}}</view>
|
|
</view>
|
|
<view class="condition-item">
|
|
<view class="condition-label">大小</view>
|
|
<view class="condition-value">{{evaluateData.size}}</view>
|
|
</view>
|
|
<view class="condition-item">
|
|
<view class="condition-label">包装</view>
|
|
<view class="condition-value">{{evaluateData.packaging}}</view>
|
|
</view>
|
|
<view class="condition-item">
|
|
<view class="condition-label">规格</view>
|
|
<view class="condition-value">{{evaluateData.spec}}</view>
|
|
</view>
|
|
<view class="condition-item">
|
|
<view class="condition-label">数量</view>
|
|
<view class="condition-value">{{evaluateData.quantity}}个</view>
|
|
</view>
|
|
<view class="condition-item">
|
|
<view class="condition-label">单价</view>
|
|
<view class="condition-value">{{evaluateResult.finalPrice}}元/斤</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 价格说明 -->
|
|
<view class="price-tips">
|
|
<text class="tip-icon">💡</text>
|
|
<text class="tip-text">此价格仅供参考，实际成交价可能因市场波动有所差异</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 操作按钮 -->
|
|
<view class="result-actions">
|
|
<button class="btn-secondary" bindtap="goToBuy">立即购买</button>
|
|
<button class="btn-primary" bindtap="goToSell">即刻上架</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|