113 lines
4.9 KiB
Plaintext
113 lines
4.9 KiB
Plaintext
<view class="padding_box">
|
|
<t-divider content="{{showDate}}" data-mode="showDate" bind:tap="showPicker"/>
|
|
</view>
|
|
<t-tabs defaultValue="{{0}}" t-class="custom-tabs" theme="card">
|
|
<t-tab-panel label="总览" value="0" class="tab_content">
|
|
<view class="space_box font_big">
|
|
<text class="t-color-expend">支出\n {{1203.00}}</text>
|
|
<text class="t-color-income">收入\n {{1203.00}}</text>
|
|
<text class="t-color-transfer">转账\n {{1203.00}}</text>
|
|
<text class="t-color-repayment">还款\n {{1203.00}}</text>
|
|
</view>
|
|
<view class="padding_box">
|
|
<t-divider dashed content="账单明细"/>
|
|
</view>
|
|
<view wx:if="{{accountList != null && accountList.length > 0}}">
|
|
<t-cell-group theme="card">
|
|
<t-cell wx:for="{{accountList}}" wx:key="index"
|
|
title="{{item.title}}"
|
|
description="{{item.dateTime}} • {{item.from}}"
|
|
align="top"
|
|
image="/image/bill/4.png"
|
|
note="{{item.money}}"
|
|
class="t-cell-{{item.type}}"
|
|
url="{{'/pages/bill/index?id=' + item.id}}"
|
|
/>
|
|
</t-cell-group>
|
|
</view>
|
|
<view wx:else class="empty-view" >
|
|
<t-empty icon="chart-bubble" description="今日还未记账" />
|
|
</view>
|
|
</t-tab-panel>
|
|
<t-tab-panel label="支出分类" value="1">
|
|
<view class="chart-box">
|
|
<ec-canvas id="mychart-dom-pie" canvas-id="mychart-pie" ec="{{ ecPie }}"></ec-canvas>
|
|
<view wx:if="{{payTypeList != null && payTypeList.length > 0}}">
|
|
<t-cell-group theme="card">
|
|
<t-cell wx:for="{{payTypeList}}" wx:key="index"
|
|
title="{{item.title}}"
|
|
description="{{item.progress}}%"
|
|
align="top"
|
|
image="/image/bill/8.png"
|
|
note="{{item.money}}"
|
|
class="t-cell-{{item.type}}"
|
|
url="{{'/pages/chart/group/index?type=' + item.type}}"
|
|
/>
|
|
</t-cell-group>
|
|
</view>
|
|
<view class="placeholder"/>
|
|
</view>
|
|
</t-tab-panel>
|
|
<t-tab-panel label="趋势" value="2">
|
|
<view class="chart-box">
|
|
<view class="center_box">当月</view>
|
|
<ec-canvas id="mychart-dom-line1" canvas-id="mychart-line1" ec="{{ ecLine1 }}"></ec-canvas>
|
|
</view>
|
|
<view class="chart-box2">
|
|
<view class="center_box">近6个月</view>
|
|
<ec-canvas id="mychart-dom-line2" canvas-id="mychart-line2" ec="{{ ecLine2 }}"></ec-canvas>
|
|
</view>
|
|
</t-tab-panel>
|
|
<t-tab-panel label="排行" value="3">
|
|
<t-tabs defaultValue="{{0}}" t-class="custom-tabs" theme="card">
|
|
<t-tab-panel label="支出" value="0">
|
|
<view class="tabs_crevice"/>
|
|
<view wx:if="{{payList != null && payList.length > 0}}">
|
|
<t-cell-group theme="card">
|
|
<t-cell wx:for="{{payList}}" wx:key="index"
|
|
title="{{item.title}}"
|
|
description="{{item.dateTime}} • {{item.from}}"
|
|
align="top"
|
|
image="/image/bill/2.png"
|
|
note="{{item.money}}"
|
|
class="t-cell-{{item.type}}"
|
|
url="{{'/pages/bill/index?id=' + item.id}}"
|
|
/>
|
|
</t-cell-group>
|
|
</view>
|
|
</t-tab-panel>
|
|
<t-tab-panel label="收入" value="1">
|
|
<view class="tabs_crevice"/>
|
|
<view wx:if="{{incomeList != null && incomeList.length > 0}}">
|
|
<t-cell-group theme="card">
|
|
<t-cell wx:for="{{incomeList}}" wx:key="index"
|
|
title="{{item.title}}"
|
|
description="{{item.dateTime}} • {{item.from}}"
|
|
align="top"
|
|
image="/image/bill/4.png"
|
|
note="{{item.money}}"
|
|
class="t-cell-{{item.type}}"
|
|
url="{{'/pages/bill/index?id=' + item.id}}"
|
|
/>
|
|
</t-cell-group>
|
|
</view>
|
|
</t-tab-panel>
|
|
</t-tabs>
|
|
</t-tab-panel>
|
|
</t-tabs>
|
|
<view class="placeholder"/>
|
|
<foot-tab value="label_2"/>
|
|
<!-- 年月 -->
|
|
<t-date-time-picker
|
|
title="选择日期"
|
|
visible="{{showDateVisible}}"
|
|
mode="month"
|
|
value="{{showDate}}"
|
|
format="YYYY-MM"
|
|
bindchange="onConfirm"
|
|
bindpick="onColumnChange"
|
|
bindcancel="hidePicker"
|
|
start="{{start}}"
|
|
end="{{end}}"
|
|
/>
|