shebao-baidu-MiniProgram/page/homepage/pages/s-pay/s-pay.swan

<scroll-view  scroll-y style="height:{{scrollHeight}}px" id="scrollBox" bindscroll="scrollAction"
	scroll-with-animation scroll-top="{{scrollTop}}">
	<view id="wrapBox">
		<view>
			<image src="../../../../icon/home/s_p_banner.png" class="banner"></image>
		</view>
		<view class="sale">
			<view class="wrap">
				<text>自助缴社保 按当地最低标准缴费</text>
				<text>服务费降至行业冰点价，每月只需{{data.shebao_charge}}元</text>
				<view>
					<text>服务费：¥{{servicePrice}}</text>
					<text>月销量{{sale}}笔</text>
				</view>
			</view>
		</view>
		<view class="type">
			<view s-for="currentData" class="typeItem"
				style="height:{{index == 0 ? 180 : 100}}rpx;display:{{index==1 ? typeStatus?'block':'none' : 'block'}}">
				<view class="wrap">
					<text>{{item.t}}</text>
					<view bindtap="openModal" data-type="{{dataset[index]}}">
						<text>{{item.c}}</text>
						<text
							s-if="{{index==0}}">目前可购买{{time.sYear}}年{{time.sMonth}}月及之后月份，截止时间为{{time.eMonth}}月{{time.eDay}}日</text>
						<image src="../../../../icon/public/arrow_right.png"></image>
					</view>
				</view>
			</view>
			<view class="tips" s-if="{{data.shebao_desc}}">
				<view s-for="{{data.shebao_desc}}">
					<text></text>
					<text>{{item}}</text>
				</view>
			</view>
		</view>
		<view class="detail">
			<view class="residence">
				<view class="wrap">
					<view s-for="ui[1]" bindtap="moveLine" data-index="{{index}}">
						<view>{{item}}</view>
						<view class="blueLine" s-if="{{index==0}}" style="left:{{lineX}}rpx"></view>
					</view>
				</view>
			</view>
			<view class="detailItem">
				<view class="wrap">
					<view>
						<text>{{totalPrice[0].c}}</text>
						<text>¥{{totalPrice[0].p}}/月</text>
					</view>
				</view>
			</view>
			<view class="detailItem" s-if="{{haveYearPay}}">
				<view class="wrap">
					<view>
						<text>{{totalPrice[1].c}}</text>
						<text>¥{{totalPrice[1].p}}/月</text>
					</view>
				</view>
			</view>
			<view class="detailItem">
				<view class="wrap">
					<view s-for="data.shebaos[detailIndex].data" class="detailList">
						<text>{{item.n}}</text>
						<text>¥ {{item.p}}</text>
					</view>
				</view>
			</view>
			<view class="detailItem" s-if="{{haveYearPay}}">
				<view class="wrap">
					<view class="detailList">
						<text>{{yearPayData.n}}</text>
						<view class="yearPay">
							<text>年缴</text>
							<image src="../../../../icon/home/new_customer_info.png" bindtap="showYearPay"></image>
						</view>
						<text>¥ {{yearPayData.p}}</text>
					</view>
				</view>
			</view>
			<view bindtap="goDetail">
				<text>查看详情</text>
				<image src="../../../../icon/public/arrow_right_blue.png" style="width:6px;height:10px"></image>
			</view>
		</view>
		<view class="service">
			<view>
				<text>服务费</text>
				<text>¥{{data.shebao_charge}}/月</text>
			</view>
			<text>含0.6%通道服务费和增值税费</text>
		</view>
		<view class="guide">
			<view class="read" s-for="ui[2]">
				<view class="title">
					<image src="../../../../icon/home/purchase_tips.png" class="star"></image>
					{{item.c}}
				</view>
				<view class="desc">
					<view class="descItem" s-for="item.d" style="margin-bottom:30rpx">
						<view></view>
						{{item}}
					</view>
				</view>
			</view>

			<view class="progress box" id="progressBox">
				<view class="{{anchor}}" id="anchor">
					<view class="wrap" id="anchorWrap">
						<view s-for="ui[3]" bindtap="anchorAction"
							class="{{index==anchorIndex?'selected':'anchorItem'}}" data-index="{{index}}">{{item}}
						</view>
					</view>
					<view class="blueLine" style="width:{{anchorItemWidth}}px" animation="{{animationData}}"></view>
				</view>
				<view>
					<view class="title">
						购买流程
						<image src="../../../../icon/home/purchase_tips.png" class="star"></image>
					</view>
					<image src="../../../../icon/home/process_s.png"></image>
				</view>
			</view>
			<view class="advantage box" id="advantageBox">
				<view id="advantage"></view>
				<view class="title">
					平台优势
					<image src="../../../../icon/home/purchase_tips.png" class="star"></image>
				</view>
				<view class="desc">
					<view class="descItem" s-for="ui[4]">
						<view></view>
						{{item}}
					</view>
				</view>
				<view class="pic">
					<view class="picItem" s-for="ui[5]">
						<image src="../../../../icon/home/{{item.p}}.png"></image>
						<text>{{item.c}}</text>
					</view>
				</view>
			</view>
			<view class="ask box" id="askBox">
				<view id="ask"></view>
				<view class="title">
					社保购买常见问题
					<image src="../../../../icon/home/purchase_tips.png" class="star"></image>
				</view>
				<view class="pic">
					<view class="askItemLeft">
						<image src="../../../../icon/home/tips_left_a.png"></image>
						<view class="msgLeft">
							<image src="../../../../icon/home/tips_left_top.png" class="top"></image>
							<image src="../../../../icon/home/tips_left_bottom.png" class="bottom"></image>
							<image src="../../../../icon/home/tips_left_left.png" class="left"></image>
							<image src="../../../../icon/home/tips_left_right.png" class="right"></image>
							<text>付款成功后，一般什么时候可以查询参保情况呢？</text>
						</view>
					</view>
					<view class="askItemRight">
						<view class="msgRight" style="padding:34rpx;">

							<image src="../../../../icon/home/tips_right_top.png"></image>
							<text>当月下单截止后，专员会开始进行跟进。
								如有异常，则会通过信息或电话通知您；没有通知则表示正常操作，一般可于<text
									style="font-family:PingFangSC-Semibold">次月1日-15日</text>查询缴纳情况。</text>
						</view>
						<image src="../../../../icon/home/tips_right_a.png"></image>
					</view>
					<view class="askItemLeft">
						<image src="../../../../icon/home/tips_left_a.png"></image>
						<view class="msgLeft">
							<image src="../../../../icon/home/tips_left_top.png" class="top"></image>
							<image src="../../../../icon/home/tips_left_bottom.png" class="bottom"></image>
							<image src="../../../../icon/home/tips_left_left.png" class="left"></image>
							<image src="../../../../icon/home/tips_left_right.png" class="right"></image>
							<text>如果社保缴纳没有成功，你们会给予退款么？</text>
						</view>
					</view>
					<view class="askItemRight">
						<view class="msgRight">
							<image src="../../../../icon/home/tips_right_top.png"></image>
							<text>会的，因您自身原因办理不成功，或符合申请退款条件的，则给予退款。但是支付通道收取0.6%的手续费，需由您自己承担。
								退款一般会于月底或次月初前原路退还给您。
							</text>
						</view>
						<image src="../../../../icon/home/tips_right_a.png"></image>
					</view>
					<view class="askItemLeft">
						<image src="../../../../icon/home/tips_left_a.png"></image>
						<view class="msgLeft">
							<image src="../../../../icon/home/tips_left_top.png" class="top"></image>
							<image src="../../../../icon/home/tips_left_bottom.png" class="bottom"></image>
							<image src="../../../../icon/home/tips_left_left.png" class="left"></image>
							<image src="../../../../icon/home/tips_left_right.png" class="right"></image>
							<text>你们可以办理社保卡么？办理需要多长时间？</text>
						</view>
					</view>
					<view class="askItemRight">
						<view class="msgRight" style="margin-bottom:60rpx">
							<image src="../../../../icon/home/tips_right_top.png"></image>
							<text>可以办理的，但若您是停保期间是无法办卡的哦。
								社保卡一般会在当月成功缴费后的2-6个月内出卡（不同地区时间不一样）。
								办理成功后会以邮寄方式寄给您，邮费到付。
							</text>
						</view>
						<image src="../../../../icon/home/tips_right_a.png"></image>
					</view>
				</view>
			</view>
			<view class="tips box" id="tipsBox">
				<view id="tips{{suffix}}"></view>
				<view class="title">
					温馨提示
					<image src="../../../../icon/home/purchase_tips.png" class="star"></image>
				</view>
				<view class="wrap">
					<view class="tipsItem" s-for="ui[6]">
						<image src="../../../../icon/home/tips_{{index}}.png"></image>
						<text>{{item}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
    <view class="{{suffix}}" s-if="{{suffix}}"></view>
</scroll-view>
<view class="footer{{suffix}}">
	<view class="wrap">
		<view class="pic">
			<!-- <view bindtap="goKefu">
				<image src="../../../../icon/home/service_online.png"></image>
				<text>联系客服</text>
			</view> -->
			<view bindtap="hotline">
				<image src="../../../../icon/home/hot_line.png"></image>
				<text>拨打热线</text>
			</view>
		</view>
		<view class="btn">
			<view class="left" bindtap="goNext" data-type="quickBuySheBao">一键续保</view>
			<view class="right" bindtap="goNext">立即参保</view>
		</view>
	</view>
</view>
<choosecity-modal id="chooseCityModal" bindchangeCurrent="changeCurrent"></choosecity-modal>
<hotline id="hotline"></hotline>