modify:新增小程序

This commit is contained in:
ECRZ
2026-01-06 18:00:43 +08:00
parent 498fa0e915
commit da4a055c1c
47 changed files with 7321 additions and 61 deletions

127
Sale/pages/trend/trend.wxml Normal file
View 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>