|
|
@@ -2,1203 +2,1324 @@
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <meta name="viewport"
|
|
|
- content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
|
|
|
- <title>超级订阅</title>
|
|
|
- <script src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/rem.js"></script>
|
|
|
- <link rel="stylesheet" type="text/css"
|
|
|
- href="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/css/base.css?v={{Msg "seo" "version"}}"/>
|
|
|
- <link rel="stylesheet" type="text/css" href="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/weui.min.css">
|
|
|
- <link rel="stylesheet" type="text/css"
|
|
|
- href="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/iconfont/iconfont.css?v={{Msg "seo" "version"}}">
|
|
|
- <link rel="stylesheet" type="text/css"
|
|
|
- href="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/css/public_.css?v={{Msg "seo" "version"}}"/>
|
|
|
- <link rel="stylesheet" type="text/css"
|
|
|
- href="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/css/appbutton.css?v={{Msg "seo" "version"}}"/>
|
|
|
- <link rel="stylesheet" type="text/css"
|
|
|
- href="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/css/vip_purchase.css?v={{Msg "seo" "version"}}">
|
|
|
- <link rel="stylesheet" type="text/css" href="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/layout.css"/>
|
|
|
- <link rel="stylesheet" type="text/css"
|
|
|
- href="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/css/font.css?v={{Msg "seo" "version"}}"/>
|
|
|
- <style>
|
|
|
- .vip_purchase {
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- </style>
|
|
|
- <!--S-手机号输入样式-->
|
|
|
- <style>
|
|
|
- .order-phone-group {
|
|
|
- background: #FFFFFF;
|
|
|
- color: #5F5E64;
|
|
|
- font-size: 15px;
|
|
|
- line-height: 22px;
|
|
|
- letter-spacing: 0px;
|
|
|
- text-align: left;
|
|
|
- padding: 8px 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-bottom: 8px;
|
|
|
- }
|
|
|
- .order-phone-group label {
|
|
|
- display: inline-block;
|
|
|
- min-width: 80px;
|
|
|
- padding: 8px 0;
|
|
|
- }
|
|
|
- .order-phone-group.error input {
|
|
|
- color: #FB483D;
|
|
|
- }
|
|
|
- .order-phone-group.error p {
|
|
|
- display: inherit;
|
|
|
- }
|
|
|
- .order-phone-group input {
|
|
|
- padding: 8px 0;
|
|
|
- color: #5F5E64;
|
|
|
- font-size: 16px;
|
|
|
- line-height: 24px;
|
|
|
- letter-spacing: 0px;
|
|
|
- text-align: left;
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
|
|
|
+ <title>超级订阅</title>
|
|
|
+ <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/rem.js'></script>
|
|
|
+ <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/css/base.css?v={{Msg "seo" "version"}}'/>
|
|
|
+ <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/weui.min.css'>
|
|
|
+ <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/iconfont/iconfont.css?v={{Msg "seo" "version"}}'>
|
|
|
+ <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/css/public_.css?v={{Msg "seo" "version"}}'/>
|
|
|
+ <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/css/appbutton.css?v={{Msg "seo" "version"}}'/>
|
|
|
+ <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/css/vip_purchase.css?v={{Msg "seo" "version"}}'>
|
|
|
+ <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/layout.css'/>
|
|
|
+ <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/css/font.css?v={{Msg "seo" "version"}}'/>
|
|
|
+ <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/css/pay-order-template.css?v={{Msg "seo" "version"}}' />
|
|
|
+ <style>
|
|
|
+ .vip_purchase {
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
- .order-phone-group input::placeholder {
|
|
|
- color: #C0C4CC;
|
|
|
- }
|
|
|
- .order-phone-group p {
|
|
|
- display: none;
|
|
|
- color: #FB483D;
|
|
|
- font-size: 12px;
|
|
|
- line-height: 18px;
|
|
|
- letter-spacing: 0px;
|
|
|
- text-align: left;
|
|
|
- margin-top: 2px;
|
|
|
- }
|
|
|
- </style>
|
|
|
- <!--E-手机号输入样式-->
|
|
|
+ </style>
|
|
|
+ <!--S-手机号输入样式-->
|
|
|
+ <style>
|
|
|
+ .order-phone-group {
|
|
|
+ background: #FFFFFF;
|
|
|
+ color: #5F5E64;
|
|
|
+ font-size: 15px;
|
|
|
+ line-height: 22px;
|
|
|
+ letter-spacing: 0px;
|
|
|
+ text-align: left;
|
|
|
+ padding: 8px 16px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ }
|
|
|
+ .order-phone-group label {
|
|
|
+ display: inline-block;
|
|
|
+ min-width: 80px;
|
|
|
+ padding: 8px 0;
|
|
|
+ }
|
|
|
+ .order-phone-group.error input {
|
|
|
+ color: #FB483D;
|
|
|
+ }
|
|
|
+ .order-phone-group.error p {
|
|
|
+ display: inherit;
|
|
|
+ }
|
|
|
+ .order-phone-group input {
|
|
|
+ padding: 8px 0;
|
|
|
+ color: #5F5E64;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 24px;
|
|
|
+ letter-spacing: 0px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .order-phone-group input::placeholder {
|
|
|
+ color: #C0C4CC;
|
|
|
+ }
|
|
|
+ .order-phone-group p {
|
|
|
+ display: none;
|
|
|
+ color: #FB483D;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 18px;
|
|
|
+ letter-spacing: 0px;
|
|
|
+ text-align: left;
|
|
|
+ margin-top: 2px;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <!--E-手机号输入样式-->
|
|
|
</head>
|
|
|
<body data-weui-theme="light">
|
|
|
-<div class="app-layout-header jy-app-header">
|
|
|
+ <div class="app-layout-header jy-app-header" style="z-index: 8;">
|
|
|
<span class="app-back jyapp-icon jyapp-icon-zuojiantou"></span>
|
|
|
超级订阅{{if not .T.isTrial }}{{else}}（试用）{{end}}
|
|
|
- <span></span></div>
|
|
|
-<div class="app-layout-content-b">
|
|
|
+ <span></span>
|
|
|
+ </div>
|
|
|
+ <div class="app-layout-content-b">
|
|
|
<div style="height: 100%">
|
|
|
- <div class="vip_purchase">
|
|
|
-
|
|
|
- {{if not .T.isTrial }}
|
|
|
- <div class="j-notice-bar bar-red free-7day-tip give" style="display: none;min-height: 0.62rem;;z-index:66;">
|
|
|
- <span class="label" style="width: 100%;text-align: center;">限时购买，3个月起，买多久送多久！</span>
|
|
|
- </div>
|
|
|
- <div class="hot-bought" style="display:none;">
|
|
|
- <span class="j-icon icon-cart"></span>
|
|
|
- <span class="bought-text">已有<span class="bought-num">0</span>人购买</span>
|
|
|
- </div>
|
|
|
- {{else}}
|
|
|
- <div class="j-notice-bar bar-red free-7day-tip give" style="display: none;z-index:66;">
|
|
|
- <span class="label">限时购买，3个月起，买多久送多久！ </span>
|
|
|
- <a href="/jyapp/vipsubscribe/vipsubscribe_new" class="link" style="padding: 0.10rem 0.44rem;">去抢</a>
|
|
|
+ <div class="vip_purchase">
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ <div class="j-notice-bar bar-red free-7day-tip give" style="display: none;min-height: 0.62rem;;z-index:66;">
|
|
|
+ <span class="label" style="width: 100%;text-align: center;">限时购买，3个月起，买多久送多久！</span>
|
|
|
+ </div>
|
|
|
+ <div class="hot-bought" style="display:none;">
|
|
|
+ <span class="j-icon icon-cart"></span>
|
|
|
+ <span class="bought-text">已有<span class="bought-num">0</span>人购买</span>
|
|
|
+ </div>
|
|
|
+ {{else}}
|
|
|
+ <div class="j-notice-bar bar-red free-7day-tip give" style="display: none;z-index:66;">
|
|
|
+ <span class="label">限时购买，3个月起，买多久送多久！ </span>
|
|
|
+ <a href="/jyapp/vipsubscribe/vipsubscribe_new" class="link" style="padding: 0.10rem 0.44rem;">去抢</a>
|
|
|
+ </div>
|
|
|
+ <div class="j-notice-bar bar-red free-7day-tip" style="display: none">
|
|
|
+ <span class="label">现在购买，可享6折优惠。</span>
|
|
|
+ <a href="/jyapp/vipsubscribe/vipsubscribe_new" class="link">去购买</a>
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+ <div class="choose_condition">
|
|
|
+ <ul class="chooseList">
|
|
|
+ <li class="choose_item">
|
|
|
+ <a href="/jyapp/vipsubscribe/toChooseArea">
|
|
|
+ <span class="label">区域</span>
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ <input type="text" disabled value="" placeholder="1个市" class="info choose_area">
|
|
|
+ {{else}}
|
|
|
+ <input type="text" disabled value="" placeholder="选择全国、省份、地市" class="info choose_area">
|
|
|
+ {{end}}
|
|
|
+ <i class="iconfont icon-arrow"></i>
|
|
|
+ </a>
|
|
|
+ <p class="add_tips area_warn" style="display: none;">请选择区域</p>
|
|
|
+ <!-- 无选择时不显示 -->
|
|
|
+ <p class="add_tips area" style="display:none">已选择 0 个省级区域、0 个地市</p>
|
|
|
+ </li>
|
|
|
+ <li class="choose_item">
|
|
|
+ <a href="/jyapp/vipsubscribe/toChooseIndustry">
|
|
|
+ <span class="label" style="white-space: nowrap;">采购单位行业</span>
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ <input type="text" disabled value="" placeholder="1个行业" class="info choose_industry">
|
|
|
+ {{else}}
|
|
|
+ <input type="text" disabled value="" placeholder="选择采购单位行业" class="info choose_industry">
|
|
|
+ {{end}}
|
|
|
+ <i class="iconfont icon-arrow"></i>
|
|
|
+ </a>
|
|
|
+ <!-- 无选择时不显示 -->
|
|
|
+ <p class="add_tips industry_warn" style="display: none;">请选择行业</p>
|
|
|
+ <p class="add_tips industry" style="display:none">已选择 0 个行业</p>
|
|
|
+ </li>
|
|
|
+ <li class="choose_item select_cycle">
|
|
|
+ <!-- 需要选择订阅周期就用a标签，div.class="free-7day"隐藏 opacity: 1 !important; -->
|
|
|
+ <!-- 需要选择试用就用div标签，a标签隐藏 -->
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ <a href="javascript:;">
|
|
|
+ <span class="label">订阅周期</span>
|
|
|
+ <span class="show_time">一个月</span>
|
|
|
+ <input type="text" readonly="readonly" disabled style="display:none;" value="1个月" class="info choose_time">
|
|
|
+ <i class="iconfont icon-arrow"></i>
|
|
|
+ </a>
|
|
|
+ {{else}}
|
|
|
+ <div class="free-7day">
|
|
|
+ <span class="label">订阅周期</span>
|
|
|
+ <i class="info">免费试用7天</i>
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- <div class="pay_mode">
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ <div class="select_payment choose_item">
|
|
|
+ <a href="javascript:;">
|
|
|
+ <span class="label">支付方式</span>
|
|
|
+ <span class="info choose_way">微信支付</span>
|
|
|
+ <i class="iconfont icon-arrow"></i>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- <div class="j-notice-bar bar-red free-7day-tip" style="display: none">
|
|
|
- <span class="label">现在购买，可享6折优惠。</span>
|
|
|
- <a href="/jyapp/vipsubscribe/vipsubscribe_new" class="link">去购买</a>
|
|
|
+ {{end}}
|
|
|
+ </div> -->
|
|
|
+ <!--S-手机号输入-->
|
|
|
+ <div class='order-phone-group'>
|
|
|
+ <label for='order_phone'>手机号码</label>
|
|
|
+ <input id='order_phone' autocomplete='off' placeholder='请输入手机号码' maxlength='11' type='tel' />
|
|
|
+ <p>手机号码输入错误</p>
|
|
|
+ </div>
|
|
|
+ <!--E-手机号输入-->
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ <ul class="chooseList" id="giveTimeBox" style="display: none;">
|
|
|
+ <li class="choose_item select_cycle">
|
|
|
+ <div class="free-7day give">
|
|
|
+ <span class="label">赠送周期</span>
|
|
|
+ <i class="info"></i>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="chooseList coupon-code-tx" style="display:none;">
|
|
|
+ <div class="coupon-code-sel choose_item">
|
|
|
+ <a href="javascript:;">
|
|
|
+ <span class="label">优惠码</span>
|
|
|
+ <span class="info">输入优惠码</span>
|
|
|
+ <i class="iconfont icon-arrow"></i>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
{{end}}
|
|
|
- <div class="choose_condition">
|
|
|
- <ul class="chooseList">
|
|
|
- <li class="choose_item">
|
|
|
- <a href="/jyapp/vipsubscribe/toChooseArea">
|
|
|
- <span class="label">区域</span>
|
|
|
- {{if not .T.isTrial }}
|
|
|
- <input type="text" disabled value="" placeholder="1个市"
|
|
|
- class="info choose_area">
|
|
|
- {{else}}
|
|
|
- <input type="text" disabled value="" placeholder="选择全国、省份、地市" class="info choose_area">
|
|
|
- {{end}}
|
|
|
- <i class="iconfont icon-arrow"></i>
|
|
|
- </a>
|
|
|
- <p class="add_tips area_warn" style="display: none;">请选择区域</p>
|
|
|
- <!-- 无选择时不显示 -->
|
|
|
- <p class="add_tips area" style="display:none">已选择 0 个省级区域、0 个地市</p>
|
|
|
- </li>
|
|
|
- <li class="choose_item">
|
|
|
- <a href="/jyapp/vipsubscribe/toChooseIndustry">
|
|
|
- <span class="label" style="white-space: nowrap;">采购单位行业</span>
|
|
|
- {{if not .T.isTrial }}
|
|
|
- <input type="text" disabled value="" placeholder="1个行业"
|
|
|
- class="info choose_industry">
|
|
|
- {{else}}
|
|
|
- <input type="text" disabled value="" placeholder="选择采购单位行业"
|
|
|
- class="info choose_industry">
|
|
|
- {{end}}
|
|
|
- <i class="iconfont icon-arrow"></i>
|
|
|
- </a>
|
|
|
- <!-- 无选择时不显示 -->
|
|
|
- <p class="add_tips industry_warn" style="display: none;">请选择行业</p>
|
|
|
- <p class="add_tips industry" style="display:none">已选择 0 个行业</p>
|
|
|
- </li>
|
|
|
- <li class="choose_item select_cycle">
|
|
|
- <!-- 需要选择订阅周期就用a标签，div.class="free-7day"隐藏 opacity: 1 !important; -->
|
|
|
- <!-- 需要选择试用就用div标签，a标签隐藏 -->
|
|
|
- {{if not .T.isTrial }}
|
|
|
- <a href="javascript:;">
|
|
|
- <span class="label">订阅周期</span>
|
|
|
- <span class="show_time">一个月</span>
|
|
|
- <input type="text" readonly="readonly" disabled style="display:none;" value="1个月"
|
|
|
- class="info choose_time">
|
|
|
- <i class="iconfont icon-arrow"></i>
|
|
|
- </a>
|
|
|
- {{else}}
|
|
|
- <div class="free-7day">
|
|
|
- <span class="label">订阅周期</span>
|
|
|
- <i class="info">免费试用7天</i>
|
|
|
- </div>
|
|
|
- {{end}}
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <!-- <div class="pay_mode">
|
|
|
- {{if not .T.isTrial }}
|
|
|
- <div class="select_payment choose_item">
|
|
|
- <a href="javascript:;">
|
|
|
- <span class="label">支付方式</span>
|
|
|
- <span class="info choose_way">微信支付</span>
|
|
|
- <i class="iconfont icon-arrow"></i>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- {{end}}
|
|
|
- </div> -->
|
|
|
- <!--S-手机号输入-->
|
|
|
- <div class='order-phone-group'>
|
|
|
- <label for='order_phone'>手机号码</label>
|
|
|
- <input id='order_phone' autocomplete='off' placeholder='请输入手机号码' maxlength='11' type='tel' />
|
|
|
- <p>手机号码输入错误</p>
|
|
|
- </div>
|
|
|
- <!--E-手机号输入-->
|
|
|
- {{if not .T.isTrial }}
|
|
|
- <ul class="chooseList" id="giveTimeBox" style="display: none;">
|
|
|
- <li class="choose_item select_cycle">
|
|
|
- <div class="free-7day give">
|
|
|
- <span class="label">赠送周期</span>
|
|
|
- <i class="info"></i>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="chooseList coupon-code-tx" style="display:none;">
|
|
|
- <div class="coupon-code-sel choose_item">
|
|
|
- <a href="javascript:;">
|
|
|
- <span class="label">优惠码</span>
|
|
|
- <span class="info">输入优惠码</span>
|
|
|
- <i class="iconfont icon-arrow"></i>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- {{end}}
|
|
|
|
|
|
- <div class="vip_rules">
|
|
|
- <!--
|
|
|
- <div class="auto_renew weui-cells_checkbox radio-form">
|
|
|
- <label class="weui-cell weui-check__label" for="auto-renew">
|
|
|
+ <div class="vip_rules">
|
|
|
+ <!--
|
|
|
+ <div class="auto_renew weui-cells_checkbox radio-form">
|
|
|
+ <label class="weui-cell weui-check__label" for="auto-renew">
|
|
|
+ <div class="weui-cell__hd">
|
|
|
+ <input type="checkbox" class="weui-check" name="autoRenewService" id="auto-renew" />
|
|
|
+ <i class="weui-icon-checked"></i>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell__bd read">
|
|
|
+ <p>开通自动续费，根据当前订阅条件，服务到期时系统将为您自动续费</p>
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ -->
|
|
|
+ <div class="vip_prise_table">
|
|
|
+ <table class="monthly">
|
|
|
+ <caption class="table_title b-line">超级订阅价格</caption>
|
|
|
+ <tr>
|
|
|
+ <td class="table-label" colspan="2">按月购买</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><span>5.8</span>元 月/市/行业</td>
|
|
|
+ <td><span>18</span>元 月/市/全行业</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><span>11.8</span>元 月/省/行业</td>
|
|
|
+ <td><span>38</span>元 月/省/全行业</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><span>118</span>元 月/全国/行业</td>
|
|
|
+ <td><span>388</span>元 月/全国/全行业</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <table class="yearly">
|
|
|
+ <tr>
|
|
|
+ <td class="table-label" colspan="2">按年购买</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><span>58</span>元 年/市/行业</td>
|
|
|
+ <td><span>180</span>元 年/市/全行业</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><span>118</span>元 年/省/行业</td>
|
|
|
+ <td><span>380</span>元 年/省/全行业</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><span>1180</span>元 年/全国/行业</td>
|
|
|
+ <td><span>3880</span>元 年/全国/全行业</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <dl class="tips">
|
|
|
+ <dt class="b-line">购买须知</dt>
|
|
|
+ <dd>套餐周期内，不支持套餐降级，续费可降级；</dd>
|
|
|
+ <dd>用户最多购买/续费3年套餐；</dd>
|
|
|
+ <dd>支持套餐升级，补差价（按月进行补差价，不足一个月按一个月计算)。</dd>
|
|
|
+ <dd>3个市及以上即为全省，10个省及以上即为全国。4个行业及以上即为全行业。</dd>
|
|
|
+ <dd>购买的采购单位行业与地域为个数，购买后可不限次数进行更换。</dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- vue组件 -->
|
|
|
+ <div class="fixed-bottom-box p15" id="coupon-vue">
|
|
|
+ <pay-order-template ref="couponRef" :config="$data" @update="updateS"></pay-order-template>
|
|
|
+ </div>
|
|
|
+ <div class="fixed-bottom-box p15" style="display: none;">
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ <div class="j-notice-bar bar-red vip-bar" style="display:none;">限时6折，现在购买，帮您省
|
|
|
+ <span class="reduce-price">0</span>元
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+ <div class="price">
|
|
|
+ <span class="billing-total">合计：</span>
|
|
|
+ <!-- <strong>¥1,300.00</strong> -->
|
|
|
+ <div class="billing-list-btn">
|
|
|
+ <span class="billing-mon">¥</span>
|
|
|
+ <strong class="billing-price">5.80</strong>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ <div class="origin-price" style="display:none;">
|
|
|
+ <span class="discount-button">
|
|
|
+ <span>优惠明细</span>
|
|
|
+ <span class="iconfont icon-arrow"></span>
|
|
|
+ </span>
|
|
|
+ <span class="price-label">原价：</span>
|
|
|
+ <div class="price-container">
|
|
|
+ <span class="currency-type">¥</span>
|
|
|
+ <span class="price-num">5.80</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+ <div class="weui-cells weui-cells_checkbox radio-form">
|
|
|
+ <label class="weui-cell weui-check__label" for="buy">
|
|
|
+ <div class="weui-cell__hd">
|
|
|
+ <input type="checkbox" class="weui-check" name="buyService" id="buy"/>
|
|
|
+ <i class="weui-icon-checked"></i>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell__bd read">
|
|
|
+ <p>
|
|
|
+ 我已阅读，理解并接受
|
|
|
+ <a href="/jyapp/front/staticPage/wx-serviceterms.html">
|
|
|
+ 《剑鱼标讯线上购买与服务条款》
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="form-btn j-footer">
|
|
|
+ <button data-need-bind-phone class="btn enter j-button" disabled id="payHandle">提交订单</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 选择行业 -->
|
|
|
+ <div class="js_dialog time_cycle p13" id="time_cycle" style="display: none;">
|
|
|
+ <div class="weui-mask"></div>
|
|
|
+ <div class="box">
|
|
|
+ <div class="box_hd">
|
|
|
+ <h3>选择订阅周期</h3>
|
|
|
+ <span class="cancel">
|
|
|
+ <span class="j-icon icon-del-grey"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="box_bd">
|
|
|
+ <!-- <div class="tips monthly_tips" style="display: none">
|
|
|
+ 3-6个月6折，大于6个月5折
|
|
|
+ </div>
|
|
|
+ <div class="tips yearly_tips" style="display: none">
|
|
|
+ 1-2年5折，3年4折
|
|
|
+ </div> -->
|
|
|
+ <!--<div class="tips profit_tips" style="display: none">已选择10个月，建议“按年订阅”</div>-->
|
|
|
+ <div class="computed">
|
|
|
+ <span class="computed_mon">￥</span>
|
|
|
+ <div class="computed_price"></div>
|
|
|
+ </div>
|
|
|
+ <div class="bd_select">
|
|
|
+ <div class="weui-cells weui-cells_checkbox choose-form">
|
|
|
+ <label class="weui-cell weui-check__label monthly_label" for="monthly">
|
|
|
+ <div class="weui-cell__hd">
|
|
|
+ <input type="radio" class="weui-check monthly" name="time" value="month" id="monthly"/>
|
|
|
+ <i class="weui-icon-checked"></i>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell__bd">
|
|
|
+ <p>按月订阅</p>
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ <div class="number_box" id="number_box_month" data-numbox-step="1" data-numbox-min="1" data-numbox-max="12">
|
|
|
+ <button class="weui-btn weui-btn_plain-default" type="button" disabled>
|
|
|
+ <div class="jy_icon decrease"></div>
|
|
|
+ </button>
|
|
|
+ <span class="month_number">1</span>
|
|
|
+ <button class="weui-btn weui-btn_plain-default add" type="button">
|
|
|
+ <div class="jy_icon increase"></div>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cells weui-cells_checkbox choose-form">
|
|
|
+ <label class="weui-cell weui-check__label yearly_label" for="yearly">
|
|
|
<div class="weui-cell__hd">
|
|
|
- <input type="checkbox" class="weui-check" name="autoRenewService" id="auto-renew" />
|
|
|
+ <input type="radio" class="weui-check yearly" name="time" value="year" id="yearly" checked/>
|
|
|
<i class="weui-icon-checked"></i>
|
|
|
</div>
|
|
|
- <div class="weui-cell__bd read">
|
|
|
- <p>开通自动续费，根据当前订阅条件，服务到期时系统将为您自动续费</p>
|
|
|
+ <div class="weui-cell__bd">
|
|
|
+ <p>按年订阅</p>
|
|
|
</div>
|
|
|
</label>
|
|
|
+ <div class="number_box" id="number_box_year" style="border: 0;">
|
|
|
+ <span class="year_number j-button-select" data-id="1">1年</span>
|
|
|
+ <span class="year_number j-button-select" data-id="2">2年</span>
|
|
|
+ <span class="year_number j-button-select" data-id="3">3年</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- -->
|
|
|
- <div class="vip_prise_table">
|
|
|
- <table class="monthly">
|
|
|
- <caption class="table_title b-line">超级订阅价格</caption>
|
|
|
- <tr>
|
|
|
- <td class="table-label" colspan="2">按月购买</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><span>5.8</span>元 月/市/行业</td>
|
|
|
- <td><span>18</span>元 月/市/全行业</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><span>11.8</span>元 月/省/行业</td>
|
|
|
- <td><span>38</span>元 月/省/全行业</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><span>118</span>元 月/全国/行业</td>
|
|
|
- <td><span>388</span>元 月/全国/全行业</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <table class="yearly">
|
|
|
- <tr>
|
|
|
- <td class="table-label" colspan="2">按年购买</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><span>58</span>元 年/市/行业</td>
|
|
|
- <td><span>180</span>元 年/市/全行业</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><span>118</span>元 年/省/行业</td>
|
|
|
- <td><span>380</span>元 年/省/全行业</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><span>1180</span>元 年/全国/行业</td>
|
|
|
- <td><span>3880</span>元 年/全国/全行业</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <dl class="tips">
|
|
|
- <dt class="b-line">购买须知</dt>
|
|
|
- <dd>套餐周期内，不支持套餐降级，续费可降级；</dd>
|
|
|
- <dd>用户最多购买/续费3年套餐；</dd>
|
|
|
- <dd>支持套餐升级，补差价（按月进行补差价，不足一个月按一个月计算)。</dd>
|
|
|
- <dd>3个市及以上即为全省，10个省及以上即为全国。4个行业及以上即为全行业。</dd>
|
|
|
- <dd>购买的采购单位行业与地域为个数，购买后可不限次数进行更换。</dd>
|
|
|
- </dl>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="fixed-bottom-box p15">
|
|
|
- {{if not .T.isTrial }}
|
|
|
- <div class="j-notice-bar bar-red vip-bar" style="display:none;">限时6折，现在购买，帮您省<span
|
|
|
- class="reduce-price">0</span>元
|
|
|
- </div>
|
|
|
- {{end}}
|
|
|
- <div class="price">
|
|
|
- <span class="billing-total">合计：</span>
|
|
|
- <!-- <strong>¥1,300.00</strong> -->
|
|
|
- <div class="billing-list-btn">
|
|
|
- <span class="billing-mon">¥</span>
|
|
|
- <strong class="billing-price">5.80</strong>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- {{if not .T.isTrial }}
|
|
|
- <div class="origin-price" style="display:none;">
|
|
|
- <span class="discount-button">
|
|
|
- <span>优惠明细</span>
|
|
|
- <span class="iconfont icon-arrow"></span>
|
|
|
- </span>
|
|
|
- <span class="price-label">原价：</span>
|
|
|
- <div class="price-container">
|
|
|
- <span class="currency-type">¥</span>
|
|
|
- <span class="price-num">5.80</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- {{end}}
|
|
|
- <div class="weui-cells weui-cells_checkbox radio-form">
|
|
|
- <label class="weui-cell weui-check__label" for="buy">
|
|
|
- <div class="weui-cell__hd">
|
|
|
- <input type="checkbox" class="weui-check" name="buyService" id="buy"/>
|
|
|
- <i class="weui-icon-checked"></i>
|
|
|
- </div>
|
|
|
- <div class="weui-cell__bd read">
|
|
|
- <p>
|
|
|
- 我已阅读，理解并接受
|
|
|
- <a href="/jyapp/front/staticPage/wx-serviceterms.html">
|
|
|
- 《剑鱼标讯线上购买与服务条款》
|
|
|
- </a>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </label>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="form-btn j-footer">
|
|
|
- <button data-need-bind-phone class="btn enter j-button" disabled id="payHandle">提交订单</button>
|
|
|
+ <button class="btn enter j-button" id="enter_period">确认</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 选择行业 -->
|
|
|
- <div class="js_dialog time_cycle p13" id="time_cycle" style="display: none;">
|
|
|
- <div class="weui-mask"></div>
|
|
|
- <div class="box">
|
|
|
- <div class="box_hd">
|
|
|
- <h3>选择订阅周期</h3>
|
|
|
- <span class="cancel">
|
|
|
- <span class="j-icon icon-del-grey"></span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="box_bd">
|
|
|
- <!-- <div class="tips monthly_tips" style="display: none">
|
|
|
- 3-6个月6折，大于6个月5折
|
|
|
+ </div>
|
|
|
+ <!-- 选择支付方式 -->
|
|
|
+ <div class="js_dialog pay_way" id="pay_way" style="display: none;">
|
|
|
+ <div class="weui-mask"></div>
|
|
|
+ <div class="box">
|
|
|
+ <div class="box_hd">
|
|
|
+ <span></span>
|
|
|
+ <h3>支付方式</h3>
|
|
|
+ <span class="cancel">取消</span>
|
|
|
+ </div>
|
|
|
+ <div class="box_bd">
|
|
|
+ <div class="weui-cells weui-cells_checkbox choose-form">
|
|
|
+ <label class="weui-cell weui-check__label wx_label" for="wx">
|
|
|
+ <div class="weui-cell__bd read">
|
|
|
+ <p>
|
|
|
+ <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/image/weixin.png?v={{Msg "seo" "version"}}">微信支付
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- <div class="tips yearly_tips" style="display: none">
|
|
|
- 1-2年5折，3年4折
|
|
|
- </div> -->
|
|
|
- <!--<div class="tips profit_tips" style="display: none">已选择10个月，建议“按年订阅”</div>-->
|
|
|
- <div class="computed">
|
|
|
- <span class="computed_mon">￥</span>
|
|
|
- <div class="computed_price"></div>
|
|
|
- </div>
|
|
|
- <div class="bd_select">
|
|
|
- <div class="weui-cells weui-cells_checkbox choose-form">
|
|
|
- <label class="weui-cell weui-check__label monthly_label" for="monthly">
|
|
|
- <div class="weui-cell__hd">
|
|
|
- <input type="radio" class="weui-check monthly" name="time" value="month"
|
|
|
- id="monthly"/>
|
|
|
- <i class="weui-icon-checked"></i>
|
|
|
- </div>
|
|
|
- <div class="weui-cell__bd">
|
|
|
- <p>按月订阅</p>
|
|
|
- </div>
|
|
|
- </label>
|
|
|
- <div class="number_box" id="number_box_month" data-numbox-step="1" data-numbox-min="1"
|
|
|
- data-numbox-max="12">
|
|
|
- <button class="weui-btn weui-btn_plain-default" type="button" disabled>
|
|
|
- <div class="jy_icon decrease"></div>
|
|
|
- </button>
|
|
|
- <span class="month_number">1</span>
|
|
|
- <button class="weui-btn weui-btn_plain-default add" type="button">
|
|
|
- <div class="jy_icon increase"></div>
|
|
|
- </button>
|
|
|
- </div>
|
|
|
+ <div class="weui-cell__hd">
|
|
|
+ <input type="radio" class="weui-check" name="way" value="微信支付" id="wx" checked/>
|
|
|
+ <i class="weui-icon-checked"></i>
|
|
|
</div>
|
|
|
- <div class="weui-cells weui-cells_checkbox choose-form">
|
|
|
- <label class="weui-cell weui-check__label yearly_label" for="yearly">
|
|
|
- <div class="weui-cell__hd">
|
|
|
- <input type="radio" class="weui-check yearly" name="time" value="year"
|
|
|
- id="yearly" checked/>
|
|
|
- <i class="weui-icon-checked"></i>
|
|
|
- </div>
|
|
|
- <div class="weui-cell__bd">
|
|
|
- <p>按年订阅</p>
|
|
|
- </div>
|
|
|
- </label>
|
|
|
- <div class="number_box" id="number_box_year" style="border: 0;">
|
|
|
- <span class="year_number j-button-select" data-id="1">1年</span>
|
|
|
- <span class="year_number j-button-select" data-id="2">2年</span>
|
|
|
- <span class="year_number j-button-select" data-id="3">3年</span>
|
|
|
- </div>
|
|
|
+ </label>
|
|
|
+ <label class="weui-cell weui-check__label zfb_label" for="zfb">
|
|
|
+ <div class="weui-cell__bd read">
|
|
|
+ <p>
|
|
|
+ <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/image/zhifubao.png?v={{Msg "seo" "version"}}">支付宝支付
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-btn j-footer">
|
|
|
- <button class="btn enter j-button" id="enter_period">确认</button>
|
|
|
+ <div class="weui-cell__hd">
|
|
|
+ <input type="radio" class="weui-check" name="way" value="支付宝支付" id="zfb"/>
|
|
|
+ <i class="weui-icon-checked"></i>
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 选择支付方式 -->
|
|
|
- <div class="js_dialog pay_way" id="pay_way" style="display: none;">
|
|
|
- <div class="weui-mask"></div>
|
|
|
- <div class="box">
|
|
|
- <div class="box_hd">
|
|
|
- <span></span>
|
|
|
- <h3>支付方式</h3>
|
|
|
- <span class="cancel">取消</span>
|
|
|
- </div>
|
|
|
- <div class="box_bd">
|
|
|
- <div class="weui-cells weui-cells_checkbox choose-form">
|
|
|
- <label class="weui-cell weui-check__label wx_label" for="wx">
|
|
|
- <div class="weui-cell__bd read">
|
|
|
- <p>
|
|
|
- <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/image/weixin.png?v={{Msg "seo" "version"}}">微信支付
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="weui-cell__hd">
|
|
|
- <input type="radio" class="weui-check" name="way" value="微信支付" id="wx" checked/>
|
|
|
- <i class="weui-icon-checked"></i>
|
|
|
- </div>
|
|
|
- </label>
|
|
|
- <label class="weui-cell weui-check__label zfb_label" for="zfb">
|
|
|
- <div class="weui-cell__bd read">
|
|
|
- <p>
|
|
|
- <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/image/zhifubao.png?v={{Msg "seo" "version"}}">支付宝支付
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="weui-cell__hd">
|
|
|
- <input type="radio" class="weui-check" name="way" value="支付宝支付" id="zfb"/>
|
|
|
- <i class="weui-icon-checked"></i>
|
|
|
- </div>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <!-- 优惠码弹窗 -->
|
|
|
+ <div class="j-picker adaption coupon-picker" style="display:none;">
|
|
|
+ <div class="weui-mask weui-animate-fade-in"></div>
|
|
|
+ <div class="weui-half-screen-dialog weui-picker weui-animate-slide-up">
|
|
|
+ <div class="weui-half-screen-dialog__hd">
|
|
|
+ <div class="weui-half-screen-dialog__hd__main">
|
|
|
+ <strong class="weui-half-screen-dialog__title">优惠码</strong>
|
|
|
</div>
|
|
|
+ <span class="j-icon icon-del-grey cancel"></span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 优惠码弹窗 -->
|
|
|
- <div class="j-picker adaption coupon-picker" style="display:none;">
|
|
|
- <div class="weui-mask weui-animate-fade-in"></div>
|
|
|
- <div class="weui-half-screen-dialog weui-picker weui-animate-slide-up">
|
|
|
- <div class="weui-half-screen-dialog__hd">
|
|
|
- <div class="weui-half-screen-dialog__hd__main">
|
|
|
- <strong class="weui-half-screen-dialog__title">优惠码</strong>
|
|
|
- </div>
|
|
|
- <span class="j-icon icon-del-grey cancel"></span>
|
|
|
- </div>
|
|
|
- <div class="weui-half-screen-dialog__bd">
|
|
|
- <div class="weui-picker__bd">
|
|
|
- <div class="weui-picker__group">
|
|
|
- <input type="text" class="weui-input" maxlength="9" placeholder="输入优惠码，即可赠送30天订阅周期">
|
|
|
- </div>
|
|
|
+ <div class="weui-half-screen-dialog__bd">
|
|
|
+ <div class="weui-picker__bd">
|
|
|
+ <div class="weui-picker__group">
|
|
|
+ <input type="text" class="weui-input" maxlength="9" placeholder="输入优惠码，即可赠送30天订阅周期">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="weui-half-screen-dialog__ft">
|
|
|
- <button disabled class="weui-btn weui-btn_primary weui-picker__btn"
|
|
|
- data-action="select">确定
|
|
|
- </button>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="weui-half-screen-dialog__ft">
|
|
|
+ <button disabled class="weui-btn weui-btn_primary weui-picker__btn"
|
|
|
+ data-action="select">确定
|
|
|
+ </button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 优惠明细 -->
|
|
|
- <div class="j-picker adaption discount-details" style="display:none;">
|
|
|
- <div class="weui-mask"></div>
|
|
|
- <div class="weui-half-screen-dialog weui-picker">
|
|
|
- <div class="weui-half-screen-dialog__hd">
|
|
|
- <div class="weui-half-screen-dialog__hd__main">
|
|
|
- <strong class="weui-half-screen-dialog__title">优惠明细</strong>
|
|
|
- </div>
|
|
|
- <span class="j-icon icon-del-grey cancel"></span>
|
|
|
+ </div>
|
|
|
+ <!-- 优惠明细 -->
|
|
|
+ <div class="j-picker adaption discount-details" style="display:none;">
|
|
|
+ <div class="weui-mask"></div>
|
|
|
+ <div class="weui-half-screen-dialog weui-picker">
|
|
|
+ <div class="weui-half-screen-dialog__hd">
|
|
|
+ <div class="weui-half-screen-dialog__hd__main">
|
|
|
+ <strong class="weui-half-screen-dialog__title">优惠明细</strong>
|
|
|
</div>
|
|
|
- <div class="weui-half-screen-dialog__bd">
|
|
|
- <div class="weui-picker__bd">
|
|
|
- <div class="details-bd-item origin-price">
|
|
|
- <div class="d-b-left">原价</div>
|
|
|
- <div class="d-b-right">
|
|
|
- <span class="dis-mon">¥</span>
|
|
|
- <span class="dis-price price-num">0</span>
|
|
|
- </div>
|
|
|
+ <span class="j-icon icon-del-grey cancel"></span>
|
|
|
+ </div>
|
|
|
+ <div class="weui-half-screen-dialog__bd">
|
|
|
+ <div class="weui-picker__bd">
|
|
|
+ <div class="details-bd-item origin-price">
|
|
|
+ <div class="d-b-left">原价</div>
|
|
|
+ <div class="d-b-right">
|
|
|
+ <span class="dis-mon">¥</span>
|
|
|
+ <span class="dis-price price-num">0</span>
|
|
|
</div>
|
|
|
- <div class="details-bd-item discount-price">
|
|
|
- <div class="d-b-left">限时优惠</div>
|
|
|
- <div class="d-b-right text-red">
|
|
|
- <span class="dis-mon">-¥</span>
|
|
|
- <span class="dis-price">0</span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="details-bd-item discount-price">
|
|
|
+ <div class="d-b-left">限时优惠</div>
|
|
|
+ <div class="d-b-right text-red">
|
|
|
+ <span class="dis-mon">-¥</span>
|
|
|
+ <span class="dis-price">0</span>
|
|
|
</div>
|
|
|
- <div class="details-bd-item now-price">
|
|
|
- <div class="d-b-left">实付</div>
|
|
|
- <div class="d-b-right text-red">
|
|
|
- <span class="dis-mon">¥</span>
|
|
|
- <span class="dis-price">0</span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="details-bd-item now-price">
|
|
|
+ <div class="d-b-left">实付</div>
|
|
|
+ <div class="d-b-right text-red">
|
|
|
+ <span class="dis-mon">¥</span>
|
|
|
+ <span class="dis-price">0</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <script src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/jquery.min.js"></script>
|
|
|
- <script src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/weui.min.js"></script>
|
|
|
- <script src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/js/common.js?v={{Msg "seo" "version"}}"></script>
|
|
|
- <script src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/common.js?v={{Msg "seo" "mod_version"}}"></script>
|
|
|
- <!--<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/check-bind-phone.js?v={{Msg "seo" "version"}}'></script>-->
|
|
|
- <script>
|
|
|
- // @订单手机号-S
|
|
|
- function OrderPhone (data) {
|
|
|
- this.addListener = function () {
|
|
|
- var _this = this
|
|
|
- $(this.data.el).on('input propertychange change', function () {
|
|
|
- _this.OrderPhoneCheck && clearTimeout(_this.OrderPhoneCheck)
|
|
|
- var o_phone = $(this).val()
|
|
|
- _this.result.phone = o_phone
|
|
|
- _this.result.status = _this.check_phone(o_phone)
|
|
|
- var o_parent = $(this).parents()
|
|
|
- _this.OrderPhoneCheck = setTimeout( () => {
|
|
|
- if (_this.result.status) {
|
|
|
- o_parent.removeClass('error')
|
|
|
- typeof _this.data.success === 'function' && _this.data.success()
|
|
|
- } else {
|
|
|
- o_parent.addClass('error')
|
|
|
- typeof _this.data.error === 'function' && _this.data.error()
|
|
|
- }
|
|
|
- }, _this.data.time || 300)
|
|
|
- })
|
|
|
- }
|
|
|
- this.check_phone = function (phone) {
|
|
|
- if (phone.trim().length === 0) {
|
|
|
- return true
|
|
|
- }
|
|
|
- var result = /^[1][3-9][0-9]{9}$/.test(phone)
|
|
|
- if (result) {
|
|
|
- sessionStorage.setItem(_this.OrderPhoneCheckKey, phone)
|
|
|
- }
|
|
|
- return result
|
|
|
- }
|
|
|
- this.update = function (str) {
|
|
|
- if (this.check_phone(str)) {
|
|
|
- $(this.data.el).val(str)
|
|
|
- this.result.phone = str
|
|
|
- this.result.status = true
|
|
|
- }
|
|
|
- }
|
|
|
- this.ajaxPhone = function () {
|
|
|
- var isCache = sessionStorage.getItem(this.OrderPhoneCheckKey)
|
|
|
- if (isCache) {
|
|
|
- this.update(isCache)
|
|
|
- }
|
|
|
- var _this = this
|
|
|
- $.get("/jypay/user/getAccountInfo?t=" + new Date().getTime(), function (r) {
|
|
|
- if (r && r.data && r.data.phone) {
|
|
|
- _this.update(r.data.phone)
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- this.removeCachePhone = function () {
|
|
|
- var levelTime = sessionStorage.getItem(_this.OrderPhoneCheckKey + '_level_time') || false
|
|
|
- if (levelTime) {
|
|
|
- var nowTime = new Date().getTime()
|
|
|
- if (nowTime - levelTime > 5 * 60 * 1000) {
|
|
|
- sessionStorage.removeItem(_this.OrderPhoneCheckKey)
|
|
|
- }
|
|
|
+ </div>
|
|
|
+ <script src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/jquery.min.js"></script>
|
|
|
+ <script src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/local/weui.min.js"></script>
|
|
|
+ <script src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/js/common.js?v={{Msg "seo" "version"}}"></script>
|
|
|
+ <script src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/common.js?v={{Msg "seo" "mod_version"}}"></script>
|
|
|
+ <!--<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/check-bind-phone.js?v={{Msg "seo" "version"}}'></script>-->
|
|
|
+ <script src=//cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js></script>
|
|
|
+ <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/pay-order-template.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script>
|
|
|
+ // @订单手机号-S
|
|
|
+ function OrderPhone (data) {
|
|
|
+ this.addListener = function () {
|
|
|
+ var _this = this
|
|
|
+ $(this.data.el).on('input propertychange change', function () {
|
|
|
+ _this.OrderPhoneCheck && clearTimeout(_this.OrderPhoneCheck)
|
|
|
+ var o_phone = $(this).val()
|
|
|
+ _this.result.phone = o_phone
|
|
|
+ _this.result.status = _this.check_phone(o_phone)
|
|
|
+ var o_parent = $(this).parents()
|
|
|
+ _this.OrderPhoneCheck = setTimeout( () => {
|
|
|
+ if (_this.result.status) {
|
|
|
+ o_parent.removeClass('error')
|
|
|
+ typeof _this.data.success === 'function' && _this.data.success()
|
|
|
+ } else {
|
|
|
+ o_parent.addClass('error')
|
|
|
+ typeof _this.data.error === 'function' && _this.data.error()
|
|
|
}
|
|
|
- sessionStorage.setItem(_this.OrderPhoneCheckKey + '_level_time', nowTime)
|
|
|
- window.addEventListener('pageshow', function(event) {
|
|
|
- if (event.persisted || window.performance && window.performance.navigation.type != 2) {
|
|
|
- sessionStorage.removeItem(_this.OrderPhoneCheckKey)
|
|
|
- }
|
|
|
- }, false);
|
|
|
- window.addEventListener('beforeunload', function () {
|
|
|
- sessionStorage.setItem(_this.OrderPhoneCheckKey + '_level_time', new Date().getTime())
|
|
|
- })
|
|
|
+ }, _this.data.time || 300)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.check_phone = function (phone) {
|
|
|
+ if (phone.trim().length === 0) {
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ var result = /^[1][3-9][0-9]{9}$/.test(phone)
|
|
|
+ if (result) {
|
|
|
+ sessionStorage.setItem(_this.OrderPhoneCheckKey, phone)
|
|
|
+ }
|
|
|
+ return result
|
|
|
+ }
|
|
|
+ this.update = function (str) {
|
|
|
+ if (this.check_phone(str)) {
|
|
|
+ $(this.data.el).val(str)
|
|
|
+ this.result.phone = str
|
|
|
+ this.result.status = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.ajaxPhone = function () {
|
|
|
+ var isCache = sessionStorage.getItem(this.OrderPhoneCheckKey)
|
|
|
+ if (isCache) {
|
|
|
+ this.update(isCache)
|
|
|
+ }
|
|
|
+ var _this = this
|
|
|
+ $.get("/jypay/user/getAccountInfo?t=" + new Date().getTime(), function (r) {
|
|
|
+ if (r && r.data && r.data.phone) {
|
|
|
+ _this.update(r.data.phone)
|
|
|
}
|
|
|
- this.data = data || {
|
|
|
- el: 'input#order_phone',
|
|
|
- time: 300
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.removeCachePhone = function () {
|
|
|
+ var levelTime = sessionStorage.getItem(_this.OrderPhoneCheckKey + '_level_time') || false
|
|
|
+ if (levelTime) {
|
|
|
+ var nowTime = new Date().getTime()
|
|
|
+ if (nowTime - levelTime > 5 * 60 * 1000) {
|
|
|
+ sessionStorage.removeItem(_this.OrderPhoneCheckKey)
|
|
|
}
|
|
|
- var _this = this
|
|
|
-
|
|
|
- this.OrderPhoneCheck = null
|
|
|
- this.OrderPhoneCheckKey = 'p19.3_order_phone'
|
|
|
- this.result = {
|
|
|
- phone: '',
|
|
|
- status: true,
|
|
|
- update: _this.update.bind(_this)
|
|
|
+ }
|
|
|
+ sessionStorage.setItem(_this.OrderPhoneCheckKey + '_level_time', nowTime)
|
|
|
+ window.addEventListener('pageshow', function(event) {
|
|
|
+ if (event.persisted || window.performance && window.performance.navigation.type != 2) {
|
|
|
+ sessionStorage.removeItem(_this.OrderPhoneCheckKey)
|
|
|
}
|
|
|
- this.removeCachePhone()
|
|
|
- this.addListener()
|
|
|
- this.ajaxPhone()
|
|
|
- return this.result
|
|
|
+ }, false);
|
|
|
+ window.addEventListener('beforeunload', function () {
|
|
|
+ sessionStorage.setItem(_this.OrderPhoneCheckKey + '_level_time', new Date().getTime())
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.data = data || {
|
|
|
+ el: 'input#order_phone',
|
|
|
+ time: 300
|
|
|
+ }
|
|
|
+ var _this = this
|
|
|
+ this.OrderPhoneCheck = null
|
|
|
+ this.OrderPhoneCheckKey = 'p19.3_order_phone'
|
|
|
+ this.result = {
|
|
|
+ phone: '',
|
|
|
+ status: true,
|
|
|
+ update: _this.update.bind(_this)
|
|
|
+ }
|
|
|
+ this.removeCachePhone()
|
|
|
+ this.addListener()
|
|
|
+ this.ajaxPhone()
|
|
|
+ return this.result
|
|
|
+ }
|
|
|
+ var OrderPhoneCheck = new OrderPhone()
|
|
|
+ // @订单手机号-E
|
|
|
+ function checkMonth (temp) {
|
|
|
+ if ($("#giveTimeBox").is('[data-new-year]')) {
|
|
|
+ var tempTime = temp || $(".free-7day.give .info").text().trim()
|
|
|
+ if (tempTime.indexOf('个月') === 1 && tempTime.slice(0, -2) < 3) {
|
|
|
+ $("#giveTimeBox").hide()
|
|
|
+ } else {
|
|
|
+ $("#giveTimeBox").show()
|
|
|
}
|
|
|
- var OrderPhoneCheck = new OrderPhone()
|
|
|
- // @订单手机号-E
|
|
|
- function checkMonth (temp) {
|
|
|
- if ($("#giveTimeBox").is('[data-new-year]')) {
|
|
|
- var tempTime = temp || $(".free-7day.give .info").text().trim()
|
|
|
- if (tempTime.indexOf('个月') === 1 && tempTime.slice(0, -2) < 3) {
|
|
|
- $("#giveTimeBox").hide()
|
|
|
- } else {
|
|
|
- $("#giveTimeBox").show()
|
|
|
- }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function showGiveStatus(t) {
|
|
|
+ if (t) {
|
|
|
+ $(".j-notice-bar.bar-red.free-7day-tip.give").css('display', 'flex')
|
|
|
+ $(".vip_purchase .choose_condition .chooseList").css('margin-top', 0)
|
|
|
+ $("#giveTimeBox").show()
|
|
|
+ $("#giveTimeBox").attr('data-new-year', 'true')
|
|
|
+ // @NewYearMarketing 2021/1/25
|
|
|
+ checkMonth()
|
|
|
+
|
|
|
+ // $(".origin-price").css('display', 'flex')
|
|
|
+ // $('.discount-button').show().on('click', function () {
|
|
|
+ // var details = $('.discount-details')
|
|
|
+ // if (details.is(':hidden')) {
|
|
|
+ // $('.discount-details').show()
|
|
|
+ // $(this).children('.icon-arrow').addClass('up')
|
|
|
+ // } else {
|
|
|
+ // $('.discount-details').hide()
|
|
|
+ // $(this).children('.icon-arrow').removeClass('up')
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ } else {
|
|
|
+ $(".j-notice-bar.bar-red.free-7day-tip.give").hide()
|
|
|
+ $("#giveTimeBox").hide()
|
|
|
+ // $(".origin-price").hide()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // @NewYearMarketing 2021/1/25
|
|
|
+ getNewYearMarketing()
|
|
|
+ function getNewYearMarketing () {
|
|
|
+ $.ajax({
|
|
|
+ url: '/getJson/NewYearMarketing?t=' + new Date().getTime(),
|
|
|
+ success: function (r) {
|
|
|
+ if (r && r.status) {
|
|
|
+ showGiveStatus(true)
|
|
|
}
|
|
|
}
|
|
|
- function showGiveStatus(t) {
|
|
|
- if (t) {
|
|
|
- $(".j-notice-bar.bar-red.free-7day-tip.give").css('display', 'flex')
|
|
|
- $(".vip_purchase .choose_condition .chooseList").css('margin-top', 0)
|
|
|
- $("#giveTimeBox").show()
|
|
|
- $("#giveTimeBox").attr('data-new-year', 'true')
|
|
|
- // @NewYearMarketing 2021/1/25
|
|
|
- checkMonth()
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ $(window).bind("pageshow", function (event) {
|
|
|
+ if (event.originalEvent.persisted) {
|
|
|
+ window.location.reload();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ //微信支付start
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ sessionStorage.removeItem("vipSubisTrial");//非试用界面
|
|
|
+ {{else}}
|
|
|
+ sessionStorage.setItem("vipSubisTrial", "1");//试用界面
|
|
|
+ //试用用户
|
|
|
+ {{end}}
|
|
|
|
|
|
- // $(".origin-price").css('display', 'flex')
|
|
|
- // $('.discount-button').show().on('click', function () {
|
|
|
- // var details = $('.discount-details')
|
|
|
- // if (details.is(':hidden')) {
|
|
|
- // $('.discount-details').show()
|
|
|
- // $(this).children('.icon-arrow').addClass('up')
|
|
|
- // } else {
|
|
|
- // $('.discount-details').hide()
|
|
|
- // $(this).children('.icon-arrow').removeClass('up')
|
|
|
- // }
|
|
|
- // })
|
|
|
- } else {
|
|
|
- $(".j-notice-bar.bar-red.free-7day-tip.give").hide()
|
|
|
- $("#giveTimeBox").hide()
|
|
|
- // $(".origin-price").hide()
|
|
|
+ /* vue 代码 start */
|
|
|
+ var coupon = new Vue({
|
|
|
+ el: '#coupon-vue',
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ type: 'vip',
|
|
|
+ initPrice: 0, // 原价
|
|
|
+ realPrice: 0, // 实付价
|
|
|
+ checkboxStatus: false, // checkbox状态
|
|
|
+ submitStatus: true, // 提交按钮状态
|
|
|
+ links: [
|
|
|
+ {
|
|
|
+ text: '《剑鱼标讯线上购买与服务条款》',
|
|
|
+ url: '/jyapp/front/staticPage/dataExport_serviceterms.html',
|
|
|
+ event: this.readEvent
|
|
|
}
|
|
|
+ ],
|
|
|
+ buttons: {
|
|
|
+ submit: this.submitOrder
|
|
|
+ },
|
|
|
}
|
|
|
- // @NewYearMarketing 2021/1/25
|
|
|
- getNewYearMarketing()
|
|
|
- function getNewYearMarketing () {
|
|
|
- $.ajax({
|
|
|
- url: '/getJson/NewYearMarketing?t=' + new Date().getTime(),
|
|
|
- success: function (r) {
|
|
|
- if (r && r.status) {
|
|
|
- showGiveStatus(true)
|
|
|
- }
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ console.log(OrderPhoneCheck)
|
|
|
+ this.init(this.$data)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 更新价格相关
|
|
|
+ updatePrice: function (before) {
|
|
|
+ console.log( '原价：' + before)
|
|
|
+ this.initPrice = before;
|
|
|
+ // 调用子组件查询最优卡券
|
|
|
+ this.$refs.couponRef.getCoupon();
|
|
|
+ },
|
|
|
+ // 初始化及回显相关
|
|
|
+ init: function (data) {
|
|
|
+ var areaStorage = sessionStorage.getItem('vipSubSelectArea');
|
|
|
+ var industryStorage = sessionStorage.getItem('vipSubSelectIndustry');
|
|
|
+ var readStorage = sessionStorage.getItem('vipSub_read') == 'true' ? true : false;
|
|
|
+ console.log(areaStorage, industryStorage, readStorage)
|
|
|
+ if(readStorage) {
|
|
|
+ this.checkboxStatus = true
|
|
|
+ }
|
|
|
+ if (areaStorage && industryStorage && readStorage && OrderPhoneCheck.status) {
|
|
|
+ this.$refs.couponRef.submitStatus = false
|
|
|
+ } else {
|
|
|
+ this.$refs.couponRef.submitStatus = true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 勾选阅读协议
|
|
|
+ updateS: function(data) {
|
|
|
+ console.log(data, 'data')
|
|
|
+ data.callback(this.checkSubmitStatus(data.check))
|
|
|
+ },
|
|
|
+ // 校验checkbox
|
|
|
+ checkSubmitStatus: function (checkStatus) {
|
|
|
+ $('#buy').prop('checked', checkStatus)
|
|
|
+ var areaStorage = sessionStorage.getItem('vipSubSelectArea');
|
|
|
+ var industryStorage = sessionStorage.getItem('vipSubSelectIndustry');
|
|
|
+ var readStorage = sessionStorage.getItem('vipSub_read');
|
|
|
+ return areaStorage && industryStorage && readStorage && OrderPhoneCheck.status
|
|
|
+ },
|
|
|
+ // 阅读协议点击事件
|
|
|
+ readEvent: function () {
|
|
|
+ console.log('事件触发跳转')
|
|
|
+ },
|
|
|
+ // 订单提交事件
|
|
|
+ submitOrder: function () {
|
|
|
+ this.$refs.couponRef.submitStatus = true
|
|
|
+ // $("#payHandle").attr("disabled", "disabled");
|
|
|
+ //支付请求
|
|
|
+ var area = purchase.areaSelect;
|
|
|
+ var industry = purchase.industrySelect;
|
|
|
+ var _this = this;
|
|
|
+ if (area["全国"]) {
|
|
|
+ area = {};
|
|
|
+ }
|
|
|
+ if (industry.length === 1 && industry[0] === "全部行业") {
|
|
|
+ industry = [];
|
|
|
+ }
|
|
|
+
|
|
|
+ {{if not .T.isTrial}}
|
|
|
+ //优惠码
|
|
|
+ var activeCode = $('.coupon-picker .weui-input').val();
|
|
|
+ // alert(activeCode)
|
|
|
+ var activeCodes = "";
|
|
|
+ if (activeCode.toLowerCase() === "jianyu360" && $('.coupon-code-tx .info').text() === "支付成功赠送30天订阅周期") {
|
|
|
+ activeCodes = "jianyu360";
|
|
|
}
|
|
|
- })
|
|
|
- }
|
|
|
- $(window).bind("pageshow", function (event) {
|
|
|
- if (event.originalEvent.persisted) {
|
|
|
- window.location.reload();
|
|
|
+ //付费用户
|
|
|
+ var param = {
|
|
|
+ "area": JSON.stringify(area),
|
|
|
+ "industry": industry.join(","),
|
|
|
+ "time": $(".info:eq(2)").val().trim(),
|
|
|
+ "orderType":{{.T.orderType}},
|
|
|
+ "activeCode": activeCodes,
|
|
|
+ "disWord":getParam("disWord")
|
|
|
+ };
|
|
|
+ // @订单手机号-S
|
|
|
+ if (OrderPhoneCheck.status) {
|
|
|
+ param.order_phone = OrderPhoneCheck.phone
|
|
|
}
|
|
|
- });
|
|
|
- //微信支付start
|
|
|
- {{if not .T.isTrial }}
|
|
|
- sessionStorage.removeItem("vipSubisTrial");//非试用界面
|
|
|
- {{else}}
|
|
|
- sessionStorage.setItem("vipSubisTrial", "1");//试用界面
|
|
|
- //试用用户
|
|
|
- {{end}}
|
|
|
- var purchase = {
|
|
|
- areaSelect: {"一个省": ["一个市"]},//已选择地区 {"一个省":["一个市"]}计算价格临时变量
|
|
|
- industrySelect: ["一个行业"],// 已选择行业 一个行业(计算价格临时变量)
|
|
|
- timeSelect: [1, 2],//已选择时间 timeSelect[0]时长 timeSelect[1] 1:年 2:月
|
|
|
- price: {}, //价格
|
|
|
- nowBuyset: {},
|
|
|
- vipSubisTrial: false,
|
|
|
- payWay: "wx_app",
|
|
|
- initData: function () {
|
|
|
- //已选择
|
|
|
+ // @订单手机号-E
|
|
|
+ $DoPost("/subscribepay/vipsubscribe/createOrder", param, function (r) {
|
|
|
+ if (r.success) {
|
|
|
try {
|
|
|
- if (sessionStorage.getItem("vipSubSelectArea")) {
|
|
|
- this.areaSelect = JSON.parse(sessionStorage.getItem("vipSubSelectArea"));
|
|
|
- }
|
|
|
- if (sessionStorage.getItem("vipSubSelectIndustry")) {
|
|
|
- this.industrySelect = JSON.parse(sessionStorage.getItem("vipSubSelectIndustry"));
|
|
|
- }
|
|
|
- if (sessionStorage.getItem("payWay")) {
|
|
|
- if (sessionStorage.getItem("payWay").indexOf("ali") > -1) {
|
|
|
- this.payWay = "ali_app";
|
|
|
- $("#zfb").prop("checked", true);
|
|
|
- $(".choose_way").text("支付宝支付");
|
|
|
- }
|
|
|
- }
|
|
|
- if (sessionStorage.liveActiveCode_purchase === "jianyu360") {
|
|
|
- $('.coupon-code-tx .info').text("支付成功赠送30天订阅周期");
|
|
|
- $('.coupon-picker .weui-input').val("jianyu360");
|
|
|
- $('.coupon-code-tx').off('click');
|
|
|
- }
|
|
|
- {{if eq .T.orderType 5 }}
|
|
|
- $('#payHandle').text("立即续费");
|
|
|
- //即将到期 回显已购买
|
|
|
- if (!sessionStorage.getItem("vipSubSelectArea") || !sessionStorage.getItem("vipSubSelectIndustry")) {
|
|
|
- $DoPost("/subscribepay/vipsubscribe/getSubBuyMsg", {}, function (r) {
|
|
|
- if (r.success) {
|
|
|
- if (!$.isEmptyObject(r.data.area)) {
|
|
|
- purchase.areaSelect = r.data.area
|
|
|
- } else {
|
|
|
- purchase.areaSelect = {"全国": []}
|
|
|
- }
|
|
|
- if (r.data.industry.length != 0) {
|
|
|
- purchase.industrySelect = r.data.industry
|
|
|
- } else {
|
|
|
- purchase.industrySelect = ["全部行业"]
|
|
|
- }
|
|
|
- sessionStorage.setItem("vipSubSelectArea", JSON.stringify(purchase.areaSelect));
|
|
|
- sessionStorage.setItem("vipSubSelectIndustry", JSON.stringify(purchase.industrySelect));
|
|
|
- }
|
|
|
- }, false)
|
|
|
- }
|
|
|
- {{end}}
|
|
|
- {{if .T.again}} //再次购买回显
|
|
|
- {{if eq .T.again 1 }}
|
|
|
- var orderCode = getParam("orderCode")
|
|
|
- if (orderCode != "undefined") {
|
|
|
- if (!sessionStorage.getItem("vipSubSelectArea") || !sessionStorage.getItem("vipSubSelectIndustry")) {
|
|
|
- $DoPost("/subscribepay/orderListDetails/getVipOrderInfo", {"orderCode": orderCode}, function (r) {
|
|
|
- if (!$.isEmptyObject(r.data.area)) {
|
|
|
- purchase.areaSelect = r.data.area
|
|
|
- } else {
|
|
|
- purchase.areaSelect = {"全国": []}
|
|
|
- }
|
|
|
- if (r.data.industry.length != 0) {
|
|
|
- purchase.industrySelect = r.data.industry
|
|
|
- } else {
|
|
|
- purchase.industrySelect = ["全部行业"]
|
|
|
- }
|
|
|
- // if (r.timeSelect!=undefined&&r.company!=undefined){
|
|
|
- // purchase.timeSelect=[r.timeSelect,r.company];
|
|
|
- // }
|
|
|
- $(".weui-icon-checked").click();
|
|
|
- sessionStorage.setItem("vipSubSelectArea", JSON.stringify(purchase.areaSelect));
|
|
|
- sessionStorage.setItem("vipSubSelectIndustry", JSON.stringify(purchase.industrySelect));
|
|
|
- //sessionStorage.setItem("vipSubSelectTime", JSON.stringify(purchase.timeSelect));
|
|
|
-
|
|
|
- }, false)
|
|
|
- }
|
|
|
- }
|
|
|
- {{end}}
|
|
|
- {{end}}
|
|
|
- if (sessionStorage.getItem("vipSubSelectTime")) {
|
|
|
- this.timeSelect = JSON.parse(sessionStorage.getItem("vipSubSelectTime"));
|
|
|
- }
|
|
|
- //是否已经点击已读
|
|
|
- if (sessionStorage.getItem("vipSub_read") === "true") $("#buy").prop("checked", true);
|
|
|
- //是否试用界面
|
|
|
- if (sessionStorage.getItem("vipSubisTrial")) this.vipSubisTrial = true;
|
|
|
-
|
|
|
- //加载价格
|
|
|
- $DoPost("/subscribepay/vipsubscribe/getPrice", {}, function (r) {
|
|
|
- if (r) {
|
|
|
- purchase.price = r;
|
|
|
- // if (r.isActiving && r.isWritten === 0) {
|
|
|
- // showGiveStatus(true)
|
|
|
- // } else {
|
|
|
- // showGiveStatus(false)
|
|
|
- // }
|
|
|
- }
|
|
|
- }, false)
|
|
|
- sessionStorage.removeItem("pay_read_cache");
|
|
|
+ clearSessionStorage()
|
|
|
+ history.replaceState({}, '', '/jyapp/vipsubscribe/toOrderDetailPage?orderCode=' + r.data.code);
|
|
|
+ window.location.href = "/jyapp/pay/checkout_subvip?orderCode=" + r.data.code + "&t=3&from=buy"
|
|
|
} catch (e) {
|
|
|
- console.log(e)
|
|
|
- }
|
|
|
- this.nowBuyset = getBuySet(purchase.areaSelect, purchase.industrySelect, this.price);
|
|
|
- },
|
|
|
- showArea: function () {
|
|
|
- if (!$.isEmptyObject(this.areaSelect) && !this.areaSelect["一个省"]) { //有选择
|
|
|
- if (this.nowBuyset.areacount === -1) {
|
|
|
- $(".choose_area").val("全国");
|
|
|
- } else {
|
|
|
- var tipTxt = "已选择 ";
|
|
|
- if (this.nowBuyset.areacount > 0) tipTxt += this.nowBuyset.areacount + " 个省";
|
|
|
- var count = 0;
|
|
|
- this.nowBuyset.citys.forEach(function (item, index) {
|
|
|
- count += item;
|
|
|
- });
|
|
|
- if (count > 0) {
|
|
|
- if (this.nowBuyset.areacount > 0) tipTxt += "、";
|
|
|
- tipTxt += count + " 个市";
|
|
|
- if (this.nowBuyset.citys.length > 1) tipTxt += "(分布在" + this.nowBuyset.citys.length + "个省内)"
|
|
|
- }
|
|
|
- $(".choose_area").val(tipTxt);
|
|
|
- }
|
|
|
- } else {
|
|
|
- $(".choose_area").val("");
|
|
|
- //是否勾选已阅读
|
|
|
- if (sessionStorage.getItem("vipSub_read") === "true") {
|
|
|
- $(".area_warn").css("display", "");
|
|
|
- }
|
|
|
+ showToast(e)
|
|
|
}
|
|
|
- },
|
|
|
- showPrice: function () {
|
|
|
- $('.monthly span:eq(0)').text(purchase.price.month.oneCity_oneBuyerClass / 100);
|
|
|
- $('.monthly span:eq(1)').text(purchase.price.month.oneCity_allBuyerClass / 100);
|
|
|
- $('.monthly span:eq(2)').text(purchase.price.month.oneProvince_oneBuyerClass / 100);
|
|
|
- $('.monthly span:eq(3)').text(purchase.price.month.oneProvince_allBuyerClass / 100);
|
|
|
- $('.monthly span:eq(4)').text(purchase.price.month.allProvince_oneBuyerClass / 100);
|
|
|
- $('.monthly span:eq(5)').text(purchase.price.month.allProvince_allBuyerClass / 100);
|
|
|
+ }
|
|
|
+ $("#payHandle").removeAttr("disabled")
|
|
|
+ _this.$refs.couponRef.submitStatus = false
|
|
|
+ });
|
|
|
+ {{else}}
|
|
|
+ //试用用户
|
|
|
+ $DoPost("/subscribepay/order/trialPay", {
|
|
|
+ "area": JSON.stringify(area),
|
|
|
+ "industry": industry.join(","),
|
|
|
+ "order_phone": OrderPhoneCheck.phone
|
|
|
+ }, function (r) {
|
|
|
+ if (r.success) {
|
|
|
+ clearSessionStorage();
|
|
|
+ $("#payHandle").attr("disabled", "disabled");
|
|
|
+ _this.$refs.couponRef.submitStatus = true
|
|
|
+ window.location.replace("/jyapp/subvip/paySuccess?orderCode=" + r.data.code);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ {{end}}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ /* vue 代码 end */
|
|
|
|
|
|
- $('.yearly span:eq(0)').text(purchase.price.year.oneCity_oneBuyerClass / 100);
|
|
|
- $('.yearly span:eq(1)').text(purchase.price.year.oneCity_allBuyerClass / 100);
|
|
|
- $('.yearly span:eq(2)').text(purchase.price.year.oneProvince_oneBuyerClass / 100);
|
|
|
- $('.yearly span:eq(3)').text(purchase.price.year.oneProvince_allBuyerClass / 100);
|
|
|
- $('.yearly span:eq(4)').text(purchase.price.year.allProvince_oneBuyerClass / 100);
|
|
|
- $('.yearly span:eq(5)').text(purchase.price.year.allProvince_allBuyerClass / 100);
|
|
|
- },
|
|
|
- showIndustry: function () {
|
|
|
- if (this.industrySelect.length > 0 && this.industrySelect[0] != "一个行业") { //选择有行业信息
|
|
|
- if (this.nowBuyset.buyerclasscount == -1) {
|
|
|
- $(".choose_industry").val("全部行业");
|
|
|
- } else {
|
|
|
- var tipTxt = "已选择 ";
|
|
|
- $(".choose_industry").val(tipTxt + this.nowBuyset.buyerclasscount + " 个行业");
|
|
|
- }
|
|
|
- } else {
|
|
|
- $(".choose_industry").val("");
|
|
|
- //是否勾选已阅读
|
|
|
- if (sessionStorage.getItem("vipSub_read") === "true") {
|
|
|
- $(".industry_warn").css("display", "");
|
|
|
- }
|
|
|
+
|
|
|
+ var purchase = {
|
|
|
+ areaSelect: {"一个省": ["一个市"]},//已选择地区 {"一个省":["一个市"]}计算价格临时变量
|
|
|
+ industrySelect: ["一个行业"],// 已选择行业 一个行业(计算价格临时变量)
|
|
|
+ timeSelect: [1, 2],//已选择时间 timeSelect[0]时长 timeSelect[1] 1:年 2:月
|
|
|
+ price: {}, //价格
|
|
|
+ nowBuyset: {},
|
|
|
+ vipSubisTrial: false,
|
|
|
+ payWay: "wx_app",
|
|
|
+ initData: function () {
|
|
|
+ //已选择
|
|
|
+ try {
|
|
|
+ if (sessionStorage.getItem("vipSubSelectArea")) {
|
|
|
+ this.areaSelect = JSON.parse(sessionStorage.getItem("vipSubSelectArea"));
|
|
|
+ }
|
|
|
+ if (sessionStorage.getItem("vipSubSelectIndustry")) {
|
|
|
+ this.industrySelect = JSON.parse(sessionStorage.getItem("vipSubSelectIndustry"));
|
|
|
+ }
|
|
|
+ if (sessionStorage.getItem("payWay")) {
|
|
|
+ if (sessionStorage.getItem("payWay").indexOf("ali") > -1) {
|
|
|
+ this.payWay = "ali_app";
|
|
|
+ $("#zfb").prop("checked", true);
|
|
|
+ $(".choose_way").text("支付宝支付");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (sessionStorage.liveActiveCode_purchase === "jianyu360") {
|
|
|
+ $('.coupon-code-tx .info').text("支付成功赠送30天订阅周期");
|
|
|
+ $('.coupon-picker .weui-input').val("jianyu360");
|
|
|
+ $('.coupon-code-tx').off('click');
|
|
|
+ }
|
|
|
+ {{if eq .T.orderType 5 }}
|
|
|
+ $('#payHandle').text("立即续费");
|
|
|
+ //即将到期 回显已购买
|
|
|
+ if (!sessionStorage.getItem("vipSubSelectArea") || !sessionStorage.getItem("vipSubSelectIndustry")) {
|
|
|
+ $DoPost("/subscribepay/vipsubscribe/getSubBuyMsg", {}, function (r) {
|
|
|
+ if (r.success) {
|
|
|
+ if (!$.isEmptyObject(r.data.area)) {
|
|
|
+ purchase.areaSelect = r.data.area
|
|
|
+ } else {
|
|
|
+ purchase.areaSelect = {"全国": []}
|
|
|
+ }
|
|
|
+ if (r.data.industry.length != 0) {
|
|
|
+ purchase.industrySelect = r.data.industry
|
|
|
+ } else {
|
|
|
+ purchase.industrySelect = ["全部行业"]
|
|
|
+ }
|
|
|
+ sessionStorage.setItem("vipSubSelectArea", JSON.stringify(purchase.areaSelect));
|
|
|
+ sessionStorage.setItem("vipSubSelectIndustry", JSON.stringify(purchase.industrySelect));
|
|
|
}
|
|
|
- },
|
|
|
- showTime: function () {
|
|
|
- var tmp = this.timeSelect[0];
|
|
|
- if (this.timeSelect[1] == 1) {
|
|
|
- tmp += "年";
|
|
|
- $("#yearly").prop('checked', true);
|
|
|
- $('.year_number:eq(' + (this.timeSelect[0] - 1) + ')').addClass("active");
|
|
|
- //$(".number_box:eq(1)").addClass("active");
|
|
|
- } else {
|
|
|
- tmp += "个月";
|
|
|
- $("#monthly").prop('checked', true);
|
|
|
- $(".number_box:eq(0)").addClass("active");
|
|
|
- $("#number_box_month .month_number").text(this.timeSelect[0]);
|
|
|
- /*if (this.timeSelect[0] >= 10) {
|
|
|
- $('.profit_tips').text("已选择" + this.timeSelect[0] + "个月，建议“按年订阅”").show();
|
|
|
- }*/
|
|
|
- if (this.timeSelect[0] == 1) {
|
|
|
- $('#number_box_month button:eq(0)').attr("disabled", "disabled");
|
|
|
+ }, false)
|
|
|
+ }
|
|
|
+ {{end}}
|
|
|
+ {{if .T.again}} //再次购买回显
|
|
|
+ {{if eq .T.again 1 }}
|
|
|
+ var orderCode = getParam("orderCode")
|
|
|
+ if (orderCode != "undefined") {
|
|
|
+ if (!sessionStorage.getItem("vipSubSelectArea") || !sessionStorage.getItem("vipSubSelectIndustry")) {
|
|
|
+ $DoPost("/subscribepay/orderListDetails/getVipOrderInfo", {"orderCode": orderCode}, function (r) {
|
|
|
+ if (!$.isEmptyObject(r.data.area)) {
|
|
|
+ purchase.areaSelect = r.data.area
|
|
|
} else {
|
|
|
- $('#number_box_month button:eq(0)').removeAttr("disabled");
|
|
|
+ purchase.areaSelect = {"全国": []}
|
|
|
}
|
|
|
- }
|
|
|
- $(".choose_item .show_time").text(tmp);
|
|
|
- var giveTime = tmp
|
|
|
- if (giveTime.indexOf('年') !== -1) {
|
|
|
- giveTime = '1年'
|
|
|
- }
|
|
|
- $(".free-7day.give .info").text(giveTime)
|
|
|
- $(".info.choose_time").val(tmp);
|
|
|
- // @NewYearMarketing 2021/1/25
|
|
|
- checkMonth(giveTime)
|
|
|
- },
|
|
|
- flushPrice: function (time, flag) {
|
|
|
- if (this.vipSubisTrial) {
|
|
|
- $('.price .billing-price').text('0.00');
|
|
|
- $('.now-price .dis-price').text('0.00'); // 优惠明细
|
|
|
- } else {
|
|
|
- var price = getsubVipOrderPriceBybuyset(this.nowBuyset, time);
|
|
|
- var givePrice = getsubVipOrderPriceBybuyset(this.nowBuyset, [time[1] === 1 ? 1 :time[0], time[1]]);
|
|
|
- //var price = getsubVipOrderPrice(this.areaSelect, this.industrySelect, time, this.price);
|
|
|
- var showPrice = formatMoney(price);
|
|
|
- if (flag === 1) {
|
|
|
- $('.price .billing-price').text(showPrice);
|
|
|
- $('.now-price .dis-price').text(showPrice); // 优惠明细
|
|
|
-
|
|
|
- $('.origin-price .price-num').text(formatMoney(price + givePrice));
|
|
|
- $('.discount-price .dis-price').text(formatMoney(givePrice))
|
|
|
- } else if (flag === 2) {
|
|
|
- $('.computed_price').html(showPrice);
|
|
|
+ if (r.data.industry.length != 0) {
|
|
|
+ purchase.industrySelect = r.data.industry
|
|
|
} else {
|
|
|
- $('.price .billing-price').text(showPrice);
|
|
|
- $('.now-price .dis-price').text(showPrice); // 优惠明细
|
|
|
-
|
|
|
- $('.origin-price .price-num').text(formatMoney(price + givePrice));
|
|
|
- $('.computed_price').html(showPrice);
|
|
|
- $('.discount-price .dis-price').text(formatMoney(givePrice))
|
|
|
+ purchase.industrySelect = ["全部行业"]
|
|
|
}
|
|
|
-
|
|
|
+ // if (r.timeSelect!=undefined&&r.company!=undefined){
|
|
|
+ // purchase.timeSelect=[r.timeSelect,r.company];
|
|
|
+ // }
|
|
|
+ $(".weui-icon-checked").click();
|
|
|
+ sessionStorage.setItem("vipSubSelectArea", JSON.stringify(purchase.areaSelect));
|
|
|
+ sessionStorage.setItem("vipSubSelectIndustry", JSON.stringify(purchase.industrySelect));
|
|
|
+ //sessionStorage.setItem("vipSubSelectTime", JSON.stringify(purchase.timeSelect));
|
|
|
+ }, false)
|
|
|
}
|
|
|
+ }
|
|
|
+ {{end}}
|
|
|
+ {{end}}
|
|
|
+ if (sessionStorage.getItem("vipSubSelectTime")) {
|
|
|
+ this.timeSelect = JSON.parse(sessionStorage.getItem("vipSubSelectTime"));
|
|
|
+ }
|
|
|
+ //是否已经点击已读
|
|
|
+ if (sessionStorage.getItem("vipSub_read") === "true") $("#buy").prop("checked", true);
|
|
|
+ //是否试用界面
|
|
|
+ if (sessionStorage.getItem("vipSubisTrial")) this.vipSubisTrial = true;
|
|
|
+
|
|
|
+ //加载价格
|
|
|
+ $DoPost("/subscribepay/vipsubscribe/getPrice", {}, function (r) {
|
|
|
+ if (r) {
|
|
|
+ purchase.price = r;
|
|
|
+ // if (r.isActiving && r.isWritten === 0) {
|
|
|
+ // showGiveStatus(true)
|
|
|
+ // } else {
|
|
|
+ // showGiveStatus(false)
|
|
|
+ // }
|
|
|
}
|
|
|
- };
|
|
|
+ }, false)
|
|
|
+ sessionStorage.removeItem("pay_read_cache");
|
|
|
+ } catch (e) {
|
|
|
+ console.log(e)
|
|
|
+ }
|
|
|
+ this.nowBuyset = getBuySet(purchase.areaSelect, purchase.industrySelect, this.price);
|
|
|
+ },
|
|
|
+ showArea: function () {
|
|
|
+ if (!$.isEmptyObject(this.areaSelect) && !this.areaSelect["一个省"]) { //有选择
|
|
|
+ if (this.nowBuyset.areacount === -1) {
|
|
|
+ $(".choose_area").val("全国");
|
|
|
+ } else {
|
|
|
+ var tipTxt = "已选择 ";
|
|
|
+ if (this.nowBuyset.areacount > 0) tipTxt += this.nowBuyset.areacount + " 个省";
|
|
|
+ var count = 0;
|
|
|
+ this.nowBuyset.citys.forEach(function (item, index) {
|
|
|
+ count += item;
|
|
|
+ });
|
|
|
+ if (count > 0) {
|
|
|
+ if (this.nowBuyset.areacount > 0) tipTxt += "、";
|
|
|
+ tipTxt += count + " 个市";
|
|
|
+ if (this.nowBuyset.citys.length > 1) tipTxt += "(分布在" + this.nowBuyset.citys.length + "个省内)"
|
|
|
+ }
|
|
|
+ $(".choose_area").val(tipTxt);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ $(".choose_area").val("");
|
|
|
+ //是否勾选已阅读
|
|
|
+ if (sessionStorage.getItem("vipSub_read") === "true") {
|
|
|
+ $(".area_warn").css("display", "");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ showPrice: function () {
|
|
|
+ $('.monthly span:eq(0)').text(purchase.price.month.oneCity_oneBuyerClass / 100);
|
|
|
+ $('.monthly span:eq(1)').text(purchase.price.month.oneCity_allBuyerClass / 100);
|
|
|
+ $('.monthly span:eq(2)').text(purchase.price.month.oneProvince_oneBuyerClass / 100);
|
|
|
+ $('.monthly span:eq(3)').text(purchase.price.month.oneProvince_allBuyerClass / 100);
|
|
|
+ $('.monthly span:eq(4)').text(purchase.price.month.allProvince_oneBuyerClass / 100);
|
|
|
+ $('.monthly span:eq(5)').text(purchase.price.month.allProvince_allBuyerClass / 100);
|
|
|
|
|
|
+ $('.yearly span:eq(0)').text(purchase.price.year.oneCity_oneBuyerClass / 100);
|
|
|
+ $('.yearly span:eq(1)').text(purchase.price.year.oneCity_allBuyerClass / 100);
|
|
|
+ $('.yearly span:eq(2)').text(purchase.price.year.oneProvince_oneBuyerClass / 100);
|
|
|
+ $('.yearly span:eq(3)').text(purchase.price.year.oneProvince_allBuyerClass / 100);
|
|
|
+ $('.yearly span:eq(4)').text(purchase.price.year.allProvince_oneBuyerClass / 100);
|
|
|
+ $('.yearly span:eq(5)').text(purchase.price.year.allProvince_allBuyerClass / 100);
|
|
|
+ },
|
|
|
+ showIndustry: function () {
|
|
|
+ if (this.industrySelect.length > 0 && this.industrySelect[0] != "一个行业") { //选择有行业信息
|
|
|
+ if (this.nowBuyset.buyerclasscount == -1) {
|
|
|
+ $(".choose_industry").val("全部行业");
|
|
|
+ } else {
|
|
|
+ var tipTxt = "已选择 ";
|
|
|
+ $(".choose_industry").val(tipTxt + this.nowBuyset.buyerclasscount + " 个行业");
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ $(".choose_industry").val("");
|
|
|
+ //是否勾选已阅读
|
|
|
+ if (sessionStorage.getItem("vipSub_read") === "true") {
|
|
|
+ $(".industry_warn").css("display", "");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ showTime: function () {
|
|
|
+ var tmp = this.timeSelect[0];
|
|
|
+ if (this.timeSelect[1] == 1) {
|
|
|
+ tmp += "年";
|
|
|
+ $("#yearly").prop('checked', true);
|
|
|
+ $('.year_number:eq(' + (this.timeSelect[0] - 1) + ')').addClass("active");
|
|
|
+ //$(".number_box:eq(1)").addClass("active");
|
|
|
+ } else {
|
|
|
+ tmp += "个月";
|
|
|
+ $("#monthly").prop('checked', true);
|
|
|
+ $(".number_box:eq(0)").addClass("active");
|
|
|
+ $("#number_box_month .month_number").text(this.timeSelect[0]);
|
|
|
+ /*if (this.timeSelect[0] >= 10) {
|
|
|
+ $('.profit_tips').text("已选择" + this.timeSelect[0] + "个月，建议“按年订阅”").show();
|
|
|
+ }*/
|
|
|
+ if (this.timeSelect[0] == 1) {
|
|
|
+ $('#number_box_month button:eq(0)').attr("disabled", "disabled");
|
|
|
+ } else {
|
|
|
+ $('#number_box_month button:eq(0)').removeAttr("disabled");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $(".choose_item .show_time").text(tmp);
|
|
|
+ var giveTime = tmp
|
|
|
+ if (giveTime.indexOf('年') !== -1) {
|
|
|
+ giveTime = '1年'
|
|
|
+ }
|
|
|
+ $(".free-7day.give .info").text(giveTime)
|
|
|
+ $(".info.choose_time").val(tmp);
|
|
|
+ // @NewYearMarketing 2021/1/25
|
|
|
+ checkMonth(giveTime)
|
|
|
+ },
|
|
|
+ flushPrice: function (time, flag) {
|
|
|
+ if (this.vipSubisTrial) {
|
|
|
+ $('.price .billing-price').text('0.00');
|
|
|
+ $('.now-price .dis-price').text('0.00'); // 优惠明细
|
|
|
+ } else {
|
|
|
+ var price = getsubVipOrderPriceBybuyset(this.nowBuyset, time);
|
|
|
+ var givePrice = getsubVipOrderPriceBybuyset(this.nowBuyset, [time[1] === 1 ? 1 :time[0], time[1]]);
|
|
|
+ //var price = getsubVipOrderPrice(this.areaSelect, this.industrySelect, time, this.price);
|
|
|
+ var showPrice = formatMoney(price);
|
|
|
+ if (flag === 1) {
|
|
|
+ $('.price .billing-price').text(showPrice);
|
|
|
+ $('.now-price .dis-price').text(showPrice); // 优惠明细
|
|
|
|
|
|
- $(function () {
|
|
|
- purchase.initData();
|
|
|
- purchase.showArea();
|
|
|
- purchase.showIndustry();
|
|
|
- purchase.showPrice();
|
|
|
- purchase.showTime();
|
|
|
- purchase.flushPrice(purchase.timeSelect);
|
|
|
- checkOk();
|
|
|
- var time_limit;//定义一个周期变量
|
|
|
- /*------ 关闭弹窗事件 点击取消或遮罩层 -----*/
|
|
|
- $('.weui-mask').click(hideDialog);
|
|
|
- $('.cancel').click(hideDialog);
|
|
|
+ $('.origin-price .price-num').text(formatMoney(price + givePrice));
|
|
|
+ $('.discount-price .dis-price').text(formatMoney(givePrice))
|
|
|
+ } else if (flag === 2) {
|
|
|
+ $('.computed_price').html(showPrice);
|
|
|
+ } else {
|
|
|
+ $('.price .billing-price').text(showPrice);
|
|
|
+ $('.now-price .dis-price').text(showPrice); // 优惠明细
|
|
|
|
|
|
- /* ----- 订阅周期、支付方式弹窗弹出事件 -------*/
|
|
|
- // 选择订阅周期
|
|
|
- $('.select_cycle a').click(function (e) {
|
|
|
- $('#time_cycle').show(200);
|
|
|
- });
|
|
|
+ $('.origin-price .price-num').text(formatMoney(price + givePrice));
|
|
|
+ $('.computed_price').html(showPrice);
|
|
|
+ $('.discount-price .dis-price').text(formatMoney(givePrice))
|
|
|
+ }
|
|
|
+ coupon.updatePrice(price)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
|
|
|
+ $(function () {
|
|
|
+ purchase.initData();
|
|
|
+ purchase.showArea();
|
|
|
+ purchase.showIndustry();
|
|
|
+ purchase.showPrice();
|
|
|
+ purchase.showTime();
|
|
|
+ purchase.flushPrice(purchase.timeSelect);
|
|
|
+ checkOk();
|
|
|
+ var time_limit;//定义一个周期变量
|
|
|
+ /*------ 关闭弹窗事件 点击取消或遮罩层 -----*/
|
|
|
+ $('.weui-mask').click(hideDialog);
|
|
|
+ $('.cancel').click(hideDialog);
|
|
|
|
|
|
- /* ----- 选择完支付方式、订阅周期 回显到页面 -------*/
|
|
|
- $('.select_payment .choose_way').click(function () {
|
|
|
- $('#pay_way').show(200);
|
|
|
- });
|
|
|
- // 对支付方式选择的input绑定点击事件
|
|
|
- $('#pay_way input:radio[name="way"]').click(function () {
|
|
|
- var checkValue = $('input:radio[name="way"]:checked').val();
|
|
|
- $('.pay_way').hide(200);
|
|
|
- $('.pay_mode .select_payment .choose_way.info').html(checkValue);
|
|
|
- if (checkValue === "微信支付") {
|
|
|
- purchase.payWay = "wx_app"
|
|
|
- } else {
|
|
|
- purchase.payWay = "ali_app"
|
|
|
- }
|
|
|
- sessionStorage.setItem("payWay", purchase.payWay);
|
|
|
- });
|
|
|
- // 对订阅时间选择的input绑定点击事件
|
|
|
- $('#time_cycle input:radio[name="time"]').on('click', function (e) {
|
|
|
- // 解除确认按钮的锁定
|
|
|
- if ($(e.target).hasClass('monthly') !== $('#number_box_month').hasClass('active')) {
|
|
|
- $('#time_cycle .form-btn button').removeAttr('disabled');
|
|
|
- }
|
|
|
- if ($(e.target).hasClass('monthly')) {
|
|
|
- // 按月订阅
|
|
|
- $('#number_box_month').addClass('active');
|
|
|
- $('#number_box_year span').removeClass('active');
|
|
|
- } else {
|
|
|
- // 按年订阅
|
|
|
- $('#number_box_month').removeClass('active');
|
|
|
- // $('#number_box_year span:eq(0)').addClass('active').siblings().removeClass('active');
|
|
|
- }
|
|
|
- });
|
|
|
+ /* ----- 订阅周期、支付方式弹窗弹出事件 -------*/
|
|
|
+ // 选择订阅周期
|
|
|
+ $('.select_cycle a').click(function (e) {
|
|
|
+ $('#time_cycle').show(200);
|
|
|
+ });
|
|
|
|
|
|
- /* --------控制月份number_box的事件 点击加减号触发的事件------- */
|
|
|
- $('#number_box_month').on('click', 'button', function (e) {
|
|
|
- // 点击加减号让input radio选中
|
|
|
- $('#monthly').prop('checked', true);
|
|
|
- $('#yearly').prop('checked', false);
|
|
|
- $('.number_box span').removeClass('active');
|
|
|
- $('#number_box_month').addClass('active');
|
|
|
|
|
|
- var $number = $('#number_box_month span.month_number');
|
|
|
- var $monthlyInput = $('#monthly');
|
|
|
- // 未整理的data数组，里面的值都是字符串
|
|
|
- var preData = e.delegateTarget.dataset;
|
|
|
- var currentNum = parseInt($number.text());
|
|
|
- var data = {};
|
|
|
- // 把字符串转换成数字
|
|
|
- for (var i in preData) {
|
|
|
- data[i] = preData[i] - 0
|
|
|
- }
|
|
|
+ /* ----- 选择完支付方式、订阅周期 回显到页面 -------*/
|
|
|
+ $('.select_payment .choose_way').click(function () {
|
|
|
+ $('#pay_way').show(200);
|
|
|
+ });
|
|
|
+ // 对支付方式选择的input绑定点击事件
|
|
|
+ $('#pay_way input:radio[name="way"]').click(function () {
|
|
|
+ var checkValue = $('input:radio[name="way"]:checked').val();
|
|
|
+ $('.pay_way').hide(200);
|
|
|
+ $('.pay_mode .select_payment .choose_way.info').html(checkValue);
|
|
|
+ if (checkValue === "微信支付") {
|
|
|
+ purchase.payWay = "wx_app"
|
|
|
+ } else {
|
|
|
+ purchase.payWay = "ali_app"
|
|
|
+ }
|
|
|
+ sessionStorage.setItem("payWay", purchase.payWay);
|
|
|
+ });
|
|
|
+ // 对订阅时间选择的input绑定点击事件
|
|
|
+ $('#time_cycle input:radio[name="time"]').on('click', function (e) {
|
|
|
+ // 解除确认按钮的锁定
|
|
|
+ if ($(e.target).hasClass('monthly') !== $('#number_box_month').hasClass('active')) {
|
|
|
+ $('#time_cycle .form-btn button').removeAttr('disabled');
|
|
|
+ }
|
|
|
+ if ($(e.target).hasClass('monthly')) {
|
|
|
+ // 按月订阅
|
|
|
+ $('#number_box_month').addClass('active');
|
|
|
+ $('#number_box_year span').removeClass('active');
|
|
|
+ } else {
|
|
|
+ // 按年订阅
|
|
|
+ $('#number_box_month').removeClass('active');
|
|
|
+ // $('#number_box_year span:eq(0)').addClass('active').siblings().removeClass('active');
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
- if (!$monthlyInput.prop('checked')) {
|
|
|
- return
|
|
|
- }
|
|
|
- // 判断是点击的是+ 还是-
|
|
|
- if ($(e.target).hasClass('add') || $(e.currentTarget).hasClass('add')) {
|
|
|
- if (currentNum == 11) { //12个月自动跳转1年
|
|
|
- $("#number_box_year .year_number:eq(0)").trigger("click");
|
|
|
- return
|
|
|
- }
|
|
|
- // 点的+
|
|
|
- // currentNum = currentNum >= 12 ? 12 : currentNum + 1;
|
|
|
- currentNum = currentNum >= data.numboxMax ? data.numboxMax : (currentNum + data
|
|
|
- .numboxStep);
|
|
|
- } else {
|
|
|
- // 点的-
|
|
|
- // currentNum = currentNum <= 1 ? 1 : currentNum - 1;
|
|
|
- currentNum = currentNum <= data.numboxMin ? data.numboxMin : (currentNum - data
|
|
|
- .numboxStep);
|
|
|
- }
|
|
|
- $number.text(currentNum);
|
|
|
- purchase.timeSelect_tmp = [Number(currentNum), 2];
|
|
|
- purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
- //var price = (5.8 * currentNum).toFixed(1);
|
|
|
- //$('.computed_price').html('￥' + price)
|
|
|
- var firstButton = $('#number_box_month button:first');
|
|
|
- var lastButton = $('#number_box_month button:last');
|
|
|
- /*if (currentNum >= 10) {
|
|
|
- $('.profit_tips').text("已选择" + currentNum + "个月，建议“按年订阅”").show();
|
|
|
- } else {
|
|
|
- $('.profit_tips').hide();
|
|
|
- }*/
|
|
|
- // 如果为操作后的结果为1，则锁定减号按钮
|
|
|
- if (currentNum === data.numboxMin) {
|
|
|
- firstButton.attr('disabled', true)
|
|
|
- } else {
|
|
|
- firstButton.removeAttr('disabled')
|
|
|
- }
|
|
|
- // 如果为操作后的结果为12，则锁定加号按钮
|
|
|
- if (currentNum === data.numboxMax) {
|
|
|
- lastButton.attr('disabled', true)
|
|
|
- } else {
|
|
|
- lastButton.removeAttr('disabled')
|
|
|
- }
|
|
|
- });
|
|
|
+ /* --------控制月份number_box的事件 点击加减号触发的事件------- */
|
|
|
+ $('#number_box_month').on('click', 'button', function (e) {
|
|
|
+ // 点击加减号让input radio选中
|
|
|
+ $('#monthly').prop('checked', true);
|
|
|
+ $('#yearly').prop('checked', false);
|
|
|
+ $('.number_box span').removeClass('active');
|
|
|
+ $('#number_box_month').addClass('active');
|
|
|
|
|
|
- /* -------- 控制年份number_box的事件 点击1年 2年 3年触发的事件------- */
|
|
|
- $('#number_box_year').on('click', 'span', function (e) {
|
|
|
- console.log(e.target.dataset.id);
|
|
|
- $('#number_box_month').removeClass('active');
|
|
|
- var id = e.target.dataset.id;
|
|
|
- //$('.profit_tips').hide();
|
|
|
- $(this).addClass('active').siblings().removeClass('active');
|
|
|
- $('#yearly').prop('checked', true);
|
|
|
- $("#monthly").prop('checked', false);
|
|
|
+ var $number = $('#number_box_month span.month_number');
|
|
|
+ var $monthlyInput = $('#monthly');
|
|
|
+ // 未整理的data数组，里面的值都是字符串
|
|
|
+ var preData = e.delegateTarget.dataset;
|
|
|
+ var currentNum = parseInt($number.text());
|
|
|
+ var data = {};
|
|
|
+ // 把字符串转换成数字
|
|
|
+ for (var i in preData) {
|
|
|
+ data[i] = preData[i] - 0
|
|
|
+ }
|
|
|
|
|
|
- // 渲染结果 保留一位小数
|
|
|
- //var result = (Number(id) * 58).toFixed(1);
|
|
|
- //$('.computed_price').html('￥' + result)
|
|
|
- purchase.timeSelect_tmp = [Number(id), 1]
|
|
|
- purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
- });
|
|
|
+ if (!$monthlyInput.prop('checked')) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 判断是点击的是+ 还是-
|
|
|
+ if ($(e.target).hasClass('add') || $(e.currentTarget).hasClass('add')) {
|
|
|
+ if (currentNum == 11) { //12个月自动跳转1年
|
|
|
+ $("#number_box_year .year_number:eq(0)").trigger("click");
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 点的+
|
|
|
+ // currentNum = currentNum >= 12 ? 12 : currentNum + 1;
|
|
|
+ currentNum = currentNum >= data.numboxMax ? data.numboxMax : (currentNum + data.numboxStep);
|
|
|
+ } else {
|
|
|
+ // 点的-
|
|
|
+ // currentNum = currentNum <= 1 ? 1 : currentNum - 1;
|
|
|
+ currentNum = currentNum <= data.numboxMin ? data.numboxMin : (currentNum - data.numboxStep);
|
|
|
+ }
|
|
|
+ $number.text(currentNum);
|
|
|
+ purchase.timeSelect_tmp = [Number(currentNum), 2];
|
|
|
+ purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
+ //var price = (5.8 * currentNum).toFixed(1);
|
|
|
+ //$('.computed_price').html('￥' + price)
|
|
|
+ var firstButton = $('#number_box_month button:first');
|
|
|
+ var lastButton = $('#number_box_month button:last');
|
|
|
+ /*if (currentNum >= 10) {
|
|
|
+ $('.profit_tips').text("已选择" + currentNum + "个月，建议“按年订阅”").show();
|
|
|
+ } else {
|
|
|
+ $('.profit_tips').hide();
|
|
|
+ }*/
|
|
|
+ // 如果为操作后的结果为1，则锁定减号按钮
|
|
|
+ if (currentNum === data.numboxMin) {
|
|
|
+ firstButton.attr('disabled', true)
|
|
|
+ } else {
|
|
|
+ firstButton.removeAttr('disabled')
|
|
|
+ }
|
|
|
+ // 如果为操作后的结果为12，则锁定加号按钮
|
|
|
+ if (currentNum === data.numboxMax) {
|
|
|
+ lastButton.attr('disabled', true)
|
|
|
+ } else {
|
|
|
+ lastButton.removeAttr('disabled')
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
- /* -------- 选择按月订阅 radio触发的事件------- */
|
|
|
- $('#monthly').on('change', function (e) {
|
|
|
- var isChecked = $(this).is(':checked');
|
|
|
- var val = $('.month_number').text();
|
|
|
- /*if (val >= 10) {
|
|
|
- $('.profit_tips').show()
|
|
|
- }*/
|
|
|
- if (!isChecked) {
|
|
|
- $('#number_box_month button').attr('disabled', true)
|
|
|
- }
|
|
|
- //var result = (Number(val) * 5.8).toFixed(1);
|
|
|
- //$('.computed_price').html('￥' + result);
|
|
|
- purchase.timeSelect_tmp = [Number(val), 2];
|
|
|
- purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
+ /* -------- 控制年份number_box的事件 点击1年 2年 3年触发的事件------- */
|
|
|
+ $('#number_box_year').on('click', 'span', function (e) {
|
|
|
+ console.log(e.target.dataset.id);
|
|
|
+ $('#number_box_month').removeClass('active');
|
|
|
+ var id = e.target.dataset.id;
|
|
|
+ //$('.profit_tips').hide();
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $('#yearly').prop('checked', true);
|
|
|
+ $("#monthly").prop('checked', false);
|
|
|
|
|
|
- });
|
|
|
- /* -------- 选择按年订阅 radio触发的事件------- */
|
|
|
- $('#yearly').on('change', function (e) {
|
|
|
- //$('.profit_tips').hide();
|
|
|
- // console.log($(this).is(':checked'))
|
|
|
- var isChecked = $(this).is(':checked');
|
|
|
- // 按年订阅默认选择1年
|
|
|
- var val = 1;
|
|
|
- //$('.computed_price').html('￥' + Number(val) * 58)
|
|
|
- if (isChecked) {
|
|
|
- $('#number_box_year span:eq(0)').addClass('active').siblings().removeClass('active')
|
|
|
- }
|
|
|
- purchase.timeSelect_tmp = [Number(val), 1];
|
|
|
- purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
- });
|
|
|
+ // 渲染结果 保留一位小数
|
|
|
+ //var result = (Number(id) * 58).toFixed(1);
|
|
|
+ //$('.computed_price').html('￥' + result)
|
|
|
+ purchase.timeSelect_tmp = [Number(id), 1]
|
|
|
+ purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
+ });
|
|
|
|
|
|
- // 确认订阅周期
|
|
|
- $('#enter_period').on('click', function () {
|
|
|
- var val;
|
|
|
- $('input[name="time"]').each(function (i, v) {
|
|
|
- var isChecked = $(v).is(':checked');
|
|
|
- if ($(v).is(':checked') === true && $('.year_number').hasClass('active')) {
|
|
|
- val = $('.active').html();
|
|
|
- $('#time_cycle').hide(function () {
|
|
|
- $('.choose_time').val(val);
|
|
|
- var giveTime = val
|
|
|
- if (giveTime.indexOf('年') !== -1) {
|
|
|
- giveTime = '1年'
|
|
|
- }
|
|
|
- $(".free-7day.give .info").text(giveTime)
|
|
|
- $('.show_time').text(val);
|
|
|
- // @NewYearMarketing 2021/1/25
|
|
|
- checkMonth(giveTime)
|
|
|
- });
|
|
|
- purchase.timeSelect_tmp = [parseInt(val[0]), 1]
|
|
|
- } else if ($(v).is(':checked') === true) {
|
|
|
- val = $('.month_number').html();
|
|
|
- $('#time_cycle').hide(function () {
|
|
|
- $('.choose_time').val(val + '个月');
|
|
|
- $('.show_time').text(val + '个月');
|
|
|
- $(".free-7day.give .info").text(val + '个月')
|
|
|
- // @NewYearMarketing 2021/1/25
|
|
|
- checkMonth(val + '个月')
|
|
|
- });
|
|
|
- purchase.timeSelect_tmp = [parseInt(val), 2]
|
|
|
- }
|
|
|
- });
|
|
|
- purchase.timeSelect = purchase.timeSelect_tmp;
|
|
|
- purchase.flushPrice(purchase.timeSelect, 1);
|
|
|
- sessionStorage.setItem("vipSubSelectTime", JSON.stringify(purchase.timeSelect));
|
|
|
- });
|
|
|
- $("input").bind("input propertychange change", function (event) {
|
|
|
- checkOk();
|
|
|
- });
|
|
|
+ /* -------- 选择按月订阅 radio触发的事件------- */
|
|
|
+ $('#monthly').on('change', function (e) {
|
|
|
+ var isChecked = $(this).is(':checked');
|
|
|
+ var val = $('.month_number').text();
|
|
|
+ /*if (val >= 10) {
|
|
|
+ $('.profit_tips').show()
|
|
|
+ }*/
|
|
|
+ if (!isChecked) {
|
|
|
+ $('#number_box_month button').attr('disabled', true)
|
|
|
+ }
|
|
|
+ //var result = (Number(val) * 5.8).toFixed(1);
|
|
|
+ //$('.computed_price').html('￥' + result);
|
|
|
+ purchase.timeSelect_tmp = [Number(val), 2];
|
|
|
+ purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
+ });
|
|
|
+ /* -------- 选择按年订阅 radio触发的事件------- */
|
|
|
+ $('#yearly').on('change', function (e) {
|
|
|
+ //$('.profit_tips').hide();
|
|
|
+ // console.log($(this).is(':checked'))
|
|
|
+ var isChecked = $(this).is(':checked');
|
|
|
+ // 按年订阅默认选择1年
|
|
|
+ var val = 1;
|
|
|
+ //$('.computed_price').html('￥' + Number(val) * 58)
|
|
|
+ if (isChecked) {
|
|
|
+ $('#number_box_year span:eq(0)').addClass('active').siblings().removeClass('active')
|
|
|
+ }
|
|
|
+ purchase.timeSelect_tmp = [Number(val), 1];
|
|
|
+ purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
+ });
|
|
|
|
|
|
- $('#payHandle').click(function () {
|
|
|
- $("#payHandle").attr("disabled", "disabled");
|
|
|
- //支付请求
|
|
|
- var area = purchase.areaSelect;
|
|
|
- var industry = purchase.industrySelect;
|
|
|
- if (area["全国"]) {
|
|
|
- area = {};
|
|
|
- }
|
|
|
- if (industry.length === 1 && industry[0] === "全部行业") {
|
|
|
- industry = [];
|
|
|
- }
|
|
|
- {{if not .T.isTrial}}
|
|
|
- //优惠码
|
|
|
- var activeCode = $('.coupon-picker .weui-input').val();
|
|
|
- // alert(activeCode)
|
|
|
- var activeCodes = "";
|
|
|
- if (activeCode.toLowerCase() === "jianyu360" && $('.coupon-code-tx .info').text() === "支付成功赠送30天订阅周期") {
|
|
|
- activeCodes = "jianyu360";
|
|
|
- }
|
|
|
- //付费用户
|
|
|
- var param = {
|
|
|
- "area": JSON.stringify(area),
|
|
|
- "industry": industry.join(","),
|
|
|
- "time": $(".info:eq(2)").val().trim(),
|
|
|
- "orderType":{{.T.orderType}},
|
|
|
- "activeCode": activeCodes,
|
|
|
- "disWord":getParam("disWord")//分销系统 口令
|
|
|
- };
|
|
|
- // alert(activeCodes)
|
|
|
- // @订单手机号-S
|
|
|
- if (OrderPhoneCheck.status) {
|
|
|
- param.order_phone = OrderPhoneCheck.phone
|
|
|
+ // 确认订阅周期
|
|
|
+ $('#enter_period').on('click', function () {
|
|
|
+ var val;
|
|
|
+ $('input[name="time"]').each(function (i, v) {
|
|
|
+ var isChecked = $(v).is(':checked');
|
|
|
+ if ($(v).is(':checked') === true && $('.year_number').hasClass('active')) {
|
|
|
+ val = $('.active').html();
|
|
|
+ $('#time_cycle').hide(function () {
|
|
|
+ $('.choose_time').val(val);
|
|
|
+ var giveTime = val
|
|
|
+ if (giveTime.indexOf('年') !== -1) {
|
|
|
+ giveTime = '1年'
|
|
|
}
|
|
|
- // @订单手机号-E
|
|
|
- $DoPost("/subscribepay/vipsubscribe/createOrder", param, function (r) {
|
|
|
- if (r.success) {
|
|
|
- try {
|
|
|
- clearSessionStorage()
|
|
|
- history.replaceState({}, '', '/jyapp/vipsubscribe/toOrderDetailPage?orderCode=' + r.data.code);
|
|
|
- window.location.href = "/jyapp/pay/checkout_subvip?orderCode=" + r.data.code + "&t=3&from=buy"
|
|
|
- } catch (e) {
|
|
|
- showToast(e)
|
|
|
- }
|
|
|
- }
|
|
|
- $("#payHandle").removeAttr("disabled")
|
|
|
- });
|
|
|
-
|
|
|
- {{else}}
|
|
|
- //试用用户
|
|
|
- $DoPost("/subscribepay/order/trialPay", {
|
|
|
- "area": JSON.stringify(area),
|
|
|
- "industry": industry.join(","),
|
|
|
- "order_phone": OrderPhoneCheck.phone
|
|
|
- }, function (r) {
|
|
|
- if (r.success) {
|
|
|
- clearSessionStorage();
|
|
|
- $("#payHandle").attr("disabled", "disabled");
|
|
|
- window.location.replace("/jyapp/subvip/paySuccess?orderCode=" + r.data.code);
|
|
|
- }
|
|
|
- });
|
|
|
- {{end}}
|
|
|
- })
|
|
|
-
|
|
|
+ $(".free-7day.give .info").text(giveTime)
|
|
|
+ $('.show_time').text(val);
|
|
|
+ // @NewYearMarketing 2021/1/25
|
|
|
+ checkMonth(giveTime)
|
|
|
+ });
|
|
|
+ purchase.timeSelect_tmp = [parseInt(val[0]), 1]
|
|
|
+ } else if ($(v).is(':checked') === true) {
|
|
|
+ val = $('.month_number').html();
|
|
|
+ $('#time_cycle').hide(function () {
|
|
|
+ $('.choose_time').val(val + '个月');
|
|
|
+ $('.show_time').text(val + '个月');
|
|
|
+ $(".free-7day.give .info").text(val + '个月')
|
|
|
+ // @NewYearMarketing 2021/1/25
|
|
|
+ checkMonth(val + '个月')
|
|
|
+ });
|
|
|
+ purchase.timeSelect_tmp = [parseInt(val), 2]
|
|
|
+ }
|
|
|
});
|
|
|
+ purchase.timeSelect = purchase.timeSelect_tmp;
|
|
|
+ purchase.flushPrice(purchase.timeSelect, 1);
|
|
|
+ sessionStorage.setItem("vipSubSelectTime", JSON.stringify(purchase.timeSelect));
|
|
|
+ });
|
|
|
+ $("input").bind("input propertychange change", function (event) {
|
|
|
+ checkOk();
|
|
|
+ });
|
|
|
|
|
|
- // 隐藏dialog选择框
|
|
|
- function hideDialog() {
|
|
|
- $('#pay_way').hide(200);
|
|
|
- $('#time_cycle').hide(200);
|
|
|
- $('.coupon-picker').hide()
|
|
|
- $('.discount-details').hide()
|
|
|
- $('.discount-button .icon-arrow').removeClass('up')
|
|
|
+ $('#payHandle').click(function () {
|
|
|
+ $("#payHandle").attr("disabled", "disabled");
|
|
|
+ //支付请求
|
|
|
+ var area = purchase.areaSelect;
|
|
|
+ var industry = purchase.industrySelect;
|
|
|
+ if (area["全国"]) {
|
|
|
+ area = {};
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
- function showToast(content) {
|
|
|
- weui.toast(content, {
|
|
|
- duration: 2000,
|
|
|
- className: 'custom-toast',
|
|
|
- });
|
|
|
+ if (industry.length === 1 && industry[0] === "全部行业") {
|
|
|
+ industry = [];
|
|
|
+ }
|
|
|
+ {{if not .T.isTrial}}
|
|
|
+ //优惠码
|
|
|
+ var activeCode = $('.coupon-picker .weui-input').val();
|
|
|
+ // alert(activeCode)
|
|
|
+ var activeCodes = "";
|
|
|
+ if (activeCode.toLowerCase() === "jianyu360" && $('.coupon-code-tx .info').text() === "支付成功赠送30天订阅周期") {
|
|
|
+ activeCodes = "jianyu360";
|
|
|
}
|
|
|
+ //付费用户
|
|
|
+ var param = {
|
|
|
+ "area": JSON.stringify(area),
|
|
|
+ "industry": industry.join(","),
|
|
|
+ "time": $(".info:eq(2)").val().trim(),
|
|
|
+ "orderType":{{.T.orderType}},
|
|
|
+ "activeCode": activeCodes,
|
|
|
+ "disWord":getParam("disWord")//分销系统 口令
|
|
|
+ };
|
|
|
+ // alert(activeCodes)
|
|
|
+ // @订单手机号-S
|
|
|
+ if (OrderPhoneCheck.status) {
|
|
|
+ param.order_phone = OrderPhoneCheck.phone
|
|
|
+ }
|
|
|
+ // @订单手机号-E
|
|
|
+ $DoPost("/subscribepay/vipsubscribe/createOrder", param, function (r) {
|
|
|
+ if (r.success) {
|
|
|
+ try {
|
|
|
+ clearSessionStorage()
|
|
|
+ history.replaceState({}, '', '/jyapp/vipsubscribe/toOrderDetailPage?orderCode=' + r.data.code);
|
|
|
+ window.location.href = "/jyapp/pay/checkout_subvip?orderCode=" + r.data.code + "&t=3&from=buy"
|
|
|
+ } catch (e) {
|
|
|
+ showToast(e)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $("#payHandle").removeAttr("disabled")
|
|
|
+ });
|
|
|
|
|
|
- //app支付 公共方法 结束
|
|
|
+ {{else}}
|
|
|
+ //试用用户
|
|
|
+ $DoPost("/subscribepay/order/trialPay", {
|
|
|
+ "area": JSON.stringify(area),
|
|
|
+ "industry": industry.join(","),
|
|
|
+ "order_phone": OrderPhoneCheck.phone
|
|
|
+ }, function (r) {
|
|
|
+ if (r.success) {
|
|
|
+ clearSessionStorage();
|
|
|
+ $("#payHandle").attr("disabled", "disabled");
|
|
|
+ window.location.replace("/jyapp/subvip/paySuccess?orderCode=" + r.data.code);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ {{end}}
|
|
|
+ })
|
|
|
+ });
|
|
|
|
|
|
+ // 隐藏dialog选择框
|
|
|
+ function hideDialog() {
|
|
|
+ $('#pay_way').hide(200);
|
|
|
+ $('#time_cycle').hide(200);
|
|
|
+ $('.coupon-picker').hide()
|
|
|
+ $('.discount-details').hide()
|
|
|
+ $('.discount-button .icon-arrow').removeClass('up')
|
|
|
+ }
|
|
|
|
|
|
- //是否可点击
|
|
|
- function checkOk() {
|
|
|
- var area = $(".info:eq(0)").val().trim();
|
|
|
- var industry = $(".info:eq(1)").val().trim();
|
|
|
- var checked = $('#buy').prop('checked');
|
|
|
- if (area != '' && industry != '' && checked == true && OrderPhoneCheck.status) {
|
|
|
- $("#payHandle").removeAttr('disabled');
|
|
|
- } else {
|
|
|
- $("#payHandle").attr({
|
|
|
- 'disabled': 'true'
|
|
|
- });
|
|
|
- }
|
|
|
- if (checked) {
|
|
|
- if (area === '') {
|
|
|
- $(".area_warn").css("display", "block");
|
|
|
- }
|
|
|
- if (industry === "") {
|
|
|
- $(".industry_warn").css("display", "block");
|
|
|
- }
|
|
|
- }
|
|
|
+ function showToast(content) {
|
|
|
+ weui.toast(content, {
|
|
|
+ duration: 2000,
|
|
|
+ className: 'custom-toast',
|
|
|
+ });
|
|
|
+ }
|
|
|
|
|
|
- sessionStorage.setItem("vipSub_read", checked)
|
|
|
+ //app支付 公共方法 结束
|
|
|
|
|
|
+ //是否可点击
|
|
|
+ function checkOk() {
|
|
|
+ var area = $(".info:eq(0)").val().trim();
|
|
|
+ var industry = $(".info:eq(1)").val().trim();
|
|
|
+ var checked = $('#buy').prop('checked');
|
|
|
+ if (area != '' && industry != '' && checked == true && OrderPhoneCheck.status) {
|
|
|
+ $("#payHandle").removeAttr('disabled');
|
|
|
+ } else {
|
|
|
+ $("#payHandle").attr({
|
|
|
+ 'disabled': 'true'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (checked) {
|
|
|
+ if (area === '') {
|
|
|
+ $(".area_warn").css("display", "block");
|
|
|
}
|
|
|
+ if (industry === "") {
|
|
|
+ $(".industry_warn").css("display", "block");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ sessionStorage.setItem("vipSub_read", checked)
|
|
|
+ }
|
|
|
|
|
|
- function clearSessionStorage() {
|
|
|
- sessionStorage.removeItem("vipSubSelectArea");
|
|
|
- sessionStorage.removeItem("vipSubSelectIndustry");
|
|
|
- sessionStorage.removeItem("vipSubSelectTime");
|
|
|
- sessionStorage.removeItem("vipSub_read");
|
|
|
- sessionStorage.removeItem("historypushDataCache");
|
|
|
- sessionStorage.removeItem("payWay");
|
|
|
- sessionStorage.To_introducePage = 2;
|
|
|
- //订阅首页
|
|
|
- sessionStorage.removeItem("sub_vip_state");
|
|
|
- sessionStorage.removeItem("vip_index_read");
|
|
|
- sessionStorage.removeItem("vip_change_time");
|
|
|
+ function clearSessionStorage() {
|
|
|
+ sessionStorage.removeItem("vipSubSelectArea");
|
|
|
+ sessionStorage.removeItem("vipSubSelectIndustry");
|
|
|
+ sessionStorage.removeItem("vipSubSelectTime");
|
|
|
+ sessionStorage.removeItem("vipSub_read");
|
|
|
+ sessionStorage.removeItem("historypushDataCache");
|
|
|
+ sessionStorage.removeItem("payWay");
|
|
|
+ sessionStorage.To_introducePage = 2;
|
|
|
+ //订阅首页
|
|
|
+ sessionStorage.removeItem("sub_vip_state");
|
|
|
+ sessionStorage.removeItem("vip_index_read");
|
|
|
+ sessionStorage.removeItem("vip_change_time");
|
|
|
|
|
|
- sessionStorage.removeItem("pay_read_cache");
|
|
|
- sessionStorage.removeItem("liveActiveCode_purchase");
|
|
|
- }
|
|
|
+ sessionStorage.removeItem("pay_read_cache");
|
|
|
+ sessionStorage.removeItem("liveActiveCode_purchase");
|
|
|
+ }
|
|
|
|
|
|
- /******* 获取url参数（正则）********/
|
|
|
- function getParam(name) {
|
|
|
- var search = document.location.search;
|
|
|
- // alert(search);
|
|
|
- var pattern = new RegExp("[?&]" + name + "\=([^&]+)", "g");
|
|
|
- var matcher = pattern.exec(search);
|
|
|
- var items = null;
|
|
|
- if (null != matcher) {
|
|
|
- try {
|
|
|
- items = decodeURIComponent(decodeURIComponent(matcher[1]));
|
|
|
- } catch (e) {
|
|
|
- try {
|
|
|
- items = decodeURIComponent(matcher[1]);
|
|
|
- } catch (e) {
|
|
|
- items = matcher[1];
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- return items;
|
|
|
- };
|
|
|
- </script>
|
|
|
+ /******* 获取url参数（正则）********/
|
|
|
+ function getParam(name) {
|
|
|
+ var search = document.location.search;
|
|
|
+ // alert(search);
|
|
|
+ var pattern = new RegExp("[?&]" + name + "\=([^&]+)", "g");
|
|
|
+ var matcher = pattern.exec(search);
|
|
|
+ var items = null;
|
|
|
+ if (null != matcher) {
|
|
|
+ try {
|
|
|
+ items = decodeURIComponent(decodeURIComponent(matcher[1]));
|
|
|
+ } catch (e) {
|
|
|
+ try {
|
|
|
+ items = decodeURIComponent(matcher[1]);
|
|
|
+ } catch (e) {
|
|
|
+ items = matcher[1];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return items;
|
|
|
+ };
|
|
|
+ </script>
|
|
|
</div>
|
|
|
-</div>
|
|
|
-{{include "/common/baiducc.html"}}
|
|
|
+ </div>
|
|
|
+ {{include "/common/baiducc.html"}}
|
|
|
</body>
|
|
|
|
|
|
</html>
|
