historydetail.wxml
2.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!--pages/main/finalpayment/historydetail/historydetail.wxml-->
<view class='page'>
<view style='padding:30rpx;'>
<text class='text_gray_32'>当前选择月份</text>
<view class='float_right'>
<text class='text_gray_32'>2018年</text>
<image class='arrow_wrap' style='margin-top: 8rpx' src='/images/arrow_right.png'></image>
</view>
</view>
<view style='height:20rpx;width:100%;background:#f5f5f5'></view>
<view style='padding-left:30rpx;background:#ffffff;height:100rpx;'>
<image class='icon_wrap' src="/images/rectangle_icon.png"></image>
<text style='padding-left:20rpx;line-height:100rpx' class='text_gray_32'>专项附加扣除概览</text>
</view>
<view class='divide_line_f5f5f5'></view>
<view class="container_wrap">
<canvas canvas-id="pieCanvas" class="canvas" style="height:560rpx" bindtouchstart="touchHandler"></canvas>
</view>
<view class='divide_line_f5f5f5'></view>
<view style='display: flex;flex-wrap: nowrap;height:144rpx'>
<view style='flex-grow: 1;justify-content:center;display: flex;flex-direction: column;'>
<text class='text_num_wrap'>24138.2</text>
<text class='text_text_wrap'>所得(元)</text>
</view>
<view style='width:2rpx;height:84rpx;background:#f5f5f5;'></view>
<view style='flex-grow: 1;justify-content:center;display: flex;flex-direction: column;'>
<text class='text_num_wrap'>5861.8</text>
<text class='text_text_wrap'>应纳税额(元)</text>
</view>
</view>
<view style='height:20rpx;width:100%;background:#f5f5f5'></view>
<view style='padding:0 30rpx;height:100rpx'>
<text class='text_333_28_bold ' style='line-height:100rpx'>专项扣除</text>
</view>
<view>
<view style='height:2rpx;width:94%;background:#f5f5f5;align-self:center'></view>
<view style='padding:0 30rpx;height:80rpx'>
<text class='text_333_28 float_left'>基本养老保险</text>
<input class='text_999_28 float_right' style='margin-top:12rpx' value='500.00'> </input>
</view>
<view style='height:2rpx;width:94%;background:#f5f5f5'></view>
<view style='padding:0 30rpx;height:80rpx'>
<text class='text_333_28 float_left'>基本失业保险</text>
<input class='text_999_28 float_right' style='margin-top:12rpx' value='500.00'> </input>
</view>
<view style='height:2rpx;width:94%;background:#f5f5f5'></view>
<view style='padding:0 30rpx;height:80rpx'>
<text class='text_333_28 float_left'>基本医疗保险</text>
<input class='text_999_28 float_right' style='margin-top:12rpx' value='500.00'> </input>
</view>
<view style='height:2rpx;width:94%;background:#f5f5f5'></view>
<view style='padding:0 30rpx;height:80rpx'>
<text class='text_333_28 float_left'>住房公积金</text>
<input class='text_999_28 float_right' style='margin-top:12rpx' value='500.00'> </input>
</view>
</view>
</view>