<view class="space_box view_bg">
    <view class="inline_box font_large">
        <image src="https://tdesign.gtimg.com/site/miniprogram-doc/doc-actionsheet.png"/>
        {{name}}
    </view>
    <view class="{{money > 0 ? 't-color-income' : 't-color-expend'}} font_large">{{money > 0 ? "+" + money : money}}</view>
</view>
<view class="padding_box">
    <t-divider dashed/>
</view>
<t-cell title="分类" note="{{moneyName}}">
    <t-icon name="view-module" slot="left-icon" />
</t-cell>
<view wx:if="{{billType == 'TRANSFER' || billType == 'REPAYMENT'}}">
    <t-cell title="账户" note="{{fromAccountName}}">
        <t-icon name="creditcard" slot="left-icon" />
    </t-cell>
    <t-cell title="目标" note="{{accountName}}">
        <t-icon name="creditcard" slot="left-icon" />
    </t-cell>
</view>
<view wx:if="{{billType == 'INCOME' || billType == 'EXPEND'}}">
    <t-cell title="账户" note="{{accountName}}">
        <t-icon name="creditcard" slot="left-icon" />
    </t-cell>
    <t-cell title="余额" note="{{balance}}">
        <t-icon name="root-list" slot="left-icon" />
    </t-cell>
</view>
<t-cell title="时间" note="{{date}}">
    <t-icon name="calendar" slot="left-icon" />
</t-cell>
<t-textarea value="{{remark}}" maxlength="200" bindchange="onRemarkInput" disabled />
<view class="bottom_box">
    <view class="space_box">
        <t-button theme="danger" variant="outline" block bind:tap="deleteBill">删除</t-button>
        <t-button theme="primary" variant="outline" block bind:tap="editBill">编辑</t-button>
    </view>
</view>
<t-dialog
        visible="{{showDeleteConfirm}}"
        title="删除该笔记账?"
        confirm-btn="{{ { content: '确定', variant: 'base'} }}"
        cancel-btn="取消"
        bind:confirm="onConfirm"
        bind:cancel="closeDialog"
>
</t-dialog>
