home.wxml 8.2 KB
<!--pages/main/advancepayment/home.wxml-->
<view>
  <!-- <scroll-view style='margin-bottom:40rpx'>
    <view style='padding:30rpx;background:#ffffff'>
      <picker  mode="date" fields="month" start="1970-01" end="2100-01" bindchange="datePickerChange">
        <view>
          <text class='text_gray_32'>当前选择月份</text>
          <view class='float_right'>
            <text class='text_gray_32'>{{choosed_date}}</text>
            <image class='arrow_wrap' src='/images/arrow_right.png'></image>
          </view>
        </view>
      </picker>
      <view class='divide_line_f5f5f5'></view>
      <view style='padding:30rpx 0'>
        <text class='text_666_30 float_left'>累计工资收入</text>
        <text class='text_333_30_bold float_right'>400000.00</text>
      </view>
      <view class='divide_line_f5f5f5' style='margin-top:30rpx'></view>
      <view style='padding:30rpx 0'>
        <text class='text_666_30 float_left'>累计免税收入</text>
        <text class='text_333_30_bold float_right'>40.00</text>
      </view>
      <view class='divide_line_f5f5f5' style='margin-top:30rpx'></view>
      <view style='padding:30rpx 0'>
        <text class='text_666_30 float_left'>累计基本减除费用</text>
        <text class='text_333_30_bold float_right'>8000.00</text>
      </view>
      <view class='divide_line_f5f5f5' style='margin-top:30rpx'></view>
      <view style='padding:30rpx 0'>
        <text class='text_666_30 float_left'>累计专项扣除额</text>
        <text class='text_333_30_bold float_right'>84783.00</text>
      </view>
      <view class='divide_line_f5f5f5' style='margin-top:30rpx'></view>
      <view style='padding:30rpx 0'>
        <text class='text_666_30 float_left'>累计专项附加扣除额</text>
        <text class='text_333_30_bold float_right'>32200.00</text>
      </view>
      <view class='divide_line_f5f5f5' style='margin-top:30rpx'></view>
      <view style='padding:30rpx 0'>
        <text class='text_666_30 float_left'>累计其他扣除额</text>
        <text class='text_333_30_bold float_right'>0.00</text>
      </view>
      <view class='divide_line_f5f5f5' style='margin-top:30rpx'></view>
      <view style='padding:30rpx 0'>
        <text class='text_666_30 float_left'>累计预缴应纳税所得额</text>
        <text class='text_333_30_bold float_right'>32983000.00</text>
      </view>
    </view>
    <view style='margin:30rpx;positive:relative;width:92%;height:312rpx'>
      <image class=' payment_img_bg ' src='/images/payment_bg.png ' style='position:absolute;z-index: 1;'></image>
      <view>
        <view class='view_bg_wrap' style='margin-top: 44rpx;'>
          <view style='flex-grow: 1;text-align:center;display: flex;flex-direction: column;'>
            <text class='text_num_wrap'>3838.9</text>
            <text class='text_text_wrap'>累计应预扣预缴税额</text>
          </view>
          <view style='width:2rpx;height:74rpx;background:#ffffff;'></view>
          <view style='flex-grow: 1;text-align:center;display: flex;flex-direction: column;'>
            <text class='text_num_wrap'>10398.01</text>
            <text class='text_text_wrap'>已预扣预缴税额</text>
          </view>
          <view style='width:2rpx;height:74rpx;background:#ffffff;'></view>
          <view style='flex-grow: 1;text-align:center;display: flex;flex-direction: column;'>
            <text class='text_num_wrap'>133.09</text>
            <text class='text_text_wrap'>本期应预扣预缴税额</text>
          </view>
        </view>

        <view class='view_bg_wrap' style='margin-top: 180rpx;'>
          <view style='flex-grow: 1;text-align:center;display: flex;flex-direction: column;'>
            <text class='text_num_wrap'>30.8%</text>
            <text class='text_text_wrap'>使用税率</text>
          </view>
          <view style='width:2rpx;height:74rpx;background:#ffffff;'></view>
          <view style='flex-grow: 1;text-align:center;display: flex;flex-direction: column;'>
            <text class='text_num_wrap'>19106.91</text>
            <text class='text_text_wrap'>速算扣除数</text>
          </view>
        </view>
      </view>
    </view>

    <view style='padding-left:30rpx;background:#ffffff'>
      <image class='icon_wrap' src="/images/rectangle_icon.png"></image>
      <text style='padding-left:20rpx' class='text_gray_32'>工资明细</text>
    </view>
    <view style='margin-top:2rpx;background:#ffffff;padding-bottom:30rpx'>
      <view style='padding:30rpx'>
        <text class='text_wrap_left'>公司名称</text>
        <text class='text_wrap_right'>北京小爱智能科技</text>
      </view>
      <view style='padding:30rpx'>
        <text class='text_wrap_left'>计薪时间</text>
        <text class='text_wrap_right'>2018/09/09 20:10</text>
      </view>
      <view style='padding:30rpx'>
        <text class='text_wrap_left'>发薪时间</text>
        <text class='text_wrap_right'>2018/09/10 09:00 </text>
      </view>
      <view style='padding:30rpx'>
        <text class='text_wrap_left'>实发工资</text>
        <text class='text_wrap_right'>13860.00</text>
      </view>
    </view>
  </scroll-view> -->

  <picker mode="date" fields="month" start="1970-01" end="2100-01" bindchange="datePickerChange">
    <view style='padding: 0 30rpx;background:#2F72E0'>
      <text class='text_white_28'>{{choosed_date}}</text>
      <view class='float_right'>
        <image class='arrow_wrap' src='/images/arrow_down.png'></image>
      </view>
    </view>
  </picker>
  <view class="swiper-tab" style='display:flex'>
    <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" style="margin:0 90rpx" data-current="0" bindtap="swichNav">预扣预缴</view>
    <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" style="margin:0 90rpx" data-current="1" bindtap="swichNav">工资明细</view>
  </view>
  <view style='height:10rpx;background:#f8f8f8'></view>
  <view class="swiper-box page" style="height:100%;margin-top:20rpx" bindchange="bindChange">
    <view wx:if="{{currentTab==0}}">
      <view wx:for="{{datas}}" style='margin-bottom:20rpx'>
        <view class='card_rectangle_bg_column' style='padding:30rpx'>
          <text style='text-align:left;font-size: 28rpx;color: #333;font-family: PingFangSC-Semibold;'>所得项目:工资薪金</text>
          <view class='divide_line_f5f5f5' style='margin:30rpx 0'></view>
          <text class='text_666_28'>累计收入额:10800.00</text>
          <text class='text_666_28'>累计应缴纳所得额:43800.00</text>
          <text class='text_666_28'>累计应扣缴税额:1860.00</text>
          <text class='text_666_28'>已预交税额:1130.00</text>
          <text class='text_666_28'>本期应缴税额:730.00</text>
        </view>
      </view>
    </view>
    <view wx:else>
      <view wx:for="{{datas}}" style='margin-bottom:20rpx'>
        <view class='card_rectangle_bg_column' style='padding:30rpx'>
          <text style='text-align:left;font-size: 28rpx;color: #333;font-family: PingFangSC-Semibold;'>薪酬批次工资:业务部八月工资</text>
          <view class='divide_line_f5f5f5' style='margin:20rpx 0'></view>
          <text class='text_666_28'>发薪日:2018、10、31</text>
          <text class='text_666_28'>计薪时间:2018/10/01-2018/10/31</text>
          <text class='text_666_28'>应发额度:23460.00</text>
          <text class='text_666_28'>实发:13980.00</text>
          <view class='divide_line_f5f5f5' style='margin:20rpx 0'></view>
          <view wx:if="{{!isshow}}" bindtap='gospan'>
            <text style='font-size:28rpx;color:#4e8fe7;text-align:left'>展开</text>
            <image class='head_image_wrap_down' src='/images/arrow_blue_down.png'></image>
          </view>
          <view wx:if="{{isshow}}" bindtap='gospan'>
            <text style='font-size:28rpx;color:#4e8fe7;text-align:left'>收起</text>
            <image class='head_image_wrap_up' src='/images/arrow_blue_up.png'></image>
          </view>
          <view wx:if="{{isshow}}" wx:for="{{datas}}">
            <view>
              <text style='font-size:28rpx;color:#999;text-align:left'>中文姓名</text>
              <text style='font-size:28rpx;color:#999;text-align:right'>嘎嘎</text>
            </view>
          </view>
        </view>
      </view>

    </view>
  </view>
</view>