<scroll-view class="scroll" scroll-x>
    <view class="box">
        <navigator url="#" class="parallel {{active==index?'active':''}} {{viewIndex==index?'view-index':''}}" wx:for="{{list}}" wx:key="item.sa_projstagetemp_stageid" data-index="{{index}}" bindtap="changeViewItem">
            <view class="mian">
                <view class="label">{{item.stagename}}</view>
                <view class="schedule">
                    {{item.finish}}/{{item.work.length}}
                </view>
            </view>
            <view class="circle" style="border-color: {{active>=index?'#3874F6':'#CCCCCC'}};">
                <view class="line" style="width: {{item.width+'px'}};">
                    <view style="height: 100%;width: {{item.progress+'%'}};background: #3874F6;" />
                </view>
            </view>
        </navigator>
    </view>
</scroll-view>

<view class="start">
    <view class="title">{{list[viewIndex].stagename}} 阶段</view>
    <van-button custom-class='but' disabled="{{list[viewIndex].active==1}}" bind:click="setActive">进入当前阶段</van-button>
</view>

<List list='{{list[viewIndex].work}}' isFollow='{{viewIndex===active}}' />