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/wealth/newLockMiner.vue | 555 +++++++++++++-----------------------------------------
1 files changed, 139 insertions(+), 416 deletions(-)
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>
--
Gitblit v1.9.3