交易所前端蓝色ui, 4.5 jiem
lxf
2025-04-18 66a33e936d39ec4db7fdffed5d646e044ccc43e9
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<template>
  <div class="box-border">
    <div class="pl-33 pr-33 total_wrap" style="background-color: #F3F3F3;padding: 10px 10px;
    margin: 10px;
    border-top-right-radius: .5rem;border-top-left-radius: .5rem;margin-bottom: 0px;padding-bottom: 0px;">
      <div class="flex justify-between text-grey relative">
        <div class="flex">
          <span class="text-grey font-30">{{ $t('总资产') }}(USDT)</span>
          <div @click.stop="changeEyes">
            <img :src="require('../../assets/image/assets-center/eye-open.png')" class="w-32 h-18" v-show="!eyetel" />
            <img :src="require('../../assets/image/assets-center/eye-close.png')" class="w-32 h-18" v-show="eyetel" />
          </div>
        </div>
        <div class="right-clock" @click="goRouter('/exchange/exchangeHistory')">
          <img :src="require('../../assets/image/assets-center/Subtract.png')" class="w-44 h-38" />
        </div>
      </div>
      <div class="font-700 font-66 mt-18 textColor" v-if="!eyetel">{{ funds.total || '--' }}
        <span class="font-40 text-grey">≈{{ currency.currency_symbol }}{{ funds.total ? (funds.total *
          currency.rate).toFixed(2) : ' --' }}</span>
      </div>
      <div class="font-70 font-66 mt-18 textColor" v-else>********</div>
      <span class="text-grey font-30 mt-10">{{ $t('盈亏') }} {{funds.Profit_loss}}({{funds.Profit_loss_ratio}}%)</span>
    </div>
    <div class="pl-33 pr-33 btn-box flex justify-between" style="background-color: #F3F3F3;padding: 10px;
    margin: 10px;margin-top: 0px;padding-top: 0px;">
      <div class="text-white font-25 textColor " style="background: #fff;" @click="goRouter('/recharge/rechargeList')">
        <div class="word-wrap">
          <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAAAXNSR0IArs4c6QAAAvJJREFUWEftmE9yEkEUxr/HzKTciTdAVqkQq0hyAAInsLyAJGCVOxMPoIkHUNhZgga9QDxBQi4Qs3Aiq8AJjBtNFdC0vGFGh5E/M0wPkSrecqb79a+/1/1edxMWwGgBGLGEVBWlpZJLJacpsPr0JqH1jIyIaWeNt9Sa1j7s/5nW5NqTdpoknQKIA7hAjErmO/1jWJhx/WeCZGceUP5UF7q+E4WyM0My1YNC92GP5PEfBSS1hKFlVYOGgmS4VLHDYd92gxpC27io0Q9V4Q8NuV7sbEuAQd1WN6tG9r+BtNX8AiDthhJAtlE16ipAQytpQRbaJRA9GwKS1DTf60lVkAkAR3Y62bFSSkBb223nKUbsw21SALkZ1LwP4AOAuwBe9SP0mZV0L3xOzNwokP2zy53ehFOzYuQCOGMenuxju881gCR/bAJgNf+6DuCVm9o5k9el166Nrp4MsNOZ58SVLaQyyNX8TULTdZ6s14KG/HYgexDPv1XvlHwGJzrICeEGCMdmxXg0gJQEEIdwnKmBHJO8fQo1IAVk2ayu7I/opAaSHacK7SMQ5YOQOW2lpKtfQttqjS6b6iDTeRnv6F3ehRuBQCU1hdByjdrYM6g6SAazQLXOOYj85VWJ70LoWxMA2a1aSPZopR5NO/EBKmVXbl7WVqZVM/WQrkTOob83JvSSSO5/rayUfSyNaCAt0EHt5nrrPbBICRxeVo1DH4DRhNs9cGq3vYcYvXF943xYNqvGqFQTbZ6cpMh6sXPQT4IvrTbBDxfRK+nAWzkUscxPoW2OyYWT5hndmvSOmsjL+AyA81PS5wa5vTUZEnDxlRy+NwN83PdeURWI5MsFl9hz+75ln5gQ49100D8+DdLGwPiew6CRP0R5sPldifOsc7/h3yxWjiH559WIssZ35nmBcknNuBR0VOTj4CenjO3Zs/AVkzk0sqoVAKtauWsth/3FiPo7B6ahIRiQnxEZ0HpP8h4I+Knk9dAD1HwReYnVOMTuYX8Dn/UWie4ZsG0AAAAASUVORK5CYII=" alt="">
          <span> {{ $t('充币') }}</span>
        </div>
      </div>
      <div class="text-white font-25 textColor " style="background: #fff;" @click="withdrawBtn">
        <div class="word-wrap">
          <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAlCAYAAAAEGWqvAAAAAXNSR0IArs4c6QAAAjlJREFUWEftV0FO21AQfYNj1CU3AHYVoVI4QeEG9ARNlSCxg5wg4QSEXReuMCconACOwCaQHbkB2dFinN+8qLHAcRqP+zEOykjexJOZefPe/zMWzLnJnNePBYC3ZnDBQBEZWANwCmA75+KuAXwB0NPkTZJQG8CBJohF3xMAh5p4SQB8AF81QSz6Mvc3TbwFAE23UvhaYaD69xCnyGfdhbnPNFGnzQEG+qwJZMH3Sls8c76bQbYCgE8eprrnZxVEBppDp9YsRwvvzwE0tINqVl4CMLOcLLznlN0ZDqm+hVgvQuQBgJJh8Zmk86n2tBtKWBmUlv3ud5mIkQeALQBkQG2b9aA5lMdY3lcdz2UjcmXgKOv52th7rIoRLpWRDRA2br0P3NUiIwN3ALiB2jb1VB0X8HH/Yc0JnEuIxOvqu0+l9WtforNEAHQiTasWETBB5hunXHv0ITJtoWx3PJexR1a4QZYknXhjQ2Cn67mc3MUC8A/pvMRgpOeGzhalRAZIFQ+GjUmcWfescLMW/DSC3ZRSHknJ9jXKa25ErdZiV2aqv1NKtgGwexepssecyvXgUvsdbjA4sg3gvyT0HFMyINPoeMsTc8D2LkQJPR/5ZISLnMo26r9bgiUumpF1PHfi1uQP95YO8LQCM01jDYAKgGNVe3TO/ESktFSmAaAKnJfz3AMo138dAk6kDGOkd/OjtB5vYOFWiXGBlapZCZygDZFVI+gPglKj6yd/D+SlilfJU1gG0qKdewB/AEjFnPQZhyc9AAAAAElFTkSuQmCC" alt="">
          <span>{{ $t('提币') }}</span>
        </div>
      </div>
      <div class="text-white font-25 textColor " style="background: #fff;" @click="goRouter('/exchange/exchangePage')">
        <div class="word-wrap">
          <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAlCAYAAAATO/pmAAAAAXNSR0IArs4c6QAAAgJJREFUaEPtmL9PwlAQx+8KxD9AJxIT46CmMBgTFv4AnVTi4ooIC4MuGjUxAXcXFwepIcQ/AP8BVxcHFmrihAtMMpFgpIEzpeFHtC1teUCB9zbSd+/uc9+713IIc7JwTjiBg86a0gMVFeNKComigLgyJvgCCHgnP3hzLP2ZggYTSp4IIiwdWj0LAfJFyXdgdf+gfYagYqIRRcLsoANG+ZygdfMuLaRZ+DAEDcSVAgBssnDi+AzEkpzxrjq27zM0AyUWDvTOCK0hZM89oDqI3Tbh7cPQFcmST2ARBwcNxBWuqFEp+Rd7BVKpGudp6ks3e+aB0DpCuUqwc9k0bC0O+j817ryM9BRVFVYVVNfTSwtqdWj/nppbt9OPtW9qB68uPdDkrgDJPe0NsX3VhMoXTRdoMeNtB//8SnCd1fqRg/5RVE2Kf0kr51q9VxE6t9fke3QYRW186bgT9OLQAxvLAOUqdMt5P4wQCWs9enLf7PazRVh3gloM3s62yYNa7DE7UHp7xwB63CiNcapglJCCLPm2hs2Wam/47yUY/0kTCCkWThyeQUB4JD+yGamYjlLEhJLHWR+ldFQQY40oCng6tmkD0Sci5oqSj8kIpcMxcArosOxcZ8ZBXSfJkAFxRfsSOLLZkYlIqk8m0z87lxEHHbJtzMy5ok6Tyy8jp5lzq93cKPoLfgRFNdDsr/kAAAAASUVORK5CYII=" alt="">
          <span>{{ $t('闪兑') }}</span>
        </div>
      </div>
    </div>
    <!--       <div class="divider-line"></div>-->
    <div class="pl-30 pr-30">
      <div class="assets-content-title font-35 titleColor">{{ $t('投资组合') }}</div>
      <div class="assets-list font-30 flex justify-between" v-for="(item, index) in list" :key="index">
        <div class="items-center">
          <img :src="item.icon" class="w-44 h-44" />
          <div class="text-grey symbol-name font-30 textColor2">{{ $t(item.text) }}</div>
        </div>
        <div class="flex-col font-30 text-right" v-if="!eyetel">
          <div class="textColor">{{ funds[item.key] || '--' }} USDT</div>
          <div class="text-grey font-30 font-400 mb-0">≈{{ currency.currency_symbol }} {{ funds[item.key] ?
            (funds[item.key]
              * currency.rate).toFixed(2) : ' --' }}</div>
        </div>
        <div class="flex-col font-30 text-right" v-if="eyetel">
          <div class="textColor">******** USDT</div>
          <div class="text-grey">≈{{ currency.currency_symbol }} ********</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Axios from "@/API/assets"
