kkc-shop
/
kkc-go


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>易租租-用户</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/api/static/css/index.css">
    <link rel="stylesheet" href="/api/static/css/user.css">
    <link rel="stylesheet" href="/api/static/css/bar.css">
    <script src="/api/static/js/base.js"></script>
</head>
<body>
<div class="user-page" id="user-page">
    <div style="position: fixed;top: 0;width: 100%;height: 100%;left: 0;right: 0;z-index:-1">
        <img src="/api/static/image/user-page-back.png" style="width: 100VW;height: 100%"/>
    </div>
    <div class="user-page-login">
        <div class="user-info-show">
            <div class="user-info-show-avatar">
                <img src="/api/static/image/def_image.png"/>
            </div>
            <div class="user-info-show-name">
                <div class="user-info-show-name-text">未登录</div>
                <div class="user-info-show-name-button">请先登录</div>
            </div>
        </div>
    </div>
    <div class="user-page-handler">
        <div class="user-handler-info">
            <div class="user-handler-info-item">
                <div class="user-handler-info-item-number" id="user-wallet-points">0</div>
                <div class="user-handler-info-item-remark">积分</div>
            </div>
            <div class="user-handler-info-item">
                <div class="user-handler-info-item-number" id="user-wallet-cardCount">0</div>
                <div class="user-handler-info-item-remark">卡券</div>
            </div>
            <div class="user-handler-info-item">
                <div class="user-handler-info-item-number" id="user-wallet-balance">0.00</div>
                <div class="user-handler-info-item-remark">账户余额</div>
            </div>
            <div class="user-handler-info-item">
                <div class="user-handler-info-item-number" id="user-wallet-income">0.00</div>
                <div class="user-handler-info-item-remark">累计收益</div>
            </div>
        </div>

        <div class="user-handler-other">
            <div class="user-handler-other-header">
                <div class="title">我的订单</div>
                <div class="more-btn user-order-all-btn" onclick="clickOrder('')">全部</div>
            </div>
            <div class="user-handler-other-bottom">
                <div class="user-handler-other-bottom-item" onclick="clickOrder('0')">
                    <div class="icon">
                        <img src="/api/static/image/bar/wallet.svg"/>
                    </div>
                    <div class="label">待付款</div>
                </div>
                <div class="user-handler-other-bottom-item" onclick="clickOrder('1')">
                    <div class="icon">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA5pJREFUaEPtWj1oVEEQnrmXkCM/cAaT3G5SKChopaKgoIGIhREULWxEwRRaGSstFGsxoIIgVgpGiKBVIqRIKhUVFCPYKVgoGHZeCIQDQzjIvR1v5V44zvfu3k/encHbLtmZne+bmX07O3sIG3zgBscPsQh0d3cPtLW13UDEdBRHaK2XHce5ubi4aEfRNzqxCAghziLiRFTjRk9rPWLb9pOoa8QikM1mz6dSqfGoxpsE4qbQPx8BKeUlZj6NiBk3TZh5jogumr+FEEcRcSZOCjHzMBHNltZ7iIj7ymwtM/Mz27Yf+Nnw3QPZbPZKKpW6U6nIzK+I6LD7/66urs0dHR2dUUg4jpMv/wIJIV4i4lDlWlrrUT8SvgSklN8AYJsHga9EtDMK4Fo6QogviLjDw+YPItrqpe9LQAixiogtXkrMfE9rPY2ITi1QQeaZ2bIs6xQAjPrJK6U8sVaLAAcxXi+ZJoF6ebqZQq4HpJTNPbCeadfcxBG8mWNmt84fQMRIp7Vrt14RyDPzhNb60cLCwocy0i1CiF2IOMrM5/wOyGpOSpwAM/8AgNNE9KkakN7e3l2WZU0h4pYwUU2awLzWetC2bUOifKSLNdXZfD4/u7S0NO9OlK6ib8KQSJrAIaXUu0qPCiFuIeI1Zp4homPl80KIvYg4FzQKiRHQWpt6/YwXECnlYwAYAYDPSqk9HgQnEdEUcTVHYgSK4E4Vwb2IQkBKeRIApmqiB4DECKyurgq/tkitCJi9kE6nfzaUgFKqFQAK1SLAzMsAMIeIBWYeJ6KnYUuWxCKwsrKyKZfL5bwICCHMHfdC+Zz53Lq3q56ens7W1tZfDY2A4zgHKg6tNTxSyoPMPOaewsxsImA2/V0j1NfXt9+yrPcNJWAAEtH1ICAqZaSUtwHgahDdxFLI5HehUNgetr+ZyWQy7e3t3wFgrWXTyFJiWil1IognSzItUsrJ4sY+HlQnsQi4AJj5ERFdBoB8DVBpIcT9ys1di0jiBEoA3mutr9m2/drnq2Q6eWPFw2t3LcCV8/Ui8MduqTI1LUe3gBsAgOEwxVtDCYT1bhD5ukYgCKCwMk0CYT223vLNCKy3R8Ou9/9FoNr7QFjvxZU3VSwRmXvHX6PaA8fH8vequCBi6r9VSg2GItDf339Eaz0TpQkVE2ylet5xnCG/O0fVh27T+jCXdgCI1RYMQCjt83OFr1rr5x79prUlY73UBwCWuMiGJ/AbAc7sQEBGQLsAAAAASUVORK5CYII="
                             draggable="false" loading="lazy"
                             data-src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA5pJREFUaEPtWj1oVEEQnrmXkCM/cAaT3G5SKChopaKgoIGIhREULWxEwRRaGSstFGsxoIIgVgpGiKBVIqRIKhUVFCPYKVgoGHZeCIQDQzjIvR1v5V44zvfu3k/encHbLtmZne+bmX07O3sIG3zgBscPsQh0d3cPtLW13UDEdBRHaK2XHce5ubi4aEfRNzqxCAghziLiRFTjRk9rPWLb9pOoa8QikM1mz6dSqfGoxpsE4qbQPx8BKeUlZj6NiBk3TZh5jogumr+FEEcRcSZOCjHzMBHNltZ7iIj7ymwtM/Mz27Yf+Nnw3QPZbPZKKpW6U6nIzK+I6LD7/66urs0dHR2dUUg4jpMv/wIJIV4i4lDlWlrrUT8SvgSklN8AYJsHga9EtDMK4Fo6QogviLjDw+YPItrqpe9LQAixiogtXkrMfE9rPY2ITi1QQeaZ2bIs6xQAjPrJK6U8sVaLAAcxXi+ZJoF6ebqZQq4HpJTNPbCeadfcxBG8mWNmt84fQMRIp7Vrt14RyDPzhNb60cLCwocy0i1CiF2IOMrM5/wOyGpOSpwAM/8AgNNE9KkakN7e3l2WZU0h4pYwUU2awLzWetC2bUOifKSLNdXZfD4/u7S0NO9OlK6ib8KQSJrAIaXUu0qPCiFuIeI1Zp4homPl80KIvYg4FzQKiRHQWpt6/YwXECnlYwAYAYDPSqk9HgQnEdEUcTVHYgSK4E4Vwb2IQkBKeRIApmqiB4DECKyurgq/tkitCJi9kE6nfzaUgFKqFQAK1SLAzMsAMIeIBWYeJ6KnYUuWxCKwsrKyKZfL5bwICCHMHfdC+Zz53Lq3q56ens7W1tZfDY2A4zgHKg6tNTxSyoPMPOaewsxsImA2/V0j1NfXt9+yrPcNJWAAEtH1ICAqZaSUtwHgahDdxFLI5HehUNgetr+ZyWQy7e3t3wFgrWXTyFJiWil1IognSzItUsrJ4sY+HlQnsQi4AJj5ERFdBoB8DVBpIcT9ys1di0jiBEoA3mutr9m2/drnq2Q6eWPFw2t3LcCV8/Ui8MduqTI1LUe3gBsAgOEwxVtDCYT1bhD5ukYgCKCwMk0CYT223vLNCKy3R8Ou9/9FoNr7QFjvxZU3VSwRmXvHX6PaA8fH8vequCBi6r9VSg2GItDf339Eaz0TpQkVE2ylet5xnCG/O0fVh27T+jCXdgCI1RYMQCjt83OFr1rr5x79prUlY73UBwCWuMiGJ/AbAc7sQEBGQLsAAAAASUVORK5CYII="
                             width="24" height="24" style="background: none;">
                    </div>
                    <div class="label">待发货</div>
                </div>
                <div class="user-handler-other-bottom-item" onclick="clickOrder('2')">
                    <div class="icon">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA2NJREFUaEPtWj1oFEEUfu9+4IoUEjyyM0kRQVALQdBGUExQMYVFgoKKhVpYGbEIYrrESgWLFLFKk8IiVoloYQpRIYWigoJgRMGAMG+TXGkRuOw8b8IdLMfuZW92N+Rkr7qbmffm+9735v8QOvyDHY4fYhEol8tOoVCYQMSSbSCYedPzvOm1tbWvNj5iERBCXEXEpzYdN9nMKqVu2PiJRcBxnGu5XG7WpuOMQD0C/7cCUspbzHwREfc0JGfmT0R00/zu6em5lM/n5+KmkNZ62nXd20KIGUQ85uvrLzPPua77JKyPUAUcxxnL5XKPmw2Z+S0RDdbLS0KIC8xciEPC87zF9fV1VwjxBhEHmn1prUfDSIQSkFL+BID9AQSWiehQHMBhtkKI74h4MKDPFSLaF2QXSkAIUUXEwMgy85TW+iUiekkQYeZ8Pp8fBoDRMH9KqUCsrRTgJMAl5SMjkFQkbf1kCthGLim7TIGkImnrJ1PANnKt7JjZBYAFABgIWoH9trtRgV9a67Ou664AQElK+QcA9nbESszMS4g4opSqNAALIX4jYv+uJ8DMr4hoBAA2fOAfIOJ4q3TbFSnEzAtEdMUHviClnAGA69uNsVQImBuFsB1rwJZ4iojuAsCm7ywxj4hD24E39YkSMMAB4DwRvXYc507QwacJ1GQNwP1GWblc7ioWi/MAcCYK+DQIfCOiw43Ow05v9fpxpdSjRtvu7u6+Uqn0ojZ9HokKPnECJoeZ+QQRfW6AkFJO1L5P+kCZQXpZKfXcR7QfEc2xMXS22bFZyCxC5vyqlPoRQMIQHCaiRV/dATMD2YBPQ4EtXIYEMx+vL0ZbZVLKe1rr967rvvNF/lTttsEcQbvaSRt/20QHsd8xM68w86CfhL9eCHEOEc12wfr+NDUFGkDDSNTvjczVYyzwqROop9NKtVodqlQqZkyYBWqsBvyhbco026WWQk3pZNaHL4joAEBfUuB3RIEkwQb52hEF0iSREUgzulF8ZwpEiVKabTIF0oxuFN9tK9DqfSBKh0m2MQcoIioG+Wz1wPHR/16VJCALX0tKqZNtEejt7T2ttTb791jvXxZgm002PM8bWF1d/dAWAdNYCHG0trcxTz/W+/iIBEohf1dY1lo/C9uqG9+x3okjgku1WccT+AeBHspAJOoQGwAAAABJRU5ErkJggg=="
                             draggable="false" loading="lazy"
                             data-src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA2NJREFUaEPtWj1oFEEUfu9+4IoUEjyyM0kRQVALQdBGUExQMYVFgoKKhVpYGbEIYrrESgWLFLFKk8IiVoloYQpRIYWigoJgRMGAMG+TXGkRuOw8b8IdLMfuZW92N+Rkr7qbmffm+9735v8QOvyDHY4fYhEol8tOoVCYQMSSbSCYedPzvOm1tbWvNj5iERBCXEXEpzYdN9nMKqVu2PiJRcBxnGu5XG7WpuOMQD0C/7cCUspbzHwREfc0JGfmT0R00/zu6em5lM/n5+KmkNZ62nXd20KIGUQ85uvrLzPPua77JKyPUAUcxxnL5XKPmw2Z+S0RDdbLS0KIC8xciEPC87zF9fV1VwjxBhEHmn1prUfDSIQSkFL+BID9AQSWiehQHMBhtkKI74h4MKDPFSLaF2QXSkAIUUXEwMgy85TW+iUiekkQYeZ8Pp8fBoDRMH9KqUCsrRTgJMAl5SMjkFQkbf1kCthGLim7TIGkImnrJ1PANnKt7JjZBYAFABgIWoH9trtRgV9a67Ou664AQElK+QcA9nbESszMS4g4opSqNAALIX4jYv+uJ8DMr4hoBAA2fOAfIOJ4q3TbFSnEzAtEdMUHviClnAGA69uNsVQImBuFsB1rwJZ4iojuAsCm7ywxj4hD24E39YkSMMAB4DwRvXYc507QwacJ1GQNwP1GWblc7ioWi/MAcCYK+DQIfCOiw43Ow05v9fpxpdSjRtvu7u6+Uqn0ojZ9HokKPnECJoeZ+QQRfW6AkFJO1L5P+kCZQXpZKfXcR7QfEc2xMXS22bFZyCxC5vyqlPoRQMIQHCaiRV/dATMD2YBPQ4EtXIYEMx+vL0ZbZVLKe1rr967rvvNF/lTttsEcQbvaSRt/20QHsd8xM68w86CfhL9eCHEOEc12wfr+NDUFGkDDSNTvjczVYyzwqROop9NKtVodqlQqZkyYBWqsBvyhbco026WWQk3pZNaHL4joAEBfUuB3RIEkwQb52hEF0iSREUgzulF8ZwpEiVKabTIF0oxuFN9tK9DqfSBKh0m2MQcoIioG+Wz1wPHR/16VJCALX0tKqZNtEejt7T2ttTb791jvXxZgm002PM8bWF1d/dAWAdNYCHG0trcxTz/W+/iIBEohf1dY1lo/C9uqG9+x3okjgku1WccT+AeBHspAJOoQGwAAAABJRU5ErkJggg=="
                             width="24" height="24" style="background: none;">
                    </div>
                    <div class="label">已发货</div>
                </div>
                <div class="user-handler-other-bottom-item" onclick="clickOrder('3')">
                    <div class="icon">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA2NJREFUaEPtWj1oFEEUfu9+4IoUEjyyM0kRQVALQdBGUExQMYVFgoKKhVpYGbEIYrrESgWLFLFKk8IiVoloYQpRIYWigoJgRMGAMG+TXGkRuOw8b8IdLMfuZW92N+Rkr7qbmffm+9735v8QOvyDHY4fYhEol8tOoVCYQMSSbSCYedPzvOm1tbWvNj5iERBCXEXEpzYdN9nMKqVu2PiJRcBxnGu5XG7WpuOMQD0C/7cCUspbzHwREfc0JGfmT0R00/zu6em5lM/n5+KmkNZ62nXd20KIGUQ85uvrLzPPua77JKyPUAUcxxnL5XKPmw2Z+S0RDdbLS0KIC8xciEPC87zF9fV1VwjxBhEHmn1prUfDSIQSkFL+BID9AQSWiehQHMBhtkKI74h4MKDPFSLaF2QXSkAIUUXEwMgy85TW+iUiekkQYeZ8Pp8fBoDRMH9KqUCsrRTgJMAl5SMjkFQkbf1kCthGLim7TIGkImnrJ1PANnKt7JjZBYAFABgIWoH9trtRgV9a67Ou664AQElK+QcA9nbESszMS4g4opSqNAALIX4jYv+uJ8DMr4hoBAA2fOAfIOJ4q3TbFSnEzAtEdMUHviClnAGA69uNsVQImBuFsB1rwJZ4iojuAsCm7ywxj4hD24E39YkSMMAB4DwRvXYc507QwacJ1GQNwP1GWblc7ioWi/MAcCYK+DQIfCOiw43Ow05v9fpxpdSjRtvu7u6+Uqn0ojZ9HokKPnECJoeZ+QQRfW6AkFJO1L5P+kCZQXpZKfXcR7QfEc2xMXS22bFZyCxC5vyqlPoRQMIQHCaiRV/dATMD2YBPQ4EtXIYEMx+vL0ZbZVLKe1rr967rvvNF/lTttsEcQbvaSRt/20QHsd8xM68w86CfhL9eCHEOEc12wfr+NDUFGkDDSNTvjczVYyzwqROop9NKtVodqlQqZkyYBWqsBvyhbco026WWQk3pZNaHL4joAEBfUuB3RIEkwQb52hEF0iSREUgzulF8ZwpEiVKabTIF0oxuFN9tK9DqfSBKh0m2MQcoIioG+Wz1wPHR/16VJCALX0tKqZNtEejt7T2ttTb791jvXxZgm002PM8bWF1d/dAWAdNYCHG0trcxTz/W+/iIBEohf1dY1lo/C9uqG9+x3okjgku1WccT+AeBHspAJOoQGwAAAABJRU5ErkJggg=="
                             draggable="false" loading="lazy"
                             data-src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA2NJREFUaEPtWj1oFEEUfu9+4IoUEjyyM0kRQVALQdBGUExQMYVFgoKKhVpYGbEIYrrESgWLFLFKk8IiVoloYQpRIYWigoJgRMGAMG+TXGkRuOw8b8IdLMfuZW92N+Rkr7qbmffm+9735v8QOvyDHY4fYhEol8tOoVCYQMSSbSCYedPzvOm1tbWvNj5iERBCXEXEpzYdN9nMKqVu2PiJRcBxnGu5XG7WpuOMQD0C/7cCUspbzHwREfc0JGfmT0R00/zu6em5lM/n5+KmkNZ62nXd20KIGUQ85uvrLzPPua77JKyPUAUcxxnL5XKPmw2Z+S0RDdbLS0KIC8xciEPC87zF9fV1VwjxBhEHmn1prUfDSIQSkFL+BID9AQSWiehQHMBhtkKI74h4MKDPFSLaF2QXSkAIUUXEwMgy85TW+iUiekkQYeZ8Pp8fBoDRMH9KqUCsrRTgJMAl5SMjkFQkbf1kCthGLim7TIGkImnrJ1PANnKt7JjZBYAFABgIWoH9trtRgV9a67Ou664AQElK+QcA9nbESszMS4g4opSqNAALIX4jYv+uJ8DMr4hoBAA2fOAfIOJ4q3TbFSnEzAtEdMUHviClnAGA69uNsVQImBuFsB1rwJZ4iojuAsCm7ywxj4hD24E39YkSMMAB4DwRvXYc507QwacJ1GQNwP1GWblc7ioWi/MAcCYK+DQIfCOiw43Ow05v9fpxpdSjRtvu7u6+Uqn0ojZ9HokKPnECJoeZ+QQRfW6AkFJO1L5P+kCZQXpZKfXcR7QfEc2xMXS22bFZyCxC5vyqlPoRQMIQHCaiRV/dATMD2YBPQ4EtXIYEMx+vL0ZbZVLKe1rr967rvvNF/lTttsEcQbvaSRt/20QHsd8xM68w86CfhL9eCHEOEc12wfr+NDUFGkDDSNTvjczVYyzwqROop9NKtVodqlQqZkyYBWqsBvyhbco026WWQk3pZNaHL4joAEBfUuB3RIEkwQb52hEF0iSREUgzulF8ZwpEiVKabTIF0oxuFN9tK9DqfSBKh0m2MQcoIioG+Wz1wPHR/16VJCALX0tKqZNtEejt7T2ttTb791jvXxZgm002PM8bWF1d/dAWAdNYCHG0trcxTz/W+/iIBEohf1dY1lo/C9uqG9+x3okjgku1WccT+AeBHspAJOoQGwAAAABJRU5ErkJggg=="
                             width="24" height="24" style="background: none;">
                    </div>
                    <div class="label">订单完成</div>
                </div>
                <div class="user-handler-other-bottom-item" onclick="clickOrder('4')">
                    <div class="icon">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAypJREFUaEPtmUFrE0EUx9/bbCCBBkLpJjub3qw3QT3poVBBP4CHghU89FDBQw96sgcPihb1ZKGIgogKBXsRBS8eFE8FL0JBQcEeFMPMNoklB0ly2M24E5KybTa7G82yk5o9biYz7/f+b968N4sw5A8Ouf1w8AAMw5iwbfs0IqYkUqfSaDQ2qtVqdb9NexTI5/PnEonEUwCQyfiOzUXLsuZKpdKGG2IXQNO0KVVVvyCiKpHn95tSpJQeBoBG54ddAELITUS8JrHxLdM457OMsRdeAI8QcUF2gGazOW+a5rMuAMMwngDA/NACEEKGXoGrTva5I7sCtm2f2d7eftcVQpqm6clk8hMATMgK4Wzgz4yx4wBgdQGIF/l8/kQikVgDgCkJId42m82Lpml+9zwH3C9zudwhABiTBcKyrF87OztFL3sOXi3kolQLhcKMbduTcSjhHKoizr8yxj76re+pwPj4+GQqlXoNAMfiMN69Juf8FWPsvLt8CNwDhJD3iHgqbuM763POVxhjV0LtgXY6ZbIY365/KowxLRRALpc7qqrqpkwAwhZKqWe4d70cAUQk3UiBAMduijoFEWejakcjUYBzbjpg1xljj0WBRQi5h4iXo4iiQQM0OOcP6/X6DfdNga7rM4qiBJ4fnHPRdx8BgJOIqIcBHjTAAqVUeP2fHk3TxpLJ5GqYTlBKgA49IeQBIl7y88ZAATjnFiKu1Gq15b8MIVGovXEVainDMH76NVMDBXB5quIUWUuUUnFLYOm6vqooymLIuBL7aLoDQQh5iYhne/03KoDWeiKFAsAHRLzQZxoV8HfFHISQ24i4FAtASI/vHyaPAiEA1kVz4iqP9+wBkY1UVf3ml1IjDaEAgHVKqWhIej5hLtVkBUi1T2/fFBp7Oc05X3M2+JYrhFonMSJOh72HilOBEFskeMgIINhH0Y74fxTIZrPZdDpdluxT01b701KXzJ6dvmEYz52DZy7aoOhr9kVK6X2vf/S6GxX5uVWnx6yEKDduMcaWe+H6Xu5mMpmJdDpd6MtXAxqsKIpl2/aPcrn822/KA307PSBfRjvNSIFo/Rs8+x+1lG5A3x3WcwAAAABJRU5ErkJggg=="
                             draggable="false" loading="lazy"
                             data-src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAypJREFUaEPtmUFrE0EUx9/bbCCBBkLpJjub3qw3QT3poVBBP4CHghU89FDBQw96sgcPihb1ZKGIgogKBXsRBS8eFE8FL0JBQcEeFMPMNoklB0ly2M24E5KybTa7G82yk5o9biYz7/f+b968N4sw5A8Ouf1w8AAMw5iwbfs0IqYkUqfSaDQ2qtVqdb9NexTI5/PnEonEUwCQyfiOzUXLsuZKpdKGG2IXQNO0KVVVvyCiKpHn95tSpJQeBoBG54ddAELITUS8JrHxLdM457OMsRdeAI8QcUF2gGazOW+a5rMuAMMwngDA/NACEEKGXoGrTva5I7sCtm2f2d7eftcVQpqm6clk8hMATMgK4Wzgz4yx4wBgdQGIF/l8/kQikVgDgCkJId42m82Lpml+9zwH3C9zudwhABiTBcKyrF87OztFL3sOXi3kolQLhcKMbduTcSjhHKoizr8yxj76re+pwPj4+GQqlXoNAMfiMN69Juf8FWPsvLt8CNwDhJD3iHgqbuM763POVxhjV0LtgXY6ZbIY365/KowxLRRALpc7qqrqpkwAwhZKqWe4d70cAUQk3UiBAMduijoFEWejakcjUYBzbjpg1xljj0WBRQi5h4iXo4iiQQM0OOcP6/X6DfdNga7rM4qiBJ4fnHPRdx8BgJOIqIcBHjTAAqVUeP2fHk3TxpLJ5GqYTlBKgA49IeQBIl7y88ZAATjnFiKu1Gq15b8MIVGovXEVainDMH76NVMDBXB5quIUWUuUUnFLYOm6vqooymLIuBL7aLoDQQh5iYhne/03KoDWeiKFAsAHRLzQZxoV8HfFHISQ24i4FAtASI/vHyaPAiEA1kVz4iqP9+wBkY1UVf3ml1IjDaEAgHVKqWhIej5hLtVkBUi1T2/fFBp7Oc05X3M2+JYrhFonMSJOh72HilOBEFskeMgIINhH0Y74fxTIZrPZdDpdluxT01b701KXzJ6dvmEYz52DZy7aoOhr9kVK6X2vf/S6GxX5uVWnx6yEKDduMcaWe+H6Xu5mMpmJdDpd6MtXAxqsKIpl2/aPcrn822/KA307PSBfRjvNSIFo/Rs8+x+1lG5A3x3WcwAAAABJRU5ErkJggg=="
                             width="24" height="24" style="background: none;">
                    </div>
                    <div class="label">订单异常</div>
                </div>
                <!--                <div class="user-handler-other-bottom-item">-->
                <!--                    <div class="icon">-->
                <!--                        <img src="/api/static/image/bar/wallet.svg"/>-->
                <!--                    </div>-->
                <!--                    <div class="label">待付款</div>-->
                <!--                </div>-->
            </div>
        </div>
        <div class="user-handler-service"></div>
        <div class="user-handler-publicize"></div>
        <div class="user-handler-goods-recommend">
            <div class="user-handler-goods-recommend-header">
                <div class="title">相关推荐</div>
