shebao-baidu-MiniProgram/public/pages/order/order.swan

<view class="tips" s-if="{{tips.length}}">
	<view s-for="{{tips}}">
		<text></text>
		<text>{{item}}</text>
	</view>
</view>
<view class="header">
	<view class="top">
		<view class="date" bindtap="chooseDate">
			<text class="title">开始月份</text>
			<text class="value">{{startYear}}年{{startMonth}}月</text>
		</view>
		<view class="title">{{nums}}个月</view>
		<view class="date" bindtap="chooseDate">
			<text class="title" style="text-align:right">结束月份</text>
			<text class="value">{{endYear}}年{{endMonth}}月</text>
		</view>
	</view>
	<view class="bottom">
		<view class="addr" data-type="city" bindtap="openModal">
			<text class="title">所在城市</text>
			<text class="value">{{currentCity.name}}</text>
		</view>
		<view class="hukou" data-type="hukou" bindtap="openModal">
			<text class="title" style="text-align:right">户籍性质</text>
			<text class="value">{{currentHukou}}</text>
		</view>
	</view>
</view>
<view class="content">

	<view class="shebao" s-if="{{type==0}}">
		<view class="first">
			<view class="type" s-if="{{haveType}}" data-type="type" bindtap="openModal">
				<view class="wrap">
					<text>参保方案</text>
					<view class="arrow">
						{{currentType}}
						<image src="../../../icon/public/arrow_right.png"></image>
					</view>
				</view>
			</view>
			<view class="isFirst switch">
				<view class="wrap">
					<text>本城市首次参保</text>
					<switch color="#4CD964" bindchange="switchAction" data-type="isFirstBuySheBao"
						checked="{{isFirstBuySheBao}}">
						<switch />
				</view>
			</view>
			<view class="shebaoPrice">
				<view class="wrap">
					<text>社保费用</text>
					<view style="font-family: PingFangSC-Medium;font-size: 16px;color: #FF5E5E;">¥ {{shebaoPrice}}
						{{nums==1?'/月':'(共'+nums+'月)'}}</view>
				</view>
			</view>
			<view class="isCard" data-type="card" bindtap="openModal">
				<view class="wrap">
					<text>社保卡办理</text>
					<view class="arrow">
						{{currentCard[1]}}
						<image src="../../../icon/public/arrow_right.png"></image>
					</view>
				</view>
			</view>
			<view class="cardPrice" s-if="{{currentCard[0]}}">
				<view class="wrap">
					<text>办理费用</text>
					<view>
						<text
							style="font-family: PingFangSC-Medium;font-size: 16px;color: #FF5E5E;">¥{{cardPrice}}</text>
						<text
							style="font-family: PingFangSC-Regular;font-size: 13px;color: #999999;">缴费成功后2-6个月出卡</text>
					</view>
				</view>
			</view>
		</view>
		<view class="job" s-if="{{needWage}}">
			<view>
				<view class="wrap">
					<view>
						<text>是否在职</text>
						<image src="../../../icon/home/new_customer_info.png" bindtap="openJobModal"></image>
					</view>
					<switch color="#4CD964" bindchange="switchAction" data-type="job" checked="{{isJob}}">
				</view>
			</view>
			<view s-if="{{!isJob}}">
				<view class="wrap">
					<text>社保流水</text>
					<view>
						<input value="{{wageMoney}}" type="number" placeholder="{{wage}}" maxlength="4"
							bindinput="inputAction" data-type="wage" />
					</view>
				</view>
			</view>
		</view>
		<view class=" second">同时购买公积金，公积金服务费立减{{cheapMoney}}元/月</view>
		<view class="isFund switch">
			<view class="wrap">
				<text>是否购买公积金</text>
				<switch color="#4CD964" bindchange="switchAction" data-type="buyFund" checked="{{buyFund}}">
					<switch />
			</view>
		</view>
		<view class="third" s-if="{{buyFund}}">
			<view class="switch">
				<view class="wrap">
					<text>本城市首次缴公积金</text>
					<switch color="#4CD964" bindchange="switchAction" data-type="isFirstBuyFund"
						checked="{{isFirstBuyFund}}">
						<switch />
				</view>
			</view>
			<view>
				<view class="wrap">
					<text>缴费金额</text>
					<view>
						<input value="{{fundPrice?fundPrice:''}}" type="number"
							placeholder="{{fundPriceRange[0]}}元-{{fundPriceRange[1]}}元" maxlength="4"
							bindinput="inputAction" />
					</view>
				</view>
			</view>
			<view class="detail">
				<view class="wrap">
					<view><text>工资基数(参考)</text><text>{{salary}}元</text></view>
					<view><text>企业比例</text><text>{{ep}}%</text></view>
					<view><text>个人比列</text><text>{{pp}}%</text></view>
				</view>
			</view>
			<view>
				<view class="wrap">
					<text>公积金费用</text>
					<view style="font-family: PingFangSC-Medium;font-size: 16px;color: #FF5E5E;">
						¥{{fundTotalPrice}}{{nums==1?'/月':'(共'+nums+'月)'}}
					</view>
				</view>
			</view>
		</view>
	</view>

	<view class="funds" s-if="{{type==2}}">
		<view class="first">
			<view class="isFirstFund switch">
				<view class="wrap">
					<text>本城市首次缴公积金</text>
					<switch color="#4CD964" bindchange="switchAction" data-type="isFirstBuyFund"
						checked="{{isFirstBuyFund}}">
						<switch />
				</view>
			</view>
			<view>
				<view class="wrap">
					<text>缴费金额</text>
					<view>
						<input value="{{fundPrice?fundPrice:''}}" type="number"
							placeholder="{{fundPriceRange[0]}}元-{{fundPriceRange[1]}}元" maxlength="4"
							bindinput="inputAction" />
					</view>
				</view>
			</view>
			<view class="detail">
				<view class="wrap">
					<view><text>工资基数(参考)</text><text>{{salary}}元</text></view>
					<view><text>企业比例</text><text>{{ep}}%</text></view>
					<view><text>个人比列</text><text>{{pp}}%</text></view>
				</view>
			</view>
			<view>
				<view class="wrap">
					<text>公积金费用</text>
					<view style="font-family: PingFangSC-Medium;font-size: 16px;color: #FF5E5E;">
						¥{{fundTotalPrice}}{{nums==1?'/月':'(共'+nums+'月)'}}
					</view>
				</view>
			</view>
		</view>
		<view class="second">
			同时购买社保，社保服务费立减{{cheapMoney}}元/月
		</view>
		<view class="isShebao switch">
			<view class="wrap">
				<text>是否购买社保</text>
				<switch color="#4CD964" bindchange="switchAction" data-type="buySheBao" checked="{{buySheBao}}">
					<switch />
			</view>
		</view>
		<view class="third" s-if="{{buySheBao}}">
			<view class="switch">
				<view class="wrap" style="border-top:2rpx solid #eeeeee">
					<text>本城市首次参保</text>
					<switch color="#4CD964" bindchange="switchAction" data-type="isFirstBuySheBao"
						checked="{{isFirstBuySheBao}}">
						<switch />
				</view>
			</view>
			<view class="type" s-if="{{haveType}}" data-type="type" bindtap="openModal">
				<view class="wrap">
					<text>参保方案</text>
					<view class="arrow">
						{{currentType}}
						<image src="../../../icon/public/arrow_right.png"></image>
					</view>
				</view>
			</view>
			<view class="detail">
				<view class="wrap">
					<view s-for="{{shebaoData}}"><text>{{item.n}}</text><text>¥{{item.p}}</text></view>
				</view>
			</view>
			<view class="shebaoPrice">
				<view class="wrap">
					<text>社保费用</text>
					<view style="font-family: PingFangSC-Medium;font-size: 16px;color: #FF5E5E;">¥
						{{shebaoPrice}}{{nums==1?'/月':'(共'+nums+'月)'}}</view>
				</view>
			</view>
			<view class="isCard" data-type="card" bindtap="openModal">
				<view class="wrap">
					<text>社保卡办理</text>
					<view class="arrow">
						{{currentCard[1]}}
						<image src="../../../icon/public/arrow_right.png"></image>
					</view>
				</view>
			</view>
			<view class="cardPrice" s-if="{{currentCard[0]}}">
				<view class="wrap">
					<text>办理费用</text>
					<view>
						<text
							style="font-family: PingFangSC-Medium;font-size: 16px;color: #FF5E5E;">¥{{cardPrice}}</text>
						<text
							style="font-family: PingFangSC-Regular;font-size: 13px;color: #999999;">缴费成功后2-6个月出卡</text>
					</view>
				</view>
			</view>
		</view>
		<view class="job" s-if="{{needWage}}">
			<view>
				<view class="wrap">
					<view>
						<text>是否在职</text>
						<image src="../../../icon/home/new_customer_info.png" bindtap="openJobModal"></image>
					</view>
					<switch color="#4CD964" bindchange="switchAction" data-type="job" checked="{{isJob}}">
				</view>
			</view>
			<view s-if="{{!isJob}}">
				<view class="wrap">
					<text>社保流水</text>
					<view>
						<input value="{{wageMoney}}" type="number" placeholder="{{wage}}" maxlength="4"
							bindinput="inputAction" data-type="wage" />
					</view>
				</view>
			</view>
		</view>
	</view>

	<view s-if="{{type==1}}">
		<view>
			<view class="type" s-if="{{haveType}}" data-type="type" bindtap="openModal">
				<view class="wrap">
					<text>参保方案</text>
					<view class="arrow">
						{{currentType}}
						<image src="../../../icon/public/arrow_right.png"></image>
					</view>
				</view>
			</view>
			<view class="shebaoPrice">
				<view class="wrap">
					<text>社保费用</text>
					<view style="font-family: PingFangSC-Medium;font-size: 16px;color: #FF5E5E;">¥
						{{shebaoPrice}}{{nums==1?'/月':'(共'+nums+'月)'}}</view>
				</view>
			</view>
		</view>
	</view>
	<view s-if="{{type==3}}">
		<view>
			<view>
				<view class="wrap">
					<text>缴费金额</text>
					<view>
						<input value="{{fundPrice?fundPrice:''}}" type="number"
							placeholder="{{fundPriceRange[0]}}元-{{fundPriceRange[1]}}元" maxlength="4"
							bindinput="inputAction" />
					</view>
				</view>
			</view>
			<view class="detail">
				<view class="wrap">
					<view><text>工资基数(参考)</text><text>{{salary}}元</text></view>
					<view><text>企业比例</text><text>{{ep}}%</text></view>
					<view><text>个人比列</text><text>{{pp}}%</text></view>
				</view>
			</view>
			<view>
				<view class="wrap">
					<text>公积金费用</text>
					<view style="font-family: PingFangSC-Medium;font-size: 16px;color: #FF5E5E;">
						¥{{fundTotalPrice}}{{nums==1?'/月':'(共'+nums+'月)'}}
					</view>
				</view>
			</view>
		</view>
	</view>
	<view style="width: 100%;height: 68rpx;" s-if="{{suffix}}"></view>