import { Dialog } from 'vant';
import { mapGetters } from "vuex";
export default {
  name: 'AssetsPage',
  components: {
    [Dialog.name]: Dialog,
  },
  props: ['funds'],
  data() {
    return {
      // total:"",
      // status:"", //身份认证状态 0已申请未审核,1审核中,2审核通过,3审核未通过
      eyetel: false,
      active: 0,
    }
  },
  computed: {
    ...mapGetters('home', ['currency', 'theme']),
    list() {
      return [
        { id: 1, text: this.$t('现货账户'), icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAeCAYAAADQBxWhAAAAAXNSR0IArs4c6QAAA2lJREFUSEvFl01u00AUx//PYxfYhROQsKGQIFXlAJRcgI89IjRGYsfHAWhzASCsEAltygUQB6ApF4BKkFI2jU9AK4GoiO15dJzYxPaMGxASs4rt8fu9/5v34RD+w6IJszwD2zPtqbn+kgQug6hMzGUm8izI7UA4b3afU+69GDoEUARuHQFXs1AFY2AFwJLRaUI/FPbyNHwWqAm4whpHDHCWCB9+7p58qp4fB/0XwNgPhkW3By/sjSJoUUj7M+SAbst+aNuLJqgWqKxUm6OhSpi/hIIkreugRuAkcf5WZeznfhZqBKo3zjeDa8SyJOecLXVthX4JIRbIoluFGZwOC09DN3RlMWsYa8vBdUnyMR0f+gTaOKrT3qwA075zNw8rYk5sHgeOlWrtlO9z6dS3cElY8oxkPg1JnrTI2+2Ow6tb1WX/CixsFghIlKb2zN89LAtfrBLoKhNKOQOs4PLp585cO2+cqdr010HROetWHlq7M7oHSataWNYE0zB0RD3bXwvVMg1T4a25/p+0trELWjBT1Q2kVibQSqAznIX5mJiGTigWt3t0EHtSbfp72SbCTHs/QnHpN7S40xz19mRpk48hWzvdE5NJFCn9CkzlA+NrGNqXdnvkRQYuNoNrkvi1Vgqhb0l6xsQHUnKZCI9AVNHs3XcC+6xSe849rNiw9yZ7GEweh/LGTm9uW92LoNXmqKfNNkZ78NK5Pw2YbxyWLSH6mlrkEKircrpwZ9QgpjUwDojQ/h7YbS8JfQx1/Q8AFrLeh4FdUeHI3r+wPGqQReuZ+8nMrDX8JXLAHzvOO130YqW6ybE16DpXdC8ptcK21ddGaqXP1Zx3ZiiRN+jYurODYdrwBKqGRtGqjKGur8ZV7jsnkKh/WXNyo8yQA0dMagzW7FcFRCViM4LW3J+rDEt9YGXiRV5Aov6li+Rca26gGkh+L8BhYJ/V5cDEaARUH4ARdKHBJd8O9gs8jBo8MRaM7ZHQH3ScusFGAkxKRv246PpPJJAqj2POZvoxM/HiTmdch5mVAqagkVrhvzcUfhGfGWjtdB1dAuWAKai6iEpBiM0/AKv22B50nQezKIz35ProBLwy6VCmIc9Rt7G49Uk7U6FVaITGD8YNQNwD6DIYZahhzjiAhW2S/OZ76GxMt7YppQr4tuhvyi/Z7Xweb+gsTwAAAABJRU5ErkJggg==', key: 'money_all_coin' },
        { id: 2, text: this.$t('合约账户 (U本位)'), icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAAAXNSR0IArs4c6QAAAphJREFUSEvllr9PE2EYx7/P+74tR1tqLVAqbRHQEKloGHRxkUk3wl8gtYCJk4nBxUEkuouLcSgof4CJo5s6O7hIogxiYnQgMUEMNdyVPubtFXKWntfSI8b4Lje8z72f+36fH/cS/sIiL2Z2xhwFxA2vuEb3y5KXPaEj09YYAy8bPdQjjpk4/+9Bzw8RGID+8t2nm9I3qzoCrSuduEC4f1W6Ompj7O0z10r+QPUp9cC16pl9hrqBnfIPBZrqBJZmJVJddl0eutJkjLF0SyKTEJWCql1apa85jYZKuDn+HeeGQ0j3hKGkqFtU++zNzpg5QFx0b2qOEWOidt8IWLg08gVDKcLxZAgDmYgreB90eHr7qYCYbGbiKGHhZPwzeo+a6OnUuQyiLxnCYDqCdDIMKW2rNYzIfv7WMs1CCTuIqnUcMYqIhUvoijJ64hKp7iD6jrXjRLoDLEN48Ay4NykRDfsCtdCGTbSrIiKGWQF3RxmJuES6O4hIpAOPXsSwviEwnCEszkpE2oGzzuFQT+mOUgPvH9MnbXl2evsuQcw57RcwEcQPGKqIaBWsFYfDBl6vprFZVHvhGrxwXeLybcdEOghUn0hsoo1scIdhwggqrG1kUCrvr+DeTuDrN7uFK3+Zg0Kd4IC0sFVOoMz1W8bhUuvQChgWAAmGJ9Afpc20WTX24EoZ5flGgWRfdWItQ1cKAc8bhw1hOj1lfQRR/38KzU5tPyESOWeOSlCDHwqoDgdzrnY4rBSU0J3qnVcXe0/lfvZLKedApId+g7nyxrlELGyV1PweJJs3c0S4U026v3CmNSLOvysEXtm9XbMqcElXwBjzQflbMD1cWVTLToyrIm27UCJHEOMARh0v/dkFxgbAy0T0fFdZrbBfwtiBdhSFpfgAAAAASUVORK5CYII=', key: 'money_contract' },
        { id: 3, text: this.$t('交割合约账户'), icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAYAAAC5UQwxAAAAAXNSR0IArs4c6QAAAyhJREFUSEvVlk1IVFEUx//nzYyZZCZjizJNo8zUPhZJpVCzi4gcg2qr5diHRJtqY6RRGFgQuuiDlBRcJBSYtRaKVmWCYIEahKBJhF+p+TXv3RP3jvPFjDNvRjddeDOLe9753f+555x3CFFW7mXOgq5nRbMzu0/RDPe4Fls1aGXR7Ezuc9zA5CRgZm4ZwwwQA5DuIrqMD1hXrim/t1oEAAGCgIYFaDDAsMFAIhhaONGxA+vOa3AWaZB6nr4VePJOQj0ryTIBG81hSSRjXqSsHiiVOYs9J/cGsL5doK3LA020zGPLhhG4dRtG/obNM/MKnUWE0iIN6XbC1jQP8MsAq//brQZ+jnkEHc7sh2Dg83Du6hVKD1WnNFwp0VRqFFTqIU7PHRxUwNc9OWsDvHSSUHmCYQjGoWuhGVl9eljt1Xdmrg3wTPEiSo8swNAFyhpSg5xKfNv1PzCYUfZoU3hgrsvtiFS0FkYtCD4bR/40juZOQxeM+x0ZwUACeh4TDAEUXpW3G7KY8l3usDsrHWJ/xgQKtk1ACMbLT7tCgH3PrZB9YO/F0PuVyR0zMNs+hu2pY0rFxx/+TCzMIZVIL25aIIuk4qGhDtM9GKRnBSBzIxNPyRcI2jHAH1L7+klsTvoNZsL3yZ0Q7KlLmb1VJcHdJbBGl0MRHmhYrdn9z2hIGuW5Fu8QtFpv7NZZ5pFi+6WAs+5UX0dR6m5YULibVG3KZvCg3d+F4gbKFxNoRvVOBkHnjTBgU7FItwOvaqyqCZy9F8MdRlLoVUrwOvQoAizqV3ak7gHG6HjYtIs9pJFKyMRefMD0NFKpb2aNjpvI0mgh/dpkNcNShzpebWB0zAeNT+H/D9Rh3THQjOU6XKoNrEMZy74ma+TJxVt0ZkPKhDcAeToN8wEA8vGt0qKos5fPtquX/cOW6qUVSy0gkmOgeS+mUibUiIAOBcm7sFROhBoQyUFk7cGMSRDf/dac0BDkfM3BjCkiNM7q1oah1uUrChedApfbwcxlADlBkJ/uWFW/J+BDIMjfEqPch4QLCAeRtg+MLPUEHoIxBcIQE/VqQvTqNlun90sTzvU/07KhZX5VuzoAAAAASUVORK5CYII=', key: 'money_futures' },
        { id: 4, text: this.$t('理财账户'), icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAdCAYAAAAkXAW5AAAAAXNSR0IArs4c6QAAAlxJREFUWEftlk1u01AQx//j2FCJBYEThF2JQUpvkHCCiAuQUkdiV44AF4B2h5RADQu2qBco5QREQimRWDQ3IAvERxy/IePUJo6/ExexYDZRnufN/N7MvHlD2EyqABoAJgAG65qiNTfWABwBaC7tHwOwATwtanMdCAF4P3cov3HypCjIOhACsByBOJDWXOc0b0SKQkj+P+YwfjyvkXYOPU+lKIREQGohS6Q+WtuPOJKyn1uYjA9ICjmQohBZzkPfTcuJpG5KvPOldyV0k/42xGDYN3ZWT5IL4o7lNJm5zZp2vUgoSKkmiIKUMNTxWf9qpFZSIWqPuXrt2+xdjtuQi42J7LOevhsbCf+kitT4c3/rwFeKy2kubwlKiRD17rRDTEfMNFZupTWySSob/vomTmP2ng77hvSQkJC5Nz338sbUGb7UX19WFHy7rq7fGr1YHNQXMi2H5Y8LtEZ9I+hy/nrJkYiYY+JdgVjcZSabWX0I6DTK05TSGRmHUvlM2E9S9CDqD6cd0uhVjFKu65tGoX3Xb356i4lpzVQqhHy8uzdru6xkNvCEgCo0el5CKqQzSotOfPC8SMQ52u78qFV0/bwEiEwT/zZEo8NVR599zTxGCQqJkRDbZtc5ASPSWErwGzKRClHvThvEdALgRhmOpSOj4o2FIVGK36Rew0WBVvaZ0aal13BNqNiWfXEbs03etn7ZGrQH2ZqpGpcAwXzIxKEx7U+f0aRDBn3nYr18iLiHyIcIHsVwYP5D+PHYLBJm13kGxaHZ0DWMe6tzQZAO6TFqZdzXaDDsGffjSvc3b933LZ+luaAAAAAASUVORK5CYII=', key: 'money_finance' },
        { id: 5, text: this.$t('矿机资产'), icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAkCAYAAAAHKVPcAAAAAXNSR0IArs4c6QAAAmBJREFUWEe9llFOGzEQhv9ZUqmP6Q3CYyMqhRPQXgCFExBK+kw4QegJygGQCjfgBnAEXnhubwCPJRCm+Zc1coy9XjtLRkJBu17P55l/xiPwWw/ADoCLwPtWH0tgt3MA+wD4+xPA31a9Opv5IEYAflvrCHDynlHxQfwCMPGc/HLx/N56ft0WWCgdPPk0kgJGaLONNIUguDfFeVX9hnx9cqKTxVQHwQ27i7/TSqQ+B8fV+yzn5qMYhFl3VwH5nG0DuFmFogmEWy2uP2qDILZok5hiED5dmN7BMv5aeWPl7CV5thbHIFghrBTbWBGmeTFKXEPYbH3EquOPA8Du6UJxiYFhNJL1UQdhWrfhaNIXmB42sSQLQfjEuHIVhMhCEEwD82yMUTlIOl7CYh+EK0am4Zt9k279mB2pyjDBT+1SF8JXkkzN0lzxefxwXqDgVd/MVAOjgHQh6LoQrhipdGphyVIhbs8+eNPeHz+cCIqp/ZJRcEvS7gmvIKkQ807He9tuPD5OIHJkQ7hiDPUEpELEcmYgfNNU8D7of5+NsFFwBl3NBMoNDIQbhTdiXM1b/dcGwp6koj2hN9Hux3/lrJFl+vR6+PJ7WxODasBl/6+drt9LE+ZEPF10LkiFUBFG98UqHZT/P+u2AIPYVe4NdypESp9onN9UCH3WA+iyDuisKGRXBcO1RGIx+JSlGLIsiP5oNig6kl0dLkwWROO8NVyYBfHl8Gk4lzlLuhXLgkgVZo0mSv9rgZCXoeiNqeoIIvtrgbg96xQ+iP54NnXnicb5zUiHfwJX6UG011YkavtA7HT/AeUtm5EG80b7AAAAAElFTkSuQmCC', key: 'money_miner' },
      ]
    },
  },
  mounted() {
    // this.getData();
    // this.getList();
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    goRouter(parmas) {
      if (parmas === '/exchange/exchangeHistory') {
        this.$router.push({ path: parmas, query: { type: 0 } })
      } else {
        this.$router.push(parmas);
      }
    },
    // getData() {
    //   Axios.GetAllAssets().then((res)=>{
    //     if(res.code ==0){
    //       this.total = res.data.total;
    //       this.status = res.data.status;
    //     }
    //   });
    // },
    getList() {
      Axios.GetWallet().then((res) => {
        if (res.code == 0) {
          this.list = res.data.extends;
        }
      });
    },
    changeEyes() {
      this.eyetel = !this.eyetel;
    },
    beforeClose(action, done) {
      if (action === 'confirm') {
        setTimeout(done, 1000);
      } else {
        done();
      }
    },
    //跳转提币页面
    withdrawBtn() {
      //身份已认证,直接跳转,未认证则提示跳身份认证页
      // if(this.funds.status==2) {
      //   this.$router.push({
      //     path:'/withdraw/withdrawPage'
      //   });
      // }else{
      //   Dialog.confirm({
      //     confirmButtonText:this.$t('确定'),
      //     cancelButtonText:this.$t('取消'),
      //     title: this.$t('提示'),
      //     message: this.$t('请进行身份KYC认证'),
      //     beforeClose: (action, done) => {
      //       if (action === 'confirm') {
      //         done();
      //         this.$router.push({
      //           path:'/authentication'
      //         });
      //       } else {
      //         done();
      //       }
      //     },
      //   });
      // }
      this.$router.push({
        path: '/withdraw/withdrawPage'
      });
    },
 
  },
 
}
</script>
 
<style lang="scss" scoped>
.right-clock {
  position: absolute;
  top: 0;
  right: -3px;
}
 
.total_wrap {
  margin-top: 44px;
}
 
.asset-title-box {
  margin: 40px 0;
}
 
.btn-box {
  margin-top: 44px;
}
 
.btn-box>div {
  width: 234px;
  padding: 20px 15px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 8.8px;
  font-size: 26.5px;
  display: flex;
  justify-content: center;
  align-items: center;
 
  .word-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
 
    img {
      width: 40px;
      height: 40px;
      margin-right: 22px;
    }
 
    span {
      font-size: 26.5px;
    }
  }
}
 
.mr60 {
  margin-right: 60px;
}
 
.divider-line {
  border-bottom: 1px solid #E5E7ED;
  padding-bottom: 80px;
}
 
.assets-content-title {
  margin-top: 60px;
  margin-bottom: 55px;
}
 
.assets-list {
  margin-bottom: 35px;
}
 
.assets-list>div {
  display: flex;
}
 
.assets-list>div:nth-child(2) div:nth-child(1) {
  margin-bottom: 16px;
  font-size: 30px;
  font-weight: 700;
}
 
.symbol-name {
  margin-left: 17px;
  //margin-top:10px;
}
</style>