123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 |
- <view class="tab">
- <view id='tabWrap'>
- <view class="{{current==0?'selected':''}}" bindtap="move" data-index="0" id='tabItem'>待处理</view>
- <view class="{{current==1?'selected':''}}" bindtap="move" data-index="1">已处理</view>
- <view class="line" animation="{{animationLine}}"></view>
- </view>
- </view>
- <view class="content" animation="{{animationContent}}">
- <scroll-view scroll-y s-for="list" bindscrolltolower="loadMore" data-index="{{index}}">
- <view class="contentNull" s-if="{{!item.length}}">
- <view>
- <image src="../../../../icon/public/salary_empty.png"></image>
- <text>暂无补差额订单</text>
- </view>
- </view>
- <view s-if="{{item.length}}">
- <view class="item" s-for="item2,index2 in item">
- <view class="header">
- <view class="left">
- <text>{{item2.month}}月社保流水</text>
- <text>返还费用</text>
- </view>
- <view class="notpay" s-if="{{item2.pay_status==1}}">等待付款</view>
- <view class="ispay" s-elif="{{item2.pay_status==2}}">交易成功</view>
- <view class="fail" s-elif="{{item2.pay_status==5}}">返还失败</view>
- <view class="ispay" s-else>返还成功</view>
- </view>
- <view class="detail">
- <view><text>参保姓名</text><text>{{item2.uname}}</text></view>
- <view><text>购买月份</text><text>{{item2.year}}年{{item2.month}}月</text></view>
- </view>
- <view s-if="{{item2.pay_status==1||item2.pay_status==2}}" class="payTime"
- style="background: #{{item2.pay_status==1?'FFF7F7':'EEF8FF'}};">
- <image src="../../../../icon/mine/salary_sj_{{item2.pay_status==1?'w':'f'}}.png"></image>
- <text
- style="color:{{item2.pay_status==1?'#FF5E5E':'#3296FB'}}">{{item2.pay_status==1?"截止付款时间":"预计返还时间"}}</text>
- <text
- style="color:{{item2.pay_status==1?'#FF5E5E':'#3296FB'}}">{{item2.pay_status==1?item2.pay_date:'流水月逢周三返还'}}</text>
- </view>
- <view class="money">
- 合计金额:
- <text>¥{{item2.total_fee}}</text>
- </view>
- <view class="line"></view>
- <view class="footer">
- <view class="btn" bindtap="openModal" data-index="{{index2}}">查看详情</view>
- <view class="btn pay" s-if="{{item2.pay_status==1}}" data-index="{{index2}}" bindtap="payAction">立即付款</view>
- <view class="btn" s-else bindtap="openModal" data-index="{{index2}}" data-type="progress">费用返还进度 </view>
- </view>
- </view>
- </view>
- </scroll-view>
- </view>
- <view class="modal" s-if="{{modalStatus}}">
- <view bindtap="closeModal"></view>
- <view class="detail" animation="{{animationData}}">
- <view class="header">
- <view>
- <view></view>
- <text>{{modalType=='progress'?'返还状态':'社保流水订单详情'}}</text>
- </view>
- <image src="../../../../icon/public/close.png" bindtap="closeModal"></image>
- </view>
- <view class="scrollBox" animation="{{modalAnimation}}">
- <view>
- <view class="headerTip">{{detail.pay_status==1?'用作流水记录,逾期未缴费可能会导致参保失败。成功付款后,流水月逢周三退还至参保人银行卡。':'用作流水记录,资金在到款后,将会于流水月逢周三退还至参保人银行卡,请耐心等候。'}}</view>
- <view class="person">
- <view><text>参保姓名</text><text>{{detail.uname}}</text></view>
- <view><text>月份</text><text>{{detail.year}}年{{detail.month}}月</text></view>
- <view><text>城市</text><text>{{detail.city}}</text></view>
- <view s-if="{{detail.pay_status==1}}"><text>截止付款时间</text><text>{{detail.pay_date}}</text></view>
- <view><text>预计返还时间</text><text>流水月逢周三返还</text></view>
- <view>
- <text>{{detail.pay_status==1?'创建时间':'成交时间'}}</text><text>{{detail.pay_status==1?detail.gen_time:detail.pay_time}}</text>
- </view>
- </view>
- <view class="money">
- <view class="moneyHeader">
- <text>{{detail.pay_status==1?'待付款':'实付款'}}</text>
- <text>¥{{detail.total_fee}}</text>
- </view>
- <view class="line"></view>
- <view class="moneyContent">
- <view><text>社保流水(返还费用)</text><text>¥{{detail.wage}}</text></view>
- <view><text>服务费</text><text>¥{{detail.charge}}</text></view>
- </view>
- <view class="line" style="width:750rpx;position: relative;left: -32rpx" s-if="{{detail.pay_status!=1}}">
- </view>
- <view class="progress{{suffix}}" s-if="{{detail.pay_status!=1}}" bindtap="fanhuanStatus">
- 查看费用返还进度
- </view>
- </view>
- <view class="btn{{suffix}}" s-if="{{detail.pay_status==1}}">
- <view bindtap="pay">立即付款</view>
- </view>
- </view>
- <view>
- <view class="addCard" s-if="detail.pay_status==5||addCard">
- <text>因该参保人未添加返还银行卡信息,将会影响费用返还进度,请及时添加。</text>
- <view bindtap="addCard">立即添加</view>
- </view>
- <view class="fItem">
- <view><text>社保流水 (返还费用)</text><text>+{{detail.wage}}</text></view>
- <view><text>{{detail.pay_time}}</text><text
- style="color:{{detail.pay_status==4||detail.pay_status==11||detail.pay_status==12?'#3AB261':'#FF8D36'}}">{{detail.pay_status==4||detail.pay_status==11||detail.pay_status==12?'交易成功':'等待处理'}}</text>
- </view>
- </view>
- <view class="line"></view>
- <view class="fItem">
- <view><text>收款姓名</text><text>{{detail.uname}}</text></view>
- <view>
- <text>返还账户</text><text>{{detail.bank_code?detail.bank+'('+detail.bank_code+')':'暂无'}}</text>
- </view>
- </view>
- <view class="line"></view>
- <view class="pBox">
- <view class="pItem">
- <image src="../../../../icon/mine/salary_done.png"></image>
- <text>付款成功</text><text>{{detail.payTime}}</text>
- </view>
- <view class="pItem">
- <image src="../../../../icon/mine/salary_done.png"></image>
- <text>待专员处理(流水月逢周三返还)</text><text>{{detail.payTime}}</text>
- <image src="../../../../icon/mine/salary_line.png"></image>
- </view>
- <view class="pItem"
- s-if="{{detail.pay_status==4||detail.pay_status==11||detail.pay_status==12}}">
- <image src="../../../../icon/mine/salary_done.png"></image>
- <text>专员已操作退还</text><text>{{detail.hfTime}}</text>
- <image src="../../../../icon/mine/salary_line.png">
- </view>
- <view class="pItem" s-elif="{{detail.pay_status==5}}">
- <image src="../../../../icon/mine/salary_failure.png"></image>
- <text style="color:#FF5E5E">返还失败</text><text>{{detail.hfTime}}</text>
- <image src="../../../../icon/mine/salary_line.png">
- </view>
- <view class="pItem" s-else>
- <image src="../../../../icon/mine/salary_undone.png"></image><text
- style="color:#999999">专员已操作退还</text><text>{{detail.hfTime}}</text>
- <image src="../../../../icon/mine/salary_dashed.png">
- </view>
- </view>
- <view class="line" style="width:750rpx;position: relative;left: -32rpx" s-if="{{detail.pay_status!=2}}"></view>
- <view s-if="{{detail.pay_status!=2}}" class="tips{{suffix}}"><text>温馨提示:{{detail.pay_status==5?detail.fail_reason:'专员已操作退还社保流水费用,请您及时留意银行到账信息。'}}</text></view>
- </view>
- </view>
- </view>
- </view>
|