<ion-view view-title="{{titleArr[recordid == -1 ? 0 : 1]}}消费记录">
    <ion-nav-buttons side="right">
        <button class="button button-clear" ng-click="ok();">完成</button>
    </ion-nav-buttons>
    <ion-content>
        <div class="item item-divider"></div>
        <label class="item item-input text-input">
            <span class="input-label">金额&nbsp;￥</span>
            <input type="number" ng-model="record.amount" placeholder="输入金额" ng-pattern="/^([1-9][\d]{0,8}|0)(\.[\d]{1,2})?$/">
        </label>
        <div class=" item item-divider"></div>
        <ion-item class="item item-icon-right over-flow-auto item-text-wrap" ng-click="selectPayType();">
            消费类型
            <p class="label-right-text">{{record.type_modal.name}}</p>
            <i class="icon ion-chevron-right icon-accessory"></i>
        </ion-item>
        <ion-item class="item item-icon-right over-flow-auto item-text-wrap" ng-click="selectSpendDate(record.spend_date)">
            消费日期
            <p class="label-right-text">{{record.spend_date | date:"y年MM月dd日"}}</p>
            <i class="icon ion-chevron-right icon-accessory"></i>
        </ion-item>
        <div class=" item item-divider"></div>
        <div class="item">票据图片</div>
        <div class="item camera-item">
            <div ng-repeat="img in record.files" ng-click="shouBigImage(img.file_full_path)">
                <img ng-src="{{img.file_thumbnail_path}}"/>
            </div>
            <div class="center" ng-click="addphoto()">
                <i class="icon ion-image"></i>
            </div>
        </div>
        <div class=" item item-divider"></div>
        <label class="item item-input text-input">
            <span class="input-label">描述</span>
            <input type="text" ng-model="record.description" placeholder="输入描述"/>
        </label>
        <div class=" item item-divider" ng-if="recordid>0"></div>
        <ion-item class="item assertive" type="item-text-wrap" ng-if="recordid>0" ng-click="deleteRecord();" style="text-align:center">
            删除
        </ion-item>
    </ion-content>
    <div ng-show="commons.bigImage" class="popover-backdrop1">
        <img class="fullscreen-image" ng-click="hideBigImage()" ng-src="{{Url}}" ng-pinch-zoom/>
        <i class="ion-ios-trash-outline" ng-click="deleteimage();"></i>
    </div>
</ion-view>
