先上效果圖：
001.PNG
002.PNG
003.PNG
設(shè)計(jì)模式：MVVM
V層：
經(jīng)效果圖，初步設(shè)計(jì)的容器視圖：列表視圖若治、頭視圖慨蓝、月份切換按鈕感混、篩選按鈕、月份選擇列表礼烈、篩選項(xiàng)列表弧满；
所有視圖的綁定數(shù)據(jù)都由 VM層 提供；
- 考慮到所有的數(shù)據(jù)其實(shí)都基于一個(gè)詳細(xì)明細(xì)節(jié)點(diǎn)此熬，所以要先設(shè)計(jì) M層 的數(shù)據(jù)節(jié)點(diǎn)庭呜，我們將它定義為:
TLVC_mItem。
TLVC_mItem包含了一筆交易的詳細(xì)信息摹迷，如：卡號(hào)疟赊、金額、時(shí)間峡碉、流水號(hào)近哟、交易狀態(tài)等。
M層：
TLVC_mItem {
+(instance) itemWithDetailNode:(NSDictionary*)node;
}
