监听用户升级到 VIP 用户组的 UI 交互事件，当用户的影币不足时将根据 Html 配置自动切换让用户手动选择（卡密与在线充值）或自动跳转到在线充值界面。
当需要让用户手动选择两种充值方式（卡密与在线）时需要给 html 代码添加这两个条件（卡密购买地址+选择界面），如果不需要则去除这两个条件之一或都去掉。

Html代码

<form class="form-inline user-upvip-form" action="{:xz_url('user/deadtime')}" method="post" role="form" target="_blank" data-url="{:C('pay_card_sell')}">
<div class="form-group">
<label for="user_email" class="control-label">购买期限（天）</label>
<input class="form-control text-center" name="score_ext" id="score_ext" value="{:C('user_pay_vip_small')}" type="text" required>
</div>
<button type="submit" class="btn btn-success">提交</button>
</form>
<div class="text-center user-upvip-btn hidden">
<a class="btn btn-success user-score-payment" href="javascript:;">在线充值</a>
<if condition="C('pay_card_sell')"><a class="btn btn-success user-score-card" href="javascript:;">卡密充值</a></if>
</div>

以上为默认模板的 User/ajax_upvip.html 相关代码，

即条件1：自定义配置data-url="{:C('pay_card_sell')}"，条件2：user-upvip-btn展示的UI选择界面。

Js调用代码

xzcms.user.ScoreUpvip()