prsx-crm/packageA/target/index.wxml

<van-tabs active="{{ active }}" color='#3874F6' tab-class='tab-class' tab-active-class='tab-active-class' bind:change="tabsChange">
    <van-tab title="业绩目标" />
    <van-tab title="业绩项目目标" />
</van-tabs>
<!-- 过滤 -->
<view class="filtrate">
    <view>全部<text class="iconfont icon-daoruxialajiantou" /></view>
    <view catchtap="openActions">
        {{actionSheet}}<text class="iconfont icon-daoruxialajiantou" />
    </view>
    <picker mode="date" value="{{content.year}}" fields='year' start="2015" end="2023" bindchange="bindDateChange">
        <view class="picker"><text class="iconfont icon-daoruxialajiantou" />{{content.year}}<text class="iconfont icon-daoruxialajiantou" /></view>
    </picker>
</view>
<van-action-sheet show="{{ showActions }}" actions="{{ actions }}" bind:select='select' bind:cancel='cancelActions' cancel-text="取消" />

<view class="box">
    <view class="label">
        <text class="iconfont icon-a-shouyeshujugaikuangzhanshishuju" />
        <text>目标完成情况（金额:万元）</text>
    </view>
    <view class="content">
        <view class="col1">
            <view style="margin-top: 62rpx;">年度:</view>
            <block wx:if="{{content.year==year}}">
                <view>本季:</view>
                <view>本月:</view>
            </block>
        </view>
        <view class="col2">
            <view class="title">
                <view>基本目标</view>
                <view>挑战目标</view>
                <view>实际完成</view>
            </view>
            <view class="row">
                <view>{{targetYear.yl}}</view>
                <view>{{targetYear.yh}}</view>
                <view><text>{{targetYear.ya}}</text></view>
            </view>
            <block wx:if="{{content.year==year}}">
                <view class="row">
                    <view>{{targetSeason.sl}}</view>
                    <view>{{targetSeason.sh}}</view>
                    <view><text>{{targetSeason.sa}}</text></view>
                </view>
                <view class="row">
                    <view>{{targetMonth.ml}}</view>
                    <view>{{targetMonth.mh}}</view>
                    <view><text>{{targetMonth.ma}}</text></view>
                </view>
            </block>
        </view>
    </view>
    <view style="height:20rpx" />
</view>
<!-- 目标完成情况 -->
<view class="box">
    <view class="label">
        <text class="iconfont icon-a-shouyeshujugaikuangzhanshishuju" />
        <text>目标完成情况（金额:万元）</text>
    </view>
    <brokenLine id='line' />
</view>
<!-- 目标完成率 -->
<view class="box">
    <view class="label">
        <text class="iconfont icon-a-shouyeshujugaikuangzhanshishuju" />
        <text>目标完成率（实际相对目标的完成率）</text>
    </view>
    <histogram id='histogram' />
</view>

<view style="height: 130rpx;" />
<view class="footer">
    <van-button custom-class='but' bindtap="toDetail">{{active=='业绩目标'?'我的业绩目标':'我的项目目标'}}</van-button>
</view>