</view>
<view class="footer{{suffix}}">
	<view class="wrap">
		<text>服务费</text>
		<view>
			<text
				style="font-family: PingFangSC-Medium;font-size: 32rpx;color: #FF5E5E;">¥{{serviceMoney}}{{nums==1?'/月':'(共'+nums+'月)'}}</text>
			<text s-if="cheap" style=" font-size: 26rpx;color: #999999;text-align: right;">已优惠{{cheapTotalMoney}}元</text>
		</view>
	</view>
	<view class="wrap">
		<view>
			<text>合计：</text>
			<view class="totalPrice">
				<text>¥{{totalMoneyArr[0]}}</text>
				<text>{{totalMoneyArr[1]}}</text>
			</view>
		</view>
		<view class="btn" bindtap="btnAction">确认参保</view>
	</view>
</view>
<view class="modal" s-if="{{modalStatus}}">
	<view bindtap="closeJobModal"></view>
	<view class="detail" animation="{{animationData}}">
		<view class="header">
			<view>
				<view></view>
				<text>是否在职</text>
			</view>
            <image src="./../../../icon/public/close.png" bindtap="closeJobModal"></image>
		</view>
		<scroll-view scroll-y class="box {{suffix}}" animation="{{modalAnimation}}">
			<view class="item">
				<text class="blue">在职的用户</text>
				<text class="black">在职的 (不限城市) 无需在平台缴纳社保流水。</text>
				<text class="blue">不在职的用户</text>
				<text class="black">不在职的需要在平台缴纳社保流水，以提供资金流水记录。</text>
				<text class="black" style="margin:34rpx 0 100rpx">1. 流水费与社保费分开，生成独立的流水订单，成功支付后，逢周三退还至参保人银行卡。
					2. 流水不会做个税申报处理。
					3. 支付通道会产生35元手续费。</text>
			</view>
            <view class="line"></view>
            <view class="item">
                <text style="margin-top:40rpx">请如实填写您现在是否在职，若不实填写导致后续办理社保相关业务有问题，平台不负责哦。</text>
            </view>
		</scroll-view>
	</view>
</view>
<choosecity-modal id="chooseCityModal" bindchangeCurrent="changeCurrent"></choosecity-modal>