<template>
|
<div id="__APP">
|
<div style="position: relative"></div>
|
<div class="css-tq0shg">
|
<div class="css-14rvj6w">
|
<div class="css-jrzkh7">
|
<div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
|
</div>
|
</div>
|
<main class="css-1wr4jig">
|
<main class="css-xry4yv">
|
<div class="css-1wr4jig" style="">
|
<div class="css-6ul7zn">
|
<div class="css-1lcs7oa">
|
<div class="css-1m9qn0r">
|
<div class="css-ut3jxi">
|
<a class="css-vurnku"
|
><svg
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 24 24"
|
fill="none"
|
class="css-oy7j7w"
|
@click="OnClickPre"
|
>
|
<path
|
d="M16.414 18.586L15 20l-8-8 8-8 1.414 1.414L9.828 12l6.586 6.586z"
|
fill="#76808F"
|
></path></svg
|
></a>
|
<div class="css-dekbpw">设置</div>
|
</div>
|
<div class="css-z32tht">
|
<div class="css-c7nxby">
|
<div class="css-k2y2sp">
|
<div class="css-1104sf1">地址管理</div>
|
</div>
|
<div class="css-1f48ywh">
|
<div class="css-12sryi7">
|
<div class="css-1lcw97r">
|
<div class="bn-input-md css-1s4fl8l">
|
<input
|
aria-label="币种"
|
class="bn-sdd-input css-rivkf9"
|
value=""
|
/>
|
<div class="bn-input-suffix css-vurnku">
|
<div class="css-13c2b5p">
|
<svg
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 24 24"
|
fill="none"
|
class="css-1nlwvj5"
|
>
|
<path
|
d="M16.5 8.49v2.25L12 15.51l-4.5-4.77V8.49h9z"
|
fill="currentColor"
|
></path>
|
</svg>
|
</div>
|
</div>
|
<label class="bn-input-label css-k4png4"
|
>币种</label
|
>
|
</div>
|
<div class="bn-sdd-value css-1h4bkt6">全部</div>
|
<div class="bn-sdd-dropdown closing css-1tsr9u1">
|
<div
|
class="bn-sdd-innerInputContainer css-16vu25q"
|
>
|
<div class="bn-input-md css-1aawpab">
|
<div class="bn-input-prefix css-vurnku">
|
<svg
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 24 24"
|
fill="none"
|
class="bn-sdd-icon css-1d886ym"
|
>
|
<path
|
fill-rule="evenodd"
|
clip-rule="evenodd"
|
d="M11 6a5 5 0 110 10 5 5 0 010-10zm0-3a8 8 0 017.021 11.838l3.07 3.07-1.59 1.591-1.591 1.591-3.07-3.07A8 8 0 1111 3z"
|
fill="currentColor"
|
></path>
|
</svg>
|
</div>
|
<input class="css-jl5e70" value="" />
|
<div class="bn-input-suffix css-vurnku">
|
<svg
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 24 24"
|
fill="none"
|
class="bn-sdd-icon css-1cv87yd"
|
>
|
<path
|
fill-rule="evenodd"
|
clip-rule="evenodd"
|
d="M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-7.233 0l3.006 3.005-1.768 1.768L12 13.767l-3.005 3.005-1.768-1.768 3.005-3.005-3.005-3.005 1.768-1.767L12 10.23l3.005-3.005 1.768 1.767L13.767 12z"
|
fill="currentColor"
|
></path>
|
</svg>
|
</div>
|
</div>
|
</div>
|
<ul role="listbox" class="bn-sdd-list css-2rl2kr">
|
<li
|
role="option"
|
id=""
|
title=""
|
class="bnb-active-option bn-sdd-option-item css-88fj32"
|
>
|
<div class="bn-sdd-option css-4cffwv">
|
<div class="css-1pysja1">
|
<div class="css-1ys4s4y">全部</div>
|
</div>
|
</div>
|
</li>
|
<li
|
role="option"
|
id="BNB"
|
title="BNB"
|
class="bn-sdd-option-item css-1w2yls6"
|
>
|
<div class="bn-sdd-option css-4cffwv">
|
<div class="css-1pysja1">
|
<div class="css-ayv2ki">
|
<div class="css-11y6cix">
|
<!-- <img
|
src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20220218/94863af2-c980-42cf-a139-7b9f462a36c2.png"
|
class="css-mqw1qq"
|
/> -->
|
<div class="css-6fw7ox">
|
<div class="css-1xco8o4">BNB</div>
|
<small class="css-1p3wb3t"
|
>BNB</small
|
>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li
|
role="option"
|
id="USDT"
|
title="USDT"
|
class="bn-sdd-option-item css-1w2yls6"
|
>
|
<div class="bn-sdd-option css-4cffwv">
|
<div class="css-1pysja1">
|
<div class="css-ayv2ki">
|
<div class="css-11y6cix">
|
<!-- <img
|
src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20210122/2b5c7d80-7bcd-4cfb-8bd9-d1760a752afc.png"
|
class="css-mqw1qq"
|
/> -->
|
<div class="css-6fw7ox">
|
<div class="css-1xco8o4">USDT</div>
|
<small class="css-1p3wb3t"
|
>TetherUS</small
|
>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li
|
role="option"
|
id="ETH"
|
title="ETH"
|
class="bn-sdd-option-item css-1w2yls6"
|
>
|
<div class="bn-sdd-option css-4cffwv">
|
<div class="css-1pysja1">
|
<div class="css-ayv2ki">
|
<div class="css-11y6cix">
|
<!-- <img
|
src="https://bin.bnbstatic.com/image/admin_mgs_image_upload/20201110/3a8c9fe6-2a76-4ace-aa07-415d994de6f0.png"
|
class="css-mqw1qq"
|
/> -->
|
<div class="css-6fw7ox">
|
<div class="css-1xco8o4">ETH</div>
|
<small class="css-1p3wb3t"
|
>Ethereum</small
|
>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="css-1ow4n4l">
|
<div class="bn-input-md css-1s4fl8l">
|
<input
|
aria-label="白名单"
|
class="bn-sdd-input css-rivkf9"
|
value=""
|
/>
|
<div class="bn-input-suffix css-vurnku">
|
<div class="css-13c2b5p">
|
<svg
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 24 24"
|
fill="none"
|
class="css-1nlwvj5"
|
>
|
<path
|
d="M16.5 8.49v2.25L12 15.51l-4.5-4.77V8.49h9z"
|
fill="currentColor"
|
></path>
|
</svg>
|
</div>
|
</div>
|
<label class="bn-input-label css-k4png4"
|
>白名单</label
|
>
|
</div>
|
<div class="bn-sdd-dropdown closing css-1tsr9u1">
|
<ul role="listbox" class="bn-sdd-list css-2rl2kr">
|
<li
|
role="option"
|
id="all"
|
title="all"
|
class="bn-sdd-option-item css-88fj32"
|
>
|
<div class="bn-sdd-option css-4cffwv">
|
<div class="css-1pysja1">
|
<div class="css-10ae9nd">全部</div>
|
</div>
|
</div>
|
</li>
|
<li
|
role="option"
|
id="whitelisted"
|
title="whitelisted"
|
class="bn-sdd-option-item css-1w2yls6"
|
>
|
<div class="bn-sdd-option css-4cffwv">
|
<div class="css-1pysja1">
|
<div class="css-10ae9nd">白名单地址</div>
|
</div>
|
</div>
|
</li>
|
<li
|
role="option"
|
id="not_whitelisted"
|
title="not_whitelisted"
|
class="bn-sdd-option-item css-1w2yls6"
|
>
|
<div class="bn-sdd-option css-4cffwv">
|
<div class="css-1pysja1">
|
<div class="css-10ae9nd">
|
非白名单地址
|
</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="css-1ow4n4l">
|
<div class="bn-input-md css-1s4fl8l">
|
<input
|
aria-label="类型"
|
class="bn-sdd-input css-rivkf9"
|
value=""
|
/>
|
<div class="bn-input-suffix css-vurnku">
|
<div class="css-13c2b5p">
|
<svg
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 24 24"
|
fill="none"
|
class="css-1nlwvj5"
|
>
|
<path
|
d="M16.5 8.49v2.25L12 15.51l-4.5-4.77V8.49h9z"
|
fill="currentColor"
|
></path>
|
</svg>
|
</div>
|
</div>
|
<label class="bn-input-label css-k4png4"
|
>类型</label
|
>
|
</div>
|
<div class="bn-sdd-dropdown closing css-1tsr9u1">
|
<ul role="listbox" class="bn-sdd-list css-2rl2kr">
|
<li
|
role="option"
|
id="all"
|
title="all"
|
class="bn-sdd-option-item css-88fj32"
|
>
|
<div class="bn-sdd-option css-4cffwv">
|
<div class="css-1pysja1">
|
<div class="css-10ae9nd">全部</div>
|
</div>
|
</div>
|
</li>
|
<li
|
role="option"
|
id="universal"
|
title="universal"
|
class="bn-sdd-option-item css-1w2yls6"
|
>
|
<div class="bn-sdd-option css-4cffwv">
|
<div class="css-1pysja1">
|
<div class="css-10ae9nd">通用地址</div>
|
</div>
|
</div>
|
</li>
|
<li
|
role="option"
|
id="standard"
|
title="standard"
|
class="bn-sdd-option-item css-1w2yls6"
|
>
|
<div class="bn-sdd-option css-4cffwv">
|
<div class="css-1pysja1">
|
<div class="css-10ae9nd">普通地址</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="css-1wie70i">
|
<div class="bn-input-md css-b08d2g">
|
<div class="bn-input-prefix css-vurnku">
|
<div class="css-k6nsss">
|
<svg
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 24 24"
|
fill="none"
|
class="css-phgw1n"
|
>
|
<path
|
fill-rule="evenodd"
|
clip-rule="evenodd"
|
d="M17 11a6 6 0 10-12 0 6 6 0 0012 0zm-6-8a8 8 0 110 16 8 8 0 010-16z"
|
fill="#76808F"
|
></path>
|
<path
|
fill-rule="evenodd"
|
clip-rule="evenodd"
|
d="M20.586 22L15 16.414 16.414 15 22 20.586 20.586 22z"
|
fill="#76808F"
|
></path>
|
</svg>
|
</div>
|
</div>
|
<input
|
aria-label="搜索"
|
placeholder="地址搜索"
|
autocomplete="off"
|
class="css-16fg16t"
|
value=""
|
/><label class="bn-input-label css-k4png4"
|
>搜索</label
|
>
|
</div>
|
</div>
|
</div>
|
<div class="css-11234sj">
|
<button
|
data-bn-type="button"
|
class="css-89jh4p"
|
@click="OnClickShowAddre"
|
>
|
添加地址
|
</button>
|
<div class="css-ybbx55">
|
<button data-bn-type="button" class="css-1mlniwr">
|
<svg
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 24 24"
|
fill="none"
|
class="css-1iztezc"
|
>
|
<path
|
fill-rule="evenodd"
|
clip-rule="evenodd"
|
d="M12.11 12.178L16 8.287l1.768 1.768-5.657 5.657-1.768-1.768-3.889-3.889 1.768-1.768 3.889 3.89z"
|
fill="currentColor"
|
></path>
|
</svg>
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="css-z32tht">
|
<div class="css-joa6mv"></div>
|
<div class="css-1arttng">
|
<div
|
class="rc-table css-xdf65a rc-table-scroll-horizontal"
|
>
|
<div class="rc-table-container">
|
<div
|
class="rc-table-content"
|
style="overflow: auto hidden"
|
>
|
<table
|
style="
|
width: 970px;
|
min-width: 100%;
|
table-layout: auto;
|
"
|
>
|
<colgroup>
|
<col />
|
<col style="width: 12%" />
|
<col style="width: 12%" />
|
<col style="width: 14%" />
|
<col style="width: 25%" />
|
<col style="width: 8%" />
|
<col style="width: 8%" />
|
<col style="width: 15%" />
|
<col style="width: 8%" />
|
</colgroup>
|
<thead class="rc-table-thead">
|
<tr>
|
<th class="rc-table-cell"></th>
|
<th class="rc-table-cell">地址备注</th>
|
|
<th class="rc-table-cell">币种</th>
|
<th class="rc-table-cell">地址</th>
|
<th class="rc-table-cell">转账网络</th>
|
|
<th
|
class="rc-table-cell"
|
style="text-align: center"
|
></th>
|
</tr>
|
</thead>
|
<tbody class="rc-table-tbody">
|
<tr
|
aria-hidden="true"
|
class="rc-table-measure-row"
|
style="height: 0px; font-size: 0px"
|
>
|
<td
|
style="
|
padding: 0px;
|
border: 0px;
|
height: 0px;
|
"
|
>
|
<div
|
style="height: 0px; overflow: hidden"
|
>
|
|
</div>
|
</td>
|
<td
|
style="
|
padding: 0px;
|
border: 0px;
|
height: 0px;
|
"
|
>
|
<div
|
style="height: 0px; overflow: hidden"
|
>
|
|
</div>
|
</td>
|
<td
|
style="
|
padding: 0px;
|
border: 0px;
|
height: 0px;
|
"
|
>
|
<div
|
style="height: 0px; overflow: hidden"
|
>
|
|
</div>
|
</td>
|
<td
|
style="
|
padding: 0px;
|
border: 0px;
|
height: 0px;
|
"
|
>
|
<div
|
style="height: 0px; overflow: hidden"
|
>
|
|
</div>
|
</td>
|
<td
|
style="
|
padding: 0px;
|
border: 0px;
|
height: 0px;
|
"
|
>
|
<div
|
style="height: 0px; overflow: hidden"
|
>
|
|
</div>
|
</td>
|
<td
|
style="
|
padding: 0px;
|
border: 0px;
|
height: 0px;
|
"
|
>
|
<div
|
style="height: 0px; overflow: hidden"
|
>
|
|
</div>
|
</td>
|
<td
|
style="
|
padding: 0px;
|
border: 0px;
|
height: 0px;
|
"
|
>
|
<div
|
style="height: 0px; overflow: hidden"
|
>
|
|
</div>
|
</td>
|
<td
|
style="
|
padding: 0px;
|
border: 0px;
|
height: 0px;
|
"
|
>
|
<div
|
style="height: 0px; overflow: hidden"
|
>
|
|
</div>
|
</td>
|
<td
|
style="
|
padding: 0px;
|
border: 0px;
|
height: 0px;
|
"
|
>
|
<div
|
style="height: 0px; overflow: hidden"
|
>
|
|
</div>
|
</td>
|
</tr>
|
<tr
|
data-row-key="31342734639104"
|
class="rc-table-row rc-table-row-level-0"
|
v-for="(item, index) in lstData"
|
:key="index"
|
>
|
<td class="rc-table-cell"></td>
|
|
<td class="rc-table-cell">
|
<div class="css-15oyuc7">
|
<div class="css-1c82c04">
|
<div class="css-1c82c04">
|
{{ item.extra }}
|
</div>
|
</div>
|
</div>
|
</td>
|
|
<td class="rc-table-cell">
|
<div class="css-15oyuc7">
|
<div class="css-16sm7a0">
|
<!-- <img
|
class="css-1621ux5"
|
:src="
|
require('/src/assets/images/symbol/' +
|
item.method.toLowerCase() +
|
'.png')
|
"
|
/> -->
|
<div class="css-1jq4ozh">
|
{{ item.method }}
|
</div>
|
</div>
|
</div>
|
</td>
|
<td class="rc-table-cell">
|
<div class="css-15oyuc7">
|
<div class="css-1f9551p">
|
<div
|
class="bn-tooltip-box css-1yof1af"
|
data-popper-reference-hidden="false"
|
data-popper-escaped="false"
|
data-popper-placement="top"
|
style="
|
position: absolute;
|
left: -74px;
|
top: -64px;
|
transition: opacity 120ms
|
ease-in-out 0s,
|
transform 120ms ease-in-out 0s;
|
opacity: 0;
|
transform: translate3d(
|
0px,
|
-6px,
|
0px
|
);
|
"
|
>
|
<div class="css-1rlrpg0">
|
<div class="css-1cjl26j">
|
{{ item.account }}
|
</div>
|
</div>
|
<div
|
class="bn-tooltip-arrow css-1u9esp9"
|
data-popper-arrow="true"
|
style="
|
position: absolute;
|
left: 150px;
|
"
|
></div>
|
<i class="gap-fill"></i>
|
</div>
|
<div class="css-1c82c04">
|
{{ item.account }}
|
</div>
|
</div>
|
</div>
|
</td>
|
<td class="rc-table-cell">
|
<div class="css-15oyuc7">
|
<div class="css-1c82c04">
|
{{ item.blockchain_name }}
|
</div>
|
</div>
|
</td>
|
<td class="rc-table-cell">
|
<div class="css-15oyuc7">
|
<div class="css-1c82c04">
|
<button
|
data-bn-type="button"
|
class="btnMain"
|
@click="OnClickDel(item.id)"
|
>
|
删除
|
</button>
|
</div>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</main>
|
</main>
|
</div>
|
<address-add
|
:inIsShowPop="showAddreChoose"
|
:callbackState="AddressChangeShow"
|
></address-add>
|
</div>
|
</template>
|
<script>
|
import AddressAdd from "./addressAdd.vue";
|
import Axios2 from "@/api/wallet.js";
|
|
export default {
|
components: { AddressAdd },
|
data() {
|
return {
|
showAddreChoose: false,
|
menuchoose: 0, //地址 ，新地址1
|
lstData: [],
|
};
|
},
|
mounted() {
|
this.lstData = [];
|
//this.GetAdress();
|
},
|
|
methods: {
|
MenuChoose(id) {
|
this.menuchoose = id;
|
},
|
|
OnClickShowAddre() {
|
this.showAddreChoose = !this.showAddreChoose;
|
},
|
AddressChangeShow(state) {
|
this.showAddreChoose = state;
|
},
|
|
GetAdress() {
|
var addParams = {
|
method: "",
|
};
|
|
Axios2.listPaymentmethod(addParams)
|
.then((res) => {
|
this.lstData = res.data;
|
console.error(res);
|
})
|
.catch((err) => {
|
console.error(err);
|
});
|
},
|
OnClickPre() {
|
this.$router.go(-1);
|
},
|
OnClickDel(id) {
|
console.error("res");
|
|
var addParams = {
|
id: id,
|
};
|
|
Axios2.deletePaymentmethod(addParams)
|
.then((res) => {
|
console.error(res);
|
this.GetAdress();
|
})
|
.catch((err) => {
|
console.error(err);
|
});
|
},
|
},
|
};
|
</script>
|
<style scoped lang="css">
|
@import url("../../assets/global.css");
|
@import url("../../assets/wallet/addma.css");
|
|
/*! CSS Used from: Embedded */
|
a,
|
a:active,
|
a:visited {
|
text-decoration: none;
|
}
|
|
/*! CSS Used from: Embedded */
|
a {
|
background-color: transparent;
|
}
|
|
/*! CSS Used from: Embedded */
|
.css-lmq5by {
|
box-sizing: border-box;
|
margin: 0px 0px 0px 24px;
|
min-width: 0px;
|
text-decoration: none;
|
color: rgb(201, 148, 0);
|
font-size: 14px;
|
line-height: 20px;
|
}
|
|
.css-lmq5by:hover {
|
text-decoration: underline;
|
color: rgb(240, 185, 11);
|
}
|
|
.css-vuv0mn {
|
box-sizing: border-box;
|
margin: 0px;
|
min-width: 0px;
|
padding: 10px 16px;
|
font-size: 14px;
|
line-height: 20px;
|
color: rgb(112, 122, 138);
|
background-color: rgb(255, 255, 255);
|
border-radius: 4px;
|
cursor: pointer;
|
text-align: center;
|
}
|
|
.css-q8u9rk {
|
box-sizing: border-box;
|
margin: 0px 0px 0px 24px;
|
min-width: 0px;
|
padding: 10px 16px;
|
font-size: 14px;
|
line-height: 20px;
|
color: rgb(112, 122, 138);
|
background-color: rgb(255, 255, 255);
|
border-radius: 4px;
|
cursor: pointer;
|
text-align: center;
|
}
|
|
.css-1vurpwy {
|
box-sizing: border-box;
|
margin: 0px 0px 0px 24px;
|
min-width: 0px;
|
padding: 10px 16px;
|
font-size: 14px;
|
line-height: 20px;
|
color: rgb(30, 35, 41);
|
background-color: rgb(245, 245, 245);
|
border-radius: 4px;
|
cursor: pointer;
|
text-align: center;
|
}
|
</style>
|
