<ion-view view-title="{{titleArr[type]}}报销单" hide-back-button="true">
    <ion-nav-buttons side="left">
        <button class="button button-clear" ng-click="cancel();">取消</button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
        <button class="button button-clear" ng-click="ok('bill');">完成</button>
    </ion-nav-buttons>
    <ion-content>
        <div class="item item-divider"></div>
        <label class="item item-input text-input">
            <span class="input-label">标题</span>
            <input type="text" placeholder="输入报销单名称" ng-model="bill.title"/>
        </label>
        <div class="item item-divider"></div>
        <ion-item class="item auditemp-box">
            需报销的消费({{records.length}})
            <label for="" class="edit-text-label positive" ng-click="toEditRecord()">修改</label>
            <div class="item item-text-wrap bill-record-box">
                <div class="item item-icon-left" ng-repeat="item in records">
                    <i class="icon icon-style" ng-class="item.type_modal.icon" style="background-color:{{item.type_modal.icon_color}}"></i>{{item.description}}
                    <span class="item-note ">￥{{item.amount}}</span>
                    <p>{{item.spend_date | date:'yyyy-MM-dd'}}</p>
                </div>
            </div>

            <div class="bill-sum ">共计：
                <label class="assertive">￥{{amountSum}}</label>
            </div>
        </ion-item>
        <div class="item item-divider"></div>
        <!--<label class="item item-input text-input">-->
            <!--<span class="input-label">补助&nbsp;￥</span>-->
            <!--<input type="number" ng-model="bill.grant" placeholder="输入金额(选填)" ng-pattern="/^([1-9][\d]{0,8}|0)(\.[\d]{1,2})?$/">-->
        <!--</label>-->
        <label class="item item-input text-input">
            <span class="input-label">备注</span>
            <input type="text" ng-model="bill.note" placeholder="输入备注(选填)"/>
        </label>
        <div class="item item-divider"></div>
        <ion-item class="item">
            报销审批步骤
        </ion-item>
        <ion-list class="audit-list bill-auditlist-box">
            <ion-item class="bill-audit-item item-thumbnail-left item-text-wrap">
                <img ng-src="../../../img/panda.png">
                <h2>{{checkusrdata[0].create_user.username}}</h2>
                <p>申请</p>
                <ion-delete-button class="ion-minus-circled" ng-click="onItemDelete(item)">
                </ion-delete-button>
            </ion-item>
            <div class=" "></div>
            <ion-item class="bill-audit-item item-thumbnail-left item-text-wrap" ng-repeat="checkusr in checkusrdata">
                <img ng-src="../../../img/panda.png">
                <h2>{{checkusr.verifier.username}}</h2>
                <p>{{checkusr.verifier.degree}}</p>
                <ion-delete-button class="ion-minus-circled" ng-click="onItemDelete(item)">
                </ion-delete-button>
            </ion-item>
            <div class=" "></div>
            <ion-item class="item-border">
            </ion-item>
            <ion-list>
    </ion-content>
</ion-view>
