modify:新增小程序
This commit is contained in:
127
Sale/pages/trend/trend.wxml
Normal file
127
Sale/pages/trend/trend.wxml
Normal file
@@ -0,0 +1,127 @@
|
||||
<!--pages/trend/trend.wxml-->
|
||||
<view class="container">
|
||||
<!-- 筛选条件区域 -->
|
||||
<view class="filter-section">
|
||||
<view class="section-title">趋势分析</view>
|
||||
|
||||
<!-- 地区选择 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label">地区</view>
|
||||
<picker
|
||||
class="form-picker"
|
||||
mode="selector"
|
||||
range="{{regions}}"
|
||||
value="{{selectedRegionIndex}}"
|
||||
bindchange="onRegionChange">
|
||||
<view class="picker-text {{selectedRegionIndex === -1 ? 'placeholder' : ''}}">
|
||||
{{selectedRegionIndex === -1 ? '全部地区' : regions[selectedRegionIndex]}}
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
|
||||
<!-- 材质选择 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label">材质</view>
|
||||
<picker
|
||||
class="form-picker"
|
||||
mode="selector"
|
||||
range="{{materials}}"
|
||||
value="{{selectedMaterialIndex}}"
|
||||
bindchange="onMaterialChange">
|
||||
<view class="picker-text {{selectedMaterialIndex === -1 ? 'placeholder' : ''}}">
|
||||
{{selectedMaterialIndex === -1 ? '全部材质' : materials[selectedMaterialIndex]}}
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
|
||||
<!-- 时间范围选择 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label">时间范围</view>
|
||||
<picker
|
||||
class="form-picker"
|
||||
mode="selector"
|
||||
range="{{dayRanges}}"
|
||||
range-key="{{'label'}}"
|
||||
value="{{selectedDayIndex}}"
|
||||
bindchange="onDayRangeChange">
|
||||
<view class="picker-text {{selectedDayIndex === -1 ? 'placeholder' : ''}}">
|
||||
{{dayRanges[selectedDayIndex].label}}
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
|
||||
<!-- 查询按钮 -->
|
||||
<view class="btn-group">
|
||||
<button
|
||||
class="btn-primary"
|
||||
bindtap="onQuery"
|
||||
loading="{{loading}}"
|
||||
disabled="{{loading}}">
|
||||
查询趋势
|
||||
</button>
|
||||
<button
|
||||
class="btn-secondary"
|
||||
bindtap="onReset"
|
||||
disabled="{{loading}}">
|
||||
重置
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 图表展示区域 -->
|
||||
<view class="chart-section" wx:if="{{hasData}}">
|
||||
<view class="chart-card">
|
||||
<view class="chart-title">价格走势图</view>
|
||||
<view class="chart-container">
|
||||
<ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec }}"></ec-canvas>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 数据统计卡片 -->
|
||||
<view class="stats-summary">
|
||||
<view class="stat-item">
|
||||
<view class="stat-label">起始价格</view>
|
||||
<view class="stat-value">¥{{startPrice}}</view>
|
||||
</view>
|
||||
<view class="stat-item">
|
||||
<view class="stat-label">最新价格</view>
|
||||
<view class="stat-value {{priceChange >= 0 ? 'up' : 'down'}}">
|
||||
¥{{endPrice}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="stat-item">
|
||||
<view class="stat-label">价格变动</view>
|
||||
<view class="stat-value {{priceChange >= 0 ? 'up' : 'down'}}">
|
||||
{{priceChange >= 0 ? '+' : ''}}{{priceChange}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 初始提示 -->
|
||||
<view class="welcome-section" wx:if="{{!hasData && !loading}}">
|
||||
<view class="welcome-card">
|
||||
<view class="welcome-icon">📈</view>
|
||||
<view class="welcome-title">价格趋势分析</view>
|
||||
<view class="welcome-desc">选择地区和材质查看价格走势</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 加载状态 -->
|
||||
<view class="loading-section" wx:if="{{loading}}">
|
||||
<view class="loading-text">正在加载趋势数据...</view>
|
||||
</view>
|
||||
|
||||
<!-- 空状态 -->
|
||||
<view class="empty-section" wx:if="{{!hasData && searched && !loading}}">
|
||||
<view class="empty-icon">📊</view>
|
||||
<view class="empty-text">暂无趋势数据</view>
|
||||
<view class="empty-hint">请尝试调整查询条件</view>
|
||||
</view>
|
||||
|
||||
<!-- TDesign TabBar -->
|
||||
<t-tab-bar value="1" theme="normal" bindchange="onTabChange">
|
||||
<t-tab-bar-item value="0" icon="search" label="价格查询" />
|
||||
<t-tab-bar-item value="1" icon="chart-line" label="价格趋势" />
|
||||
</t-tab-bar>
|
||||
</view>
|
||||
Reference in New Issue
Block a user