historydetail.wxml 3.0 KB
<!--pages/main/finalpayment/historydetail/historydetail.wxml-->
<view class='page'>
<picker  mode="date" fields="month" start="1970-01" end="2100-01" bindchange="datePickerChange">
  <view style='padding:30rpx;'>
    <text class='text_gray_32'>当前选择月份</text>
    <view class='float_right'>
      <text class='text_gray_32'>{{choosed_date}}</text>
      <image class='arrow_wrap' style='margin-top: 8rpx' src='/images/arrow_right.png'></image>
    </view>
  </view>
  </picker>
  <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>