<!-- 理财账户 -->
|
<template>
|
<div class="right-view">
|
<!-- 头部 -->
|
<div class="right-header">
|
<div class="right-header-box">
|
<div>{{ $t("message.user.xianhuozhanghu") }}</div>
|
<div>
|
<el-button
|
type="primary"
|
style="width: 100px; margin-right: 10px"
|
@click="gotoPage('/recharge')"
|
>{{ $t("message.user.chongzhi") }}</el-button
|
>
|
<button class="light-grey-button" @click="gotoPage('/withdraw')">
|
{{ $t("message.user.tixian") }}
|
</button>
|
<button class="light-grey-button" @click="gotoPage('/exchange')">
|
{{ $t("message.user.duihuan") }}
|
</button>
|
</div>
|
</div>
|
</div>
|
<div class="padding-left-right20">
|
<div class="margin-top-bottom20">
|
<total-assets :pageType="'financial'"></total-assets>
|
<div class="tab-customize-box">
|
<el-input v-model="bizhong" style="width: 150px;" :placeholder="$t('message.user.sousuobizhong')"/>
|
<el-button type="primary" style="margin-left: 10px;margin-right: 20px;" @click="getList">{{ $t('message.user.chaxun') }}</el-button>
|
<el-checkbox v-model="yangCangchecked" :label="$t('message.user.yincangzichan')" size="large" @change="getList" />
|
</div>
|
</div>
|
<div>
|
<!-- 理财账户列表 -->
|
<el-table
|
v-if="heYueType == 0"
|
:data="tableData"
|
class="width100"
|
:header-cell-style="getRowClass"
|
:empty-text="$t('message.home.noData')"
|
>
|
<el-table-column
|
prop="name"
|
:label="$t('message.user.bizhong')"
|
sortable
|
></el-table-column>
|
<el-table-column
|
:label="$t('message.user.keyong')"
|
sortable
|
>
|
<template #default="{row}">
|
<span>{{row.money >= 0? row.money.toFixed(6): row.amount.toFixed(6)}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
:label="$t('message.user.dongjie')"
|
>
|
<template #default="{row}">
|
<span>{{row.freeze_money >= 0? row.freeze_money.toFixed(6) : row.freeze_amount.toFixed(6)}}</span>
|
</template>
|
</el-table-column>
|
|
<el-table-column
|
:label="$t('message.jiaoyi.suocang')"
|
>
|
<template #default="{row}">
|
<span>{{row.lock_money >= 0? row.lock_money.toFixed(6) : row.lock_amount.toFixed(6)}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
:label="$t('message.user.jiedai')"
|
>
|
<template #default="{row}">
|
<span>{{row.frozenAmount >= 0 ? row.frozenAmount.toFixed(6) : ''}}</span>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<!-- 理财订单详情 -->
|
<el-dialog
|
:title="$t('message.user.dingdanxiangqing')"
|
v-model="centerDialogVisible"
|
width="50%"
|
center
|
>
|
<div class="dialog-style">
|
<div class="dialog-content">
|
<p>{{ $t("message.user.tuoguanjine") }}</p>
|
<p>{{ $t("message.user.yihuoqushouyi") }}</p>
|
<p>{{ $t("message.user.yuqishouyi") }}</p>
|
<p>{{ $t("message.user.tuoguanshijian") }}</p>
|
<p>{{ $t("message.user.rishouyi") }}</p>
|
<p>{{ $t("message.user.qixishijian") }}</p>
|
<p>{{ $t("message.user.daoqishijian") }}</p>
|
<p>{{ $t("message.user.shengyutianshu") }}</p>
|
|
<p>{{ $t("message.user.weiyuejin") }}</p>
|
<p>{{ $t("message.user.shuhuibenjin") }}</p>
|
<p>{{ $t("message.user.dingdanbianhao") }}</p>
|
<p>{{ $t("message.user.dingdanshijian") }}</p>
|
</div>
|
<div class="dialog-content">
|
<p>{{ detailData.amount }}</p>
|
<p>{{ detailData.profit }}</p>
|
<p>{{ detailData.profit_may }}</p>
|
<p>
|
{{
|
detailData.cycle != 0
|
? detailData.cycle + $t("message.user.tian")
|
: $t("message.user.wuxianqi")
|
}}
|
</p>
|
<p>{{ detailData.daily_rate }} %</p>
|
<p>{{ detailData.earn_timeStr }}</p>
|
<p>{{ detailData.stop_timeStr }}</p>
|
<p>{{ detailData.days }}</p>
|
<p>{{ detailData.default_amount }}</p>
|
<p>{{ detailData.principal_amount }}</p>
|
<p>{{ detailData.order_no }}</p>
|
<p>{{ detailData.create_timeStr }}</p>
|
</div>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="centerDialogVisible = false">{{
|
$t("message.user.quxiao")
|
}}</el-button>
|
<el-button type="primary" @click="closeFinance">{{
|
$t("message.user.quedingshuhui")
|
}}</el-button>
|
</span>
|
</el-dialog>
|
<!-- 矿池锁仓订单详情 -->
|
<el-dialog
|
:title="$t('message.user.dingdanxiangqing')"
|
v-model="minerDialog"
|
width="50%"
|
center
|
>
|
<div class="dialog-style">
|
<div class="dialog-content">
|
<p>{{ $t("message.user.suocangjine") }}</p>
|
<p>{{ $t("message.user.yihuoqushouyi") }}</p>
|
<p>{{ $t("message.user.yuqishouyi") }}</p>
|
<p>{{ $t("message.user.zhouqi") }}</p>
|
<p>
|
{{ $t("message.user.rishouyi") }}
|
</p>
|
<p>{{ $t("message.user.qixishijian") }}</p>
|
<p>{{ $t("message.user.daoqishijian") }}</p>
|
<p>{{ $t("message.user.shengyutianshu") }}</p>
|
|
<!-- <p>违约金</p>
|
<p>赎回本金</p> -->
|
<p>{{ $t("message.user.dingdanbianhao") }}</p>
|
<p>{{ $t("message.user.dingdanshijian") }}</p>
|
</div>
|
<div class="dialog-content">
|
<p>{{ minerDetail.amount }}</p>
|
<p>{{ minerDetail.profit }}</p>
|
<p>{{ minerDetail.profit_may }}</p>
|
<p>
|
{{
|
minerDetail.cycle != 0
|
? minerDetail.cycle + $t("message.user.tian")
|
: $t("message.user.wuxianqi")
|
}}
|
</p>
|
<p>{{ minerDetail.daily_rate }} %</p>
|
<p>{{ minerDetail.earn_timeStr }}</p>
|
<p>{{ minerDetail.stop_timeStr || "--" }}</p>
|
<p>{{ minerDetail.days }}</p>
|
<!-- <p>{{ minerDetail.default_amount}}</p>
|
<p>{{ minerDetail.principal_amount}}</p> -->
|
<p>{{ minerDetail.order_no }}</p>
|
<p>{{ minerDetail.create_timeStr }}</p>
|
</div>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="minerDialog = false">{{
|
$t("message.user.quxiao")
|
}}</el-button>
|
<el-button
|
type="primary"
|
@click="unlock"
|
:disabled="!minerDetail.can_close"
|
>{{ $t("message.user.jiesuo") }}</el-button
|
>
|
</span>
|
</el-dialog>
|
</div>
|
</div>
|
</template>
|
<script>
|
import totalAssets from "./components/totalAssets.vue";
|
import Axios2 from "@/api/wallet.js";
|
export default {
|
components: { totalAssets },
|
name: "spot",
|
data() {
|
return {
|
yangCangchecked:'',
|
bizhong:'',
|
MenuChooseIndex: 1,
|
total: 0,
|
tableData: [], //理财列表数据
|
mineData: [], //矿池锁仓列表数据
|
heYueType: 0,
|
centerDialogVisible: false,
|
detailData: {}, //理财详情数据
|
orderId: "", //理财订单id
|
minerDialog: false,
|
minerDetail: {}, //矿机详情数据
|
minerId: "",
|
};
|
},
|
mounted() {
|
// if(this.$route.query.type){
|
// this.heYueType = this.$route.query.type;
|
// }
|
this.getAssetsAll();
|
this.getList();
|
this.getMineList();
|
},
|
methods: {
|
gotoPage(path) {
|
this.$router.push(path);
|
},
|
ChooseHeYueType(index) {
|
this.heYueType = index;
|
},
|
//理财账户列表数据
|
getList() {
|
Axios2.getWalletList({}).then((res) => {
|
let result = res.data
|
let tableData = []
|
for (let key in result){
|
result[key].name = key
|
tableData.push(result[key])
|
}
|
if (this.bizhong){
|
this.tableData = tableData.filter(item => item.name == this.bizhong)
|
return
|
}
|
if (this.yangCangchecked){
|
this.tableData = tableData.filter(item => (item.money || item.amount ))
|
return
|
}
|
this.tableData = tableData
|
});
|
},
|
//矿池锁仓列表
|
getMineList() {
|
// Axios2.listMinerOrder({
|
// state: 1,
|
// page_no: 1,
|
// }).then((res) => {
|
// this.mineData = res.data;
|
// });
|
},
|
//理财详情
|
goDetail(order_no, id) {
|
this.orderId = id;
|
this.centerDialogVisible = true;
|
Axios2.goDetail({
|
order_no: order_no,
|
}).then((res) => {
|
this.detailData = res.data;
|
});
|
},
|
//赎回理财
|
closeFinance() {
|
let that = this;
|
that
|
.$confirm(
|
this.$t("message.user.xianzaishifoushuhui"),
|
this.$t("message.user.tishi"),
|
{
|
confirmButtonText: this.$t("message.user.queding"),
|
cancelButtonText: this.$t("message.user.quxiao"),
|
type: "warning",
|
}
|
)
|
.then(() => {
|
Axios2.financeOrderOfClosOrder({
|
id: that.orderId,
|
}).then((res) => {
|
if (res.code == 0) {
|
that.$message({
|
type: "success",
|
message: this.$t("message.user.shuihuichenggong"),
|
});
|
}
|
that.centerDialogVisible = false;
|
that.getList();
|
that.$router.push({
|
path: "/order/financialOrder",
|
query: {
|
type: "financial",
|
},
|
});
|
});
|
})
|
.catch(() => {
|
that.$message({
|
type: "info",
|
message: this.$t("message.user.yiquxiao"),
|
});
|
that.centerDialogVisible = false;
|
});
|
},
|
//矿池详情
|
goMineDetail(order_no, id) {
|
this.minerDialog = true;
|
this.minerId = order_no;
|
|
Axios2.goMineDetail({
|
order_no: order_no,
|
}).then((res) => {
|
this.minerDetail = res.data;
|
});
|
},
|
//解锁
|
unlock() {
|
let that = this;
|
that
|
.$confirm(
|
this.$t("message.user.shifouxianzaijiesuo"),
|
this.$t("message.user.tishi"),
|
{
|
confirmButtonText: this.$t("message.user.queding"),
|
cancelButtonText: this.$t("message.user.quxiao"),
|
type: "warning",
|
}
|
)
|
.then(() => {
|
Axios2.minerOrderOfClosOrder({
|
order_no: that.minerId,
|
}).then((res) => {
|
if (res.code == 0) {
|
that.$message({
|
type: "success",
|
message: this.$t("message.user.jiesuochenggong"),
|
});
|
that.heYueType = 1;
|
}
|
that.minerDialog = false;
|
that.getMineList();
|
that.$router.push({
|
path: "/order/financialOrder",
|
query: {
|
type: "miner",
|
},
|
});
|
});
|
})
|
.catch(() => {
|
that.$message({
|
type: "info",
|
message: this.$t("message.user.yiquxiao"),
|
});
|
that.minerDialog = false;
|
});
|
},
|
//给表头设置背景颜色
|
getRowClass({ rowIndex, columnIndex }) {
|
if (rowIndex == 0) {
|
return { background: "#f8f8f9" };
|
}
|
},
|
|
//总账户资产
|
getAssetsAll() {
|
Axios2.getAllAssets().then((res) => {
|
if (res.code == 0) {
|
this.total = res.data.total;
|
}
|
});
|
},
|
goHistory() {
|
this.$router.push({
|
path: "/order/financialOrder",
|
});
|
},
|
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 lang="css">
|
/* @import url("../../assets/wallet/walletOverview.css");
|
@import url("../../assets/global.css"); */
|
|
.table_all >>> th.el-table__cell {
|
background-color: #fafafa;
|
}
|
.tab-customize-box{
|
display: flex;
|
align-items: center;
|
}
|
</style>
|