<!--                <div class="more-btn user-order-all-btn">全部</div>-->
            </div>
            <div class="user-handler-goods-recommend-skus">
                {{range $item := .vo}}
                <div class="sku-item" onclick="window.location.href='/detail?skuId={{$item.id}}'">
                    <div class="image">
                        <img src="{{$item.skuImage}}"/>
                    </div>
                    <div class="name">{{$item.skuName}}</div>
                </div>
                {{end}}

            </div>

        </div>
    </div>

</div>
<div class="router-bar-view" id="router-bar-view" style="display: none">
    <div class="view-header">
        <div class="view-header-back-btn">
            <div class="header-return" id="header-return"></div>
            <div class="header-title">标题</div>
        </div>
    </div>
    <!--    {2{template "user_login.tmpl" . }}-->
    <!--    用户信息-->
    {{template "user_info.tmpl" . }}
    <!--    用户设置-->
    {{template "user_setting.tmpl" . }}
    <!--    用户优惠券-->
    <div class="router-bar-user-coupon-view" id="router-user-coupon"></div>
    <!--    用户余额-->
    <div class="router-bar-user-balance-view" id="router-user-balance"></div>
    <!--    用户收益-->
    <div class="router-bar-user-earnings-view" id="router-user-earnings"></div>
    <!--    订单-->
    {{template "user_order.tmpl" .}}
