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.
195 lines
7.2 KiB
195 lines
7.2 KiB
<!-- policy-interpretation.wxml -->
|
|
<view class="container">
|
|
<!-- 头部区域 -->
|
|
<view class="header">
|
|
<view class="title-section">
|
|
<text class="page-title">农牧业政策解读</text>
|
|
<text class="page-subtitle">为您解读最新政策，助力农牧业发展</text>
|
|
</view>
|
|
<view class="date-info">数据更新至: {{currentDate}}</view>
|
|
</view>
|
|
|
|
<!-- 搜索和筛选区域 -->
|
|
<view class="search-section">
|
|
<view class="search-box">
|
|
<image class="search-icon" src="/pagesA/images/ss.png"></image>
|
|
<input
|
|
class="search-input"
|
|
placeholder="搜索政策关键词"
|
|
placeholder-class="placeholder-style"
|
|
bindinput="onSearchInput"
|
|
value="{{searchKeyword}}"
|
|
/>
|
|
<view class="search-btn" bindtap="onSearch">搜索</view>
|
|
</view>
|
|
|
|
<view class="filter-section">
|
|
<scroll-view class="filter-scroll" scroll-x="true">
|
|
<view
|
|
class="filter-tag {{activeFilter === 'all' ? 'active' : ''}}"
|
|
data-filter="all"
|
|
bindtap="onFilterTap"
|
|
>全部</view>
|
|
<view
|
|
class="filter-tag {{activeFilter === 'financial' ? 'active' : ''}}"
|
|
data-filter="financial"
|
|
bindtap="onFilterTap"
|
|
>财政补贴</view>
|
|
<view
|
|
class="filter-tag {{activeFilter === 'technology' ? 'active' : ''}}"
|
|
data-filter="technology"
|
|
bindtap="onFilterTap"
|
|
>技术推广</view>
|
|
<view
|
|
class="filter-tag {{activeFilter === 'insurance' ? 'active' : ''}}"
|
|
data-filter="insurance"
|
|
bindtap="onFilterTap"
|
|
>农业保险</view>
|
|
<view
|
|
class="filter-tag {{activeFilter === 'environment' ? 'active' : ''}}"
|
|
data-filter="environment"
|
|
bindtap="onFilterTap"
|
|
>生态保护</view>
|
|
<view
|
|
class="filter-tag {{activeFilter === 'latest' ? 'active' : ''}}"
|
|
data-filter="latest"
|
|
bindtap="onFilterTap"
|
|
>最新政策</view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 政策列表区域 -->
|
|
<view class="policy-list">
|
|
<view wx:if="{{filteredPolicies.length === 0}}" class="empty-state">
|
|
<image class="empty-icon" src="/images/empty.png"></image>
|
|
<text class="empty-text">暂无相关政策</text>
|
|
<text class="empty-tip">请尝试其他筛选条件</text>
|
|
</view>
|
|
|
|
<block wx:for="{{filteredPolicies}}" wx:key="id">
|
|
<view class="policy-card" data-id="{{item.id}}" bindtap="onPolicyTap">
|
|
<view class="policy-header">
|
|
<view class="policy-tag {{item.type}}">{{item.typeText}}</view>
|
|
<view class="policy-date">{{item.date}}</view>
|
|
</view>
|
|
|
|
<view class="policy-title">{{item.title}}</view>
|
|
|
|
<view class="policy-content">
|
|
<text class="policy-summary">{{item.summary}}</text>
|
|
</view>
|
|
|
|
<view class="policy-footer">
|
|
<view class="policy-source">{{item.source}}</view>
|
|
<image class="policy-arrow" src="/pagesB/images/you.png" mode=""/>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
|
|
<!-- 政策详情弹窗 -->
|
|
<view class="modal {{showPolicyDetail ? 'show' : ''}}" catchtap="hidePolicyDetail">
|
|
<view class="modal-content" catchtap="stopPropagation">
|
|
<view class="modal-header">
|
|
<view class="modal-title">{{currentPolicy.title}}</view>
|
|
<view class="modal-close" bindtap="hidePolicyDetail">×</view>
|
|
</view>
|
|
|
|
<scroll-view class="modal-body" scroll-y="true">
|
|
<view class="policy-info-row">
|
|
<view class="info-item">
|
|
<text class="info-label">政策类型:</text>
|
|
<text class="info-value">{{currentPolicy.typeText}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="info-label">发布日期:</text>
|
|
<text class="info-value">{{currentPolicy.date}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="info-label">发布单位:</text>
|
|
<text class="info-value">{{currentPolicy.source}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="section">
|
|
<view class="section-title">政策要点</view>
|
|
<view class="section-content">
|
|
<block wx:for="{{currentPolicy.keyPoints}}" wx:key="index">
|
|
<view class="key-point">{{index + 1}}. {{item}}</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="section">
|
|
<view class="section-title">详细解读</view>
|
|
<view class="section-content">
|
|
<text class="interpretation-text">{{currentPolicy.interpretation}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="section">
|
|
<view class="section-title">适用对象</view>
|
|
<view class="section-content">
|
|
<view class="applicable-objects">
|
|
<block wx:for="{{currentPolicy.applicableObjects}}" wx:key="index">
|
|
<view class="object-tag">{{item}}</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="section">
|
|
<view class="section-title">申报指南</view>
|
|
<view class="section-content">
|
|
<block wx:for="{{currentPolicy.applicationGuide}}" wx:key="index">
|
|
<view class="guide-item">
|
|
<view class="guide-step">{{index + 1}}</view>
|
|
<view class="guide-text">{{item}}</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="section">
|
|
<view class="section-title">专家建议</view>
|
|
<view class="section-content">
|
|
<view class="expert-advice">
|
|
<view class="advice-header">
|
|
<image class="expert-avatar" src="/images/expert.png"></image>
|
|
<view class="expert-info">
|
|
<text class="expert-name">张农业</text>
|
|
<text class="expert-title">农业政策研究员</text>
|
|
</view>
|
|
</view>
|
|
<view class="advice-content">{{currentPolicy.expertAdvice}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="section">
|
|
<view class="section-title">相关链接</view>
|
|
<view class="section-content">
|
|
<block wx:for="{{currentPolicy.relatedLinks}}" wx:key="index">
|
|
<view class="link-item" bindtap="onLinkTap" data-url="{{item.url}}">
|
|
<text class="link-text">{{item.name}}</text>
|
|
<image class="link-icon" src="/images/link.png"></image>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<view class="modal-footer">
|
|
<button class="btn btn-secondary" bindtap="hidePolicyDetail">关闭</button>
|
|
<button class="btn btn-primary" bindtap="onSavePolicy">收藏此政策</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 底部导航提示 -->
|
|
<view class="bottom-tip">
|
|
<text class="tip-text">已加载 {{filteredPolicies.length}} 条政策解读</text>
|
|
<text class="tip-text">数据仅供参考，具体以官方发布为准</text>
|
|
</view>
|
|
</view>
|