nsgk_wechat/pages/index/index.wxml

<view class="container" style="background:url('../../image/index/header_bg.png') top center no-repeat; background-size: 100% auto;">
    
     <!--自定义 顶部标题样式和位置-->
    <view class="top_title" style="height:{{CustomMenuButton.bottom}}px;z-index: 7777;padding-top: {{CustomMenuButton.top}}px;"></view>
    <!--账户信息-->
    <view class="information_header">
        <navigator url="{{'settle/index?item='+item}}" class="setup" style="background:url('../../image/index/setup.png') no-repeat; background-size: 100%  100%;"></navigator> 
        <view class="portrait_head"></view>
        <view class="information_main">
            <view class="name_wrap">
                <text class="name">{{userInfoObj.nickName}}</text>
                <view class="jobs">
                    <view class="icon" style="background:url('../../image/index/header_job.png') no-repeat; background-size: 100% 100%;"></view>
                     {{userInfoObj.remark}}
                </view>
            </view>
            <view class="task_wrap ">
                <view class="flex_block">
                   <!-- <view class="desc">未完成</view> -->
                    <view class="event" bindtap="pickAddress">
                        {{ region || "请选择" }}
                    </view>
                </view>
                <view class="flex_block unfinished">
                    <!-- <view class="desc">已完成</view> -->
                    <view class="event">
                        <picker bindchange="bindPickerChange" value="{{index}}" range-key="bookName" range="{{bookList}}">
                            <view class="picker">
                                {{array[index]|| bookName}}
                            </view>
                        </picker>
                    </view>
                </view>
            </view>
            <view class="address_wrap">
                <view class="icon"></view>
                {{userInfoObj.allDeptName}}
            </view> 

        </view>
    </view>
   
    <!--主导航-->
    <view class="navList_main">
        <view class="tab_item" bindtap='swichPayment'>
            <view class="icon">
                <image class="icon_img" src="../../image/index/nav_01.png" mode="aspectFit"></image>
            </view>
            <text class="desc">支出申请</text>
        </view>
        <view class="tab_item"  bindtap='swichInCome'>
            <view class="icon">
                <image class="icon_img" src="../../image/index/nav_02.png" mode="aspectFit"></image>
            </view>
            <text class="desc">收入登记</text>
        </view>
        <view class="tab_item">
            <view class="icon">
                <image class="icon_img" src="../../image/index/nav_03.png" mode="aspectFit"></image>
            </view>
            <text class="desc">记账申请</text>
        </view>
        <view class="tab_item">
            <view class="icon">
             <image class="icon_img" src="../../image/index/nav_04.png" mode="aspectFit"></image>
            </view>
            <text class="desc">财务公开</text>
        </view>
    </view>
    <!--子导航功能导航-->
    <view class="child_function">
        <view class="flex_block">
            <view class="image"><image class="attribute" src="../../image/index/child_function_01.png" mode="aspectFit"></image></view>
            <text class="desc">收款人</text>
        </view>
        <view class="flex_block">
            <view class="image"><image class="attribute" src="../../image/index/child_function_02.png" mode="aspectFit"></image></view>
            <text class="desc">付款人</text>
        </view>
        <view class="flex_block">
            <view class="image"><image class="attribute" src="../../image/index/child_function_03.png" mode="aspectFit"></image></view>
            <text class="desc">合同报送</text>
        </view>
        <view class="flex_block">
            <view class="image"><image class="attribute" src="../../image/index/child_function_04.png" mode="aspectFit"></image></view>
            <text class="desc">固资变动</text>
        </view>
        <view class="flex_block">
            <view class="image"><image class="attribute" src="../../image/index/child_function_05.png" mode="aspectFit"></image></view>
            <text class="desc">资源变动</text>
        </view>
    </view>
    <!--工作计划-->
    <view class="work_plan">
        <view class="menu_item {{active==1?'active':''}}" bindtap="switchTab" data-gid='{{1}}'>待办<text class="remind">{{todoNum}}</text></view>
        <view class="menu_item {{active==2?'active':''}}" bindtap="switchTab" data-gid='{{2}}'>已办<text class="remind">{{doneNum}}</text></view>
        <view class="menu_item {{active==3?'active':''}}" bindtap="switchTab" data-gid='{{3}}'>已发起<text class="remind">{{yfqNum}}</text></view>
        <view class="menu_item {{active==4?'active':''}}" bindtap="switchTab" data-gid='{{4}}'>已制单<text class="remind">{{yzdNum}}</text></view>
        <view class="more" bindtap="toList">></view>
    </view>

    <scroll-view scroll-y="true" style="height: {{wrokScrollHeight}}px;" > 
        <view class="workflow" wx:if="{{active=='1'}}" wx:for-item="item" wx:for="{{todoList}}" wx:key="id">
            <!--1-->
            <view class="workflow_list">
                <view class="process_intro">
                    <view class="name">{{item.formData.payer}}</view>
                    <!-- <view class="state">待审</view> -->
                    <view class="time">{{item.formData.applyDate}}</view>
                </view>
                <view class="process_pay">
                    <view class="describe">
                        <image  class="amount_icon"  src="../../image/index/process_icon.png" mode="aspectFit"></image>
                        <text class="textLimit">{{item.formData.remark}}</text>
                    </view>
                    <view class="amount"><text class="unit">￥</text>{{item.formData.expenditureAmount}}</view>
                </view>
            </view> 
        </view>
        <view class="workflow" wx:if="{{active=='2'}}" wx:for-item="item" wx:for="{{doneList}}" wx:key="id">
            <!--1-->
            <view class="workflow_list">
                <view class="process_intro">
                    <view class="name">{{item.formData.payer}}</view>
                    <!-- <view class="state">已审</view> -->
                    <view class="time">{{item.formData.applyDate}}</view>
                </view>
                <view class="process_pay">
                    <view class="describe">
                        <image  class="amount_icon"  src="../../image/index/process_icon.png" mode="aspectFit"></image>
                        <text class="textLimit">{{item.formData.remark}}</text>
                    </view>
                    <view class="amount"><text class="unit">￥</text>{{item.formData.expenditureAmount}}</view>
                </view>
            </view> 
        </view>
        <view class="workflow"  wx:if="{{active=='3'}}" wx:for-item="item" wx:for="{{yfqList}}" wx:key="id">
            <!--1-->
            <view class="workflow_list">
                <view class="process_intro">
                    <view class="name">{{item.payer}}</view>
                    <!-- <view class="state">已发起</view> -->
                    <view class="time">{{item.applyDate}}</view>
                </view>
                <view class="process_pay">
                    <view class="describe">
                        <image  class="amount_icon"  src="../../image/index/process_icon.png" mode="aspectFit"></image>
                        <text class="textLimit">{{item.remark}}</text>
                    </view>
                    <view class="amount"><text class="unit">￥</text>{{item.expenditureAmount}}</view>
                </view>
            </view> 
        </view>
        <view class="workflow"  wx:if="{{active=='4'}}" wx:for-item="item" wx:for="{{yzdList}}" wx:key="id">
            <!--1-->
            <view class="workflow_list">
                <view class="process_intro">
                    <view class="name">{{item.payer}}</view>
                    <!-- <view class="state">已制单</view> -->
                    <view class="time">{{item.applyDate}}</view>
                </view>
                <view class="process_pay">
                    <view class="describe">
                        <image  class="amount_icon"  src="../../image/index/process_icon.png" mode="aspectFit"></image>
                        <text class="textLimit">{{item.remark}}</text>
                    </view>
                    <view class="amount"><text class="unit">￥</text>{{item.expenditureAmount}}</view>
                </view>
            </view> 
        </view>
    </scroll-view>
    <pop-up visible="{{visible}}" onClose="closePopUp">
        <view slot="content">
            <view class="picker-view">
            <view class="picker-view__pane">
                <text catchtap="cityCancel">取消</text>
                <text catchtap="citySure">确定</text>
            </view>
            <picker-view class="pick-view__group" bindchange="cityChange" bindpickstart="chooseStart" bindpickend="chooseEnd" value="{{value}}">
                <picker-view-column indicator-class="item_active">
                <view wx:for="{{provinces}}" class="picker-item" wx:key="index">{{item.label}}</view>
                </picker-view-column>
                <picker-view-column>
                <view wx:for="{{citys}}" class="picker-item" wx:key="index">{{item.label}}</view>
                </picker-view-column>
                <picker-view-column>
                <view wx:for="{{areas}}" class="picker-item" wx:key="index">{{item.label}}</view>
                </picker-view-column>
            </picker-view>
            </view>
        </view>
    </pop-up>
</view>