</div>
{{template "mobileLogin.tmpl" .}}
{{template "FooterBar.tmpl" .}}
</body>
<script>
    setTimeout(function () {
        let imgs = document.getElementsByTagName("img");
        if (imgs) {
            for (let i = 0; i < imgs.length; i++) {
                if (!imgs[i].getAttribute("src")) {
                    imgs[i].setAttribute("src", "/api/static/image/def_image.png")
                }
            }
        }
    }, 100)

    let showRouteNameList = ["mobile-login", "router-user-info", "router-user-setting", "router-user-coupon", "router-user-balance", "router-user-earnings", "router-user-order"]
    let showRouteName = "router-user-order"

    document.getElementById("header-return").addEventListener("click", function () {
        showOrNoneUserReturn(false)
    })

    function checkLoginStatus() {
        if (!localStorage.getItem("token")) {
            console.log(document.getElementById("mobile-login"))
            let mobileLogin = document.getElementById("mobile-login");
            mobileLogin.style.display = ""
            // showRouteName = "router-user-login"
            // showOrNoneUserReturn()
            return false
        }
        document.getElementById("mobile-login").style.display = "none"
        return true
    }

    function showOrNoneUserReturn(status = true) {
        let page = document.getElementById("user-page");
        let bar = document.getElementById("router-bar-view");
        if (status) {
            bar.style.display = ""
            page.style.display = "none"
            for (let i = 0; i < showRouteNameList.length; i++) {
                //判断页面是否显示
                let res = showRouteNameList[i] === showRouteName
                //console.log(showRouteNameList[i] === showRouteName, showRouteNameList[i], showRouteName
                //,document.getElementById(showRouteNameList[i]))
                document.getElementById(showRouteNameList[i]).style.display = res ? "" : "none"
            }
        } else {
            bar.style.display = "none"
            page.style.display = ""
            showRouteName = ""
        }
    }

    function initMobileUser() {
        //打开用户信息页面
        let userInfo = document.getElementsByClassName("user-info-show-name-text");
        let avatar = document.getElementsByClassName("user-info-show-avatar")
        let setting = document.getElementsByClassName("user-info-show-name-button")
        //获取用户信息
        getMobileUserInfo()
        //获取订单信息

        //判断是否登录
        for (let i = 0; i < userInfo.length; i++) {
            userInfo[i].addEventListener("click", function () {
                if (checkLoginStatus()) {
                    showRouteName = "router-user-info"
                    showOrNoneUserReturn()
                }
            })
        }
        for (let i = 0; i < avatar.length; i++) {
            avatar[i].addEventListener("click", function () {
                if (checkLoginStatus()) {
                    showRouteName = "router-user-info"
                    showOrNoneUserReturn()
                }
            })
        }
        //设置界面
        for (let i = 0; i < setting.length; i++) {
            setting[i].addEventListener("click", function () {
                if (checkLoginStatus()) {
                    //TODO 暂时没完成设置功能
                    // showRouteName = "router-user-setting"
                    showRouteName = "router-user-info"
                    showOrNoneUserReturn()
                }
            })
        }
        //订单列表
        // let orderAllBtns = document.getElementsByClassName("user-order-all-btn")
        // for (let i = 0; i < orderAllBtns.length; i++) {
        //     orderAllBtns[i].addEventListener("click", function () {
        //
        //     })
        // }
    }

    function clickOrder(type) {
        showRouteName = "router-user-order"
        showOrNoneUserReturn()
        //刷新数据
        orderTypeClick(type)
    }

    function getLastOrderList() {
        let url = "/api/order/list"
        fetch(url, {
            method: 'POST',
            headers: {
                "auth-sign": localStorage.getItem("token"),
                'Content-Type': 'application/json'
            }
        }).then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok ' + response.statusText);
            }
            return response.json();
        }).then(data => {
            if (data.code == 200) {

            } else {
                console.log(data.msg)
            }
        }).catch(error => {
            console.error('There has been a problem with your fetch operation:', error);
        });
    }

    //获取钱包数据
    function getWalletInfo() {
        if (localStorage.getItem("token")) {
            fetch("/api/user/wallet", {
                method: 'GET', headers: {
                    // 'Content-Type': 'application/json',
                    "auth-sign": localStorage.getItem("token")
                }, // body: JSON.stringify(data)
            })
                .then(response => response.json())
                .then(data => {
                    let elePoints = document.getElementById("user-wallet-points");
                    let eleCardCount = document.getElementById("user-wallet-cardCount");
                    let eleBalance = document.getElementById("user-wallet-balance");
                    let eleIncome = document.getElementById("user-wallet-income");

                    if (data.code === 200) {
                        elePoints.innerText = "0"
                        console.log(data.data.CouponUserJDM.length, data.data.Wallet.balance, data.data.Wallet)
                        eleCardCount.innerText = data.data.CouponUserJDM.length
                        eleBalance.innerText = data.data.Wallet.balance.toFixed(2)
                        eleIncome.innerText = data.data.Wallet.promotionAmount.toFixed(2)
                    } else {
                        elePoints.innerText = "0"
                        eleCardCount.innerText = "0"
                        eleBalance.innerText = "0.00"
                        eleIncome.innerText = "0.00"
                    }
                })
                .catch((error) => {
                    console.error('Error:', error);
                });
        }
    }

    initMobileUser()
    getWalletInfo()
    // getOrderList()
    //TODO 测试使用
    //  document.getElementsByClassName("more-btn user-order-all-btn")[0].click()
</script>
</html>