MD_YOSwechat/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 bindtap="openPupop">{{showText}}<text class="iconfont icon-daoruxialajiantou" /></view>
    <view catchtap="openActions">
        {{actionSheet}}<text class="iconfont icon-daoruxialajiantou" />
    </view>
    <picker mode="date" value="{{content.year}}" fields='year' bindchange="bindDateChange">
        <view class="picker"><text class="iconfont icon-niandu" style="margin-right: 10rpx; color: #999;" />{{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="取消" />


<van-popup show="{{ popupShow }}" position="bottom" custom-style="height:100%;" round closeable bind:close="onClose">
    <view class="header">选择分析对象</view>
    <view style="height: 90rpx;" />
    <van-tree-select items="{{ hrList }}" content-item-class='content-item-class' content-active-class='content-active-class' height='calc(100% - 170rpx)' main-active-index="{{ mainActiveIndex }}" active-id="{{ activeId }}" bind:click-nav="onClickNav" bind:click-item="onClickItem" />
    <view class="footer" style="height: 170rpx;">
        <van-button custom-class='but' catchtap="getData">确定</van-button>
    </view>
</van-popup>

<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>