From 6953352202af2aac124a073dd2c803e814fafb13 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Thu, 22 May 2025 17:27:40 +0800
Subject: [PATCH] style
---
src/views/market/market.vue | 3
src/router/wealth.js | 6
src/views/market/page.vue | 46 --
src/views/wealth/newLockMiner.vue | 555 ++++++------------------
src/views/wealth/pledgeRecord.vue | 238 ++++++++++
src/components/layout/footerView.vue | 414 +++++-------------
6 files changed, 508 insertions(+), 754 deletions(-)
diff --git a/src/components/layout/footerView.vue b/src/components/layout/footerView.vue
index b9b5100..b5b6fd4 100644
--- a/src/components/layout/footerView.vue
+++ b/src/components/layout/footerView.vue
@@ -1,136 +1,47 @@
<template>
- <div class="footer-box footer-background" style="height: 382px">
- <div>
- <div class="content-view-box footer-view" style="height: 382px">
- <div class="left-footer" style="width: 1200px">
- <!-- -->
- <div>
- <div
- class="footer-icon-box"
- style="margin-left: 0px; margin-top: 10px"
- >
- <img
- src="@/assets/forexImages/newlogo.png"
- alt=""
- width="45"
- height="45"
- />
- <div
- class="footer-view-title"
- style="margin-left: 20px; margin-top: 10px"
- >
- {{ $title }}
- </div>
- </div>
- <!-- 多语言 -->
- <div @click="handleChangeLang('lang')" class="footer-view-lang">
- {{ $t("message.home.language") }}
- </div>
-
- <div class="footer-view-copyright">
- ©️ Copyright 2023 {{ $title }}, Inc. All Rights Reserved
- </div>
+ <div class="common-footer">
+ <div class="footer">
+ <div class="footer_top">
+ <div class="footer_left">
+ <div class="logo">
+ <span class="avatar"></span><span class="text">Mateonline</span>
</div>
- <!-- 关于我们 -->
- <div style="margin-left: 100px; margin-top: 0px; height: 382px">
- <h5
- class="font-size20 margin-top-bottom20 linght-grey-color footer-view-title-h1"
- >
- {{ $t("message.home.dibu1") }}
- </h5>
- <div class="link-box">
- <div class="footer-view-title-p1" @click="goRouter('/aboutUs')">
- {{ $t("message.home.gongsijianjie") }}
- </div>
- </div>
- </div>
- <!-- 法律隐私政策 -->
- <div style="margin-left: 40px; margin-top: 0px; height: 382px">
- <h5
- class="font-size20 margin-top-bottom20 linght-grey-color footer-view-title-h1"
- >
- {{ $t("message.home.falvyinsizhengce") }}
- </h5>
- <div class="link-box">
- <div class="footer-view-title-p1" @click="goRouter('/clause')">
- {{ $t("message.home.shiyongtikuan") }}
- </div>
- <div
- class="footer-view-title-p1"
- @click="goRouter('/riskStatement')"
- >
- {{ $t("message.home.fengxianshengming") }}
- </div>
- <div class="footer-view-title-p1" @click="goRouter('/privacy')">
- {{ $t("message.home.yinsibaohu") }}
- </div>
- </div>
- </div>
- <!-- 服务 -->
- <div style="margin-left: 60px; margin-top: 0px; height: 382px">
- <h5 class="font-size20 margin-top-bottom20 footer-view-title-h1">
- {{ $t("message.home.fuwu") }}
- </h5>
- <div class="link-box">
- <div class="footer-view-title-p1" @click="goRouter('/help')">
- {{ $t("message.home.xinshouzhidao") }}
- </div>
- <div class="footer-view-title-p1" @click="goRouter('/reminder')">
- {{ $t("message.home.wenxintishi") }}
- </div>
-
- <div class="footer-view-title-p1" @click="goRouter('/purchase')">
- {{ $t("message.home.gouzhiyuzhuanhuan") }}
- </div>
- </div>
- </div>
-
- <!-- Community+下载图标 -->
- <div
- class="right-footer"
- style="margin-left: 80px; margin-top: 0px; height: 382px"
- >
- <div style="">
- <h5 class="font-size20 margin-top-bottom20 white-color">
- {{ $t("message.home.dibu27") }}
- </h5>
- <div class="footer-icon-box">
- <div>
- <img src="@/assets/images/home/footer/chat1.png" alt="" />
- </div>
- <div>
- <img src="@/assets/images/home/footer/chat2.png" alt="" />
- </div>
- <div>
- <img src="@/assets/images/home/footer/chat3.png" alt="" />
- </div>
- </div>
- </div>
- <div class="footer-view-download" style="margin-top: 0px">
- {{ $t("message.home.xiazai") }}
- </div>
- <div style="margin-top: 10px">
- <img
- src="@/assets/images/home/footer/download2.png"
- alt=""
- style="width: 169px; height: 60px"
- class="mouse-cursor"
- />
- </div>
- <div style="margin-top: 10px">
- <img
- src="@/assets/images/home/footer/download1.png"
- alt=""
- style="width: 168px; height: 60px"
- class="mouse-cursor"
- />
- </div>
+ <div class="text">
+ Coinmate成立於2014年，目前總部位於英國。是全球領先的數位貨幣資產交易平台，致力於為用戶提供安全，專業，便利的數位貨幣交易服務。在加密貨幣撮合交易領域佔了43.17%的市佔率。
</div>
</div>
+ <div class="footer_list">
+ <h1 class="about">關於</h1>
+ <ul>
+ <li><a href="javascript:void(0)">關於我們</a></li>
+ <li><a href="javascript:void(0)">服務條款</a></li>
+ <li><a href="javascript:void(0)">合作協議</a></li>
+ </ul>
+ </div>
+ <div class="footer_list">
+ <h1 class="about">聯繫我們</h1>
+ <ul>
+ <li><a href="javascript:void(0);">幫助中心</a></li>
+ <li><a href="javascript:void(0);">客服中心</a></li>
+ <li>
+ <a
+ href="javascript:void(0);"
+ style="
+ color: rgb(255, 255, 255);
+ font-size: 12px;
+ text-decoration: underline;
+ "
+ >coinmatecrypto@outlook.com</a
+ >
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="footer_bottom">
+ <p>Coinmate全球優質數字資產</p>
+ <p>Copyright © 2021 - Coinmate All rights reserved.</p>
</div>
</div>
-
- <lang-select ref="langSelect" />
</div>
</template>
@@ -167,171 +78,90 @@
</script>
<style scoped>
-.footer-view {
- display: flex;
-}
+.footer {
+ min-height: 100px;
+ background: rgb(24, 26, 32);
+ border-top: 1px solid rgba(109, 109, 109, 0.5);
+ .footer_top {
+ width: 94%;
+ margin: 0 auto;
+ display: flex;
+ padding: 16px 0;
+ .footer_left {
+ flex: 0 0 40%;
+ box-sizing: border-box;
+ .logo {
+ display: flex;
+ align-items: center;
+ .avatar {
+ width: 40px;
+ height: 40px;
+ background: url(../../assets/forexImages/logo-66dce226.png) no-repeat
+ center center;
+ background-size: 40px 40px;
+ }
+ .text {
+ color: #fff;
+ font-size: 16px;
+ letter-spacing: 3px;
+ }
+ }
+ .text {
+ color: #989898;
+ font-size: 14px;
+ }
+ }
-.footer-background {
- background-color: #171a1e;
-}
-
-.left-footer {
- flex: 4;
- display: flex;
- /* padding:50px 0 40px 0; */
-}
-
-.left-footer > div {
- flex: 1;
- justify-content: space-around;
-}
-
-/* .right-footer{
- flex:2;
-} */
-
-.link-box > div {
- padding-bottom: 16px;
- /* font-size:16px;
- color:#FFFFFF; */
- cursor: pointer;
- font-size: 14px;
- color: #b8bfc9;
-}
-
-.right-footer {
- padding-top: 0px;
-}
-
-.right-footer > div > h5 {
- margin-bottom: 20px;
-}
-
-.right-footer > div:nth-child(1) {
- width: 138px;
-}
-.footer-icon-box {
- display: flex;
-}
-
-.footer-icon-box > div {
- flex: 1;
- justify-content: space-around;
-}
-.footer-icon-box > div > img {
- display: inline-block;
- width: 19px;
- height: 19px;
-}
-
-.lange-view {
- display: flex;
- background-color: #ececec;
- width: 150px;
- height: 30px;
- line-height: 30px;
- align-items: center;
- justify-content: space-around;
- font-size: 12px;
- cursor: pointer;
- border: 1px solid #e5e7eb;
- margin-top: 58px;
-}
-
-.lange-view > img {
- margin-left: 10px;
- margin-top: -5px;
-}
-
-/* 版权 */
-.copyright-box > div {
- border-top: 1px solid #2c2e3a;
- padding: 30px 0;
- font-size: 16px;
- color: white;
-}
-
-.footer-view-title {
- color: #f7b328;
- width: 45px;
- height: 39px;
-}
-
-.footer-view-lang {
- font-family: "PingFang SC";
- font-style: normal;
- font-weight: 400;
- font-size: 16px;
- line-height: 22px;
-
- color: #ffffff;
- cursor: pointer;
-}
-
-.footer-view-copyright {
- width: 197px;
- height: 44px;
- margin-left: 0px;
- margin-top: 30px;
-
- font-family: "PingFang SC";
- font-style: normal;
- font-weight: 400;
- font-size: 16px;
- line-height: 22px;
-
- color: #b8bfc9;
-
- /* Inside auto layout */
-
- flex: none;
- order: 2;
- flex-grow: 0;
-}
-
-.footer-view-title-h1 {
- width: 164px;
- height: 22px;
-
- font-family: "PingFang SC";
- font-style: normal;
- font-weight: 400px;
- font-size: 16px;
- line-height: 22px;
-
- color: #ffffff;
-}
-
-.footer-view-title-p1 {
- /* width: 400px; */
- height: 20px;
-
- font-family: "PingFang SC";
- font-style: normal;
- /* font-weight: 400px; */
-
- line-height: 20px;
-
- padding-top: 20px;
-}
-
-.footer-view-download {
- width: auto;
- height: 31px;
-
- font-family: "PingFang SC";
- font-style: normal;
- /* font-weight: 600px; */
- font-size: 22px;
- line-height: 31px;
- /* identical to box height */
-
- color: #ffffff;
-
- /* Inside auto layout */
-
- flex: none;
- order: 2;
- flex-grow: 0;
+ .footer_list {
+ flex: 0 0 30%;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+ .about {
+ color: #fff;
+ font-size: 20px;
+ font-weight: 400;
+ width: 100%;
+ text-align: center;
+ }
+ /* h1 {
+ font-size: 16px;
+ color: #fff;
+ margin-bottom: 10px;
+ } */
+ ul {
+ width: 100%;
+ li {
+ width: 100%;
+ text-align: center;
+ a {
+ width: 100%;
+ text-align: center;
+ text-decoration: none;
+ color: #989898;
+ height: 40px;
+ line-height: 40px;
+ &:hover {
+ display: inline-block;
+ color: #f7b328;
+ }
+ }
+ }
+ }
+ }
+ }
+ .footer_bottom {
+ width: 94%;
+ margin: 0 auto;
+ padding: 16px 0;
+ border-top: 1px solid rgba(109, 109, 109, 0.5);
+ p {
+ margin-top: 4px;
+ color: #989898;
+ font-size: 12px;
+ }
+ }
}
</style>
diff --git a/src/router/wealth.js b/src/router/wealth.js
index 6aa556f..b4ba4da 100644
--- a/src/router/wealth.js
+++ b/src/router/wealth.js
@@ -11,6 +11,12 @@
},
path: '/fundMakc', name: 'FundManageKuangChi', component: () => import("@/views/wealth/newLockMiner.vue"),//矿池锁仓
},
+ {
+ meta: {
+ commonHeader: true,
+ },
+ path: '/pledgeRecord', name: 'pledgeRecord', component: () => import("@/views/wealth/pledgeRecord.vue"),// 质押记录
+ },
];
export { wealthRoutes };
\ No newline at end of file
diff --git a/src/views/market/market.vue b/src/views/market/market.vue
index 1514195..192e087 100644
--- a/src/views/market/market.vue
+++ b/src/views/market/market.vue
@@ -132,7 +132,7 @@
<div class="css-search-1">
<div
class="css-search-2"
- style="background-color: #fff;border-radius: 7px;"
+ style="background-color: #fff; border-radius: 7px"
>
<div class="css-search-3" style="color: #fff">
<div class="bn-input-prefix css-search-4">
@@ -943,6 +943,7 @@
</main>
</div>
</div>
+ <footer-view></footer-view>
</template>
<script>
diff --git a/src/views/market/page.vue b/src/views/market/page.vue
index f5023d1..bb944ba 100644
--- a/src/views/market/page.vue
+++ b/src/views/market/page.vue
@@ -471,51 +471,7 @@
</div>
</div> -->
- <div class="common-footer">
- <div class="footer">
- <div class="footer_top">
- <div class="footer_left">
- <div class="logo">
- <span class="avatar"></span><span class="text">Mateonline</span>
- </div>
- <div class="text">
- Coinmate成立於2014年，目前總部位於英國。是全球領先的數位貨幣資產交易平台，致力於為用戶提供安全，專業，便利的數位貨幣交易服務。在加密貨幣撮合交易領域佔了43.17%的市佔率。
- </div>
- </div>
- <div class="footer_list">
- <h1 class="about">關於</h1>
- <ul>
- <li><a href="javascript:void(0)">關於我們</a></li>
- <li><a href="javascript:void(0)">服務條款</a></li>
- <li><a href="javascript:void(0)">合作協議</a></li>
- </ul>
- </div>
- <div class="footer_list">
- <h1 class="about">聯繫我們</h1>
- <ul>
- <li><a href="javascript:void(0);">幫助中心</a></li>
- <li><a href="javascript:void(0);">客服中心</a></li>
- <li>
- <a
- href="javascript:void(0);"
- style="
- color: rgb(255, 255, 255);
- font-size: 12px;
- text-decoration: underline;
- "
- >coinmatecrypto@outlook.com</a
- >
- </li>
- </ul>
- </div>
- </div>
- <div class="footer_bottom">
- <p>Coinmate全球優質數字資產</p>
- <p>Copyright © 2021 - Coinmate All rights reserved.</p>
- </div>
- </div>
- </div>
-
+ <footer-view />
<!-- 语言和汇率弹窗 -->
<lang-select ref="langSelect" />
</div>
diff --git a/src/views/wealth/newLockMiner.vue b/src/views/wealth/newLockMiner.vue
index 4911584..d8e7235 100644
--- a/src/views/wealth/newLockMiner.vue
+++ b/src/views/wealth/newLockMiner.vue
@@ -1,368 +1,76 @@
<!-- 矿池锁仓页面 -->
<template>
+<div>
<div style="background-color: #111214">
<!-- <div class="miner-background"></div> -->
- <div class="router-view">
- <section class="container">
- <section class="header">
- <p class="header-title">質押</p>
- <button aria-disabled="false" type="button" class="el-button header-btn">
- <i class="el-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z"></path></svg></i>
- <span class="">質押記錄</span>
- </button>
- </section>
- <section class="content">
- <p class="content-subtitle">挖礦賺不停</p>
- <p class="content-desc">鎖倉挖礦是通過將USDT託管給平台超算力礦機在平台礦池中進行的挖礦收益</p><p class="content-subtitle">產品亮點</p>
- <div class="plane">
- <div class="plane-info">
- <p class="plane-info__title">隨存隨取</p>
- <p class="plane-info__desc">派息週期</p>
+ <div class="router-view">
+ <section class="container">
+ <section class="header">
+ <p class="header-title">質押</p>
+ <button aria-disabled="false" type="button" class="el-button header-btn">
+ <i class="el-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+ <path fill="currentColor"
+ d="M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z">
+ </path>
+ </svg></i>
+ <span class="" @click="goRouter('/pledgeRecord')">質押記錄</span>
+ </button>
+ </section>
+ <section class="content">
+ <p class="content-subtitle">挖礦賺不停</p>
+ <p class="content-desc">鎖倉挖礦是通過將USDT託管給平台超算力礦機在平台礦池中進行的挖礦收益</p>
+ <p class="content-subtitle">產品亮點</p>
+ <div class="plane">
+ <div class="plane-info">
+ <p class="plane-info__title">隨存隨取</p>
+ <p class="plane-info__desc">派息週期</p>
</div>
- <div class="plane-info">
- <p class="plane-info__title">每日下發</p>
- <p class="plane-info__desc">活期利息</p>
- </div>
+ <div class="plane-info">
+ <p class="plane-info__title">每日下發</p>
+ <p class="plane-info__desc">活期利息</p>
</div>
+ </div>
- <p class="content-subtitle">專案介紹</p>
- <p class="content-desc">
- <span >1. 以太坊是一個去中心化的開源區塊鏈系統，擁有自己的數位貨幣Ether.ETH 作為許多其他數位硬幣的平台，以及用於執行去中心化智能合約的平台 。</span>
- <span >2. 我們採取與硬體礦業公司合作的形式，推出網路挖礦收益產品。</span>
- <span >3. 質押您的USDT，我們將使用等值的ETH參與實體機挖礦。</span>
- <span >4. 本產品將參與投資指定Al礦機並分享分紅。</span>
- <div class="content-desc">
- <p class="title1">舉例</p>
- <span >會員在平台上進行鎖倉挖礦10000U。選擇了週期為1天，日產出為鎖倉金額的0.3%的理財產品，則每日產出如下:10000U*0.3% =30U即1天後可獲得30U的收益，收益每日下發，鎖倉結束可隨時訪問，鎖倉挖礦本金到期後，本金自動轉入您的資產帳戶</span>
- <p class="title1">專案規則</p>
- <span >1. 活動期間質押的USDT將計入持有快照的計算。</span>
- <span >2. 已質押的USDT將在活動結束時自動終止。</span>
- <span >3. 收益率為預估值，請以實際收到的金額為準。</span>
- <span >4. 收益將在24小時後分配到您的兌換帳戶。</span>
- <span >5. 如需提前結束活動，請聯絡客服。</span>
- </div>
+ <p class="content-subtitle">專案介紹</p>
+ <p class="content-desc">
+ <span>1. 以太坊是一個去中心化的開源區塊鏈系統，擁有自己的數位貨幣Ether.ETH 作為許多其他數位硬幣的平台，以及用於執行去中心化智能合約的平台 。</span>
+ <span>2. 我們採取與硬體礦業公司合作的形式，推出網路挖礦收益產品。</span>
+ <span>3. 質押您的USDT，我們將使用等值的ETH參與實體機挖礦。</span>
+ <span>4. 本產品將參與投資指定Al礦機並分享分紅。</span>
+ <div class="content-desc">
+ <p class="title1">舉例</p>
+ <span>會員在平台上進行鎖倉挖礦10000U。選擇了週期為1天，日產出為鎖倉金額的0.3%的理財產品，則每日產出如下:10000U*0.3%
+ =30U即1天後可獲得30U的收益，收益每日下發，鎖倉結束可隨時訪問，鎖倉挖礦本金到期後，本金自動轉入您的資產帳戶</span>
+ <p class="title1">專案規則</p>
+ <span>1. 活動期間質押的USDT將計入持有快照的計算。</span>
+ <span>2. 已質押的USDT將在活動結束時自動終止。</span>
+ <span>3. 收益率為預估值，請以實際收到的金額為準。</span>
+ <span>4. 收益將在24小時後分配到您的兌換帳戶。</span>
+ <span>5. 如需提前結束活動，請聯絡客服。</span>
+ </div>
</p>
</section>
- <section class="list-container"><ul class="list"></ul></section><!---->
+ <section class="list-container">
+ <ul class="list"></ul>
+ </section><!---->
</section>
</div>
- <!-- 底部导航栏 -->
-
-
-
- <!-- footer -->
- <!-- <footer-view></footer-view> -->
</div>
+ <footer-view></footer-view>
+</div>
</template>
<script>
-import Axios from "@/utils/http";
-import FundBuy from "./FundBuy.vue";
-import { useUserStore } from "@/store/user.js";
export default {
- components: { FundBuy },
data() {
return {
language: "zh-CN",
- tableData: [],
- amount_sum: "",
- amountSumValue: "",
- today_profit: "",
- todayProfitValue: "",
- aready_profit: "",
- areadyProfitValue: "",
- order_sum: "",
- showProductId: "",
- typeName: "mine",
- outputCurrency: "",
- buyCurrency: "",
- textData: [
- {
- recommend: this.$t("message.user.yijiyonghu"),
- revenue: "20%",
- subscribe: "5%",
- },
- {
- recommend: this.$t("message.user.erjiyonghu"),
- revenue: "10%",
- subscribe: "3%",
- },
- {
- recommend: this.$t("message.user.sanjiyonghu"),
- revenue: "5%",
- subscribe: "1%",
- },
- ],
- checked1: false,
- checked2: false,
- tableOrderData: [],
- mineOrderData: [],
- tableDataAll: [],
- money: 0,
- checkdIndex: 0,
- };
- },
- mounted() {
- const lang = JSON.parse(localStorage.getItem("lang"));
- if (lang == "en") {
- this.language = "en";
- } else if (lang == "cht") {
- this.language = "CN";
- } else if (lang == "zh-CN") {
- this.language = "zh-CN";
- } else {
- this.language = "other";
- }
-
- this.getlist();
- this.getIncome();
- // this.getMineOrderList();
- //没有登录不请求
- let spToken = localStorage.getItem("spToken", "");
- if (spToken && spToken != "") {
- this.getMineOrderList();
- this.getUsdt();
- }
-
- let self = this;
- let lockMiner_main_search = document.getElementById(
- "lockMiner_main_search"
- );
- lockMiner_main_search.oninput = function () {
- console.log(lockMiner_main_search.value);
- self.search(lockMiner_main_search.value);
};
},
methods: {
- goAccounts() {
- this.$router.push({
- path: "/wallet/financialAccounts",
- query: {
- type: 1,
- },
- });
- },
- goHistory() {
- this.$router.push({
- path: "/order/financialOrder",
- query: {
- type: "miner",
- },
- });
- },
- getlist() {
- Axios.fetch("wap/api/miner!list.action").then((res) => {
- this.tableDataAll = res.data;
- this.tableData = [].concat(this.tableDataAll);
- });
- },
- //理财收益统计
- getIncome() {
- Axios.fetch("wap/api/minerOrder!listSum.action").then((res) => {
- this.amount_sum = res.data.amount_sum;
- this.amountSumValue = res.data.amountSumValue;
- this.today_profit = res.data.today_profit;
- this.todayProfitValue = res.data.todayProfitValue;
- this.aready_profit = res.data.aready_profit;
- this.areadyProfitValue = res.data.areadyProfitValue;
- this.order_sum = res.data.order_sum;
- this.outputCurrency = res.data.outputCurrency;
- this.buyCurrency = res.data.buyCurrency || "usdt";
- });
- },
- //理财账户列表数据
- getOrderList() {
- Axios.fetch("wap/api/financeOrder!list.action", {
- state: 1,
- page_no: 1,
- }).then((res) => {
- // this.tableOrderData = res.data;
- // console.log(JSON.stringify(res.data));
- });
- },
- //矿池锁仓列表
- getMineOrderList() {
- Axios.fetch("wap/api/minerOrder!list.action", {
- state: 1,
- page_no: 1,
- }).then((res) => {
- this.mineOrderData = res.data;
- console.log("getMineOrderList = " + JSON.stringify(res.data));
- });
- },
- //获取可用余额USDT
- getUsdt() {
- Axios.fetch("wap/api/wallet!getAll.action")
- .then((res) => {
- console.log("money = " + JSON.stringify(res.data));
- this.money = res.data.usdt;
- })
- .catch((err) => {
- console.log(err);
- });
- },
- //买入
- buyBtn(id) {
- if (useUserStore().userInfo.token == "") {
- this.$router.push("/login");
- } else {
- this.$refs.panelShow.show();
- this.showProductId = id;
- }
- },
goRouter(parmas) {
- if (parmas != "/loginOut") {
this.$router.push(parmas);
- } else {
- Axios.loginOut().then((res) => {
- if (res.code == "0") {
- localStorage.removeItem("spToken");
- localStorage.removeItem("vuex");
- localStorage.removeItem("username");
- this.$router.push("/login");
- window.location.reload();
- }
- });
- }
- },
- Checkd() {
- console.log("Checkd");
-
- if (!this.checked1 && !this.checked2) {
- console.log("!this.checked1&!this.checked2");
- //所有的
- this.tableData = [].concat(this.tableDataAll);
- } else if (this.checked1 && this.checked2) {
- console.log("this.checked1&this.checked2");
-
- let newTable = [];
- let table1 = [].concat(this.tableDataAll);
- for (let i = 0; i < table1.length; i++) {
- let t = table1[i];
- for (let j = 0; j < this.mineOrderData.length; j++) {
- let t2 = this.mineOrderData[j];
- console.log("t=" + t.name_en);
- console.log("t2=" + t2.miner_name_en);
- // if(t.name_en == t2.miner_name_en){
- // newTable.push(JSON.parse(JSON.stringify(t)));
- // }
- }
-
- if (t.investment_min <= this.money && t.on_sale == "1") {
- newTable.push(JSON.parse(JSON.stringify(t)));
- }
- }
-
- let newTable2 = [];
- for (let i = 0; i < newTable.length; i++) {
- let t = newTable[i];
- if (t.investment_min <= this.money && t.on_sale == "1") {
- newTable2.push(JSON.parse(JSON.stringify(t)));
- }
- }
-
- this.tableData = newTable2;
- } else if (this.checked1) {
- //可以购买
- console.log("this.checked1&");
- //this.money
- let newTable = [];
- let table1 = [].concat(this.tableDataAll);
-
- for (let i = 0; i < table1.length; i++) {
- let t = table1[i];
- // console.log("t="+JSON.stringify(t));
- if (t.investment_min <= this.money && t.on_sale == "1") {
- newTable.push(JSON.parse(JSON.stringify(t)));
- }
- }
- this.tableData = newTable;
- } else if (this.checked2) {
- //已经
- console.log("this.checked2&");
- let newTable = [];
- let table1 = [].concat(this.tableDataAll);
-
- console.log("this.tableDataAll = " + JSON.stringify(this.tableDataAll));
- console.log(
- "this.mineOrderData = " + JSON.stringify(this.mineOrderData)
- );
-
- for (let i = 0; i < table1.length; i++) {
- let t = table1[i];
- // for(let j = 0 ; j < this.mineOrderData.length ; j++){
- // let t2 = this.mineOrderData[j];
- // console.log("t="+t.name_en);
- // console.log("t2="+t2.miner_name_en);
- // if(t.name_en == t2.miner_name_en){
- // newTable.push(JSON.parse(JSON.stringify(t)));
- // }
- // }
-
- if (t.investment_min <= this.money && t.on_sale == "1") {
- newTable.push(JSON.parse(JSON.stringify(t)));
- }
- }
-
- this.tableData = newTable;
- }
- },
- search(value) {
- let newTable = [];
-
- let table1 = [].concat(this.tableDataAll);
- for (let i = 0; i < table1.length; i++) {
- let t = table1[i];
- console.log(JSON.stringify(t));
- if (t.name_en && t.name_en.indexOf(value) >= 0) {
- newTable.push(JSON.parse(JSON.stringify(t)));
- } else if (t.name_cn && t.name_cn.indexOf(value) >= 0) {
- newTable.push(JSON.parse(JSON.stringify(t)));
- } else if (t.name && t.name.indexOf(value) >= 0) {
- newTable.push(JSON.parse(JSON.stringify(t)));
- }
- }
-
- this.tableData = newTable;
- },
- },
- computed: {
- //该计算属性返回要监视的对象属性值
- getChecked1() {
- console.log("getChecked1=" + this.checked1);
-
- return this.checked1;
- },
- getChecked2() {
- console.log("getChecked2=" + this.checked2);
-
- return this.checked2;
- },
- },
- watch: {
- //开始监听返回该对象属性值计算属性
- getChecked1: function (newVal, oldVal) {
- console.log(newVal, oldVal);
- this.checkdIndex++;
-
- console.log("this.checkdIndex = " + this.checkdIndex);
-
- // if(this.checkdIndex==2){
- this.Checkd();
- this.checkdIndex = 0;
- // }
- },
- getChecked2: function (newVal, oldVal) {
- console.log(newVal, oldVal);
- this.checkdIndex++;
-
- console.log("this.checkdIndex = " + this.checkdIndex);
-
- // if(this.checkdIndex==2){
- this.Checkd();
- this.checkdIndex = 0;
- // }
},
},
};
@@ -371,7 +79,7 @@
<style scoped>
@import url(./wealth.css);
-.el-table >>> .el-table thead {
+.el-table>>>.el-table thead {
font-size: 15px !important;
}
@@ -382,129 +90,144 @@
input[type="checkbox"] {
border: 1px solid #ffffff;
}
+
.css-search-3 {
background-color: #111214;
}
+
/* 改变表格背景颜色 */
/deep/ .el-table__cell {
- background: #111214 !important; /* 你想要的颜色 */
+ background: #111214 !important;
+ /* 你想要的颜色 */
}
+
.collapse {
border-top: none;
border-bottom-color: #111214;
}
+
/deep/ .el-collapse-item__header {
background-color: #111214;
color: white;
}
+
/deep/ .el-collapse-item__content {
font-size: 15px;
background-color: #111214;
color: rgb(185, 185, 185);
}
+
/deep/ .el-table__empty-block {
background-color: #111214;
}
+
.css-search-3 input {
color: #fff;
font-size: 14px;
}
-.router-view{
- flex: 1;
- background-color: #000;
+.router-view {
+ flex: 1;
+ background-color: #000;
}
.container {
- background-color: #000;
- width: 1232px;
- padding: 24px 16px 16px;
- margin: auto;
- .list {
- display: flex;
- flex-wrap: wrap;
- color: #fff;
+ background-color: #000;
+ width: 1232px;
+ padding: 24px 16px 16px;
+ margin: auto;
+
+ .list {
+ display: flex;
+ flex-wrap: wrap;
+ color: #fff;
}
}
+
.header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- height: 80px;
- margin-bottom: 16px;
- .header-title {
- font-size: 36px;
- color: #fff;
- }
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 80px;
+ margin-bottom: 16px;
+
+ .header-title {
+ font-size: 36px;
+ color: #fff;
+ }
.header-btn {
- min-width: 114px;
- line-height: 40px;
- height: 40px;
- font-size: 16px;
- background-color: transparent;
- border: 1px solid #fff;
- color: #fff;
+ min-width: 114px;
+ line-height: 40px;
+ height: 40px;
+ font-size: 16px;
+ background-color: transparent;
+ border: 1px solid #fff;
+ color: #fff;
}
.el-button [class*=el-icon]+span {
- margin-left: 6px;
+ margin-left: 6px;
}
.el-button>span {
- align-items: center;
- display: inline-flex;
+ align-items: center;
+ display: inline-flex;
}
}
.content {
- color: #fff;
- padding: 24px 0;
- .content-subtitle {
- font-size: 20px;
- font-weight: 600;
- line-height: 28px;
- margin-bottom: 12px;
- margin-top: 24px;
- }
- .plane {
- display: flex;
- justify-content: space-between;
- align-items: center;
- .plane-info {
- flex: 1 0 49%;
- max-width: 500px;
- padding: 16px;
- box-sizing: border-box;
- border-radius: 12px;
- background-color: #1e2129;
- text-align: center;
- }
- .plane-info__title {
- font-size: 24px;
- line-height: 32px;
- color: #f7b328;
- }
- .plane-info__desc {
- color: #ececec;
- line-height: 24px;
- }
- }
+ color: #fff;
+ padding: 24px 0;
- .content-subtitle {
- font-size: 20px;
- font-weight: 600;
- line-height: 28px;
- margin-bottom: 12px;
- margin-top: 24px;
- }
-
+ .content-subtitle {
+ font-size: 20px;
+ font-weight: 600;
+ line-height: 28px;
+ margin-bottom: 12px;
+ margin-top: 24px;
+ }
+
+ .plane {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ .plane-info {
+ flex: 1 0 49%;
+ max-width: 500px;
+ padding: 16px;
+ box-sizing: border-box;
+ border-radius: 12px;
+ background-color: #1e2129;
+ text-align: center;
+ }
+
+ .plane-info__title {
+ font-size: 24px;
+ line-height: 32px;
+ color: #f7b328;
+ }
+
+ .plane-info__desc {
+ color: #ececec;
+ line-height: 24px;
+ }
+ }
+
+ .content-subtitle {
+ font-size: 20px;
+ font-weight: 600;
+ line-height: 28px;
+ margin-bottom: 12px;
+ margin-top: 24px;
+ }
+
}
+
.content-desc {
- font-size: 14px;
- color: #989898;
+ font-size: 14px;
+ color: #989898;
}
-
-
</style>
diff --git a/src/views/wealth/pledgeRecord.vue b/src/views/wealth/pledgeRecord.vue
new file mode 100644
index 0000000..78f052c
--- /dev/null
+++ b/src/views/wealth/pledgeRecord.vue
@@ -0,0 +1,238 @@
+<template>
+ <div class="router-view">
+ <div class="trade">
+ <div class="recharge_content">
+ <el-tabs
+ v-model="activeName"
+ class="order-tab"
+ @tab-click="handleClick"
+ >
+ <el-tab-pane
+ v-for="(item, index) in labels"
+ :key="index"
+ :name="index"
+ :label="item"
+ name="financial"
+ >
+ </el-tab-pane>
+
+ <div data-v-23118946="" class="head">
+ <div data-v-23118946="">
+ <div data-v-23118946="">正在託管資金</div>
+ <div data-v-23118946="" class="value">
+ <span data-v-23118946="">0</span
+ ><span
+ data-v-23118946=""
+ style="font-size: 12px; color: rgba(255, 255, 255, 0.7)"
+ >
+ USDT</span
+ >
+ </div>
+ </div>
+ <div data-v-23118946="">
+ <div data-v-23118946="">今日預計收益</div>
+ <div data-v-23118946="" class="value">0</div>
+ </div>
+ <div data-v-23118946="">
+ <div data-v-23118946="">累計收益</div>
+ <div data-v-23118946="" class="value">0</div>
+ </div>
+ <div data-v-23118946="">
+ <div data-v-23118946="">託管中的訂單</div>
+ <div data-v-23118946="" class="value">0</div>
+ </div>
+ </div>
+ <el-table :data="tableData" class="width100">
+ <el-table-column
+ prop="close_timeStr"
+ :label="$t('message.user.shijian')"
+ :empty-text="$t('message.home.noData')"
+ ></el-table-column>
+ <el-table-column
+ prop="amount"
+ :label="
+ $t('message.user.tuoguanshijian') +
+ '/' +
+ $t('message.user.tuoguanjine')
+ "
+ >
+ <template #default="scope">
+ <div>
+ <span class="green">{{ scope.row.amount }} (USDT)</span>
+ <span>
+ {{ scope.row.cycle }} {{ $t("message.user.tian") }}</span
+ >
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="daily_rate"
+ :label="$t('message.user.dangrishouyi')"
+ >
+ <template #default="scope">
+ <div>{{ scope.row.daily_rate }} %</div>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="symbol_to"
+ :label="$t('message.user.yihuoli')"
+ >
+ <template #default="scope">
+ <div>{{ scope.row.profit }}（USDT）</div>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="symbol_to"
+ :label="$t('message.user.shengyutianshu')"
+ >
+ <template #default="scope">
+ <div>{{ scope.row.days }} {{ $t("message.user.tian") }}</div>
+ </template>
+ </el-table-column>
+ <!-- <el-table-column prop="state" label="操作">
+ <template #default="scope">
+ <el-button @click="goDetail(scope.row.order_no)">详情</el-button>
+ </template>
+ </el-table-column> -->
+ </el-table>
+ </el-tabs>
+ </div>
+ </div>
+ </div>
+ <footer-view></footer-view>
+</template>
+
+<script>
+import { getFinanceOrder, getMinerOrder } from "@/api/order.js";
+export default {
+ name: "financialHistory",
+ data() {
+ return {
+ activeName: 0,
+ labels: ["當前質押", "歷史質押"],
+ tableData: [],
+ mineData: [],
+ };
+ },
+ mounted() {
+ // if (this.$route.query.type) {
+ // this.activeName = this.$route.query.type;
+ // }
+ let spToken = localStorage.getItem("spToken");
+ if (spToken) {
+ this.getList();
+ this.getMineList();
+ }
+ },
+ methods: {
+ handleClick(tab, event) {
+ console.log(tab, event);
+ },
+ // TODO 接口404
+ //基金理财列表，state=2为已赎回的
+ async getList() {
+ const res = await getFinanceOrder({
+ state: 2,
+ page_no: 1,
+ });
+ this.tableData = res.data;
+ },
+ //矿池锁仓列表,state=2为已解锁的
+ async getMineList() {
+ const res = await getMinerOrder({
+ state: 2,
+ page_no: 1,
+ });
+ this.mineData = res.data;
+ },
+ //理财详情
+ goDetail() {},
+ //矿池详情
+ goMineDetail() {},
+ //给表头设置边框线
+ getRowClass({ rowIndex, columnIndex }) {
+ if (rowIndex == 0) {
+ return "border-top:1px solid #EBEEF5";
+ }
+ },
+
+ getLocalLan() {
+ var lang = JSON.parse(localStorage.getItem("lang"));
+ // 简体中文：miner_name，繁体：miner_name_cn miner_name_en
+ if (lang == "en") {
+ return "miner_name_en";
+ } else if (lang == "cht") {
+ return "miner_name_cn";
+ } else if (lang == "zh-CN") {
+ return "miner_name";
+ }
+ return "miner_name_en";
+ },
+ },
+};
+</script>
+
+<style scoped>
+.router-view {
+ flex: 1;
+ background-color: #000;
+}
+
+.trade {
+ min-height: 700px;
+ background: #000;
+ padding-bottom: 16px;
+ padding-top: 28px;
+}
+
+.trade .recharge_content {
+ max-width: 1232px;
+ min-width: 976px;
+ margin: 0 auto;
+ color: #fff;
+}
+
+.head[data-v-23118946] {
+ padding: 32px;
+ box-sizing: border-box;
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ border-radius: 16px;
+ background: linear-gradient(to bottom right, #f7b328, #1e2129);
+ font-size: 14px;
+ color: #ffffffb3;
+ margin-bottom: 20px;
+ .value[data-v-23118946] {
+ margin-top: 12px;
+ font-size: 30px;
+ color: #fff;
+ }
+}
+
+/deep/ .el-table {
+ border-radius: 8px;
+ padding: 16px;
+ background-color: #1b1e26 !important;
+}
+/deep/ .el-table th.el-table__cell {
+ background-color: #1b1e26 !important;
+ border-bottom: none !important;
+}
+/deep/ .el-table__inner-wrapper:before {
+ background-color: #1b1e26 !important;
+}
+/deep/ .el-tabs__nav-wrap:after {
+ background-color: #000 !important;
+}
+/deep/ .el-tabs__item,
+/deep/ .el-tabs__item:hover {
+ color: #b1b1b1 !important;
+ font-size: 18px;
+}
+/deep/ .el-tabs__item.is-active {
+ color: #f7b328 !important;
+ font-size: 18px !important;
+ font-weight: 600;
+}
+</style>
--
Gitblit v1.9.3