From b4c4556a5eddf6708ec55b07e3edc15b2217842e Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Wed, 30 Apr 2025 18:35:59 +0800
Subject: [PATCH] 0430号修改
---
src/page/funds/index.vue | 755 ++++---
src/page/list/tradingList/dazy.vue | 26
src/page/kline/index.vue | 4
src/page/user/Warehouse/data.list.vue | 20
src/page/list/trading-list copy.vue | 198 +-
src/locales/cht.json | 2
src/page/home/listcomponents/dazongjiaoyi.vue | 10
src/page/user/Warehouse.vue | 4
src/locales/en.json | 12
src/page/newUser/index.vue | 49
src/page/wallet/index.vue | 2128 +++++++++++----------
src/page/kline/components/kLine.vue | 478 ++--
src/locales/fra.json | 10
src/utils/allocation.js | 2
src/locales/zh.json | 2
src/page/home/home.vue | 72
src/locales/st.json | 10
src/page/user/Warehouse/item.card.vue | 6
src/page/list/tradingList/data.list.vue | 61
src/utils/filter.js | 4
src/page/bankCard/index.vue | 617 +++---
src/page/cashWithdrawalRecord/compontents/cash-list.vue | 258 +-
src/page/home/Record.vue | 182
src/page/kline/index copy.vue | 52
src/page/tixian/tixian.vue | 701 ++++---
src/axios/api.url.js | 2
src/locales/kor.json | 10
src/locales/hi.json | 10
src/locales/th.json | 10
29 files changed, 3,053 insertions(+), 2,642 deletions(-)
diff --git a/src/axios/api.url.js b/src/axios/api.url.js
index 5449c04..71d64dc 100644
--- a/src/axios/api.url.js
+++ b/src/axios/api.url.js
@@ -11,7 +11,7 @@
// 0311
// baseURL: "https://api.amcfcxn.org/",
// 本地
- // baseURL: "http://192.168.10.8:8091/",
+ // baseURL: "http://192.168.10.13:8091/",
util: {
image: "/util/image.html" // 图片上传
}
diff --git a/src/locales/cht.json b/src/locales/cht.json
index a9a4705..8b2d302 100644
--- a/src/locales/cht.json
+++ b/src/locales/cht.json
@@ -576,7 +576,7 @@
"天": "天",
"市场": "市場",
"请选择提现金额": "請選擇提現金額",
- "hj100": "交易數量（股）",
+ "hj100": "交易數量（手）",
"获取验证码": "驗證碼",
"重新获取": "重新獲取"
}
\ No newline at end of file
diff --git a/src/locales/en.json b/src/locales/en.json
index 261cb96..deec179 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -213,7 +213,7 @@
"hj81": "Price",
"hj82": "Trading volume",
"hj83": "Introduction",
- "hj84": "Buy short",
+ "hj84": "Sale",
"hj85": "Buy long",
"hj86": "Time sharing",
"hj87": "Day",
@@ -587,7 +587,7 @@
"天": "Day",
"市场": "Market",
"请选择提现金额": "Please select the Withdraw amount",
- "hj100": "Trading quantity (shares)",
+ "hj100": "Trading quantity (hand)",
"关于我们": "About Us",
"贷款": "loan",
"电话号码": "telephone number",
@@ -617,5 +617,11 @@
"升序": "Ascending",
"降序": "Descending",
"正常": "Normal",
- "当价格满足条件时卖出": "Sell when price meets condition"
+ "当价格满足条件时卖出": "Sell when price meets condition",
+ "交易": "Trade",
+ "数据加载中...": "Loading data...",
+ "申请竞拍": "Apply for Auction",
+ "挂单成功": "Order Placed Successfully",
+ "挂单中": "Order Pending",
+ "差价": "Price Difference"
}
\ No newline at end of file
diff --git a/src/locales/fra.json b/src/locales/fra.json
index 50a7148..1d9c231 100644
--- a/src/locales/fra.json
+++ b/src/locales/fra.json
@@ -571,7 +571,7 @@
"天": "Jours",
"市场": "Le marché",
"请选择提现金额": "Veuillez sélectionner un montant de retrait",
- "hj100": "Nombre de transactions (actions)",
+ "hj100": "Nombre de transactions (main)",
"获取验证码": "Obtenir le code de vérification",
"重新获取": "Récupérer à nouveau",
"黄金原油": "Gold & Crude Oil",
@@ -597,5 +597,11 @@
"升序": "Ascendant",
"降序": "Descendant",
"正常": "Normal",
- "当价格满足条件时卖出": "Vendre lorsque le prix répond à la condition"
+ "当价格满足条件时卖出": "Vendre lorsque le prix répond à la condition",
+ "交易": "Commerce",
+ "数据加载中...": "Chargement des données...",
+ "申请竞拍": "Demande d'enchères",
+ "挂单成功": "Ordre passé avec succès",
+ "挂单中": "Ordre en attente",
+ "差价": "Écart de prix"
}
\ No newline at end of file
diff --git a/src/locales/hi.json b/src/locales/hi.json
index cac655a..6bddf62 100644
--- a/src/locales/hi.json
+++ b/src/locales/hi.json
@@ -586,7 +586,7 @@
"天": "आसमान",
"市场": "बाज़ार",
"请选择提现金额": "कृपया निकासी राशि का चयन करें",
- "hj100": "लेन-देन की संख्या (शेयर)",
+ "hj100": "लेन-देन की संख्या (हाथ)",
"关于我们": "हमारे बारे में",
"贷款": "ऋृण",
"电话号码": "टेलीफोन नंबर",
@@ -616,5 +616,11 @@
"升序": "आरोही",
"降序": "अवरोही",
"正常": "सामान्य",
- "当价格满足条件时卖出": "जब कीमत शर्त को पूरा करती है तो बेचें"
+ "当价格满足条件时卖出": "जब कीमत शर्त को पूरा करती है तो बेचें",
+ "交易": "व्यापार",
+ "数据加载中...": "डेटा लोड हो रहा है...",
+ "申请竞拍": "नीलामी के लिए आवेदन करें",
+ "挂单成功": "आदेश सफलतापूर्वक दिया गया",
+ "挂单中": "आदेश लंबित",
+ "差价": "मूल्य अंतर"
}
\ No newline at end of file
diff --git a/src/locales/kor.json b/src/locales/kor.json
index e9f1929..e84f95f 100644
--- a/src/locales/kor.json
+++ b/src/locales/kor.json
@@ -572,7 +572,7 @@
"天": "일",
"市场": "시장",
"请选择提现金额": "현금 인출 금액을 선택하십시오.",
- "hj100": "거래 수량(주)",
+ "hj100": "거래 수량(손)",
"获取验证码": "인증번호 받기",
"重新获取": "다시 받기",
"黄金原油": "금 & 원유",
@@ -598,5 +598,11 @@
"升序": "오름차순",
"降序": "내림차순",
"正常": "일반",
- "当价格满足条件时卖出": "가격이 조건을 충족할 때 판매"
+ "当价格满足条件时卖出": "가격이 조건을 충족할 때 판매",
+ "交易": "거래",
+ "数据加载中...": "데이터 로딩 중...",
+ "申请竞拍": "경매 신청",
+ "挂单成功": "주문 성공",
+ "挂单中": "주문 대기 중",
+ "差价": "가격 차이"
}
\ No newline at end of file
diff --git a/src/locales/st.json b/src/locales/st.json
index 04eac97..2797418 100644
--- a/src/locales/st.json
+++ b/src/locales/st.json
@@ -38,7 +38,7 @@
"hhhh": "حساب الأسهم الهندية",
"hj1": "السوق",
"hj10": "كلمة مرور الدخول",
- "hj100": "كمية التداول (أسهم)",
+ "hj100": "كمية التداول (يد)",
"hj101": "الرافعة المالية",
"hj102": "الهامش المطلوب لكل عقد",
"hj103": "الرصيد المتاح",
@@ -606,5 +606,11 @@
"升序": "تصاعدي",
"降序": "تنازلي",
"正常": "عادي",
- "当价格满足条件时卖出": "بيع عندما يستوفي السعر الشرط"
+ "当价格满足条件时卖出": "بيع عندما يستوفي السعر الشرط",
+ "交易": "تجارة",
+ "数据加载中...": "جارٍ تحميل البيانات...",
+ "申请竞拍": "تقدم للمزاد",
+ "挂单成功": "تم تقديم الطلب بنجاح",
+ "挂单中": "الطلب معلق",
+ "差价": "فرق السعر"
}
\ No newline at end of file
diff --git a/src/locales/th.json b/src/locales/th.json
index 9c1116a..d8ae7fb 100644
--- a/src/locales/th.json
+++ b/src/locales/th.json
@@ -572,7 +572,7 @@
"天": "วัน",
"市场": "ตลาด",
"请选择提现金额": "กรุณาเลือกจำนวนเงินที่ถอน",
- "hj100": "ปริมาณซื้อขาย (หุ้น)",
+ "hj100": "ปริมาณซื้อขาย (มือ)",
"获取验证码": "รับรหัสสัญญาณ",
"重新获取": "ขอใหม่",
"黄金原油": "ทองคำ & น้ำมันดิบ",
@@ -598,5 +598,11 @@
"升序": "จากน้อยไปมาก",
"降序": "จากมากไปน้อย",
"正常": "ปกติ",
- "当价格满足条件时卖出": "ขายเมื่อราคาตรงตามเงื่อนไข"
+ "当价格满足条件时卖出": "ขายเมื่อราคาตรงตามเงื่อนไข",
+ "交易": "การค้า",
+ "数据加载中...": "กำลังโหลดข้อมูล...",
+ "申请竞拍": "สมัครประมูล",
+ "挂单成功": "สั่งซื้อสำเร็จ",
+ "挂单中": "สั่งซื้อรอดำเนินการ",
+ "差价": "ส่วนต่างราคา"
}
\ No newline at end of file
diff --git a/src/locales/zh.json b/src/locales/zh.json
index ed28fd4..cd26b20 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -235,7 +235,7 @@
"hj97": "删除自选成功",
"hj98": "买入价",
"hj99": "当价格满足条件时买入",
- "hj100": "交易数量(股)",
+ "hj100": "交易数量(手)",
"hj101": "杠杆",
"hj102": "每手需付保证金",
"hj103": "可用余额",
diff --git a/src/page/bankCard/index.vue b/src/page/bankCard/index.vue
index 8c50f43..2485788 100644
--- a/src/page/bankCard/index.vue
+++ b/src/page/bankCard/index.vue
@@ -1,47 +1,62 @@
<template>
- <div class="bank_card_page">
+ <div class="bank_card_page">
<van-nav-bar
:placeholder="true"
:safe-area-inset-top="true"
- :title=" addBank ? $t('hj211') : $t('hj212')"
+ :title="addBank ? $t('hj211') : $t('hj212')"
left-arrow
@click-left="$router.go(-1)"
>
</van-nav-bar>
- <div class="content">
- <!-- <div class="top_back">
+ <div class="content">
+ <!-- <div class="top_back">
<div class="left_back_icon" @click="$router.go(-1)">
<img src="../../assets/img/zuojiantou.png" alt />
</div>
</div> -->
-<!-- <div class="titles">
+ <!-- <div class="titles">
<span>{{ }}</span>
</div> -->
- <div class="bank_name" v-if="addBank==false&&bankName">
- <div class="lefts">
- <span>{{ $t('hj213') }}</span>
- </div>
- <div class="rights">
- <input type="text" :placeholder="$t('hj306')" v-model="bankName" :disabled="!addBank" />
- </div>
- </div>
- <div class="bank_name" v-if="addBank==false&&bankNo">
- <div class="lefts">
- <span>{{ $t('hj215') }}</span>
- </div>
- <div class="rights">
- <input type="text" :placeholder="$t('hj307')" v-model="bankNo" :disabled="!addBank" />
- </div>
- </div>
- <div class="bank_name" v-if="addBank==false&&banif">
- <div class="lefts">
- <span>{{ $t('hj303') }}</span>
- </div>
- <div class="rights">
- <input type="text" :placeholder="$t('hj308')" v-model="banif" :disabled="!addBank" />
- </div>
- </div>
- <!-- <div class="bank_name" v-if="addBank==false&&bankun">
+ <div class="bank_name" v-if="addBank == false && bankName">
+ <div class="lefts">
+ <span>{{ $t("hj213") }}</span>
+ </div>
+ <div class="rights">
+ <input
+ type="text"
+ :placeholder="$t('hj306')"
+ v-model="bankName"
+ :disabled="!addBank"
+ />
+ </div>
+ </div>
+ <div class="bank_name" v-if="addBank == false && bankNo">
+ <div class="lefts">
+ <span>{{ $t("hj215") }}</span>
+ </div>
+ <div class="rights">
+ <input
+ type="text"
+ :placeholder="$t('hj307')"
+ v-model="bankNo"
+ :disabled="!addBank"
+ />
+ </div>
+ </div>
+ <div class="bank_name" v-if="addBank == false && banif">
+ <div class="lefts">
+ <span>{{ $t("hj303") }}</span>
+ </div>
+ <div class="rights">
+ <input
+ type="text"
+ :placeholder="$t('hj308')"
+ v-model="banif"
+ :disabled="!addBank"
+ />
+ </div>
+ </div>
+ <!-- <div class="bank_name" v-if="addBank==false&&bankun">
<div class="lefts">
<span>{{ $t('hj304') }}</span>
</div>
@@ -50,54 +65,80 @@
</div>
</div> -->
- <div class="bank_name" @click.stop="gotodaka" v-if="addBank==true">
- <div class="lefts">
- <span>{{ $t('hj213') }}</span>
- </div>
+ <!-- <div class="bank_name" @click.stop="gotodaka" v-if="addBank==true"> -->
+ <div class="bank_name" v-if="addBank == true">
+ <div class="lefts">
+ <span>{{ $t("hj213") }}</span>
+ </div>
- <div class="rights" style="justify-content: none;">{{name}}
- <!-- <input type="text" :placeholder="$t('hj306')" v-model="bankName" :disabled="!addBank" /> -->
- <!-- <picker @change="bindPickerChange" :value="index" :range="array">
+ <div class="rights" style="justify-content: none;">
+ <!-- {{ name }} -->
+ <input
+ type="text"
+ :placeholder="$t('hj306')"
+ v-model="name"
+ :disabled="!addBank"
+ />
+ <!-- <picker @change="bindPickerChange" :value="index" :range="array">
<view >{{array[index].name}}</view>
</picker> -->
-
</div>
- </div>
- <div class="bank_name" v-if="addBank==true">
- <div class="lefts">
- <span>{{ $t('hj215') }}</span>
- </div>
- <div class="rights">
- <input type="text" :placeholder="$t('hj307')" v-model="bankNo" :disabled="!addBank" />
- </div>
- </div>
- <div class="bank_name" v-if="addBank==true">
- <div class="lefts">
- <span>{{ $t('hj303') }}</span>
- </div>
- <div class="rights">
- <input type="text" :placeholder="$t('hj308')" v-model="banif" :disabled="!addBank" />
- </div>
- </div>
-
- <div class="bank_name" v-if="addBank==true">
- <div class="lefts">
- <span>{{$t('银行卡户主名称')}}</span>
- </div>
- <div class="rights">
- <input type="text" :placeholder="$t('请输入银行卡户主名称')" v-model="bankCardholderName" :disabled="!addBank" />
- </div>
+ </div>
+ <div class="bank_name" v-if="addBank == true">
+ <div class="lefts">
+ <span>{{ $t("hj215") }}</span>
+ </div>
+ <div class="rights">
+ <input
+ type="text"
+ :placeholder="$t('hj307')"
+ v-model="bankNo"
+ :disabled="!addBank"
+ />
+ </div>
+ </div>
+ <div class="bank_name" v-if="addBank == true">
+ <div class="lefts">
+ <span>{{ $t("hj303") }}</span>
+ </div>
+ <div class="rights">
+ <input
+ type="text"
+ :placeholder="$t('hj308')"
+ v-model="banif"
+ :disabled="!addBank"
+ />
+ </div>
</div>
- <div class="bank_name" v-if="addBank==true">
- <div class="lefts">
- <span>{{$t('hj16')}}</span>
- </div>
- <div class="rights">
- <input type="text" :placeholder="$t('请输入电子邮箱')" v-model="bankEmail" :disabled="!addBank" />
- </div>
+ <div class="bank_name" v-if="addBank == true">
+ <div class="lefts">
+ <span>{{ $t("银行卡户主名称") }}</span>
+ </div>
+ <div class="rights">
+ <input
+ type="text"
+ :placeholder="$t('请输入银行卡户主名称')"
+ v-model="bankCardholderName"
+ :disabled="!addBank"
+ />
+ </div>
</div>
- <!-- <div class="bank_name" v-if="addBank==false">
+
+ <div class="bank_name" v-if="addBank == true">
+ <div class="lefts">
+ <span>{{ $t("hj16") }}</span>
+ </div>
+ <div class="rights">
+ <input
+ type="text"
+ :placeholder="$t('请输入电子邮箱')"
+ v-model="bankEmail"
+ :disabled="!addBank"
+ />
+ </div>
+ </div>
+ <!-- <div class="bank_name" v-if="addBank==false">
<div class="lefts">
<span>{{ $t('hj304') }}123</span>
</div>
@@ -105,232 +146,230 @@
<input type="text" :placeholder="$t('hj309')" v-model="bankun" :disabled="!addBank" />
</div>
</div> -->
- <div class="bank_name bind" @click="toSure" v-if="addBank">
- <span>{{ $t('hj216') }}</span>
- </div>
- <div class="bank_hck"></div>
- <div class="bank_code"></div>
- <van-popup v-model="showPicker" round position="bottom">
- <van-picker :confirm-button-text="$t('hj161')" :cancel-button-text="$t('hj106')" value-key="name" :columns="array" @cancel="quxiao" @confirm="onConfirm" show-toolbar />
- </van-popup>
- </div>
- </div>
+ <div class="bank_name bind" @click="toSure" v-if="addBank">
+ <span>{{ $t("hj216") }}</span>
+ </div>
+ <div class="bank_hck"></div>
+ <div class="bank_code"></div>
+ <van-popup v-model="showPicker" round position="bottom">
+ <van-picker
+ :confirm-button-text="$t('hj161')"
+ :cancel-button-text="$t('hj106')"
+ value-key="name"
+ :columns="array"
+ @cancel="quxiao"
+ @confirm="onConfirm"
+ show-toolbar
+ />
+ </van-popup>
+ </div>
+ </div>
</template>
<script>
- import * as api from "@/axios/api";
- import {
- Toast
- } from "mint-ui";
- import {
- isNull,
- bankNoReg,
- isName
- } from '@/utils/utils'
+import * as api from "@/axios/api";
+import { Toast } from "mint-ui";
+import { isNull, bankNoReg, isName } from "@/utils/utils";
- export default {
- name: "bankCard",
- data() {
- return {
- showPicker: false,
- bankName: "", //银行名称,
- bankAddress: "", //需要精确到分行或者支行,
- bankNo: "", // 印象卡号
- banif: "",
- bankun: "",
- bankEmail:"",
- bankCardholderName:"",
- array: [],
- index:0,
- addBank: false,
- id:'',
- code:'',
- name:'',
- };
- },
- created() {
- this.getCardDetail();
- this.getbanklist()
- },
- methods: {
- quxiao(){
- this.showPicker = false
- },
- gotodaka(){
- this.showPicker = true
- },
- onConfirm(item) {
- console.log(item)
- this.id = item.id
- this.code = item.code
- this.name = item.name
- this.showPicker = !this.showPicker
- // this.lever = item.value
- },
- async getbanklist() {
- // 获取银行名称
- let data = await api.getbank()
- if (data.status === 0) {
- console.log(data);
- this.array = data.data
- console.log(this.array);
- } else {}
- },
- async toSure() {
- // 添加银行卡
- if (isNull(this.bankNo)) {
- Toast(this.$t("hj217"));
- } else if (isNull(this.name)) {
- Toast(this.$t("hj218"));
- }else if (isNull(this.banif)) {
- Toast(this.$t("hj218a"));
- }
- // else if (isNull(this.bankAddress) ) {
- // Toast(this.$t("hj219"));
- // }
- else {
- let opts = {
- bankName: this.name,
- bankNo: this.bankNo,
- bankAddress: this.banif,
- bankImg: this.code,
- bankEmail:this.bankEmail,
- bankCardholderName:this.bankCardholderName
- };
- let data = await api.addBankCard(opts);
- if (data.status === 0) {
- Toast(this.$t("hj220"));
- this.$router.push("/newUser");
- } else {
- Toast(data.msg);
- }
- }
- },
- async getCardDetail() {
- // 获取银行卡信息
- let data = await api.getBankCard()
- if (data.status == 0) {
- const {
- bankAddress,
- bankName,
- bankNo,
- bankImg
- } = data.data;
- this.banif = bankAddress;
- this.bankName = bankName;
- this.bankun = bankImg;
- this.bankNo = bankNo;
- // this.addBank = false;
- this.addBank = true;
- } else {
- this.addBank = true;
- }
- },
- }
- };
+export default {
+ name: "bankCard",
+ data() {
+ return {
+ showPicker: false,
+ bankName: "", //银行名称,
+ bankAddress: "", //需要精确到分行或者支行,
+ bankNo: "", // 印象卡号
+ banif: "",
+ bankun: "",
+ bankEmail: "",
+ bankCardholderName: "",
+ array: [],
+ index: 0,
+ addBank: false,
+ id: "",
+ code: "",
+ name: ""
+ };
+ },
+ created() {
+ this.getCardDetail();
+ this.getbanklist();
+ },
+ methods: {
+ quxiao() {
+ this.showPicker = false;
+ },
+ gotodaka() {
+ this.showPicker = true;
+ },
+ onConfirm(item) {
+ console.log(item);
+ this.id = item.id;
+ this.code = item.code;
+ this.name = item.name;
+ this.showPicker = !this.showPicker;
+ // this.lever = item.value
+ },
+ async getbanklist() {
+ // 获取银行名称
+ let data = await api.getbank();
+ if (data.status === 0) {
+ console.log(data);
+ this.array = data.data;
+ console.log(this.array);
+ } else {
+ }
+ },
+ async toSure() {
+ // 添加银行卡
+ if (isNull(this.bankNo)) {
+ Toast(this.$t("hj217"));
+ } else if (isNull(this.name)) {
+ Toast(this.$t("hj218"));
+ } else if (isNull(this.banif)) {
+ Toast(this.$t("hj218a"));
+ }
+ // else if (isNull(this.bankAddress) ) {
+ // Toast(this.$t("hj219"));
+ // }
+ else {
+ let opts = {
+ bankName: this.name,
+ bankNo: this.bankNo,
+ bankAddress: this.banif,
+ bankImg: this.code,
+ bankEmail: this.bankEmail,
+ bankCardholderName: this.bankCardholderName
+ };
+ let data = await api.addBankCard(opts);
+ if (data.status === 0) {
+ Toast(this.$t("hj220"));
+ this.$router.push("/newUser");
+ } else {
+ Toast(data.msg);
+ }
+ }
+ },
+ async getCardDetail() {
+ // 获取银行卡信息
+ let data = await api.getBankCard();
+ if (data.status == 0) {
+ const { bankAddress, bankName, bankNo, bankImg } = data.data;
+ this.banif = bankAddress;
+ this.bankName = bankName;
+ this.bankun = bankImg;
+ this.bankNo = bankNo;
+ // this.addBank = false;
+ this.addBank = true;
+ } else {
+ this.addBank = true;
+ }
+ }
+ }
+};
</script>
<style scoped lang="less">
- .bank_card_page {
- width: 100%;
- height: 100%;
- background: #fff;
+.bank_card_page {
+ width: 100%;
+ height: 100%;
+ background: #fff;
- .content {
- width: 100%;
- height: 100%;
- padding: 0 0.6rem;
-
- .top_back {
- width: 100%;
- height: 2rem;
-
- >div {
- width: 10%;
- height: 100%;
- display: flex;
- align-items: center;
- }
-
- img {
- width: 0.6rem;
- height: 0.6rem;
- }
- }
-
- .titles {
- width: 100%;
- height: 1.5rem;
- font-size: 0.641rem;
- margin-top: 1rem;
-
- span {
- font-weight: 600;
- }
- }
- }
-
- .bank_name {
- width: 100%;
- height: 1.5rem;
- display: flex;
- padding: 0 0.2rem;
- background: rgb(247, 247, 247);
- border-radius: 0.2rem;
- margin-top: 0.3rem;
-
- .lefts {
- width: 38%;
- height: 100%;
- display: flex;
- align-items: center;
- font-size: 0.3846rem;
-
- span {
- font-weight: 600;
- }
- }
-
- .rights {
- width: 75%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
-
- input {
- width: 100%;
- height: 100%;
- }
- }
- }
- }
-
- .bank_name.bind {
- display: flex;
- align-items: center;
- justify-content: center;
- background: #1B79F5;
- font-size: 0.4103rem;
- color: #fff;
-
- span {
- font-weight: 600;
- }
- }
- /deep/ .van-nav-bar__content {
- height: 65px;
- }
- /deep/ .van-nav-bar__title {
- font-family: "DINPro";
+ .content {
width: 100%;
- height: 1.17333rem;
- display: flex;
- justify-content: center;
- align-items: center;
- font-style: normal;
- font-weight: 500;
- font-size: 0.48rem;
- color: #14181f;
+ height: 100%;
+ padding: 0 0.6rem;
+
+ .top_back {
+ width: 100%;
+ height: 2rem;
+
+ > div {
+ width: 10%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ }
+
+ img {
+ width: 0.6rem;
+ height: 0.6rem;
+ }
+ }
+
+ .titles {
+ width: 100%;
+ height: 1.5rem;
+ font-size: 0.641rem;
+ margin-top: 1rem;
+
+ span {
+ font-weight: 600;
+ }
+ }
}
+
+ .bank_name {
+ width: 100%;
+ height: 1.5rem;
+ display: flex;
+ padding: 0 0.2rem;
+ background: rgb(247, 247, 247);
+ border-radius: 0.2rem;
+ margin-top: 0.3rem;
+
+ .lefts {
+ width: 38%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ font-size: 0.3846rem;
+
+ span {
+ font-weight: 600;
+ }
+ }
+
+ .rights {
+ width: 75%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ input {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+}
+
+.bank_name.bind {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: #1b79f5;
+ font-size: 0.4103rem;
+ color: #fff;
+
+ span {
+ font-weight: 600;
+ }
+}
+/deep/ .van-nav-bar__content {
+ height: 65px;
+}
+/deep/ .van-nav-bar__title {
+ font-family: "DINPro";
+ width: 100%;
+ height: 1.17333rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 0.48rem;
+ color: #14181f;
+}
</style>
diff --git a/src/page/cashWithdrawalRecord/compontents/cash-list.vue b/src/page/cashWithdrawalRecord/compontents/cash-list.vue
index 9132955..42d0c1f 100644
--- a/src/page/cashWithdrawalRecord/compontents/cash-list.vue
+++ b/src/page/cashWithdrawalRecord/compontents/cash-list.vue
@@ -1,62 +1,102 @@
<template>
<div class="wrapper">
- <div v-if="list.length<=0" class="empty text-center">
- {{ $t('hj162e')}}!
+ <div v-if="list.length <= 0" class="empty text-center">
+ {{ $t("hj162e") }}!
</div>
<div v-else>
<ul
class="table-list"
v-infinite-scroll="loadMore"
infinite-scroll-disabled="loading"
- infinite-scroll-distance="10">
- <li class="list-body" v-for="(item) in list" :key="item.key">
+ infinite-scroll-distance="10"
+ >
+ <li class="list-body" v-for="item in list" :key="item.key">
<div class="order-info-box" style="border-radius: .15rem">
<div class="order-title">
- <span class="main">
- {{ $t('hjtxyhk') }}
- </span>
- <span class="payNumber"> ﷼{{item.withAmt}}</span>
+ <span class="main">
+ {{ $t("hjtxyhk") }}
+ </span>
+ <span class="payNumber"> {{ item.withAmt }}</span>
<span class="red pull-right">
- {{item.withStatus == 1?$t('hjtxcg'):item.withStatus == 2?$t('hjtxsb'):item.withStatus == 3?$t('hjddqx'):$t('hjshz')}}
- <i v-if="item.withStatus == 1" class="iconfont icon-tongguo4 animated bounceIn"></i>
- <i v-if="item.withStatus==0" class="iconfont icon-dengdai animated bounceInDown"></i>
- <i v-if="item.withStatus == 2" class="iconfont icon-failure animated bounceInDown"></i>
- <i v-if="item.withStatus == 3"
- class="iconfont icon-iconfontweitongguo animated bounceInDown"></i>
- </span>
+ {{
+ item.withStatus == 1
+ ? $t("hjtxcg")
+ : item.withStatus == 2
+ ? $t("hjtxsb")
+ : item.withStatus == 3
+ ? $t("hjddqx")
+ : $t("hjshz")
+ }}
+ <i
+ v-if="item.withStatus == 1"
+ class="iconfont icon-tongguo4 animated bounceIn"
+ ></i>
+ <i
+ v-if="item.withStatus == 0"
+ class="iconfont icon-dengdai animated bounceInDown"
+ ></i>
+ <i
+ v-if="item.withStatus == 2"
+ class="iconfont icon-failure animated bounceInDown"
+ ></i>
+ <i
+ v-if="item.withStatus == 3"
+ class="iconfont icon-iconfontweitongguo animated bounceInDown"
+ ></i>
+ </span>
<!-- <span class="secondary ">123456789</span> -->
</div>
<div class="order-info">
<p class="clearfix">
- <span class="col-xs-6">{{ $t('hj44') }}:<b class="space"> ﷼{{item.withFee}}</b></span>
+ <span class="col-xs-6"
+ >{{ $t("hj44") }}:<b class="space">
+ {{ item.withFee }}</b
+ ></span
+ >
<!-- <span class="col-xs-6">实际到账金额:<b class="space" style="font-size:0.26rem">{{item.withAmt - item.withFee}}</b>元</span> -->
</p>
<p class="clearfix">
- <span class="col-xs-12">{{ $t('hj247') }}:<b class="space">{{item.bankName}}-{{item.bankAddress}}</b></span>
+ <span class="col-xs-12"
+ >{{ $t("hj247") }}:<b class="space"
+ >{{ item.bankName }}-{{ item.bankAddress }}</b
+ ></span
+ >
</p>
<p class="clearfix">
- <span class="col-xs-12">{{ $t('hjkh') }}:<b class="space">{{item.bankNo}}</b></span>
+ <span class="col-xs-12"
+ >{{ $t("hjkh") }}:<b class="space">{{ item.bankNo }}</b></span
+ >
</p>
<p v-if="item.withStatus == 3" class="clearfix">
- <span class="col-xs-12">{{ $t('hjqxyy') }}:<b class="space">{{item.withMsg}}</b></span>
+ <span class="col-xs-12"
+ >{{ $t("hjqxyy") }}:<b class="space">{{
+ item.withMsg
+ }}</b></span
+ >
</p>
<p v-if="item.withStatus == 2" class="clearfix">
- <span class="col-xs-12">{{ $t('hj201') }}:<b class="space">{{item.withMsg}}</b></span>
+ <span class="col-xs-12"
+ >{{ $t("hj201") }}:<b class="space">{{
+ item.withMsg
+ }}</b></span
+ >
</p>
<p class="clearfix">
- <span class="secondary col-xs-6">{{ $t('sj') }}:
- <b v-if="item.applyTime">{{new Date(item.applyTime) | timeFormat}}</b>
- <b v-else></b>
- </span>
+ <span class="secondary col-xs-6"
+ >{{ $t("sj") }}:
+ <b v-if="item.applyTime">{{
+ new Date(item.applyTime) | timeFormat
+ }}</b>
+ <b v-else></b>
+ </span>
</p>
</div>
- <!-- <div v-if="item.withStatus == 0" class="order-foot clearfix">
+ <!-- <div v-if="item.withStatus == 0" class="order-foot clearfix">
<div @click="cancle(item.id)" class="foot-btn">
<i class='font-icon'></i>
{{ $t('hjqxtx') }}
</div>
</div> -->
-
</div>
<!-- <div class="capital">
<div class="pro">
@@ -76,147 +116,147 @@
loading...
</div>
<div v-show="!loading" class="load-all text-center">
- {{ $t('hj236') }}
+ {{ $t("hj236") }}
</div>
</div>
</div>
</template>
<script>
-import { Toast } from 'mint-ui'
-import * as api from '@/axios/api'
+import { Toast } from "mint-ui";
+import * as api from "@/axios/api";
export default {
components: {},
props: {},
- data () {
+ data() {
return {
loading: false,
list: [],
pageNum: 1,
pageSize: 15
- }
+ };
},
watch: {},
computed: {},
- created () {},
- mounted () {
- this.getListDetail()
+ created() {},
+ mounted() {
+ this.getListDetail();
},
methods: {
- async getListDetail () {
+ async getListDetail() {
let opt = {
- withStatus: '', // 提现状态 0已提交，1转账成功，2转账失败
+ withStatus: "", // 提现状态 0已提交，1转账成功，2转账失败
pageNum: this.pageNum,
pageSize: 15
- }
- let data = await api.withdrawList(opt)
+ };
+ let data = await api.withdrawList(opt);
if (data.status === 0) {
data.data.list.forEach(element => {
- this.list.push(element)
- })
+ this.list.push(element);
+ });
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- async loadMore () {
+ async loadMore() {
if (this.list.length < 10) {
- return
+ return;
}
- this.loading = true
+ this.loading = true;
// 加载下一页
- this.pageNum++
- await this.getListDetail()
- this.loading = false
+ this.pageNum++;
+ await this.getListDetail();
+ this.loading = false;
},
- async cancle (val) {
+ async cancle(val) {
// 取消提现
// MessageBox.confirm('您确定要平仓吗?').then(async action => {
let opt = {
withId: val
- }
- let data = await api.canceloutMoney(opt)
+ };
+ let data = await api.canceloutMoney(opt);
if (data.status === 0) {
- this.list = []
- Toast(data.msg)
- this.getListDetail()
+ this.list = [];
+ Toast(data.msg);
+ this.getListDetail();
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
// });
}
},
filters: {
- timeFormat (time) {
+ timeFormat(time) {
if (!time) {
- return ''
+ return "";
}
- var nd = new Date(time)
- var y = nd.getFullYear()
- var mm = nd.getMonth() + 1
- var d = nd.getDate()
- var h = nd.getHours()
- var m = nd.getMinutes()
- var c = nd.getSeconds()
+ var nd = new Date(time);
+ var y = nd.getFullYear();
+ var mm = nd.getMonth() + 1;
+ var d = nd.getDate();
+ var h = nd.getHours();
+ var m = nd.getMinutes();
+ var c = nd.getSeconds();
if (mm < 10) {
- mm = '0' + mm
+ mm = "0" + mm;
}
if (d < 10) {
- d = '0' + d
+ d = "0" + d;
}
if (h < 10) {
- h = '0' + h
+ h = "0" + h;
}
if (m < 10) {
- m = '0' + m
+ m = "0" + m;
}
if (c < 10) {
- c = '0' + c
+ c = "0" + c;
}
// 17:35:2922-06-2022
// return y + '/' + mm + '/' + d + ' ' + h + ':' + m + ':' + c //年月日时分秒
- return d + '/' + mm + '/' + y + ' ' + h + ':' + m + ':' + c //日月年时分秒
+ return d + "/" + mm + "/" + y + " " + h + ":" + m + ":" + c; //日月年时分秒
+ }
+ }
+};
+</script>
+<style lang="less" scoped>
+.wrapper {
+ // padding-top: 0.9rem;
+}
+
+.payNumber {
+ font-size: 0.3rem;
+ color: #ff8000;
+}
+
+.table-list {
+ padding: 0.2rem 0;
+
+ .list-body {
+ padding: 0.1rem 0.2rem;
+ .capital:nth-child(1) {
+ border-top: 0.01rem solid #3f444a;
+ }
+
+ .capital {
+ padding: 0.2rem;
+ // border-radius: 0.2rem;
+ border-bottom: 0.01rem solid #3f444a;
+
+ div {
+ line-height: 0.4rem;
+ }
+
+ .col-xs-4 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .pro {
+ color: #999;
+ }
}
}
}
-</script>
-<style lang="less" scoped>
- .wrapper {
- // padding-top: 0.9rem;
- }
-
- .payNumber {
- font-size: 0.3rem;
- color: #ff8000;
- }
-
- .table-list {
- padding: 0.2rem 0;
-
- .list-body {
- padding: 0.1rem 0.2rem;
- .capital:nth-child(1) {
- border-top: 0.01rem solid #3f444a;
- }
-
- .capital {
- padding: 0.2rem;
- // border-radius: 0.2rem;
- border-bottom: 0.01rem solid #3f444a;
-
- div {
- line-height: 0.4rem;
- }
-
- .col-xs-4 {
- padding-left: 0;
- padding-right: 0;
- }
-
- .pro {
- color: #999;
- }
- }
- }
- }
</style>
diff --git a/src/page/funds/index.vue b/src/page/funds/index.vue
index 18575c4..25b1d50 100644
--- a/src/page/funds/index.vue
+++ b/src/page/funds/index.vue
@@ -1,411 +1,474 @@
<template>
<div class="wrapper">
- <div class="funds-info">
- <div class="money-info">
- <div class="money-info_left">
- <div class="money-info_total">
- <img class="ino-ico" v-show="$state.theme !='red' " src="../../assets/ico/zongzichan.png">
- <img class="ino-ico" v-show="$state.theme =='red' " src="../../assets/ico/zongzichan-red.png">
- <span class="ino-title">沪深资产总计</span>
- <span class="ino-money">
- <span style="font-size: .3rem"> ﷼</span>
- {{(Number($store.state.userInfo.enableAmt + $store.state.userInfo.allFreezAmt)).toFixed(2)}}</span>
- </div>
- <div class="money-info_progress">
- <div class="money-info_progress__inner"
- style="width: `${progress}`%"
- ></div>
- </div>
- </div>
- <div class="money-info_right">
- <div class="money-info_botton redBtn" @click="toRecharge">充值</div>
- <div class="money-info_botton blueBtn" @click="toCash">提现</div>
- </div>
+ <div class="funds-info">
+ <div class="money-info">
+ <div class="money-info_left">
+ <div class="money-info_total">
+ <img
+ class="ino-ico"
+ v-show="$state.theme != 'red'"
+ src="../../assets/ico/zongzichan.png"
+ />
+ <img
+ class="ino-ico"
+ v-show="$state.theme == 'red'"
+ src="../../assets/ico/zongzichan-red.png"
+ />
+ <span class="ino-title">沪深资产总计</span>
+ <span class="ino-money">
+ <span style="font-size: .3rem"> </span>
+ {{
+ Number(
+ $store.state.userInfo.enableAmt +
+ $store.state.userInfo.allFreezAmt
+ ).toFixed(2)
+ }}</span
+ >
</div>
- <div class="money-detail">
- <div class="money-detail_title">
- <span style="font-size: .24rem; font-weight:bold;color:#fff"
- :style="{color:$state.theme =='red'&&'#000'}"
- >沪深账户
- <span
- >(￥{{(Number($store.state.userInfo.enableAmt + $store.state.userInfo.allFreezAmt)).toFixed(2)}})</span>
- </span>
- <span style="font-size: .2rem"
- :style="{color:$state.theme =='red'&&'#000'}"
- >资金互转
- <i
- style="font-size: .2rem"
- class="iconfont icon-you"></i>
- </span>
- </div>
- <div class="money-detail_acc">
- <div class=" acc">
- <img src="../../assets/ico/hszzj.png"
- style="width:.25rem;height:.3rem"
- >
- <div class="acc-item">
- <div class="acc-item_title">沪深总资金</div>
- <div class="acc-item_num">￥{{(Number($store.state.userInfo.enableAmt + $store.state.userInfo.allFreezAmt)).toFixed(2)}}</div>
- </div>
- </div>
- <div class=" acc">
- <img src="../../assets/ico/hsdjbzj.png"
- style="width:.29rem;height:.25rem"
- >
- <div class="acc-item">
- <div class="acc-item_title">沪深冻结保证金</div>
- <div class="acc-item_num">￥{{$store.state.hide?'****':$store.state.userInfo.allFreezAmt}}</div>
- </div>
- </div>
- <div class=" acc">
- <img src="../../assets/ico/hskyzj.png"
- style="width:.28rem;height:.28rem"
- >
- <div class="acc-item">
- <div class="acc-item_title">沪深可用资金</div>
- <div class="acc-item_num">￥{{$store.state.hide?'****':$store.state.userInfo.enableAmt}}</div>
- </div>
- </div>
- <div class=" acc">
- <img src="../../assets/ico/zyk.png"
- style="width:.28rem;height:.28rem"
- >
- <div class="acc-item">
- <div class="acc-item_title">沪深持仓总盈亏</div>
- <div class="acc-item_num">￥{{$store.state.hide?'****':$store.state.userInfo.tradingAmount}}</div>
- </div>
- </div>
- </div>
+ <div class="money-info_progress">
+ <div
+ class="money-info_progress__inner"
+ style="width: `${progress}`%"
+ ></div>
</div>
+ </div>
+ <div class="money-info_right">
+ <div class="money-info_botton redBtn" @click="toRecharge">充值</div>
+ <div class="money-info_botton blueBtn" @click="toCash">提现</div>
+ </div>
</div>
- <div class="funds-list">
- <div class="funds-list-title">
- 我的配资
+ <div class="money-detail">
+ <div class="money-detail_title">
+ <span
+ style="font-size: .24rem; font-weight:bold;color:#fff"
+ :style="{ color: $state.theme == 'red' && '#000' }"
+ >沪深账户
+ <span
+ >(￥{{
+ Number(
+ $store.state.userInfo.enableAmt +
+ $store.state.userInfo.allFreezAmt
+ ).toFixed(2)
+ }})</span
+ >
+ </span>
+ <span
+ style="font-size: .2rem"
+ :style="{ color: $state.theme == 'red' && '#000' }"
+ >资金互转
+ <i style="font-size: .2rem" class="iconfont icon-you"></i>
+ </span>
+ </div>
+ <div class="money-detail_acc">
+ <div class=" acc">
+ <img
+ src="../../assets/ico/hszzj.png"
+ style="width:.25rem;height:.3rem"
+ />
+ <div class="acc-item">
+ <div class="acc-item_title">沪深总资金</div>
+ <div class="acc-item_num">
+ ￥{{
+ Number(
+ $store.state.userInfo.enableAmt +
+ $store.state.userInfo.allFreezAmt
+ ).toFixed(2)
+ }}
+ </div>
+ </div>
</div>
- <div class="funds-list-item"
- v-for="(i, k) in list.list"
- :key="k"
- >
- <div class="funds-list-item__title">
- <span class="funds-list-item__title-left">
- <!-- <span class="zhishu">
+ <div class=" acc">
+ <img
+ src="../../assets/ico/hsdjbzj.png"
+ style="width:.29rem;height:.25rem"
+ />
+ <div class="acc-item">
+ <div class="acc-item_title">沪深冻结保证金</div>
+ <div class="acc-item_num">
+ ￥{{
+ $store.state.hide ? "****" : $store.state.userInfo.allFreezAmt
+ }}
+ </div>
+ </div>
+ </div>
+ <div class=" acc">
+ <img
+ src="../../assets/ico/hskyzj.png"
+ style="width:.28rem;height:.28rem"
+ />
+ <div class="acc-item">
+ <div class="acc-item_title">沪深可用资金</div>
+ <div class="acc-item_num">
+ ￥{{
+ $store.state.hide ? "****" : $store.state.userInfo.enableAmt
+ }}
+ </div>
+ </div>
+ </div>
+ <div class=" acc">
+ <img
+ src="../../assets/ico/zyk.png"
+ style="width:.28rem;height:.28rem"
+ />
+ <div class="acc-item">
+ <div class="acc-item_title">沪深持仓总盈亏</div>
+ <div class="acc-item_num">
+ ￥{{
+ $store.state.hide
+ ? "****"
+ : $store.state.userInfo.tradingAmount
+ }}
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="funds-list">
+ <div class="funds-list-title">
+ 我的配资
+ </div>
+ <div class="funds-list-item" v-for="(i, k) in list.list" :key="k">
+ <div class="funds-list-item__title">
+ <span class="funds-list-item__title-left">
+ <!-- <span class="zhishu">
</span> -->
- 总操盘资金：
- <span class="green">{{i.totalTradingAmount}}</span>
- </span>
- <span class="funds-list-item__title-right">
- </span>
+ 总操盘资金：
+ <span class="green">{{ i.totalTradingAmount }}</span>
+ </span>
+ <span class="funds-list-item__title-right"> </span>
+ </div>
+ <div class="funds-list-item__account clearfix">
+ <div class="col-xs-4 account">
+ <!-- 配资资金：17.63 股票可用金额：17.63 配资管理费：已结束 -->
+ <div class="order-title">配资资金</div>
+ <div class="order-money">{{ i.fundsAmount || 0 }}</div>
+ <div class="order-title">股票可用金额</div>
+ <div class="order-money">{{ i.totalTradingAmount || 0 }}</div>
+ <div class="order-title">配资管理费</div>
+ <div class="order-money">{{ i.manageFee || 0 }}</div>
+ </div>
+ <div class="col-xs-4 account">
+ <!-- 保证金：100 股票市值：0 股票盈亏：0 -->
+ <div class="order-title">保证金</div>
+ <div class="order-money">{{ i.margin || 0 }}</div>
+ <div class="order-title">股票市值</div>
+ <div class="order-money">{{ i.orderTotalPrice || 0 }}</div>
+ <div class="order-title">股票盈亏</div>
+ <div class="order-money">{{ i.allProfitAndLose || 0 }}</div>
+ </div>
+ <div class="col-xs-4 account">
+ <div class="order-title">状态</div>
+ <div class="order-money">
+ <span v-if="i.status == 0">待审核</span>
+ <span v-if="i.status == 1">操盘中</span>
+ <span v-if="i.status == 2">未通过</span>
+ <span v-if="i.status == 3">已到期</span>
+ <span v-if="i.status == 4">已结束</span>
</div>
- <div class="funds-list-item__account clearfix">
- <div class="col-xs-4 account">
- <!-- 配资资金：17.63 股票可用金额：17.63 配资管理费：已结束 -->
- <div class="order-title">配资资金</div>
- <div class="order-money">{{i.fundsAmount || 0}}</div>
- <div class="order-title">股票可用金额</div>
- <div class="order-money">{{i.totalTradingAmount || 0}}</div>
- <div class="order-title">配资管理费</div>
- <div class="order-money">{{i.manageFee || 0}}</div>
- </div>
- <div class="col-xs-4 account">
- <!-- 保证金：100 股票市值：0 股票盈亏：0 -->
- <div class="order-title">保证金</div>
- <div class="order-money">{{i.margin || 0}}</div>
- <div class="order-title">股票市值</div>
- <div class="order-money">{{i.orderTotalPrice || 0}}</div>
- <div class="order-title">股票盈亏</div>
- <div class="order-money">{{i.allProfitAndLose || 0}}</div>
- </div>
- <div class="col-xs-4 account">
- <div class="order-title">状态</div>
- <div class="order-money">
- <span v-if="i.status==0" >待审核</span>
- <span v-if="i.status==1" >操盘中</span>
- <span v-if="i.status==2" >未通过</span>
- <span v-if="i.status==3" >已到期</span>
- <span v-if="i.status==4" >已结束</span>
- </div>
- <div class="peizi">
- 配资
- </div>
- </div>
+ <div class="peizi">
+ 配资
</div>
</div>
- <div class="funds-list-loadmore">
- 点击加载更多内容
- </div>
+ </div>
</div>
+ <div class="funds-list-loadmore">
+ 点击加载更多内容
+ </div>
+ </div>
</div>
</template>
<script>
-import * as api from '../../axios/api'
+import * as api from "../../axios/api";
export default {
- data () {
+ data() {
return {
list: {
list: []
}
- }
+ };
},
computed: {
- progress () {
- let per = this.$store.state.userInfo.userAmt / (this.$store.state.userInfo.userAmt + this.$store.state.userInfo.userIndexAmt) * 100 > 100 ? 100 : this.$store.state.userInfo.userAmt / (this.$store.state.userInfo.userAmt + this.$store.state.userInfo.userIndexAmt) * 100 > 100 ? this.$store.state.userInfo.userAmt / (this.$store.state.userInfo.userAmt + this.$store.state.userInfo.userIndexAmt) * 100 > 100 ? 100 : this.$store.state.userInfo.userAmt / (this.$store.state.userInfo.userAmt + this.$store.state.userInfo.userIndexAmt) * 100 : 100
- return per
+ progress() {
+ let per =
+ (this.$store.state.userInfo.userAmt /
+ (this.$store.state.userInfo.userAmt +
+ this.$store.state.userInfo.userIndexAmt)) *
+ 100 >
+ 100
+ ? 100
+ : (this.$store.state.userInfo.userAmt /
+ (this.$store.state.userInfo.userAmt +
+ this.$store.state.userInfo.userIndexAmt)) *
+ 100 >
+ 100
+ ? (this.$store.state.userInfo.userAmt /
+ (this.$store.state.userInfo.userAmt +
+ this.$store.state.userInfo.userIndexAmt)) *
+ 100 >
+ 100
+ ? 100
+ : (this.$store.state.userInfo.userAmt /
+ (this.$store.state.userInfo.userAmt +
+ this.$store.state.userInfo.userIndexAmt)) *
+ 100
+ : 100;
+ return per;
}
},
- created () {
- this.getlist()
+ created() {
+ this.getlist();
},
methods: {
- toRecharge () {
+ toRecharge() {
// 充值
- this.$router.push('/recharge')
+ this.$router.push("/recharge");
},
- toCash () {
+ toCash() {
// 提现
- this.$router.push('/cash')
+ this.$router.push("/cash");
},
- async getlist () {
+ async getlist() {
// 获取持仓列表
let opt = {
userId: 0,
pageNum: this.pageNum,
pageSize: this.pageSize
- }
- console.log(opt)
- let data = await api.getUserApplyList(opt)
+ };
+ console.log(opt);
+ let data = await api.getUserApplyList(opt);
if (data.status === 0) {
- this.list = data.data
+ this.list = data.data;
}
// else {
// this.$message.error(data.msg)
// }
}
}
-}
+};
</script>
<style lang="less" scoped>
- body {
- background-color: #16171d;
- }
- .wrapper {
- padding-bottom: 0;
- }
- .funds-info {
- display: block;
- width: 6.9rem;
- margin:.3rem;
- padding: .6rem .2rem .12rem .2rem;
- background-color: #1F2636;
- border-radius: .1rem;
- .money-info {
- padding-bottom: .42rem;
+body {
+ background-color: #16171d;
+}
+.wrapper {
+ padding-bottom: 0;
+}
+.funds-info {
+ display: block;
+ width: 6.9rem;
+ margin: 0.3rem;
+ padding: 0.6rem 0.2rem 0.12rem 0.2rem;
+ background-color: #1f2636;
+ border-radius: 0.1rem;
+ .money-info {
+ padding-bottom: 0.42rem;
+ display: flex;
+ justify-content: space-between;
+ border-bottom: 1px solid #fff2;
+ &_left {
+ flex: 1;
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ .money-info_total {
+ height: 0.4rem;
display: flex;
- justify-content: space-between;
- border-bottom: 1px solid #fff2;
- &_left {
- flex: 1;
- position: relative;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- .money-info_total {
- height: .4rem;
- display: flex;
- align-items: center;
- .ino-ico {
- width: .38rem;
- height: .38rem;
- margin-right: .15rem;
- }
- .ino-title {
- font-size: .24rem;
- margin-right: .15rem;
- }
- .ino-money {
- font-size: .4rem;
- color: #009C46;
- letter-spacing: 0;
- font-family: lightnumber;
- }
- }
- .money-info_progress {
- width: 100%;
- height: .1rem;
- border-radius: .05rem;
- background-color: #4E5A73;
- &__inner {
- background-color: #E6003E;
- height: .1rem;
- border-radius: .05rem;
- }
- }
+ align-items: center;
+ .ino-ico {
+ width: 0.38rem;
+ height: 0.38rem;
+ margin-right: 0.15rem;
}
- &_right {
- margin-left: .3rem;
- width: 1.4rem;
- height: 1.14rem;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- .money-info_botton {
- width: 1.4rem;
- height: .42rem;
- line-height: .42rem;
- font-size: .24rem;
- color: #fff;
- text-align: center;
- &.redBtn {
- background-color: #E6003E;
- border-radius: .21rem;
- }
- &.blueBtn {
- background-color: #024DA1;
- border-radius: .21rem;
- }
- }
+ .ino-title {
+ font-size: 0.24rem;
+ margin-right: 0.15rem;
}
+ .ino-money {
+ font-size: 0.4rem;
+ color: #009c46;
+ letter-spacing: 0;
+ font-family: lightnumber;
+ }
+ }
+ .money-info_progress {
+ width: 100%;
+ height: 0.1rem;
+ border-radius: 0.05rem;
+ background-color: #4e5a73;
+ &__inner {
+ background-color: #e6003e;
+ height: 0.1rem;
+ border-radius: 0.05rem;
+ }
+ }
}
- .money-detail {
- position: relative;
- &_title {
- padding: .3rem 0;
- display: flex;
- justify-content: space-between;
+ &_right {
+ margin-left: 0.3rem;
+ width: 1.4rem;
+ height: 1.14rem;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ .money-info_botton {
+ width: 1.4rem;
+ height: 0.42rem;
+ line-height: 0.42rem;
+ font-size: 0.24rem;
+ color: #fff;
+ text-align: center;
+ &.redBtn {
+ background-color: #e6003e;
+ border-radius: 0.21rem;
}
- &_acc {
- display: flex;
- flex-wrap: wrap;
- .acc{
- padding: 0;
- display: flex;
- width: 50%;
- .acc-item{
- margin-left: .2rem;
- margin-bottom: .3rem;
- }
- .acc-item_title {
- font-size: .24rem;
- color: #fff;
- line-height: .3rem;
- margin-bottom: .2rem;
- }
- .acc-item_num {
- font-size: .3rem;
- color: #E6003E;
- font-family: lightnumber;
- }
- }
+ &.blueBtn {
+ background-color: #024da1;
+ border-radius: 0.21rem;
}
+ }
}
-
+ }
+ .money-detail {
+ position: relative;
+ &_title {
+ padding: 0.3rem 0;
+ display: flex;
+ justify-content: space-between;
+ }
+ &_acc {
+ display: flex;
+ flex-wrap: wrap;
+ .acc {
+ padding: 0;
+ display: flex;
+ width: 50%;
+ .acc-item {
+ margin-left: 0.2rem;
+ margin-bottom: 0.3rem;
+ }
+ .acc-item_title {
+ font-size: 0.24rem;
+ color: #fff;
+ line-height: 0.3rem;
+ margin-bottom: 0.2rem;
+ }
+ .acc-item_num {
+ font-size: 0.3rem;
+ color: #e6003e;
+ font-family: lightnumber;
+ }
+ }
+ }
+ }
+}
+.funds-list {
+ display: block;
+ width: 6.9rem;
+ margin: 0.3rem;
+ padding: 0.12rem 0.2rem 0.12rem 0.2rem;
+ background-color: #1f2636;
+ border-radius: 0.1rem;
+ &-title {
+ text-align: center;
+ padding: 0.26rem 0;
+ color: #fff;
+ font-size: 0.25rem;
+ font-weight: bold;
+ }
+ &-item {
+ padding: 0.45rem 0.16rem;
+ border-top: 1px solid #fff2;
+ &__title {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 0.35rem;
+ &-left {
+ font-size: 0.3rem;
+ .zhishu {
+ font-size: 0.2rem;
+ color: #fff;
+ padding: 0.05rem 0.15rem;
+ background-image: url(../../assets/ico/zhishu.png);
+ background-size: 100% 100%;
+ }
+ }
+ &-right {
+ font-size: 0.24rem;
+ }
+ }
+ .account {
+ padding: 0;
+ .order-title {
+ color: #aaaaaa;
+ font-size: 0.24rem;
+ margin-bottom: 0.1rem;
+ }
+ .order-money {
+ color: #fff;
+ font-size: 0.24rem;
+ margin-bottom: 0.13rem;
+ }
+ .peizi {
+ height: 0.34rem;
+ background-color: #138eb4;
+ border-radius: 0.17rem;
+ text-align: center;
+ width: 1.26rem;
+ line-height: 0.35rem;
+ }
+ }
+ }
+ &-loadmore {
+ height: 0.67rem;
+ line-height: 0.67rem;
+ text-align: center;
+ font-size: 0.27rem;
+ color: #fff;
+ background-color: #494951;
+ border-radius: 3px;
+ margin-bottom: 0.4rem;
+ }
+}
+.red-theme {
+ .funds-info {
+ background-color: #fff;
+ .ino-title {
+ color: #000;
+ }
+ .acc-item_title {
+ color: #000 !important;
+ }
}
.funds-list {
- display: block;
- width: 6.9rem;
- margin:.3rem;
- padding: .12rem .2rem .12rem .2rem;
- background-color: #1F2636;
- border-radius: .1rem;
+ background-color: #fff;
&-title {
- text-align: center ;
- padding: .26rem 0;
- color: #fff;
- font-size: .25rem;
- font-weight: bold;
+ color: #000;
}
&-item {
- padding: .45rem .16rem;
- border-top: 1px solid #fff2;
- &__title {
- display: flex;
- justify-content: space-between;
- margin-bottom: .35rem;
- &-left {
- font-size: .3rem;
- .zhishu {
- font-size: .2rem;
- color: #fff;
- padding: .05rem .15rem;
- background-image: url(../../assets/ico/zhishu.png);
- background-size: 100% 100%;
- }
- }
- &-right {
- font-size: .24rem;
- }
- }
- .account {
- padding: 0;
- .order-title {
- color: #AAAAAA;
- font-size: .24rem;
- margin-bottom: .1rem;
- }
- .order-money {
- color: #fff;
- font-size: .24rem;
- margin-bottom: .13rem;
- }
- .peizi {
- height: .34rem;
- background-color: #138EB4;
- border-radius: .17rem;
- text-align: center;
- width: 1.26rem;
- line-height: .35rem;
- }
- }
- }
- &-loadmore {
- height: .67rem;
- line-height: .67rem;
- text-align: center;
- font-size: .27rem;
+ border-top-color: #2222;
+ &__title-left {
+ color: #222;
+ }
+ .account .order-title {
+ color: #666666;
+ }
+ .account .order-money {
+ color: #000;
+ }
+ .account .peizi {
+ background-color: #bc1816;
color: #fff;
- background-color: #494951;
- border-radius: 3px;
- margin-bottom: .4rem;
+ }
}
}
- .red-theme {
- .funds-info{
- background-color: #fff;
- .ino-title {
- color: #000;
- }
- .acc-item_title {
- color: #000 !important;
- }
- }
- .funds-list {
- background-color: #fff;
- &-title {
- color: #000;
- }
- &-item {
- border-top-color: #2222;
- &__title-left {
- color: #222;
- }
- .account .order-title {
- color: #666666;
- }
- .account .order-money {
- color: #000;
- }
- .account .peizi {
- background-color: #BC1816;
- color: #fff;
- }
- }
- }
- .funds-list-loadmore {
- background-color: #BC1816;
- }
+ .funds-list-loadmore {
+ background-color: #bc1816;
}
+}
</style>
diff --git a/src/page/home/Record.vue b/src/page/home/Record.vue
index 1a78940..b6f3095 100644
--- a/src/page/home/Record.vue
+++ b/src/page/home/Record.vue
@@ -11,7 +11,9 @@
<!-- <div class="main-title">{{ $t("請選擇提款账户") }}</div> -->
<van-cell
is-link
- :title="rechargeAccountData.name?rechargeAccountData.name:$t('請選擇')"
+ :title="
+ rechargeAccountData.name ? rechargeAccountData.name : $t('請選擇')
+ "
@click="rechargeAccountShow = true"
/>
<van-action-sheet
@@ -22,62 +24,59 @@
@select="rechargeAccountSelect"
/>
<div class="pages_box">
- <!-- <div class="pages_box_after">账变前</div> -->
- <div class="pages_box_after">{{$t('je')}}</div>
- <!-- <div class="pages_box_after">账变后</div> -->
- <div class="pages_box_after">{{$t('操作时间')}}</div>
- <div class="pages_box_after">{{$t('描述')}}</div>
+ <!-- <div class="pages_box_after">账变前</div> -->
+ <div class="pages_box_after">{{ $t("je") }}</div>
+ <!-- <div class="pages_box_after">账变后</div> -->
+ <div class="pages_box_after">{{ $t("操作时间") }}</div>
+ <div class="pages_box_after">{{ $t("描述") }}</div>
</div>
- <div class="pages_box" v-for="(item,index) in pagelist" :key="index">
- <!-- <div class="pages_box_after"> ﷼{{item.after}}</div> -->
- <div class="pages_box_after"> ﷼{{item.amount }}</div>
- <!-- <div class="pages_box_after"> ﷼{{item.beFore}}</div> -->
- <div class="pages_box_after">{{
- $moment(item.createTime).format(
- "DD-MM-YYYY hh:mm:ss A"
- )
- }}</div>
- <div class="pages_box_after">{{item.descs}}</div>
+ <div class="pages_box" v-for="(item, index) in pagelist" :key="index">
+ <!-- <div class="pages_box_after"> {{item.after}}</div> -->
+ <div class="pages_box_after">{{ item.amount }}</div>
+ <!-- <div class="pages_box_after"> {{item.beFore}}</div> -->
+ <div class="pages_box_after">
+ {{ $moment(item.createTime).format("DD-MM-YYYY hh:mm:ss A") }}
+ </div>
+ <div class="pages_box_after">{{ item.descs }}</div>
</div>
</div>
</div>
-
</template>
<script>
- import * as api from "@/axios/api";
+import * as api from "@/axios/api";
export default {
data() {
return {
- userInfo:'',
- pagelist:[],
+ userInfo: "",
+ pagelist: [],
rechargeAccountActions: [
{
- name: this.$t('gm'),
- key: "BUY",
+ name: this.$t("gm"),
+ key: "BUY"
},
{
- name: this.$t('hj121'),
- key: "CLOSE_POSITION",
+ name: this.$t("hj121"),
+ key: "CLOSE_POSITION"
},
{
- name: this.$t('hj44'),
- key: "HANDLING_CHARGE",
- },
+ name: this.$t("hj44"),
+ key: "HANDLING_CHARGE"
+ }
],
rechargeAccountShow: false,
rechargeAccountData: {},
- type:'',
+ type: ""
};
},
mounted() {
- this.getUserInfo()
+ this.getUserInfo();
this.getpagelist();
},
methods: {
rechargeAccountSelect(e) {
this.rechargeAccountData = e;
- this.type = e.key
+ this.type = e.key;
this.getpagelist();
},
async getUserInfo() {
@@ -90,74 +89,77 @@
} else {
}
},
- async getpagelist(){
- let result = await api.moneylogAll({ userId: this.$store.state.userInfo.id,type:this.type,pageSize:9999, });
+ async getpagelist() {
+ let result = await api.moneylogAll({
+ userId: this.$store.state.userInfo.id,
+ type: this.type,
+ pageSize: 9999
+ });
if (result.status === 0) {
- this.pagelist = result.data.records
+ this.pagelist = result.data.records;
} else {
-
}
- },
- },
+ }
+ }
};
</script>
<style scoped lang="less">
- main {
- padding: 0 0.4rem 0.53333rem;
- box-sizing: border-box;
- }
- .main-title {
- font-style: normal;
- font-weight: 400;
- font-size: 0.37333rem;
- color: #8c9fad;
- margin-top: 0.3rem;
- }
+main {
+ padding: 0 0.4rem 0.53333rem;
+ box-sizing: border-box;
+}
+.main-title {
+ font-style: normal;
+ font-weight: 400;
+ font-size: 0.37333rem;
+ color: #8c9fad;
+ margin-top: 0.3rem;
+}
- .pages_box_after{
- flex: 1;
- text-align: center;
- }
- .pages_box{
- width: 100%;
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: center;
- height: 60px;
- line-height: 60px;
- background-color: #fff;
- flex: 1;
- border-bottom: 1px solid #acc4d4;
- font-size: 12px;
- }
- .pages{
- width: 100%;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- /deep/ .van-cell {
- list-style: none;
- width: 100%;
- margin-top: 0.26667rem;
- background: #fff;
- border-radius: 0.10667rem;
- list-style: none;
- border: none;
- font-family: Arial, sans-serif;
- font-style: normal;
- font-weight: 500;
- font-size: 0.37333rem;
- line-height: 0.53333rem;
- padding: 0.32rem 0.4rem;
- box-sizing: border-box;
- margin-top: 0.26667rem;
- box-shadow: 0 0.16rem 0.32rem #eaeaea99;
- margin-bottom: 20px;
- }
+.pages_box_after {
+ flex: 1;
+ text-align: center;
+}
+.pages_box {
+ width: 100%;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ height: 60px;
+ line-height: 60px;
+ background-color: #fff;
+ flex: 1;
+ border-bottom: 1px solid #acc4d4;
+ font-size: 12px;
+}
+.pages {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+/deep/ .van-cell {
+ list-style: none;
+ width: 100%;
+ margin-top: 0.26667rem;
+ background: #fff;
+ border-radius: 0.10667rem;
+ list-style: none;
+ border: none;
+ font-family: Arial, sans-serif;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 0.37333rem;
+ line-height: 0.53333rem;
+ padding: 0.32rem 0.4rem;
+ box-sizing: border-box;
+ margin-top: 0.26667rem;
+ box-shadow: 0 0.16rem 0.32rem #eaeaea99;
+ margin-bottom: 20px;
+}
/deep/ .van-nav-bar__content {
height: 65px;
}
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index e5ab1f1..861d9bf 100644
--- a/src/page/home/home.vue
+++ b/src/page/home/home.vue
@@ -81,18 +81,32 @@
</div>
</div>
<!-- 最多关注 -->
- <van-skeleton title :row="6" :loading="loading" class="focus_skeleton" />
+ <van-skeleton
+ title
+ :row="6"
+ :loading="loading"
+ class="focus_skeleton"
+ />
<div class="focus_on" v-if="!loading">
<div class="fo_content">
<div class="top_title">
- {{ $t('hj5') }}
+ {{ $t("hj5") }}
</div>
<div class="fo_banner">
- <van-swipe class="fo_my-swipe" :autoplay="0" indicator-color="white" @change="onChange">
-
- <van-swipe-item v-for="(item, index) in proData" :key="index">
- <div class="item_cont" :class="idx != 2 ? 'item_conts' : ''"
- v-for="(item2, idx) in proData[currentIndex]" :key="idx" @click="goDetail(item2)">
+ <van-swipe
+ class="fo_my-swipe"
+ :autoplay="0"
+ indicator-color="white"
+ @change="onChange"
+ >
+ <van-swipe-item v-for="(item, index) in proData" :key="index">
+ <div
+ class="item_cont"
+ :class="idx != 2 ? 'item_conts' : ''"
+ v-for="(item2, idx) in proData[currentIndex]"
+ :key="idx"
+ @click="goDetail(item2)"
+ >
<div class="top_fo">
<div class="title">
{{ item2.name }}
@@ -100,22 +114,32 @@
<div class="numbers">
{{ item2.nowPrice }}
</div>
- <div class="percentage" :class="item2.hcrate > 0 ? 'gree' : 'redd'">
- <span style="font-weight: 500;">{{ item2.hcrate > 0 ? `${item2.hcrate}` :
- `${item2.hcrate}`
- }}</span>
+ <div
+ class="percentage"
+ :class="item2.hcrate > 0 ? 'gree' : 'redd'"
+ >
+ <span style="font-weight: 500;">{{
+ item2.hcrate > 0
+ ? `${item2.hcrate}`
+ : `${item2.hcrate}`
+ }}</span>
</div>
</div>
<div class="bottom_fo">
<div class="title">
- <span class="numberid" style="margin-right: 0.12rem;">{{ item2.spell }}</span>
+ <span class="numberid" style="margin-right: 0.12rem;">{{
+ item2.spell
+ }}</span>
</div>
- <div class="numbers" :class="item2.hcrate > 0 ? 'gree' : 'redd'">
-<!-- <img :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />
+ <div
+ class="numbers"
+ :class="item2.hcrate > 0 ? 'gree' : 'redd'"
+ >
+ <!-- <img :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />
<span class="point" style="height: 0.4rem;">{{ item2.hcrate
}}</span>-->
</div>
-<!-- <div class="percentage">
+ <!-- <div class="percentage">
<span class="aikesi">100X</span>
<el-tag key="100X"
style="width: 80%;text-align: center;height: 0.45rem!important;line-height: 0.45rem!important;">
@@ -230,7 +254,7 @@
</template>
<script>
import AllList from "@/page/list/list-all";
-import HomeList from './components/home-list';
+import HomeList from "./components/home-list";
import Echart from "./components/echart.vue";
import * as api from "@/axios/api";
import Logo from "@/assets/img/img_log_home.png";
@@ -251,7 +275,7 @@
// import indexData from "./data.json";
import GoToLogin from "@/page/home/components/GoLogin.vue";
import { MessageBox } from "mint-ui";
-import {getStockByType} from "@/axios/api";
+import { getStockByType } from "@/axios/api";
export default {
components: {
HomeList,
@@ -373,15 +397,15 @@
{
img: dazong,
title: this.$t("hj261")
- },
+ }
// {
// img: vip,
// title: this.$t('subdk')
// },
- {
- img: Tops,
- title: this.$t("申購記錄")
- }
+ // {
+ // img: Tops,
+ // title: this.$t("申購記錄")
+ // }
// {
// img: vip,
// title: this.$t('hj279')
@@ -558,9 +582,9 @@
pageSize: 20,
stockPlate: "",
keyWords: "",
- stockType: 'ST',
+ stockType: "ST",
orderBy: this.orderBy
- }
+ };
let data = await api.getStockByType(p);
for (var i = 0; i < data.data.list.length; i += 3) {
this.proData.push(data.data.list.slice(i, i + 3));
diff --git a/src/page/home/listcomponents/dazongjiaoyi.vue b/src/page/home/listcomponents/dazongjiaoyi.vue
index 7c98d57..4698a69 100644
--- a/src/page/home/listcomponents/dazongjiaoyi.vue
+++ b/src/page/home/listcomponents/dazongjiaoyi.vue
@@ -55,7 +55,7 @@
{{ $t("hj261") }} <span @click="show = false"></span>
</div>
<h5>{{ $t("hj130") }}</h5>
- <h6> ﷼{{ currentItem.price ? currentItem.price : "" }}</h6>
+ <h6>{{ currentItem.price ? currentItem.price : "" }}</h6>
<div class="erty tghj">
<input
:placeholder="$t('hj262')"
@@ -102,7 +102,7 @@
num: "",
currentItem: "",
userinfo: "",
- password: "",
+ password: ""
};
},
mounted() {
@@ -131,7 +131,7 @@
var opt = {
stockCode: this.currentItem.stockCode,
password: this.password,
- num: this.num * 100,
+ num: this.num * 100
};
let res = await api.buyStockDz(opt);
if (res.status == 0) {
@@ -156,8 +156,8 @@
if (data.status === 0) {
this.userinfo = data.data;
}
- },
- },
+ }
+ }
};
</script>
<style lang="less" scoped>
diff --git a/src/page/kline/components/kLine.vue b/src/page/kline/components/kLine.vue
index 5ecb1e5..f75eb4c 100644
--- a/src/page/kline/components/kLine.vue
+++ b/src/page/kline/components/kLine.vue
@@ -76,12 +76,12 @@
import EastMoney from "../../../eastmoney/HQData.js";
import i18n from "@/locales/index.js";
-HQChart.Chart.MARKET_SUFFIX_NAME.GetMarketStatus = function (symbol) {
+HQChart.Chart.MARKET_SUFFIX_NAME.GetMarketStatus = function(symbol) {
return 2;
}; // 一直交易
function DefaultData() {}
-DefaultData.GetMinuteOption = function () {
+DefaultData.GetMinuteOption = function() {
var option = {
Type: "分钟走势图", // 创建图形类型
// Type:'分钟走势图横屏',
@@ -103,7 +103,7 @@
MinuteLine: {
IsDrawAreaPrice: true, // 是否画价格面积图
- IsShowAveragePrice: true, // 不显示均线
+ IsShowAveragePrice: true // 不显示均线
},
// 边框
@@ -113,7 +113,7 @@
Top: 0,
Bottom: 1,
AutoRight: { Blank: 10, MinWidth: 40 },
- AutoLeft: { Blank: 10, MinWidth: 40 },
+ AutoLeft: { Blank: 10, MinWidth: 40 }
},
// 子框架设置
@@ -123,37 +123,37 @@
// 扩展图形
ExtendChart: [
// {Name:'MinuteTooltip' } //手机端tooltip
- ],
+ ]
};
return option;
};
-DefaultData.GetMinuteIndexMenu = function () {
+DefaultData.GetMinuteIndexMenu = function() {
var data = [
{ Name: "MACD", ID: "MACD", WindowIndex: 2 },
{ Name: "KDJ", ID: "KDJ", WindowIndex: 2 },
{ Name: "DMI", ID: "DMI", WindowIndex: 2 },
- { Name: "ROC", ID: "ROC", WindowIndex: 2 },
+ { Name: "ROC", ID: "ROC", WindowIndex: 2 }
];
return data;
};
-DefaultData.GetKLineIndexMenu = function () {
+DefaultData.GetKLineIndexMenu = function() {
var data = [
{ Name: "MA", ID: "MA", WindowIndex: 0 },
{ Name: "BOLL", ID: "BOLL", WindowIndex: 0 },
{ Name: "MACD", ID: "MACD", WindowIndex: 1 },
{ Name: "KDJ", ID: "KDJ", WindowIndex: 1 },
{ Name: "DMI", ID: "DMI", WindowIndex: 1 },
- { Name: "ROC", ID: "ROC", WindowIndex: 1 },
+ { Name: "ROC", ID: "ROC", WindowIndex: 1 }
];
return data;
};
-DefaultData.GetTestSymbolMenu = function () {
+DefaultData.GetTestSymbolMenu = function() {
// 品种代码规则 ${东方财富品种代码}_${东方财富市场}.${HQChart内部市场后缀}
var data = [
{
@@ -162,45 +162,45 @@
Sub: [
{
Name: "网易",
- Code: "NTES_105.usa",
+ Code: "NTES_105.usa"
},
{
Name: "微软",
- Code: "MSFT_105.usa",
+ Code: "MSFT_105.usa"
},
{
Name: "亚马逊",
- Code: "AMZN_105.usa",
+ Code: "AMZN_105.usa"
},
{
Name: "人人网",
- Code: "RENN_106.usa",
+ Code: "RENN_106.usa"
},
{
Name: "滴滴",
- Code: "DIDI_106.usa",
+ Code: "DIDI_106.usa"
},
{
Name: "阿里巴巴",
- Code: "BABA_106.usa",
+ Code: "BABA_106.usa"
},
{
Name: "知乎",
- Code: "ZH_106.usa",
+ Code: "ZH_106.usa"
},
{
Name: "道琼斯",
- Code: "DJIA_100.usa",
+ Code: "DJIA_100.usa"
},
{
Name: "标普500",
- Code: "SPX_100.usa",
+ Code: "SPX_100.usa"
},
{
Name: "纳斯达克",
- Code: "NDX_100.usa",
- },
- ],
+ Code: "NDX_100.usa"
+ }
+ ]
},
{
Title: "沪深A股",
@@ -208,21 +208,21 @@
Sub: [
{
Name: "浦发银行",
- Code: "600000_1.sh",
+ Code: "600000_1.sh"
},
{
Name: "东方财富",
- Code: "300059_0.sz",
+ Code: "300059_0.sz"
},
{
Name: "上证指数",
- Code: "000001_1.sh",
+ Code: "000001_1.sh"
},
{
Name: "深证成指",
- Code: "399001_0.sz",
- },
- ],
+ Code: "399001_0.sz"
+ }
+ ]
},
{
Title: "北交所",
@@ -230,21 +230,21 @@
Sub: [
{
Name: "凯添燃气",
- Code: "831010_0.bj",
+ Code: "831010_0.bj"
},
{
Name: "驱动力",
- Code: "838275_0.bj",
+ Code: "838275_0.bj"
},
{
Name: "齐鲁华信",
- Code: "830832_0.bj",
+ Code: "830832_0.bj"
},
{
Name: "苏轴股份",
- Code: "430418_0.bj",
- },
- ],
+ Code: "430418_0.bj"
+ }
+ ]
},
{
Title: "ETF基金",
@@ -252,21 +252,21 @@
Sub: [
{
Name: "50ETF基金",
- Code: "510800_1.sh",
+ Code: "510800_1.sh"
},
{
Name: "上证180ETF",
- Code: "510180_1.sh",
+ Code: "510180_1.sh"
},
{
Name: "恒生ETF",
- Code: "159920_0.sz",
+ Code: "159920_0.sz"
},
{
Name: "创业板50ETF",
- Code: "159949_0.sz",
- },
- ],
+ Code: "159949_0.sz"
+ }
+ ]
},
{
Title: "港股",
@@ -274,25 +274,25 @@
Sub: [
{
Name: "比亚迪股份",
- Code: "01211_116.hk",
+ Code: "01211_116.hk"
},
{
Name: "招商银行",
- Code: "03968_116.hk",
+ Code: "03968_116.hk"
},
{
Name: "汇丰控股",
- Code: "00005_116.hk",
+ Code: "00005_116.hk"
},
{
Name: "长和",
- Code: "00001_116.hk",
+ Code: "00001_116.hk"
},
{
Name: "恒生指数",
- Code: "HSI_100.hk",
- },
- ],
+ Code: "HSI_100.hk"
+ }
+ ]
},
{
Title: "外汇",
@@ -300,25 +300,25 @@
Sub: [
{
Name: "美元兑加元",
- Code: "USDCAD_119.FOREX",
+ Code: "USDCAD_119.FOREX"
},
{
Name: "美元兑港币",
- Code: "USDHKD_119.FOREX",
+ Code: "USDHKD_119.FOREX"
},
{
Name: "美元兑欧元",
- Code: "USDEUR_119.FOREX",
+ Code: "USDEUR_119.FOREX"
},
{
Name: "欧元兑英镑",
- Code: "EURGBP_119.FOREX",
+ Code: "EURGBP_119.FOREX"
},
{
Name: "美元指数",
- Code: "UPI_100.ET",
- },
- ],
+ Code: "UPI_100.ET"
+ }
+ ]
},
{
Title: "上海期货交易所",
@@ -326,69 +326,69 @@
Sub: [
{
Name: "沪铜主力",
- Code: "CUM_113.SHFE",
+ Code: "CUM_113.SHFE"
},
{
Name: "沪锡主力",
- Code: "SNM_113.SHFE",
+ Code: "SNM_113.SHFE"
},
{
Name: "沪金主力",
- Code: "AUM_113.SHFE",
+ Code: "AUM_113.SHFE"
},
{
Name: "沪镍主力",
- Code: "NIM_113.SHFE",
+ Code: "NIM_113.SHFE"
},
{
Name: "橡胶主力",
- Code: "RUM_113.SHFE",
+ Code: "RUM_113.SHFE"
},
{
Name: "螺纹钢主力",
- Code: "RBM_113.SHFE",
+ Code: "RBM_113.SHFE"
},
{
Name: "沪银主力",
- Code: "AGM_113.SHFE",
+ Code: "AGM_113.SHFE"
},
{
Name: "线材主力",
- Code: "WRM_113.SHFE",
+ Code: "WRM_113.SHFE"
},
{
Name: "沪铅主力",
- Code: "PBM_113.SHFE",
+ Code: "PBM_113.SHFE"
},
{
Name: "沪锌主力",
- Code: "ZNM_113.SHFE",
+ Code: "ZNM_113.SHFE"
},
{
Name: "石油沥青主力",
- Code: "BUM_113.SHFE",
+ Code: "BUM_113.SHFE"
},
{
Name: "沪铝主力",
- Code: "ALM_113.SHFE",
+ Code: "ALM_113.SHFE"
},
{
Name: "燃油主力",
- Code: "FUM_113.SHFE",
+ Code: "FUM_113.SHFE"
},
{
Name: "热轧卷板主力",
- Code: "HCM_113.SHFE",
+ Code: "HCM_113.SHFE"
},
{
Name: "纸浆主力",
- Code: "SPM_113.SHFE",
+ Code: "SPM_113.SHFE"
},
{
Name: "不锈钢主力",
- Code: "SSM_113.SHFE",
- },
- ],
+ Code: "SSM_113.SHFE"
+ }
+ ]
},
{
Title: "上海国际能源交易中心",
@@ -396,21 +396,21 @@
Sub: [
{
Name: "原油主力",
- Code: "SCM_142.SHFE",
+ Code: "SCM_142.SHFE"
},
{
Name: "20号胶主力",
- Code: "NRM_142.SHFE",
+ Code: "NRM_142.SHFE"
},
{
Name: "低硫燃油主力",
- Code: "LUM_142.SHFE",
+ Code: "LUM_142.SHFE"
},
{
Name: "国际铜主力",
- Code: "BCM_142.SHFE",
- },
- ],
+ Code: "BCM_142.SHFE"
+ }
+ ]
},
{
Title: "大连商品交易所",
@@ -418,91 +418,91 @@
Sub: [
{
Name: "玉米主力",
- Code: "CM_114.DCE",
+ Code: "CM_114.DCE"
},
{
Name: "豆一主力",
- Code: "AM_114.DCE",
+ Code: "AM_114.DCE"
},
{
Name: "豆二主力",
- Code: "BM_114.DCE",
+ Code: "BM_114.DCE"
},
{
Name: "豆粕主力",
- Code: "MM_114.DCE",
+ Code: "MM_114.DCE"
},
{
Name: "豆油主力",
- Code: "YM_114.DCE",
+ Code: "YM_114.DCE"
},
{
Name: "棕榈油主力",
- Code: "PM_114.DCE",
+ Code: "PM_114.DCE"
},
{
Name: "聚乙烯主力",
- Code: "LM_114.DCE",
+ Code: "LM_114.DCE"
},
{
Name: "聚氯乙烯主力",
- Code: "VM_114.DCE",
+ Code: "VM_114.DCE"
},
{
Name: "焦炭主力",
- Code: "JM_114.DCE",
+ Code: "JM_114.DCE"
},
{
Name: "焦煤主力",
- Code: "JMM_114.DCE",
+ Code: "JMM_114.DCE"
},
{
Name: "纤维板主力",
- Code: "FBM_114.DCE",
+ Code: "FBM_114.DCE"
},
{
Name: "胶合板主力",
- Code: "BBM_114.DCE",
+ Code: "BBM_114.DCE"
},
{
Name: "铁矿石主力",
- Code: "IM_114.DCE",
+ Code: "IM_114.DCE"
},
{
Name: "鸡蛋主力",
- Code: "JDM_114.DCE",
+ Code: "JDM_114.DCE"
},
{
Name: "聚丙烯主力",
- Code: "PPM_114.DCE",
+ Code: "PPM_114.DCE"
},
{
Name: "玉米淀粉主力",
- Code: "CSM_114.DCE",
+ Code: "CSM_114.DCE"
},
{
Name: "乙二醇主力",
- Code: "EGM_114.DCE",
+ Code: "EGM_114.DCE"
},
{
Name: "粳米主力",
- Code: "RRM_114.DCE",
+ Code: "RRM_114.DCE"
},
{
Name: "苯乙烯主力",
- Code: "EBM_114.DCE",
+ Code: "EBM_114.DCE"
},
{
Name: "LPG主力",
- Code: "PGM_114.DCE",
+ Code: "PGM_114.DCE"
},
{
Name: "生猪主力",
- Code: "LHM_114.DCE",
- },
- ],
+ Code: "LHM_114.DCE"
+ }
+ ]
},
{
Title: "郑州商品交易所",
@@ -510,97 +510,97 @@
Sub: [
{
Name: "强麦主力",
- Code: "WHM_115.CZC",
+ Code: "WHM_115.CZC"
},
{
Name: "普麦主力",
- Code: "PMM_115.CZC",
+ Code: "PMM_115.CZC"
},
{
Name: "一号棉花主力",
- Code: "CFM_115.CZC",
+ Code: "CFM_115.CZC"
},
{
Name: "白糖主力",
- Code: "SRM_115.CZC",
+ Code: "SRM_115.CZC"
},
{
Name: "PTA主力",
- Code: "TAM_115.CZC",
+ Code: "TAM_115.CZC"
},
{
Name: "菜油主力",
- Code: "OIM_115.CZC",
+ Code: "OIM_115.CZC"
},
{
Name: "早籼稻主力",
- Code: "RIM_115.CZC",
+ Code: "RIM_115.CZC"
},
{
Name: "甲醇主力",
- Code: "MAM_115.CZC",
+ Code: "MAM_115.CZC"
},
{
Name: "玻璃主力",
- Code: "FGM_115.CZC",
+ Code: "FGM_115.CZC"
},
{
Name: "菜籽主力",
- Code: "RSM_115.CZC",
+ Code: "RSM_115.CZC"
},
{
Name: "菜粕主力",
- Code: "RMM_115.CZC",
+ Code: "RMM_115.CZC"
},
{
Name: "粳稻主力",
- Code: "JRM_115.CZC",
+ Code: "JRM_115.CZC"
},
{
Name: "晚籼稻主力",
- Code: "LRM_115.CZC",
+ Code: "LRM_115.CZC"
},
{
Name: "硅铁主力",
- Code: "SFM_115.CZC",
+ Code: "SFM_115.CZC"
},
{
Name: "锰硅主力",
- Code: "SMM_115.CZC",
+ Code: "SMM_115.CZC"
},
{
Name: "动力煤主力",
- Code: "ZCM_115.CZC",
+ Code: "ZCM_115.CZC"
},
{
Name: "棉纱主力",
- Code: "CYM_115.CZC",
+ Code: "CYM_115.CZC"
},
{
Name: "苹果主力",
- Code: "APM_115.CZC",
+ Code: "APM_115.CZC"
},
{
Name: "红枣主力",
- Code: "CJM_115.CZC",
+ Code: "CJM_115.CZC"
},
{
Name: "尿素主力",
- Code: "URM_115.CZC",
+ Code: "URM_115.CZC"
},
{
Name: "纯碱主力",
- Code: "SAM_115.CZC",
+ Code: "SAM_115.CZC"
},
{
Name: "短纤主力",
- Code: "PFM_115.CZC",
+ Code: "PFM_115.CZC"
},
{
Name: "花生主力",
- Code: "PKM_115.CZC",
- },
- ],
+ Code: "PKM_115.CZC"
+ }
+ ]
},
{
Title: "中国金融期货交易所",
@@ -608,29 +608,29 @@
Sub: [
{
Name: "二债主力",
- Code: "TS-130130_8.CFE",
+ Code: "TS-130130_8.CFE"
},
{
Name: "五债主力",
- Code: "TF-050130_8.CFE",
+ Code: "TF-050130_8.CFE"
},
{
Name: "十债主力",
- Code: "T-110130_8.CFE",
+ Code: "T-110130_8.CFE"
},
{
Name: "上证主力",
- Code: "IH-070130_8.CFE",
+ Code: "IH-070130_8.CFE"
},
{
Name: "中证主力",
- Code: "IC-060130_8.CFE",
+ Code: "IC-060130_8.CFE"
},
{
Name: "沪深主力",
- Code: "IF-040130_8.CFE",
- },
- ],
+ Code: "IF-040130_8.CFE"
+ }
+ ]
},
{
Title: "芝加哥商业交易所",
@@ -638,79 +638,79 @@
Sub: [
{
Name: "小麦当月连续",
- Code: "ZW00Y_103.CBOT",
+ Code: "ZW00Y_103.CBOT"
},
{
Name: "迷你小麦当月连续",
- Code: "XW00Y_103.CBOT",
+ Code: "XW00Y_103.CBOT"
},
{
Name: "玉米当月连续",
- Code: "ZC00Y_103.CBOT",
+ Code: "ZC00Y_103.CBOT"
},
{
Name: "迷你玉米当月连续",
- Code: "XC00Y_103.CBOT",
+ Code: "XC00Y_103.CBOT"
},
{
Name: "大豆当月连续",
- Code: "ZS00Y_103.CBOT",
+ Code: "ZS00Y_103.CBOT"
},
{
Name: "迷你大豆当月连续",
- Code: "XK00Y_103.CBOT",
+ Code: "XK00Y_103.CBOT"
},
{
Name: "豆油当月连续",
- Code: "ZL00Y_103.CBOT",
+ Code: "ZL00Y_103.CBOT"
},
{
Name: "豆粕当月连续",
- Code: "ZM00Y_103.CBOT",
+ Code: "ZM00Y_103.CBOT"
},
{
Name: "燕麦当月连续",
- Code: "ZO00Y_103.CBOT",
+ Code: "ZO00Y_103.CBOT"
},
{
Name: "稻谷当月连续",
- Code: "ZR00Y_103.CBOT",
+ Code: "ZR00Y_103.CBOT"
},
{
Name: "小型纳指当月连续",
- Code: "NQ00Y_103.CBOT",
+ Code: "NQ00Y_103.CBOT"
},
{
Name: "小型标普当月连续",
- Code: "ES00Y_103.CBOT",
+ Code: "ES00Y_103.CBOT"
},
{
Name: "小型道指当月连续",
- Code: "YM00Y_103.CBOT",
+ Code: "YM00Y_103.CBOT"
},
{
Name: "2年美国债当月连续",
- Code: "TU00Y_103.CBOT",
+ Code: "TU00Y_103.CBOT"
},
{
Name: "5年美国债当月连续",
- Code: "FV00Y_103.CBOT",
+ Code: "FV00Y_103.CBOT"
},
{
Name: "10年美国债当月连续",
- Code: "TY00Y_103.CBOT",
+ Code: "TY00Y_103.CBOT"
},
{
Name: "30年美国债当月连续",
- Code: "US00Y_103.CBOT",
+ Code: "US00Y_103.CBOT"
},
{
Name: "超国债当月连续",
- Code: "UL00Y_103.CBOT",
- },
- ],
+ Code: "UL00Y_103.CBOT"
+ }
+ ]
},
{
Title: "纽约商品交易所",
@@ -718,37 +718,37 @@
Sub: [
{
Name: "NYMEX原油",
- Code: "CL00Y_102.NYMEX",
+ Code: "CL00Y_102.NYMEX"
},
{
Name: "NYMEX铂金",
- Code: "PL00Y_102.NYMEX",
+ Code: "PL00Y_102.NYMEX"
},
{
Name: "迷你原油",
- Code: "QM00Y_102.NYMEX",
+ Code: "QM00Y_102.NYMEX"
},
{
Name: "NYMEX燃油",
- Code: "HO00Y_102.NYMEX",
+ Code: "HO00Y_102.NYMEX"
},
{
Name: "NYMEX汽油",
- Code: "RB00Y_102.NYMEX",
+ Code: "RB00Y_102.NYMEX"
},
{
Name: "NYMEX钯金",
- Code: "PA00Y_102.NYMEX",
+ Code: "PA00Y_102.NYMEX"
},
{
Name: "热轧钢卷",
- Code: "HR00Y_102.NYMEX",
+ Code: "HR00Y_102.NYMEX"
},
{
Name: "天然气",
- Code: "NG00Y_102.NYMEX",
- },
- ],
+ Code: "NG00Y_102.NYMEX"
+ }
+ ]
},
{
Title: "纽约商业期货交易所",
@@ -756,29 +756,29 @@
Sub: [
{
Name: "COMEX白银",
- Code: "SI00Y_101.COMEX",
+ Code: "SI00Y_101.COMEX"
},
{
Name: "迷你白银",
- Code: "QI00Y_101.COMEX",
+ Code: "QI00Y_101.COMEX"
},
{
Name: "微型黄金",
- Code: "MGC00Y_101.COMEX",
+ Code: "MGC00Y_101.COMEX"
},
{
Name: "迷你黄金",
- Code: "QO00Y_101.COMEX",
+ Code: "QO00Y_101.COMEX"
},
{
Name: "COMEX黄金",
- Code: "GC00Y_101.COMEX",
+ Code: "GC00Y_101.COMEX"
},
{
Name: "COMEX铜",
- Code: "HG00Y_101.COMEX",
- },
- ],
+ Code: "HG00Y_101.COMEX"
+ }
+ ]
},
{
Title: "纽约期货交易所",
@@ -786,9 +786,9 @@
Sub: [
{
Name: "棉花当月连续",
- Code: "CT00Y_108.NYBOT",
- },
- ],
+ Code: "CT00Y_108.NYBOT"
+ }
+ ]
},
{
Title: "伦敦金属交易所",
@@ -796,29 +796,29 @@
Sub: [
{
Name: "综合镍03",
- Code: "NI-LNKT_109.LME",
+ Code: "NI-LNKT_109.LME"
},
{
Name: "综合铜03",
- Code: "CA-LCPT_109.LME",
+ Code: "CA-LCPT_109.LME"
},
{
Name: "综合铝03",
- Code: "AH-LALT_109.LME",
+ Code: "AH-LALT_109.LME"
},
{
Name: "综合锡03",
- Code: "SN-LTNT_109.LME",
+ Code: "SN-LTNT_109.LME"
},
{
Name: "综合锌03",
- Code: "ZS-LZNT_109.LME",
+ Code: "ZS-LZNT_109.LME"
},
{
Name: "综合铅03",
- Code: "PB-LLDT_109.LME",
- },
- ],
+ Code: "PB-LLDT_109.LME"
+ }
+ ]
},
{
Title: "东京商品交易所",
@@ -826,33 +826,33 @@
Sub: [
{
Name: "日铂金当月连续",
- Code: "JPL00Y_111.TOCOM",
+ Code: "JPL00Y_111.TOCOM"
},
{
Name: "日白银当月连续",
- Code: "JAG00Y_111.TOCOM",
+ Code: "JAG00Y_111.TOCOM"
},
{
Name: "日原油当月连续",
- Code: "JCO00Y_111.TOCOM",
+ Code: "JCO00Y_111.TOCOM"
},
{
Name: "日煤油当月连续",
- Code: "JKE00Y_111.TOCOM",
+ Code: "JKE00Y_111.TOCOM"
},
{
Name: "日橡胶当月连续",
- Code: "JRU00Y_111.TOCOM",
+ Code: "JRU00Y_111.TOCOM"
},
{
Name: "日黄金当月连续",
- Code: "JAU00Y_111.TOCOM",
+ Code: "JAU00Y_111.TOCOM"
},
{
Name: "日汽油当月连续",
- Code: "JGL00Y_111.TOCOM",
- },
- ],
+ Code: "JGL00Y_111.TOCOM"
+ }
+ ]
},
{
Title: "美国洲际交易所",
@@ -860,29 +860,30 @@
Sub: [
{
Name: "布伦特原油当月连续",
- Code: "B00Y_112.IPE",
+ Code: "B00Y_112.IPE"
},
{
Name: "重柴油当月连续",
- Code: "G00Y_112.IPE",
- },
- ],
- },
+ Code: "G00Y_112.IPE"
+ }
+ ]
+ }
];
return data;
};
// k形图
-DefaultData.GetKLineOption = function () {
+DefaultData.GetKLineOption = function() {
var option = {
Type: "历史K线图", // 创建图形类型
Language: "EN", // 英文 'EN' 简体中文:'CN' 繁体中文："TC"
+ SplashTitle: "loading...",
// 窗口指标
Windows: [
{ Index: "MA", Modify: false, Change: false, height: 20 },
// { Index: 'MA', Modify: true, Modify: false, Change: false, height: 20 },
- { Index: "ATR", Modify: false, Change: false, Close: false },
+ { Index: "ATR", Modify: false, Change: false, Close: false }
// { Index: 'MACD', Modify: true, Change: true, Close: false }
],
Symbol: "600015.sh",
@@ -901,7 +902,7 @@
KLineDoubleClick: false, // 双击分钟走势图
IsShowTooltip: true, // 是否显示K线提示信息
DrawType: 0,
- RightSpaceCount: 2,
+ RightSpaceCount: 2
},
CorssCursorInfo: { Left: 0, Right: 1 },
@@ -910,7 +911,7 @@
KLineTitle: {
IsShowName: false, // 不显示股票名称
IsShowSettingInfo: false, // 不显示周期/复权
- isShowDateTime: true,
+ isShowDateTime: true
},
// 边框
@@ -919,7 +920,7 @@
Right: 1, // 右边间距
Top: 0,
Bottom: 15,
- AutoRight: { Blank: 10, MinWidth: 40 },
+ AutoRight: { Blank: 10, MinWidth: 40 }
},
// 子框架设置
@@ -931,36 +932,36 @@
Custom: [
{
Type: 0,
- Position: "right",
- },
- ],
+ Position: "right"
+ }
+ ]
},
{ SplitCount: 3, IsShowLeftText: false },
- { SplitCount: 3, IsShowLeftText: false },
+ { SplitCount: 3, IsShowLeftText: false }
],
// 扩展图形
ExtendChart: [
// { Name:'KLineTooltip' }, //手机端tooltip
- ],
+ ]
};
return option;
};
-DefaultData.GetMinuteDayMenu = function () {
+DefaultData.GetMinuteDayMenu = function() {
var data = [
{ Name: "1D", ID: 1 },
{ Name: "2D", ID: 2 },
{ Name: "3D", ID: 3 },
{ Name: "4D", ID: 4 },
- { Name: "5D", ID: 5 },
+ { Name: "5D", ID: 5 }
];
return data;
};
-DefaultData.GetKLinePeriodMenu = function () {
+DefaultData.GetKLinePeriodMenu = function() {
var data = [
// { Name: i18n.t('hj86'), ID: 3 },分时额外处理
// { Name: i18n.t("hj86"), ID: 4 },
@@ -969,17 +970,17 @@
{ Name: i18n.t("hj89"), ID: 2 },
{ Name: i18n.t("hj90"), ID: 4 },
{ Name: i18n.t("hj91"), ID: 5 },
- { Name: i18n.t("hj92"), ID: 7 },
+ { Name: i18n.t("hj92"), ID: 7 }
];
return data;
};
-DefaultData.GetKLineRightMenu = function () {
+DefaultData.GetKLineRightMenu = function() {
var data = [
{ Name: i18n.t("hj93"), ID: 0 },
{ Name: i18n.t("hj94"), ID: 1 },
- { Name: i18n.t("hj95"), ID: 2 },
+ { Name: i18n.t("hj95"), ID: 2 }
];
return data;
@@ -989,13 +990,13 @@
props: {
hktype: {
type: String,
- default: "",
- },
+ default: ""
+ }
},
data() {
return {
- key:0,
- active:0,
+ key: 0,
+ active: 0,
MinuteDayMenu: DefaultData.GetMinuteDayMenu(),
MinuteDayIndex: 0,
KLinePeriodMenu: DefaultData.GetKLinePeriodMenu(),
@@ -1017,9 +1018,9 @@
VolChartHeight: 10,
chartType: "kline",
- timerss:null,
+ timerss: null,
isShow: false,
- xData: [],
+ xData: []
};
},
@@ -1045,17 +1046,17 @@
this.SetChartStyle();
this.$nextTick(() => {
this.CreateMinuteChart();
- this.CreateKLineChart();
- // this.timerss = setInterval(() => {
- // this.CreateKLineChart();
- // console.log(this.KLinePeriodMenu);
- // // this.KLineChart.ChangePeriod(this.KLinePeriodMenu[this.KLinePeriodIndex].ID);
- // //此处为了 让k线实时刷新
- // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex, 0, 'kline')
- // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex, this.KLinePeriodMenu[this.KLinePeriodIndex], 'kline')
- // // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex+1, this.KLinePeriodMenu[this.KLinePeriodIndex+1], 'kline')
- // // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex-1, this.KLinePeriodMenu[this.KLinePeriodIndex-1], 'kline')
- // }, 5000);
+ this.CreateKLineChart();
+ // this.timerss = setInterval(() => {
+ // this.CreateKLineChart();
+ // console.log(this.KLinePeriodMenu);
+ // // this.KLineChart.ChangePeriod(this.KLinePeriodMenu[this.KLinePeriodIndex].ID);
+ // //此处为了 让k线实时刷新
+ // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex, 0, 'kline')
+ // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex, this.KLinePeriodMenu[this.KLinePeriodIndex], 'kline')
+ // // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex+1, this.KLinePeriodMenu[this.KLinePeriodIndex+1], 'kline')
+ // // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex-1, this.KLinePeriodMenu[this.KLinePeriodIndex-1], 'kline')
+ // }, 5000);
});
let that = this;
window.onresize = _.debounce(this.OnSize, 200);
@@ -1074,13 +1075,13 @@
callOnAdd: true, // callOnAdd选项，用于确定在添加侦听器时是否应调用它们。默认为true。
// 如果为true，则确保在添加侦听器后将对其进行调用。如果为false，则在添加侦听器时将不保证其
// 被调用（不会阻止其被调用）
- debug: true,
+ debug: true
});
// 监听class为staticNextMain的元素 大小变化
var self = this;
// 侦听元素的调整大小事件，并使用元素作为调整大小事件的参数来调用侦听器函数。传递给函数的选项将
// 覆盖实例选项
- erd.listenTo(this.$refs["rightContent"], function (element) {
+ erd.listenTo(this.$refs["rightContent"], function(element) {
var width = element.offsetWidth;
var height = element.offsetHeight;
self.tableHeight = height - 10; // 将监听到的宽高进行赋值
@@ -1090,11 +1091,10 @@
});
},
beforeDestroy() {
- clearInterval(this.timerss); // 在组件销毁前清除定时器
- this.timerss = null
- },
+ clearInterval(this.timerss); // 在组件销毁前清除定时器
+ this.timerss = null;
+ },
methods: {
-
OnSize() {
var width = this.$refs.right.clientWidth;
// var rightTab = this.$refs.rightTab
@@ -1198,7 +1198,7 @@
item,
type // K线周期
) {
- console.log('1');
+ console.log("1");
//分时额外处理才注释的
this.chartType = type;
this.KLinePeriodIndex = index;
@@ -1271,8 +1271,8 @@
handleClose(key, keyPath) {
console.log(key, keyPath);
- },
- },
+ }
+ }
};
</script>
<style lang="less">
diff --git a/src/page/kline/index copy.vue b/src/page/kline/index copy.vue
index f279029..6943fe4 100644
--- a/src/page/kline/index copy.vue
+++ b/src/page/kline/index copy.vue
@@ -23,8 +23,8 @@
<span>{{ $t("hj47") }}</span>
</div>
<div class="right">
- <span v-if="$store.state.userInfo.userAmt == undefined"
- > ﷼0.00</span
+ <span v-if="$store.state.userInfo.userAmt == undefined">
+ 0.00</span
>
<span
v-if="
@@ -43,13 +43,13 @@
(
Number($store.state.userInfo.userIndexAmt) / 0.9
).toFixed(2)
- : " ﷼" + $store.state.userInfo.userIndexAmt
+ : " " + $store.state.userInfo.userIndexAmt
}}
</span>
<span
v-if="
$store.state.userInfo.userAmt != undefined &&
- kLineDetails.if_zhishu == '0'
+ kLineDetails.if_zhishu == '0'
"
style="white-space: nowarp"
>
@@ -64,7 +64,7 @@
(Number($store.state.userInfo.userAmt) / 0.9).toFixed(
2
)
- : " ﷼ " + $store.state.userInfo.userAmt
+ : " " + $store.state.userInfo.userAmt
}}
</span>
</div>
@@ -185,9 +185,9 @@
style="display: none"
v-if="
kLineDetails.if_us != 1 &&
- kLineDetails.type != 'hk' &&
- kLineDetails.type != 'hk' &&
- kLineDetails.if_zhishu == 0
+ kLineDetails.type != 'hk' &&
+ kLineDetails.type != 'hk' &&
+ kLineDetails.if_zhishu == 0
"
>
<div class="t_title">
@@ -430,7 +430,7 @@
<img src="../../assets/img/shoucangle.png" alt v-else />
</div>
<div class="right_xx" @click="handleJj()">
- <a href="#"><img src="../../assets/img/xiaoxi.png" alt /></a>
+ <a href="#"><img src="../../assets/img/xiaoxi.png" alt/></a>
</div>
</div>
<div class="rights">
@@ -473,11 +473,11 @@
isOptionOpt: false,
dialogFlag: false,
timedata: [],
- newsdetailList: [],
+ newsdetailList: []
};
},
components: {
- Kline,
+ Kline
},
created() {
const { query } = this.$route;
@@ -498,7 +498,7 @@
// },
methods: {
async getHknews() {
- await api.queryIndexNews().then((res) => {
+ await api.queryIndexNews().then(res => {
if (res.status == 0) {
this.newsdetailList = res.data.data;
}
@@ -520,13 +520,13 @@
this.optionBtn = false;
this.$message({
message: this.$t("hj97"),
- type: "success",
+ type: "success"
});
} else {
this.optionBtn = false;
this.$message({
message: data.msg,
- type: "warning",
+ type: "warning"
});
}
} else {
@@ -536,12 +536,12 @@
this.optionBtn = false;
this.$message({
message: this.$t("hj96"),
- type: "success",
+ type: "success"
});
} else {
this.$message({
message: data.msg,
- type: "warning",
+ type: "warning"
});
this.optionBtn = false;
}
@@ -565,7 +565,7 @@
},
async getOpation() {
let opts = {
- code: this.$route.query.code,
+ code: this.$route.query.code
};
let data = await api.isOption(opts);
if (data.status === 0) {
@@ -578,9 +578,9 @@
async getSingDetails() {
let opts = {
code: this.kLineDetails.code || this.kLineDetails.name,
- stockType: this.kLineDetails.type,
+ stockType: this.kLineDetails.type
};
- await api.getSingleStock(opts).then((res) => {
+ await api.getSingleStock(opts).then(res => {
if (res.status === 0) {
this.singDetails = res.data.stock;
@@ -604,9 +604,9 @@
async getSingDetailUs() {
let opts = {
code: this.kLineDetails.code,
- stockType: this.kLineDetails.type,
+ stockType: this.kLineDetails.type
};
- await api.getUsDetail(opts).then((res) => {
+ await api.getUsDetail(opts).then(res => {
// console.log(res,1111123);
// var that = this
// if(!res){
@@ -654,14 +654,14 @@
type: this.kLineDetails.if_zhishu,
id: this.singDetails.id,
name: this.kLineDetails.name,
- if_us: this.kLineDetails.if_us,
- },
+ if_us: this.kLineDetails.if_us
+ }
});
if (navigator.vibrate) {
// 支持
navigator.vibrate([55]);
}
- },
+ }
},
filters: {
getName(name) {
@@ -725,8 +725,8 @@
.replace(/年|月/g, "-")
.replace(/日/g, " ");
return beijing_datetime; // 2017-03-31 16:02:06
- },
- },
+ }
+ }
};
</script>
diff --git a/src/page/kline/index.vue b/src/page/kline/index.vue
index 3231f24..e2be1b4 100644
--- a/src/page/kline/index.vue
+++ b/src/page/kline/index.vue
@@ -433,7 +433,7 @@
<div class="rights">
<div class="buy_btn">
<div class="top_buy" @click="goBuy(0)">
- <span>{{ $t("hj78") }}</span>
+ <span>{{ $t("hj84") }}</span>
</div>
<div class="bottom_buy">
<span>{{ singDetails.nowPrice }}</span>
@@ -441,7 +441,7 @@
</div>
<div class="sell_btn" @click="goBuy(1)">
<div class="top_sell">
- <span>{{ $t("hj85") }}</span>
+ <span>{{ $t("交易") }}</span>
</div>
<div class="bottom_sell">
<span>{{ singDetails.nowPrice }}</span>
diff --git a/src/page/list/trading-list copy.vue b/src/page/list/trading-list copy.vue
index bb396ea..028e57f 100644
--- a/src/page/list/trading-list copy.vue
+++ b/src/page/list/trading-list copy.vue
@@ -176,7 +176,7 @@
<div
v-if="
(tabsItemIndex == 5 && item.zt == 0) ||
- tabsItemIndex != 5
+ tabsItemIndex != 5
"
>
<div class="left_title">
@@ -231,9 +231,9 @@
class="price_color"
v-if="
tabsItemIndex == 0 ||
- tabsItemIndex == 2 ||
- tabsItemIndex == 3 ||
- tabsItemIndex == 4
+ tabsItemIndex == 2 ||
+ tabsItemIndex == 3 ||
+ tabsItemIndex == 4
"
:class="item.hcrate > 0 ? 'green' : 'red'"
>
@@ -265,9 +265,9 @@
class="price_color"
v-if="
tabsItemIndex == 0 ||
- tabsItemIndex == 2 ||
- tabsItemIndex == 3 ||
- tabsItemIndex == 4
+ tabsItemIndex == 2 ||
+ tabsItemIndex == 3 ||
+ tabsItemIndex == 4
"
:class="item.hcrate > 0 ? 'green' : 'red'"
>{{ item.hcrate }}</span
@@ -505,16 +505,16 @@
<div class="left">
<span>{{ $t('hj47') }}</span>
</div>
- <div class="right" v-if="userData.length == 0"> ﷼0.00</div>
+ <div class="right" v-if="userData.length == 0"> 0.00</div>
<div class="right" v-if="userData.length != 0">
- <span v-if="$store.state.userInfo.userAmt == undefined"> ﷼0.00</span>
+ <span v-if="$store.state.userInfo.userAmt == undefined"> 0.00</span>
<span v-if="$store.state.userInfo && tabsItemIndex == 1" style="white-space: nowarp;">
- {{ ' ﷼' + $store.state.userInfo.userIndexAmt
+ {{ ' ' + $store.state.userInfo.userIndexAmt
}}
</span>
<span v-if="$store.state.userInfo.enableAmt != undefined && (tabsItemIndex == 0)"
style="white-space: nowarp;">
- {{ ' ﷼ ' + $store.state.userInfo.enableAmt
+ {{ ' ' + $store.state.userInfo.enableAmt
}}
</span>
<span v-if="$store.state.userInfo.enableAmt != undefined && tabsItemIndex == 3"
@@ -529,12 +529,12 @@
</span>
<span v-if="$store.state.userInfo.enableAmt != undefined && tabsItemIndex == 2"
style="white-space: nowarp;">
- {{ ' ﷼ ' + $store.state.userInfo.enableAmt
+ {{ ' ' + $store.state.userInfo.enableAmt
}}
</span>
<span v-if="$store.state.userInfo.enableAmt != undefined && tabsItemIndex == 5"
style="white-space: nowarp;">
- {{ ' ﷼ ' + $store.state.userInfo.enableAmt
+ {{ ' ' + $store.state.userInfo.enableAmt
}}
</span>
@@ -565,11 +565,11 @@
<p
v-if="
this.$store.state.settingForm.indexDisplay &&
- !this.$store.state.settingForm.futuresDisplay
+ !this.$store.state.settingForm.futuresDisplay
"
class="account"
>
- ﷼{{
+ {{
$store.state.hide
? "****"
: Number(
@@ -581,11 +581,11 @@
<p
v-else-if="
!this.$store.state.settingForm.indexDisplay &&
- this.$store.state.settingForm.futuresDisplay
+ this.$store.state.settingForm.futuresDisplay
"
class="account"
>
- ﷼{{
+ {{
$store.state.hide
? "****"
: Number(
@@ -597,11 +597,11 @@
<p
v-else-if="
!this.$store.state.settingForm.indexDisplay &&
- !this.$store.state.settingForm.futuresDisplay
+ !this.$store.state.settingForm.futuresDisplay
"
class="account"
>
- ﷼{{
+ {{
$store.state.hide
? "****"
: Number($store.state.userInfo.userAmt).toFixed(2)
@@ -611,7 +611,7 @@
v-else-if="this.$store.state.settingForm.indexDisplay && this.$store.state.settingForm.futuresDisplay"
class="account"
>
- ﷼{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
+ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
$store.state.userInfo.userIndexAmt + $store.state.userInfo.userFuturesAmt).toFixed(2)
}}
</p> -->
@@ -620,7 +620,7 @@
<p
v-if="
this.$store.state.settingForm.indexDisplay &&
- !this.$store.state.settingForm.futuresDisplay
+ !this.$store.state.settingForm.futuresDisplay
"
class="account"
>
@@ -639,7 +639,7 @@
<p
v-else-if="
!this.$store.state.settingForm.indexDisplay &&
- this.$store.state.settingForm.futuresDisplay
+ this.$store.state.settingForm.futuresDisplay
"
class="account"
>
@@ -658,7 +658,7 @@
<p
v-else-if="
!this.$store.state.settingForm.indexDisplay &&
- !this.$store.state.settingForm.futuresDisplay
+ !this.$store.state.settingForm.futuresDisplay
"
class="account"
>
@@ -675,7 +675,7 @@
v-else-if="this.$store.state.settingForm.indexDisplay && this.$store.state.settingForm.futuresDisplay"
class="account"
>
- ﷼{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
+ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
$store.state.userInfo.userIndexAmt + $store.state.userInfo.userFuturesAmt).toFixed(2)
}}
</p> -->
@@ -684,7 +684,7 @@
<p
v-if="
this.$store.state.settingForm.indexDisplay &&
- !this.$store.state.settingForm.futuresDisplay
+ !this.$store.state.settingForm.futuresDisplay
"
class="account"
>
@@ -703,7 +703,7 @@
<p
v-else-if="
!this.$store.state.settingForm.indexDisplay &&
- this.$store.state.settingForm.futuresDisplay
+ this.$store.state.settingForm.futuresDisplay
"
class="account"
>
@@ -722,7 +722,7 @@
<p
v-else-if="
!this.$store.state.settingForm.indexDisplay &&
- !this.$store.state.settingForm.futuresDisplay
+ !this.$store.state.settingForm.futuresDisplay
"
class="account"
>
@@ -739,7 +739,7 @@
v-else-if="this.$store.state.settingForm.indexDisplay && this.$store.state.settingForm.futuresDisplay"
class="account"
>
- ﷼{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
+ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
$store.state.userInfo.userIndexAmt + $store.state.userInfo.userFuturesAmt).toFixed(2)
}}
</p> -->
@@ -846,22 +846,22 @@
<div class="bottom_price">
<div>
<span v-show="tabsItemIndex == 1">{{
- " ﷼ " + $store.state.userInfo.userIndexAmt
+ " " + $store.state.userInfo.userIndexAmt
}}</span>
<span v-show="tabsItemIndex == 0 || tabsItemIndex == 5">{{
- " ﷼ " + $store.state.userInfo.userAmt
+ " " + $store.state.userInfo.userAmt
}}</span>
<span v-show="tabsItemIndex == 3">{{
"$ " + (Number($store.state.userInfo.userAmt) / 7.1).toFixed(2)
}}</span>
<span v-show="tabsItemIndex == 4">{{
"HK$ " +
- (Number($store.state.userInfo.userAmt) / 0.9).toFixed(2)
+ (Number($store.state.userInfo.userAmt) / 0.9).toFixed(2)
}}</span>
<span v-show="tabsItemIndex == 2">{{
- " ﷼ " + $store.state.userInfo.userAmt
+ " " + $store.state.userInfo.userAmt
}}</span>
- <!-- <span v-show="tabsItemIndex == 3">{{ ' ﷼ ' + $store.state.userInfo.userFuturesAmt }}</span> -->
+ <!-- <span v-show="tabsItemIndex == 3">{{ ' ' + $store.state.userInfo.userFuturesAmt }}</span> -->
</div>
</div>
</div>
@@ -874,23 +874,23 @@
<div class="bottom_price">
<div>
<span v-show="tabsItemIndex == 1">{{
- " ﷼ " + $store.state.userInfo.enableIndexAmt
+ " " + $store.state.userInfo.enableIndexAmt
}}</span>
<span v-show="tabsItemIndex == 0 || tabsItemIndex == 5">{{
- " ﷼ " + $store.state.userInfo.enableAmt
+ " " + $store.state.userInfo.enableAmt
}}</span>
<span v-show="tabsItemIndex == 3">{{
"$ " +
- (Number($store.state.userInfo.enableAmt) / 7.1).toFixed(2)
+ (Number($store.state.userInfo.enableAmt) / 7.1).toFixed(2)
}}</span>
<span v-show="tabsItemIndex == 4">{{
"HK$ " +
- (Number($store.state.userInfo.enableAmt) / 0.9).toFixed(2)
+ (Number($store.state.userInfo.enableAmt) / 0.9).toFixed(2)
}}</span>
<span v-show="tabsItemIndex == 2">{{
- " ﷼ " + $store.state.userInfo.enableAmt
+ " " + $store.state.userInfo.enableAmt
}}</span>
- <!-- <span v-show="tabsItemIndex == 3">{{ ' ﷼ ' + $store.state.userInfo.enableFuturesAmt }}</span> -->
+ <!-- <span v-show="tabsItemIndex == 3">{{ ' ' + $store.state.userInfo.enableFuturesAmt }}</span> -->
</div>
</div>
</div>
@@ -903,26 +903,26 @@
<div class="bottom_price">
<div>
<span v-show="tabsItemIndex == 1">{{
- " ﷼ " + $store.state.userInfo.allIndexFreezAmt
+ " " + $store.state.userInfo.allIndexFreezAmt
}}</span>
<span v-show="tabsItemIndex == 0">{{
- " ﷼ " + $store.state.userInfo.allFreezAmt
+ " " + $store.state.userInfo.allFreezAmt
}}</span>
<span v-show="tabsItemIndex == 5">{{
- " ﷼ " + $store.state.userInfo.djzj
+ " " + $store.state.userInfo.djzj
}}</span>
<span v-show="tabsItemIndex == 3">{{
"$ " +
- (Number($store.state.userInfo.allFreezAmt) / 7.1).toFixed(2)
+ (Number($store.state.userInfo.allFreezAmt) / 7.1).toFixed(2)
}}</span>
<span v-show="tabsItemIndex == 4">{{
"HK$ " +
- (Number($store.state.userInfo.allFreezAmt) / 0.9).toFixed(2)
+ (Number($store.state.userInfo.allFreezAmt) / 0.9).toFixed(2)
}}</span>
<span v-show="tabsItemIndex == 2">{{
- " ﷼ " + $store.state.userInfo.allFreezAmt
+ " " + $store.state.userInfo.allFreezAmt
}}</span>
- <!-- <span v-show="tabsItemIndex == 3">{{ ' ﷼ ' + $store.state.userInfo.allFuturesFreezAmt }}</span> -->
+ <!-- <span v-show="tabsItemIndex == 3">{{ ' ' + $store.state.userInfo.allFuturesFreezAmt }}</span> -->
</div>
</div>
</div>
@@ -943,7 +943,7 @@
: ''
"
v-show="tabsItemIndex == 1"
- >{{ " ﷼ " + $store.state.userInfo.allIndexProfitAndLose }}</span
+ >{{ " " + $store.state.userInfo.allIndexProfitAndLose }}</span
>
<span
:class="
@@ -954,7 +954,7 @@
: ''
"
v-show="tabsItemIndex == 0 || tabsItemIndex == 5"
- >{{ " ﷼ " + $store.state.userInfo.allProfitAndLose }}</span
+ >{{ " " + $store.state.userInfo.allProfitAndLose }}</span
>
<span
:class="
@@ -967,9 +967,9 @@
v-show="tabsItemIndex == 3"
>{{
"$ " +
- (
- Number($store.state.userInfo.allProfitAndLose) / 7.1
- ).toFixed(2)
+ (
+ Number($store.state.userInfo.allProfitAndLose) / 7.1
+ ).toFixed(2)
}}</span
>
<span
@@ -983,9 +983,9 @@
v-show="tabsItemIndex == 4"
>{{
"HK$ " +
- (
- Number($store.state.userInfo.allProfitAndLose) / 0.9
- ).toFixed(2)
+ (
+ Number($store.state.userInfo.allProfitAndLose) / 0.9
+ ).toFixed(2)
}}</span
>
<span
@@ -997,11 +997,11 @@
: ''
"
v-show="tabsItemIndex == 2"
- >{{ " ﷼ " + $store.state.userInfo.allProfitAndLose }}</span
+ >{{ " " + $store.state.userInfo.allProfitAndLose }}</span
>
<!-- <span
:class="$store.state.userInfo.allFuturesProfitAndLose > 0 ? 'red' : $store.state.userInfo.allFuturesProfitAndLose < 0 ? ' green' : ''"
- v-show="tabsItemIndex == 3">{{ ' ﷼' +Number($store.state.userInfo.allFuturesProfitAndLose).toFixed(2)}}</span> -->
+ v-show="tabsItemIndex == 3">{{ ' ' +Number($store.state.userInfo.allFuturesProfitAndLose).toFixed(2)}}</span> -->
</div>
</div>
</div>
@@ -1109,16 +1109,16 @@
tabsClassArr: [
{
name: this.$t("hj63"),
- type: 0,
+ type: 0
},
{
name: this.$t("hj51"),
- type: 1,
+ type: 1
},
{
name: this.$t("hj64"),
- type: 2,
+ type: 2
},
// {
// name: "期货",
@@ -1126,16 +1126,16 @@
// }
{
name: this.$t("hj65"),
- type: 3,
+ type: 3
},
{
name: this.$t("hj66"),
- type: 4,
+ type: 4
},
{
name: this.$t("hj3"),
- type: 5,
- },
+ type: 5
+ }
],
tabsItemIndex: 0,
listArr: [],
@@ -1144,7 +1144,7 @@
listArr3: [],
listArr4: [],
listArr5: [],
- listArrs: [],
+ listArrs: []
};
},
props: ["typety"],
@@ -1235,7 +1235,7 @@
// this.finished = true;
// }
},
- gpinput: handleDt.debounce(function () {
+ gpinput: handleDt.debounce(function() {
this.pageNum = 1;
this.listArr = [];
this.listArr1 = [];
@@ -1313,7 +1313,7 @@
} else {
this.$store.commit("elAlertShow", {
elAlertShow: true,
- elAlertText: data.msg,
+ elAlertText: data.msg
});
}
},
@@ -1326,7 +1326,7 @@
} else {
this.$store.commit("elAlertShow", {
elAlertShow: true,
- elAlertText: data.msg,
+ elAlertText: data.msg
});
}
},
@@ -1339,14 +1339,14 @@
// `this.$store.commit('elAlertShow',{'elAlertShow':true,'elAlertText': data.msg});`
this.$store.commit("elAlertShow", {
elAlertShow: true,
- elAlertText: data.msg,
+ elAlertText: data.msg
});
}
},
- getListMarket: handleDt.debounce(async function () {
+ getListMarket: handleDt.debounce(async function() {
let val = {
pageNum: this.pageNum,
- pageSize: 15,
+ pageSize: 15
};
// 获取指数列表
let result = await api.getListMarket(val);
@@ -1361,7 +1361,7 @@
this.alertShow = true;
}
}, 500),
- getStock: handleDt.debounce(async function (pageNum) {
+ getStock: handleDt.debounce(async function(pageNum) {
let stockType = this.tabsIndex001 == 0 ? "ST" : "US";
let pageNumVal = pageNum ? this.pageNum++ : 1;
@@ -1372,7 +1372,7 @@
stockPlate: this.stockPlate,
keyWords: this.gpcode,
stockType: stockType,
- orderBy: this.orderBy,
+ orderBy: this.orderBy
};
// let data = await api.getStock(opt)
let data = await api.getStockByType(opt);
@@ -1392,7 +1392,7 @@
if (this.gpcode) {
this.listArr = data.data.list;
} else {
- data.data.list.forEach((element) => {
+ data.data.list.forEach(element => {
this.listArr.push(element);
});
}
@@ -1406,7 +1406,7 @@
}
}, 500),
- getStock009: handleDt.debounce(async function (pageNum) {
+ getStock009: handleDt.debounce(async function(pageNum) {
let pageNumVal = pageNum ? this.pageNum++ : 1;
// 沪深
@@ -1415,7 +1415,7 @@
pageSize: 15,
stockPlate: this.stockPlate,
keyWords: this.gpcode,
- stockType: "US",
+ stockType: "US"
};
let data = await api.getStock(opt);
this.loading = false;
@@ -1427,7 +1427,7 @@
if (this.pageNum === 1) {
this.listArr = data.data.list;
} else {
- data.data.list.forEach((element) => {
+ data.data.list.forEach(element => {
this.listArr.push(element);
});
}
@@ -1438,14 +1438,14 @@
}
}, 500),
- getStockUs: handleDt.debounce(async function () {
+ getStockUs: handleDt.debounce(async function() {
// 美股
let opt = {
pageNum: this.pageNum,
pageSize: 15,
stockPlate: this.stockPlate,
keyWords: this.gpcode,
- stockType: this.stockType,
+ stockType: this.stockType
};
let data = await api.getStock(opt);
this.loading = false;
@@ -1457,7 +1457,7 @@
if (this.gpcode) {
this.listArr3 = data.data.list;
} else {
- data.data.list.forEach((element) => {
+ data.data.list.forEach(element => {
this.listArr3.push(element);
});
}
@@ -1467,14 +1467,14 @@
this.alertShow = true;
}
}, 500),
- getStockHk: handleDt.debounce(async function () {
+ getStockHk: handleDt.debounce(async function() {
// 港股
let opt = {
pageNum: this.pageNum,
pageSize: 15,
stockPlate: this.stockPlate,
keyWords: this.gpcode,
- stockType: this.stockType,
+ stockType: this.stockType
};
let data = await api.getStock(opt);
this.loading = false;
@@ -1486,7 +1486,7 @@
if (this.gpcode) {
this.listArr4 = data.data.list;
} else {
- data.data.list.forEach((element) => {
+ data.data.list.forEach(element => {
this.listArr4.push(element);
});
}
@@ -1496,13 +1496,13 @@
this.alertShow = true;
}
}, 500),
- getStocks: handleDt.debounce(async function () {
+ getStocks: handleDt.debounce(async function() {
// 科创
let opt = {
pageNum: this.pageNum,
pageSize: 15,
stockPlate: this.stockPlate,
- keyWords: this.gpcode,
+ keyWords: this.gpcode
};
let data = await api.getStock(opt);
this.loading = false;
@@ -1514,7 +1514,7 @@
if (this.gpcode) {
this.listArr2 = data.data.list;
} else {
- data.data.list.forEach((element) => {
+ data.data.list.forEach(element => {
this.listArr2.push(element);
});
}
@@ -1549,7 +1549,7 @@
let opt = {
newCode: this.sgCode,
applyNums: this.sgNum,
- phone: this.$store.state.userInfo.phone,
+ phone: this.$store.state.userInfo.phone
};
let data = await api.getNewAdd(opt);
if (data.status === 0) {
@@ -1582,8 +1582,8 @@
if_us: ifUs,
if_zhishu: ifZhishu,
sok: item.type ? item.type : this.filterSH(item.stock_type),
- type: item.stock_type,
- },
+ type: item.stock_type
+ }
});
},
// 进入详情
@@ -1597,7 +1597,7 @@
}
const obj = {
pid: item.code || "",
- type: item.stock_type || "",
+ type: item.stock_type || ""
};
window.localStorage.setItem("kLine", JSON.stringify(obj));
var codes = "";
@@ -1679,8 +1679,8 @@
sok: soks,
if_us: ifUs,
usType: item.type,
- if_zhishu: ifZhishu,
- },
+ if_zhishu: ifZhishu
+ }
});
}
},
@@ -1692,7 +1692,7 @@
}
},
- getFutures: handleDt.debounce(async function () {
+ getFutures: handleDt.debounce(async function() {
// 获取期货列表
let opt = {};
let data = await api.getNewGu(opt);
@@ -1740,12 +1740,12 @@
let opt = {
pageNum: this.pageNums,
pageSize: 15,
- keyWords: this.gpcodes,
+ keyWords: this.gpcodes
};
let data = await api.getMyList(opt);
this.loadings = false;
if (data.status === 0) {
- data.data.list.forEach((element) => {
+ data.data.list.forEach(element => {
this.listArrs.push(element);
});
}
@@ -1872,7 +1872,7 @@
if (this.tabsItemIndex === 1) {
this.$message({
message: this.$t("hj71"),
- type: "warning",
+ type: "warning"
});
return;
}
@@ -2038,7 +2038,7 @@
}
let opt = {
pageNum: 1,
- pageSize: this.currentNum,
+ pageSize: this.currentNum
};
let data = await api.getListMarket(opt);
this.list = data.data;
@@ -2057,7 +2057,7 @@
this.$refs["topTitle"].style.height = "1.2821rem";
}
this.dialogFlag = !this.dialogFlag;
- },
+ }
},
filters: {
getName(spell) {
@@ -2124,8 +2124,8 @@
}
// 17:35:2922-06-2022
return y + "-" + mm + "-" + d + " " + h + ":" + m + ":" + c;
- },
- },
+ }
+ }
};
</script>
diff --git a/src/page/list/tradingList/data.list.vue b/src/page/list/tradingList/data.list.vue
index 53547c6..0be5afe 100644
--- a/src/page/list/tradingList/data.list.vue
+++ b/src/page/list/tradingList/data.list.vue
@@ -58,7 +58,12 @@
v-for="(item, index) in listArr"
:key="item.indexCode"
>
- <van-row type="flex" align="center" gutter="20">
+ <van-row
+ type="flex"
+ align="center"
+ justify="space-between"
+ gutter="20"
+ >
<van-col span="13" style="padding-right: 0 !important;">
<div>
<div class="tp">
@@ -115,17 +120,38 @@
</div>
</div>
</van-col>
+ <van-col span="6" v-if="active == 'DZ'">
+ <div>
+ <div style="text-align: center">
+ {{ $t("差价") }}{{ Math.abs(item.priceSpread) }}
+ </div>
+ <van-circle
+ v-model="currentRate"
+ :rate="Math.abs(item.priceSpreadPercentum)"
+ :speed="100"
+ :text="textCircle"
+ layer-color="#ebedf0"
+ color="#ee0a24"
+ />
+ </div>
+ </van-col>
</van-row>
<div class="box-a" v-if="active == 'DZ'">
<div class="box_a_left">
- {{ $t("kpsj") }}：{{
- $moment(item.startTime).format("DD-MM-YYYY hh:mm:ss A")
- }}
+ <div class="box_a_left-t">
+ {{ $t("gbsj") }}
+ </div>
+ <div class="box_a_left-b">
+ {{ $moment(item.endTime).format("DD-MM-YYYY") }}
+ </div>
</div>
<div class="box_a_right">
- {{ $t("gbsj") }}：{{
+ <!-- {{ $t("gbsj") }}：{{
$moment(item.endTime).format("DD-MM-YYYY hh:mm:ss A")
- }}
+ }} -->
+ <van-tag type="danger" size="large"
+ >{{ $t("申请竞拍") }}
+ </van-tag>
</div>
</div>
</div>
@@ -204,13 +230,19 @@
{ text: this.$t("升序"), zh: "升序", val: "asc" },
{ text: this.$t("降序"), zh: "降序", val: "desc" },
{ text: this.$t("正常"), zh: "正常", val: "" }
- ]
+ ],
+ currentRate: 0
};
},
beforeDestroy() {
if (this.Trade) {
this.Trade.close();
console.log("WebSocket disconnected");
+ }
+ },
+ computed: {
+ textCircle() {
+ return `${this.currentRate.toFixed(0)}%` + this.$t("溢价率");
}
},
mounted() {
@@ -425,6 +457,7 @@
.box-a {
display: flex;
justify-content: space-between;
+ align-items: center;
font-size: 14px;
margin-top: 10px;
}
@@ -494,4 +527,18 @@
text-align: left;
color: #14181f;
}
+
+.box_a_left-t {
+ background: #ee0a24;
+ color: #fff;
+ padding: 0.1rem 0.3rem;
+ border-radius: 0.2rem 0.2rem 0 0;
+}
+.box_a_left-b {
+ background: #fff;
+ color: #ee0a24;
+ padding: 0.1rem 0.3rem;
+ border-radius: 0 0 0.2rem 0.2rem;
+ border: 1px #ee0a24 solid;
+}
</style>
diff --git a/src/page/list/tradingList/dazy.vue b/src/page/list/tradingList/dazy.vue
index a20b206..fc4175e 100644
--- a/src/page/list/tradingList/dazy.vue
+++ b/src/page/list/tradingList/dazy.vue
@@ -7,7 +7,7 @@
<span @click="show = false"></span>
</div>
<h5>{{ $t("hj130") }}</h5>
- <h6> ﷼{{ currentItem.nowPrice | _toString }}</h6>
+ <h6>{{ currentItem.nowPrice | _toString }}</h6>
<div class="erty tghj">
<input
:placeholder="$t('hj262')"
@@ -21,7 +21,7 @@
</div>
<p class="plm">
<span>{{ $t("hj263") }}</span>
- <a> ﷼{{ currentItem.nowPrice*num | _toString }}</a>
+ <a> {{ (currentItem.nowPrice * num) | _toString }}</a>
</p>
<div class="erty" v-if="currentItem.password">
<input
@@ -35,7 +35,7 @@
<span>
{{ $t("hj54") }}
</span>
- <a> ﷼{{ enableAmt | _toString }}</a>
+ <a> {{ enableAmt | _toString }}</a>
</p>
<div class="maik" @click="getxiadan">{{ $t("hj85") }}</div>
</div>
@@ -48,11 +48,11 @@
export default {
methods: {
- priceinput(e){
- this.num = this.num.replace(/^(0+)|[^\d]+/g, '')
- var maxnum = this.enableAmt/this.currentItem.nowPrice
- if(this.num>=maxnum){
- this.num = Math.floor(maxnum)
+ priceinput(e) {
+ this.num = this.num.replace(/^(0+)|[^\d]+/g, "");
+ var maxnum = this.enableAmt / this.currentItem.nowPrice;
+ if (this.num >= maxnum) {
+ this.num = Math.floor(maxnum);
}
},
async getxiadan() {
@@ -72,7 +72,7 @@
dzId: this.currentItem.id,
password: this.password,
num: this.num,
- buyingType: "dz",
+ buyingType: "dz"
};
let res = await buyStockDz(opt);
console.log(res, "======");
@@ -89,9 +89,9 @@
async getenableAmt() {
const res = await getMoney();
- const data = res.data.filter((item) => item.accectType === "ALL");
+ const data = res.data.filter(item => item.accectType === "ALL");
this.enableAmt = data[0].availableBalance;
- },
+ }
},
mounted() {
this.getenableAmt();
@@ -102,9 +102,9 @@
num: "",
password: "",
currentItem: {},
- enableAmt: "",
+ enableAmt: ""
};
- },
+ }
};
</script>
diff --git a/src/page/newUser/index.vue b/src/page/newUser/index.vue
index d142b48..e25df47 100644
--- a/src/page/newUser/index.vue
+++ b/src/page/newUser/index.vue
@@ -20,7 +20,8 @@
</div> -->
</div>
</div>
- <div class="users" @click="goWall()" style="display:none">
+ <div class="users">
+ <!-- <div class="users" @click="goWall()"> -->
<div class="left_tou">
<div class="left_tx">
<div>
@@ -28,14 +29,20 @@
</div>
</div>
<div class="right_name">
- <span>{{
- userInfo.realName ? userInfo.realName : userInfo.phone
+ <span class="right_name-m">{{
+ userInfo.nickName || userInfo.realName || userInfo.phone
}}</span>
+ <div style="display: flex">
+ <van-tag type="primary" size="medium">{{
+ userInfo.isActive === 2 ? "已认证" : "未认证"
+ }}</van-tag>
+ <span style="margin-left: 0.2rem;">ID: {{ userInfo.id }}</span>
+ </div>
</div>
</div>
- <div class="right_go">
+ <!-- <div class="right_go">
<img src="@/assets/img/youjiantou.png" alt />
- </div>
+ </div> -->
</div>
<!-- {{ getMoneyList }} -->
<!-- <div class="center_card"> -->
@@ -44,7 +51,7 @@
</div> -->
<!-- <div class="num_price" v-if="userInfo.length == 0"> -->
- <!-- <div class="num_price">{{ getMoneyList.totalMoney }}﷼</div> -->
+ <!-- <div class="num_price">{{ getMoneyList.totalMoney }} </div> -->
<!-- <div class="num_price" v-if="userInfo.length != 0">
<p
@@ -54,7 +61,7 @@
"
class="account"
>
- ﷼{{
+ {{
$store.state.hide
? "****"
: Number(
@@ -70,7 +77,7 @@
"
class="account"
>
- ﷼{{
+ {{
$store.state.hide
? "****"
: Number(
@@ -86,7 +93,7 @@
"
class="account"
>
- ﷼ {{
+ {{
$store.state.hide
? "****"
: regexNum($store.state.userInfo.userAmt)
@@ -112,7 +119,7 @@
<!-- <div class="yk as"> -->
<!-- <div> -->
<!-- <span class="orenge"
- >﷼
+ >
{{
userInfo.length != 0
? regexNum(
@@ -122,14 +129,14 @@
: getMoneyList.freezeMoney
}}</span
> -->
- <!-- <span class="orenge">﷼ {{ getMoneyList.freezeMoney }}</span> -->
+ <!-- <span class="orenge"> {{ getMoneyList.freezeMoney }}</span> -->
<!-- </div> -->
<!-- <div v-if="userInfo.length == 0">
<span v-if="!selectUserFlag">
- <span>{{ "﷼ 0" }}</span>
+ <span>{{ " 0" }}</span>
</span>
<span v-else>
- <span>{{ getMoneyList.cumulativeProfitAndLoss }}﷼ </span>
+ <span>{{ getMoneyList.cumulativeProfitAndLoss }} </span>
</span>
</div> -->
<!-- <div v-if="userInfo.length != 0">
@@ -142,7 +149,7 @@
? ' green'
: ''
"
- >{{ "﷼ " + $store.state.userInfo.allIndexProfitAndLose }}</span
+ >{{ " " + $store.state.userInfo.allIndexProfitAndLose }}</span
>
</span>
<span v-else>
@@ -160,14 +167,14 @@
</div> -->
<!-- <div v-if="userInfo.length == 0">
- <span class="bzz" v-if="!selectUserFlag">{{ "﷼ 0" }}</span>
+ <span class="bzz" v-if="!selectUserFlag">{{ " 0" }}</span>
<span class="bzz" v-else
- >{{ getMoneyList.availableBalance }}﷼
+ >{{ getMoneyList.availableBalance }}
</span>
</div> -->
<!-- <div v-if="userInfo.length != 0">
<span class="bzz" v-if="!selectUserFlag">{{
- "﷼ " + $store.state.userInfo.enableIndexAmt
+ " " + $store.state.userInfo.enableIndexAmt
}}</span>
<span class="bzz" v-else>{{
" " + regexNum($store.state.userInfo.enableAmt)
@@ -345,7 +352,7 @@
// freezeMoneyUSD: "100000.0000",
// totalMoney: "999999900.00000",
// totalMoneyUSD: "999999900.0000",
- // symbol: "﷼",
+ // symbol: " ",
// symbolCode: "SAR",
// handlingChargeWritten: 0.0,
// isZf: 1
@@ -636,10 +643,12 @@
width: 80%;
height: 100%;
display: flex;
- align-items: center;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: space-around;
font-size: 0.4415rem;
- span {
+ &-m {
font-weight: 600;
}
}
diff --git a/src/page/tixian/tixian.vue b/src/page/tixian/tixian.vue
index 8d254de..2e5f2d6 100644
--- a/src/page/tixian/tixian.vue
+++ b/src/page/tixian/tixian.vue
@@ -9,10 +9,15 @@
<div @click="goOnline()">
<img src="@/assets/img/kefu.png" alt />
</div>
- <van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions" @select="onSelect">
+ <van-popover
+ v-model="showPopover"
+ trigger="click"
+ placement="bottom-end"
+ :actions="actions"
+ @select="onSelect"
+ >
<template #reference>
- <div class="iconfont icon-icon_A">
- </div>
+ <div class="iconfont icon-icon_A"></div>
</template>
</van-popover>
</div>
@@ -26,119 +31,172 @@
<div class="center_card" v-if="tabsCurrentIndex === 3">
<div class="keyon">
- <span>{{ $t('hj49') }}</span>
+ <span>{{ $t("hj49") }}</span>
</div>
<div class="num_price">
- <p v-if="this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
- class="account">
- ﷼ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
- $store.state.userInfo.userIndexAmt).toFixed(2)
+ <p
+ v-if="
+ this.$store.state.settingForm.indexDisplay &&
+ !this.$store.state.settingForm.futuresDisplay
+ "
+ class="account"
+ >
+ {{
+ $store.state.hide
+ ? "****"
+ : Number(
+ $store.state.userInfo.userAmt +
+ $store.state.userInfo.userIndexAmt
+ ).toFixed(2)
}}
</p>
- <p v-else-if="!this.$store.state.settingForm.indexDisplay && this.$store.state.settingForm.futuresDisplay"
- class="account">
- ﷼ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
- $store.state.userInfo.userFuturesAmt).toFixed(2)
+ <p
+ v-else-if="
+ !this.$store.state.settingForm.indexDisplay &&
+ this.$store.state.settingForm.futuresDisplay
+ "
+ class="account"
+ >
+ {{
+ $store.state.hide
+ ? "****"
+ : Number(
+ $store.state.userInfo.userAmt +
+ $store.state.userInfo.userFuturesAmt
+ ).toFixed(2)
}}
</p>
- <p v-else-if="!this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
- class="account"> ﷼ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt).toFixed(2) }}</p>
+ <p
+ v-else-if="
+ !this.$store.state.settingForm.indexDisplay &&
+ !this.$store.state.settingForm.futuresDisplay
+ "
+ class="account"
+ >
+ {{
+ $store.state.hide
+ ? "****"
+ : Number($store.state.userInfo.userAmt).toFixed(2)
+ }}
+ </p>
</div>
<div class="yk es">
<div>
- <span>{{ $t('hj156') }}</span>
+ <span>{{ $t("hj156") }}</span>
</div>
<div>
- <span>{{ $t('hj115') }}</span>
+ <span>{{ $t("hj115") }}</span>
</div>
</div>
<div class="yk as">
<div>
- <span>{{ ' ﷼ ' + $store.state.userInfo.userAmt }}</span>
+ <span>{{ " " + $store.state.userInfo.userAmt }}</span>
</div>
<div>
- <span>{{ ' ﷼ ' + $store.state.userInfo.userIndexAmt }}</span>
+ <span>{{ " " + $store.state.userInfo.userIndexAmt }}</span>
</div>
</div>
<div class="btns" @click="handleGoToTransfers()">
- <span>{{ $t('hj157') }}</span>
+ <span>{{ $t("hj157") }}</span>
</div>
</div>
<div class="withdrawal" v-if="tabsCurrentIndex === 0">
<div class="ttx">
- <span>{{ $t('hj48') }}</span>
+ <span>{{ $t("hj48") }}</span>
</div>
<div class="ttx_price">
- <span>{{regexNum($store.state.userInfo.enableAmt)}} </span>
+ <span>{{ regexNum($store.state.userInfo.enableAmt) }} </span>
</div>
<div class="ttx_input">
<div class="titles">
- <span>{{ $t('hj170') }}</span>
+ <span>{{ $t("hj170") }}</span>
</div>
<div class="num">
- <input type="number" :placeholder="$t('hj171')" v-model.number="withdrawalValue" />
+ <input
+ type="number"
+ :placeholder="$t('hj171')"
+ v-model.number="withdrawalValue"
+ />
</div>
<!-- <div class="all" @click="withdrawalAll()">
<span>{{ $t('hj160') }}</span>
</div> -->
</div>
- <div class="ttx_input" >
- <div class="titles">
- <span>{{ $t('hj170a') }}</span>
- </div>
- <!-- <div class="num" @click.stop="czclick()"> -->
-
- <!-- <input style="pointer-events: none;" type="number" v-model="inputpayType" disabled :placeholder="$t('hj171a')" /> -->
- <!-- </div> -->
- </div>
- <div class="ttx_input" style="align-items: center;flex-wrap: wrap;justify-content: space-between;height: 67px;">
- <div :class="index==payindex?'ttx_boxa':'ttx_box'" @click="slesetpay(item,index)" v-for="(item,index) in array" :key="index">{{payindex}}{{item.channelName}}</div>
- </div>
- <div v-show="payindex==3" class="qrcode" ref="qrCodeUrl"></div>
- <div class="qrcode_txt" v-if="payindex==3">{{array[3].channelDesc}}</div>
- <!-- <div v-if="payindex==3" class="ttx_box" style="display: flex;justify-content: center;align-items: center;">复制</div> -->
+ <div class="ttx_input">
+ <div class="titles">
+ <span>{{ $t("hj170a") }}</span>
+ </div>
+ <!-- <div class="num" @click.stop="czclick()"> -->
+
+ <!-- <input style="pointer-events: none;" type="number" v-model="inputpayType" disabled :placeholder="$t('hj171a')" /> -->
+ <!-- </div> -->
+ </div>
+ <div
+ class="ttx_input"
+ style="align-items: center;flex-wrap: wrap;justify-content: space-between;height: 67px;"
+ >
+ <div
+ :class="index == payindex ? 'ttx_boxa' : 'ttx_box'"
+ @click="slesetpay(item, index)"
+ v-for="(item, index) in array"
+ :key="index"
+ >
+ {{ payindex }}{{ item.channelName }}
+ </div>
+ </div>
+ <div v-show="payindex == 3" class="qrcode" ref="qrCodeUrl"></div>
+ <div class="qrcode_txt" v-if="payindex == 3">
+ {{ array[3].channelDesc }}
+ </div>
+ <!-- <div v-if="payindex==3" class="ttx_box" style="display: flex;justify-content: center;align-items: center;">复制</div> -->
<div class="btns" @click="handleCz()">
- <span>{{ $t('hj172') }}</span>
+ <span>{{ $t("hj172") }}</span>
</div>
</div>
<div class="withdrawal" v-if="tabsCurrentIndex === 1">
<div class="ttx">
- <span>{{ $t('hj158') }}</span>
+ <span>{{ $t("hj158") }}</span>
</div>
<div class="ttx_price">
- <span>{{regexNum($store.state.userInfo.enableAmt)}} </span>
+ <span>{{ regexNum($store.state.userInfo.enableAmt) }} </span>
</div>
<div class="ttx_input">
<div class="titles">
- <span>{{ $t('hj159') }}</span>
+ <span>{{ $t("hj159") }}</span>
</div>
<div class="num">
- <input type="number" :placeholder="$t('hj305')" v-model.number="withdrawalValue" />
+ <input
+ type="number"
+ :placeholder="$t('hj305')"
+ v-model.number="withdrawalValue"
+ />
</div>
<div class="all" @click="withdrawalAll()">
- <span>{{ $t('hj160') }}</span>
+ <span>{{ $t("hj160") }}</span>
</div>
</div>
<div class="btns" @click="handleToSure()">
- <span>{{ $t('hj161') }}</span>
+ <span>{{ $t("hj161") }}</span>
</div>
</div>
<div class="banks" v-if="tabsCurrentIndex === 1">
<div class="bank_1">
<div class="left_name">
- <span>{{ $t('hj162') }}</span>
+ <span>{{ $t("hj162") }}</span>
</div>
<div class="center_input"></div>
- <div class="right_copy img_right" @click="handleGoToCashWithdrawalRecord()">
+ <div
+ class="right_copy img_right"
+ @click="handleGoToCashWithdrawalRecord()"
+ >
<img src="../../assets/img/youjiantou.png" alt />
</div>
</div>
</div>
<div class="banks" v-if="tabsCurrentIndex === 0">
-
<!-- <div class="bank_1">
<div class="left_name">
<span>{{ $t('hj163') }}</span>
@@ -178,11 +236,11 @@
<div class="bank_1" @click="handleGoToTransferRecord()">
<div class="left_name">
- <span>{{ $t('hj168') }}</span>
+ <span>{{ $t("hj168") }}</span>
</div>
<div class="center_input"></div>
<div class="right_copy">
- <span>{{ $t('hj169') }}</span>
+ <span>{{ $t("hj169") }}</span>
</div>
</div>
@@ -205,10 +263,22 @@
<van-notify v-model="messShow" type="primary">
<span>{{ mess }}</span>
</van-notify>
- <van-popup v-model="showPicker" round position="bottom">
- <van-picker :confirm-button-text="$t('hj161')" :cancel-button-text="$t('hj106')" value-key="channelName" :columns="array" @cancel="quxiao" @confirm="onConfirm" show-toolbar />
- </van-popup>
- <van-popup v-model="messDialog" position="bottom" :style="{ height: '70%' }">
+ <van-popup v-model="showPicker" round position="bottom">
+ <van-picker
+ :confirm-button-text="$t('hj161')"
+ :cancel-button-text="$t('hj106')"
+ value-key="channelName"
+ :columns="array"
+ @cancel="quxiao"
+ @confirm="onConfirm"
+ show-toolbar
+ />
+ </van-popup>
+ <van-popup
+ v-model="messDialog"
+ position="bottom"
+ :style="{ height: '70%' }"
+ >
<div class="mess_content">
<div class="top_title">
<div class="tt">
@@ -216,16 +286,16 @@
<img src="../../assets/img/liucheng.png" alt />
</div>
<div class="right_title">
- <span>{{ $t('hj173') + ':' }}</span>
+ <span>{{ $t("hj173") + ":" }}</span>
</div>
</div>
<div class="_on">
- <span>{{ '①' }}</span>
- <span>{{ $t('hj174') }}</span>
+ <span>{{ "①" }}</span>
+ <span>{{ $t("hj174") }}</span>
</div>
<div class="_on">
- <span>{{ '②' }}</span>
- <span>{{ $t('hj175') }}</span>
+ <span>{{ "②" }}</span>
+ <span>{{ $t("hj175") }}</span>
</div>
</div>
<div class="top_title" style="color: red;">
@@ -234,12 +304,12 @@
<img src="../../assets/img/jinggao.png" alt />
</div>
<div class="right_title">
- <span>{{ $t('hj173') + ':' }}</span>
+ <span>{{ $t("hj173") + ":" }}</span>
</div>
</div>
<div class="_on">
- <span>{{ '①' }}</span>
- <span class="hgg">{{ $t('hj176') }}</span>
+ <span>{{ "①" }}</span>
+ <span class="hgg">{{ $t("hj176") }}</span>
</div>
</div>
</div>
@@ -248,236 +318,241 @@
</template>
<script>
-import * as api from '@/axios/api'
-import { Toast } from 'mint-ui'
-import { mapState } from 'vuex'
-import QRCode from 'qrcodejs2'
+import * as api from "@/axios/api";
+import { Toast } from "mint-ui";
+import { mapState } from "vuex";
+import QRCode from "qrcodejs2";
export default {
- name: 'newUser',
- data () {
+ name: "newUser",
+ data() {
return {
- name: '',
- showPicker: false,
+ name: "",
+ showPicker: false,
selectUserFlag: true,
// tabsArr: [this.$t('hj172'), this.$t('hj177')],
tabsCurrentIndex: 1,
- walletNum: '',
- skName: '',
- array: [],
- inputpayType:'',
- skBankName: '',
- skUser: '',
+ walletNum: "",
+ skName: "",
+ array: [],
+ inputpayType: "",
+ skBankName: "",
+ skUser: "",
messShow: false,
- mess: '',
+ mess: "",
messDialog: false,
- withdrawalValue: '',
+ withdrawalValue: "",
settingInfo: {},
- payindex:0,
- qrcodeimg:'',
- id:'',
- onlineService: '',
+ payindex: 0,
+ qrcodeimg: "",
+ id: "",
+ onlineService: "",
showPopover: false,
actions: [
- { text: 'English', icon: require('@/assets/ico/english.png'), lang: 'zh-CN' },
- { text: 'हिंदी', icon: require('@/assets/ico/india.png'), lang: 'en' },
- { text: '繁体中文', icon: require('@/assets/ico/tw.png'), lang: 'tw' }
+ {
+ text: "English",
+ icon: require("@/assets/ico/english.png"),
+ lang: "zh-CN"
+ },
+ { text: "हिंदी", icon: require("@/assets/ico/india.png"), lang: "en" },
+ { text: "繁体中文", icon: require("@/assets/ico/tw.png"), lang: "tw" }
]
- }
+ };
},
computed: {
- ...mapState(['userInfo', 'bankInfo']),
- tabsArr () {
- return [this.$t('hj172'), this.$t('hj177')]
+ ...mapState(["userInfo", "bankInfo"]),
+ tabsArr() {
+ return [this.$t("hj172"), this.$t("hj177")];
}
},
- created () {
- this.getSettingInfo()
- this.getCardDetail() // 获取银行卡信息
- this.getUserInfo()
- this.getInfoSite()
- this.getPayInfos()
- this.getPayInfoa()
+ created() {
+ this.getSettingInfo();
+ this.getCardDetail(); // 获取银行卡信息
+ this.getUserInfo();
+ this.getInfoSite();
+ this.getPayInfos();
+ this.getPayInfoa();
},
- mounted(){
- this.creatQrCode()
+ mounted() {
+ this.creatQrCode();
},
methods: {
- creatQrCode() {
- var qrcode = new QRCode(this.$refs.qrCodeUrl, {
- text: 'https://blog.csdn.net/weixin_42601136', // 需要转换为二维码的内容
- width: 100,
- height: 100,
- colorDark: '#000000',
- colorLight: '#ffffff',
- correctLevel: QRCode.CorrectLevel.H
- })
- },
- czclick(){
- console.log(11);
- // this.showPicker = true
- },
- onConfirm(item) {
- console.log(item.channelName)
- this.inputpayType = item.channelName
- // this.inputpayType = '123'
- this.id = item.id
- this.showPicker = !this.showPicker
- // this.lever = item.value
- },
- quxiao(){
- this.showPicker = false
- },
- async getPayInfoa () {
- // 获取支付渠道 详细信息
- let data = await api.getPayInfoa()
- if (data.status === 0) {
- this.array = data.data
- this.id = data.data[0].id
- // this.skName = this.payInfo.channelName
- // this.skBankName = this.payInfo.channelType
- // this.skUser = this.payInfo.channelAccount
- } else {
- Toast(data.msg)
- }
- },
- async getPayInfos () {
+ creatQrCode() {
+ var qrcode = new QRCode(this.$refs.qrCodeUrl, {
+ text: "https://blog.csdn.net/weixin_42601136", // 需要转换为二维码的内容
+ width: 100,
+ height: 100,
+ colorDark: "#000000",
+ colorLight: "#ffffff",
+ correctLevel: QRCode.CorrectLevel.H
+ });
+ },
+ czclick() {
+ console.log(11);
+ // this.showPicker = true
+ },
+ onConfirm(item) {
+ console.log(item.channelName);
+ this.inputpayType = item.channelName;
+ // this.inputpayType = '123'
+ this.id = item.id;
+ this.showPicker = !this.showPicker;
+ // this.lever = item.value
+ },
+ quxiao() {
+ this.showPicker = false;
+ },
+ async getPayInfoa() {
// 获取支付渠道 详细信息
- let data = await api.getPayInfo()
+ let data = await api.getPayInfoa();
if (data.status === 0) {
- this.payInfo = data.data[0]
- this.skName = this.payInfo.channelName
- this.skBankName = this.payInfo.channelType
- this.skUser = this.payInfo.channelAccount
+ this.array = data.data;
+ this.id = data.data[0].id;
+ // this.skName = this.payInfo.channelName
+ // this.skBankName = this.payInfo.channelType
+ // this.skUser = this.payInfo.channelAccount
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- onSelect (e) {
- this.$i18n.locale = e.lang
- window.localStorage.setItem('language', e.lang)
+ async getPayInfos() {
+ // 获取支付渠道 详细信息
+ let data = await api.getPayInfo();
+ if (data.status === 0) {
+ this.payInfo = data.data[0];
+ this.skName = this.payInfo.channelName;
+ this.skBankName = this.payInfo.channelType;
+ this.skUser = this.payInfo.channelAccount;
+ } else {
+ Toast(data.msg);
+ }
},
- slesetpay(item,index){
- this.payindex = index
- this.id = item.id
- },
- goOnline () {
+ onSelect(e) {
+ this.$i18n.locale = e.lang;
+ window.localStorage.setItem("language", e.lang);
+ },
+ slesetpay(item, index) {
+ this.payindex = index;
+ this.id = item.id;
+ },
+ goOnline() {
// if (navigator.vibrate) {
// // 支持
// navigator.vibrate([55])
// }
// this.$router.push('/service')
- // this.$router.push('/service')
- window.location.href = this.onlineService
+ // this.$router.push('/service')
+ window.location.href = this.onlineService;
},
- async getInfoSite () {
- let data = await api.getInfoSite()
+ async getInfoSite() {
+ let data = await api.getInfoSite();
if (data.status === 0) {
- this.onlineService = data.data.onlineService
+ this.onlineService = data.data.onlineService;
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- async getUserInfo () {
+ async getUserInfo() {
// 获取用户信息
- let data = await api.getUserInfo()
+ let data = await api.getUserInfo();
if (data.status === 0) {
// 判断是否登录
- this.$store.commit('dialogVisible', false)
- this.$store.state.userInfo = data.data
+ this.$store.commit("dialogVisible", false);
+ this.$store.state.userInfo = data.data;
} else {
- this.$store.commit('dialogVisible', true)
+ this.$store.commit("dialogVisible", true);
}
},
- handleZh () {
+ handleZh() {
// cho
- this.selectUserFlag = !this.selectUserFlag
+ this.selectUserFlag = !this.selectUserFlag;
},
- handleBack () {
+ handleBack() {
// 点击返回/
- this.$router.go(-1)
+ this.$router.go(-1);
},
- goToTopUp () {
+ goToTopUp() {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- this.$router.push('/wallet')
+ this.$router.push("/wallet");
},
- handleTabsClick (item, index) {
- this.tabsCurrentIndex = index
+ handleTabsClick(item, index) {
+ this.tabsCurrentIndex = index;
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
- withdrawalAll () {
+ withdrawalAll() {
// 点击全部提现
- this.withdrawalValue = this.userInfo.enableAmt
+ this.withdrawalValue = this.userInfo.enableAmt;
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
- async handleCz () {
- let data = await api.selCzFn(
- {
- currency: '',
- // payType: 'af-pay.com',
- payType: this.id,
- payAmt: this.withdrawalValue
- }
- )
+ async handleCz() {
+ let data = await api.selCzFn({
+ currency: "",
+ // payType: 'af-pay.com',
+ payType: this.id,
+ payAmt: this.withdrawalValue
+ });
if (data.status === 0) {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- this.$router.push({path: '/chongz', query: {'payAmt': this.withdrawalValue, url: data.data}})
- }else{
- Toast(data.msg)
+ this.$router.push({
+ path: "/chongz",
+ query: { payAmt: this.withdrawalValue, url: data.data }
+ });
+ } else {
+ Toast(data.msg);
}
},
- async handleToSure () {
+ async handleToSure() {
// 点击确定提现
if (!this.userInfo.idCard) {
- Toast(this.$t('hj178'))
- return
+ Toast(this.$t("hj178"));
+ return;
}
if (!this.bankInfo.bankNo) {
- Toast(this.$t('hj179'))
- return
+ Toast(this.$t("hj179"));
+ return;
} else {
}
if (!this.withdrawalValue || this.withdrawalValue <= 0) {
- Toast(this.$t('hj180'))
+ Toast(this.$t("hj180"));
} else if (this.withdrawalValue - this.settingInfo.withMinAmt < 0) {
- Toast(this.$t('hj181') + this.settingInfo.withMinAmt)
+ Toast(this.$t("hj181") + this.settingInfo.withMinAmt);
} else {
let opts = {
amt: this.withdrawalValue
- }
- let data = await api.outMoney(opts)
+ };
+ let data = await api.outMoney(opts);
if (data.status === 0) {
// 成功
- Toast(this.$t('hj182'))
- this.$router.push('/cashWithdrawalRecord')
+ Toast(this.$t("hj182"));
+ this.$router.push("/cashWithdrawalRecord");
} else {
- Toast(data.msg ? data.msg : this.$t('hj183'))
+ Toast(data.msg ? data.msg : this.$t("hj183"));
}
}
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
- async getCardDetail () {
+ async getCardDetail() {
// 获取银行卡信息
- let data = await api.getBankCard()
+ let data = await api.getBankCard();
if (data.status === 0) {
- this.$store.state.bankInfo = data.data
+ this.$store.state.bankInfo = data.data;
// this.skName = data.data.bankName
// this.skBankName = data.data.bankAddress
// this.skUser = data.data.bankNo
@@ -485,66 +560,68 @@
// Toast(data.msg)
}
},
- async getSettingInfo () {
- let data = await api.getSetting()
+ async getSettingInfo() {
+ let data = await api.getSetting();
if (data.status === 0) {
// 成功
- this.settingInfo = data.data
- console.log(this.settingInfo, 'settingInfo')
+ this.settingInfo = data.data;
+ console.log(this.settingInfo, "settingInfo");
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- handleGoToTransferRecord () { // 充值记录
+ handleGoToTransferRecord() {
+ // 充值记录
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- this.$router.push('/transferRecord')
+ this.$router.push("/transferRecord");
},
- handleGoToCashWithdrawalRecord () { // 提现记录
- this.$router.push('/cashWithdrawalRecord')
+ handleGoToCashWithdrawalRecord() {
+ // 提现记录
+ this.$router.push("/cashWithdrawalRecord");
},
- handleGoToTransfers () {
+ handleGoToTransfers() {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- this.$router.push('/transfers')
+ this.$router.push("/transfers");
},
- handleGoCz () {
+ handleGoCz() {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- if (this.walletNum === '') {
- this.messShow = true
- this.mess = this.$t('hj171')
+ if (this.walletNum === "") {
+ this.messShow = true;
+ this.mess = this.$t("hj171");
setTimeout(() => {
- this.messShow = false
- }, 1500)
+ this.messShow = false;
+ }, 1500);
} else if (this.walletNum < 200) {
- this.messShow = true
- this.mess = this.$t('hj184')
+ this.messShow = true;
+ this.mess = this.$t("hj184");
setTimeout(() => {
- this.messShow = false
- }, 1500)
- } else if (this.walletNum !== '' && this.walletNum >= 200) {
- this.getPayInfo()
+ this.messShow = false;
+ }, 1500);
+ } else if (this.walletNum !== "" && this.walletNum >= 200) {
+ this.getPayInfo();
}
},
- onCopy () {
- Toast(this.$t('hj185'))
+ onCopy() {
+ Toast(this.$t("hj185"));
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
- onError () {
- Toast(this.$t('hj186'))
+ onError() {
+ Toast(this.$t("hj186"));
},
- async getPayInfo () {
- this.getrecharge()
+ async getPayInfo() {
+ this.getrecharge();
// 获取支付渠道 详细信息
// let data = await api.getPayInfoDetail({ payId: 3 });
// if (data.status === 0) {
@@ -560,84 +637,88 @@
// }, 1500);
// }
},
- async getrecharge () {
+ async getrecharge() {
if (!this.walletNum) {
- this.$message.error('请输入充值金额')
- return
+ this.$message.error("请输入充值金额");
+ return;
}
// this.dialogTableVisible = true;
let opts = {
amt: this.walletNum,
payType: 1
- }
- let data = await api.inMoney(opts)
+ };
+ let data = await api.inMoney(opts);
if (data.status === 0) {
- this.messDialog = true
+ this.messDialog = true;
} else {
- this.messShow = true
- this.mess = data.msg ? data.msg : '充值失败,请重新充值'
+ this.messShow = true;
+ this.mess = data.msg ? data.msg : "充值失败,请重新充值";
setTimeout(() => {
- this.messShow = false
- }, 1500)
+ this.messShow = false;
+ }, 1500);
}
},
- regexNum(str){
- console.log(str);
- str = str.toString()
- if(str.indexOf(".")==-1){
- str = str+".00"
- }
+ regexNum(str) {
+ console.log(str);
+ str = str.toString();
+ if (str.indexOf(".") == -1) {
+ str = str + ".00";
+ }
- var newStr = str.split('.')
- var point = newStr[1]
+ var newStr = str.split(".");
+ var point = newStr[1];
- if(point.length<2){
- point = point+"0"
- }
- var moneyPoint = newStr[0]
- if(moneyPoint.length<=3){
- return moneyPoint+"."+point
- }else{
- var mPoint = moneyPoint.substr(moneyPoint.length-3,moneyPoint.length)
- var twoPoint = moneyPoint.substr(0,moneyPoint.length-3)
- var endString = twoPoint.toString().replace(/(\d)(?=(\d{2})+(?!\d))/g, '$1,')
- return endString+","+mPoint+'.'+point;
-
- }
- },
- },
-}
+ if (point.length < 2) {
+ point = point + "0";
+ }
+ var moneyPoint = newStr[0];
+ if (moneyPoint.length <= 3) {
+ return moneyPoint + "." + point;
+ } else {
+ var mPoint = moneyPoint.substr(
+ moneyPoint.length - 3,
+ moneyPoint.length
+ );
+ var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3);
+ var endString = twoPoint
+ .toString()
+ .replace(/(\d)(?=(\d{2})+(?!\d))/g, "$1,");
+ return endString + "," + mPoint + "." + point;
+ }
+ }
+ }
+};
</script>
<style scoped lang="less">
- .qrcode{
- margin-top: 20px;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .ttx_boxa{
- width: 32%;
- height: 40px;
- margin-bottom: 15px;
- background-color: #fff;
- border-radius: 3px;
- background: #2D6AE9;
- font-size: 0.4015rem;
- color: #fff;
- }
- .ttx_box{
- width: 32%;
- height: 40px;
- margin-bottom: 15px;
- background-color: #fff;
- border-radius: 3px;
- }
- .qrcode_txt{
- text-align: center;
- margin-top: 20px;
- }
+.qrcode {
+ margin-top: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.ttx_boxa {
+ width: 32%;
+ height: 40px;
+ margin-bottom: 15px;
+ background-color: #fff;
+ border-radius: 3px;
+ background: #2d6ae9;
+ font-size: 0.4015rem;
+ color: #fff;
+}
+.ttx_box {
+ width: 32%;
+ height: 40px;
+ margin-bottom: 15px;
+ background-color: #fff;
+ border-radius: 3px;
+}
+.qrcode_txt {
+ text-align: center;
+ margin-top: 20px;
+}
.user_page {
width: 100%;
height: calc(100% - 1.3rem);
@@ -674,7 +755,7 @@
display: flex;
justify-content: space-between;
- >div {
+ > div {
width: auto;
height: 100%;
display: flex;
@@ -711,7 +792,7 @@
align-items: center;
justify-content: center;
- >div {
+ > div {
width: 1rem;
height: 1rem;
border-radius: 50%;
@@ -793,7 +874,7 @@
display: flex;
align-items: center;
- >div {
+ > div {
width: 50%;
height: 100%;
color: #97989d;
@@ -827,7 +908,7 @@
align-items: center;
justify-content: center;
border-radius: 0.25rem;
- background: #2D6AE9;
+ background: #2d6ae9;
font-size: 0.4015rem;
color: #fff;
margin-top: 0.35rem;
@@ -908,7 +989,7 @@
align-items: center;
justify-content: space-between;
- >div {
+ > div {
width: 48%;
height: 70%;
display: flex;
@@ -929,7 +1010,7 @@
border-radius: 0.3rem;
margin-top: 0.3rem;
- >div {
+ > div {
width: 100%;
// height: 1.5385rem;
// margin-top: 0.3rem;
@@ -973,7 +1054,7 @@
}
.img_right {
- >img {
+ > img {
width: 0.55rem;
height: 0.55rem;
}
@@ -1048,7 +1129,7 @@
display: flex;
align-items: center;
justify-content: center;
- color: #2D6AE9;
+ color: #2d6ae9;
font-size: 0.6615rem;
span {
@@ -1061,7 +1142,7 @@
height: 1rem;
display: flex;
- >div {
+ > div {
display: flex;
justify-content: center;
align-items: center;
@@ -1077,8 +1158,8 @@
width: 70%;
height: 100%;
font-size: 0.35rem;
- display: flex;
-
+ display: flex;
+
input {
width: 100%;
height: 100%;
@@ -1103,7 +1184,7 @@
align-items: center;
justify-content: center;
border-radius: 0.25rem;
- background: #2D6AE9;
+ background: #2d6ae9;
font-size: 0.4015rem;
color: #fff;
margin-top: 0.35rem;
diff --git a/src/page/user/Warehouse.vue b/src/page/user/Warehouse.vue
index 93e706a..20ff8d1 100644
--- a/src/page/user/Warehouse.vue
+++ b/src/page/user/Warehouse.vue
@@ -51,7 +51,7 @@
bgc: "rgb(12, 175, 226)",
laber: "ST",
symbolCode: "INR",
- symbol: " ﷼"
+ symbol: " "
},
{
title: this.$t("黄金原油"),
@@ -69,7 +69,7 @@
// bgc: "rgb(12, 175, 226)",
// laber: "IN",
// symbolCode: "INR",
- // symbol: " ﷼"
+ // symbol: " "
// }
// {
// title: this.$t("马来西亚"),
diff --git a/src/page/user/Warehouse/data.list.vue b/src/page/user/Warehouse/data.list.vue
index cd0fc33..e280ed9 100644
--- a/src/page/user/Warehouse/data.list.vue
+++ b/src/page/user/Warehouse/data.list.vue
@@ -286,6 +286,12 @@
</div>
</div>
</van-col>
+ <van-col span="12">
+ <div style="text-align: right">
+ <div class="sport-content-title2">{{ $t("訂單編號") }}</div>
+ <div class="sport-content-text2">{{ item.buyOrderId }}</div>
+ </div>
+ </van-col>
<!-- <van-col span="8">
<div style="text-align: center">
<div class="sport-content-title2">
@@ -318,8 +324,12 @@
</van-col>
<van-col span="12">
<div style="text-align: right">
- <div class="sport-content-title2">{{ $t("訂單編號") }}</div>
- <div class="sport-content-text2">{{ item.buyOrderId }}</div>
+ <div class="sport-content-title2">{{ $t("hj128") }}</div>
+ <div class="sport-content-text2">
+ {{
+ $moment(item.sellOrderTime).format("DD-MM-YYYY hh:mm:ss A")
+ }}
+ </div>
</div>
</van-col>
</van-row>
@@ -574,9 +584,9 @@
pendingShow: false,
pendingStatus: 1, // 默认选中挂单中
pendingOptions: [
- { text: "挂单成功", value: 0 },
- { text: "挂单中", value: 1 },
- { text: "撤销", value: 2 }
+ { text: this.$t("挂单成功"), value: 0 },
+ { text: this.$t("挂单中"), value: 1 },
+ { text: this.$t("hj126"), value: 2 }
],
pageNum: 1,
pageSize: 150,
diff --git a/src/page/user/Warehouse/item.card.vue b/src/page/user/Warehouse/item.card.vue
index e0286d0..8c91fce 100644
--- a/src/page/user/Warehouse/item.card.vue
+++ b/src/page/user/Warehouse/item.card.vue
@@ -64,15 +64,15 @@
{{ $t("總手續費") }} ({{ activeObj.symbolCode }})
</div>
</div>
- <!-- <div class="item">
+ <div class="item">
<div class="itembox-data">
- {{ activeObj.amountToBeCovered }}
+ {{ activeObj.amountToBeCovered }}
</div>
<div class="itembox-name">
{{ $t("待补金额") }} ({{ activeObj.symbolCode }})
</div>
- </div> -->
+ </div>
</div>
<Dialog ref="closeAllDialog" :title="$t('一鍵平倉')" :confirm="confirm">
<template v-slot:center>
diff --git a/src/page/wallet/index.vue b/src/page/wallet/index.vue
index 579401c..dc43fca 100644
--- a/src/page/wallet/index.vue
+++ b/src/page/wallet/index.vue
@@ -1,165 +1,219 @@
<template>
- <div class="user_page">
- <div class="content">
- <div class="top_icon">
- <div class="left_back" @click="handleBack()">
- <img src="@/assets/img/zuojiantou.png" alt />
- </div>
- <div class="right_icon">
- <div @click="goOnline()">
- <img src="@/assets/img/kefu.png" alt />
- </div>
- <van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions"
- @select="onSelect">
- <template #reference>
- <div class="iconfont icon-icon_A">
- </div>
- </template>
- </van-popover>
- </div>
- </div>
- <div class="tabs">
- <div v-for="(item, index) in tabsArr" :key="index" @click="handleTabsClick(item, index)"
- :class="tabsCurrentIndex === index ? 'active' : ''">
- <span>{{ item }}</span>
- </div>
- </div>
+ <div class="user_page">
+ <div class="content">
+ <div class="top_icon">
+ <div class="left_back" @click="handleBack()">
+ <img src="@/assets/img/zuojiantou.png" alt />
+ </div>
+ <div class="right_icon">
+ <div @click="goOnline()">
+ <img src="@/assets/img/kefu.png" alt />
+ </div>
+ <van-popover
+ v-model="showPopover"
+ trigger="click"
+ placement="bottom-end"
+ :actions="actions"
+ @select="onSelect"
+ >
+ <template #reference>
+ <div class="iconfont icon-icon_A"></div>
+ </template>
+ </van-popover>
+ </div>
+ </div>
+ <div class="tabs">
+ <div
+ v-for="(item, index) in tabsArr"
+ :key="index"
+ @click="handleTabsClick(item, index)"
+ :class="tabsCurrentIndex === index ? 'active' : ''"
+ >
+ <span>{{ item }}</span>
+ </div>
+ </div>
- <div class="center_card" v-if="tabsCurrentIndex === 3">
- <div class="keyon">
- <span>{{ $t('hj49') }}</span>
- </div>
- <div class="num_price">
- <p v-if="this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
- class="account">
- ﷼ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
- $store.state.userInfo.userIndexAmt).toFixed(2)
+ <div class="center_card" v-if="tabsCurrentIndex === 3">
+ <div class="keyon">
+ <span>{{ $t("hj49") }}</span>
+ </div>
+ <div class="num_price">
+ <p
+ v-if="
+ this.$store.state.settingForm.indexDisplay &&
+ !this.$store.state.settingForm.futuresDisplay
+ "
+ class="account"
+ >
+ {{
+ $store.state.hide
+ ? "****"
+ : Number(
+ $store.state.userInfo.userAmt +
+ $store.state.userInfo.userIndexAmt
+ ).toFixed(2)
}}
- </p>
- <p v-else-if="!this.$store.state.settingForm.indexDisplay && this.$store.state.settingForm.futuresDisplay"
- class="account">
- ﷼ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
- $store.state.userInfo.userFuturesAmt).toFixed(2)
+ </p>
+ <p
+ v-else-if="
+ !this.$store.state.settingForm.indexDisplay &&
+ this.$store.state.settingForm.futuresDisplay
+ "
+ class="account"
+ >
+ {{
+ $store.state.hide
+ ? "****"
+ : Number(
+ $store.state.userInfo.userAmt +
+ $store.state.userInfo.userFuturesAmt
+ ).toFixed(2)
}}
- </p>
- <p v-else-if="!this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
- class="account"> ﷼
- {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt).toFixed(2) }}
- </p>
- </div>
- <div class="yk es">
- <div>
- <span>{{ $t('hj156') }}</span>
- </div>
- <div>
- <span>{{ $t('hj115') }}</span>
- </div>
- </div>
- <div class="yk as">
- <div>
- <span>{{ ' ﷼ ' + $store.state.userInfo.userAmt }}</span>
- </div>
- <div>
- <span>{{ ' ﷼ ' + $store.state.userInfo.userIndexAmt }}</span>
- </div>
- </div>
- <div class="btns" @click="handleGoToTransfers()">
- <span>{{ $t('hj157') }}</span>
- </div>
- </div>
+ </p>
+ <p
+ v-else-if="
+ !this.$store.state.settingForm.indexDisplay &&
+ !this.$store.state.settingForm.futuresDisplay
+ "
+ class="account"
+ >
+ {{
+ $store.state.hide
+ ? "****"
+ : Number($store.state.userInfo.userAmt).toFixed(2)
+ }}
+ </p>
+ </div>
+ <div class="yk es">
+ <div>
+ <span>{{ $t("hj156") }}</span>
+ </div>
+ <div>
+ <span>{{ $t("hj115") }}</span>
+ </div>
+ </div>
+ <div class="yk as">
+ <div>
+ <span>{{ " " + $store.state.userInfo.userAmt }}</span>
+ </div>
+ <div>
+ <span>{{ " " + $store.state.userInfo.userIndexAmt }}</span>
+ </div>
+ </div>
+ <div class="btns" @click="handleGoToTransfers()">
+ <span>{{ $t("hj157") }}</span>
+ </div>
+ </div>
- <div class="withdrawal" v-if="tabsCurrentIndex === 0">
- <div class="ttx">
- <span>{{ $t('hj48') }}</span>
- </div>
- <div class="ttx_price">
- <span>{{regexNum($store.state.userInfo.enableAmt)}} </span>
- </div>
- <div class="ttx_input">
- <div class="titles">
- <span>{{ $t('hj170') }}</span>
- </div>
- <div class="num">
- <input type="number" :placeholder="$t('hj171')" v-model.number="withdrawalValue" />
- </div>
- <!-- <div class="all" @click="withdrawalAll()">
+ <div class="withdrawal" v-if="tabsCurrentIndex === 0">
+ <div class="ttx">
+ <span>{{ $t("hj48") }}</span>
+ </div>
+ <div class="ttx_price">
+ <span>{{ regexNum($store.state.userInfo.enableAmt) }} </span>
+ </div>
+ <div class="ttx_input">
+ <div class="titles">
+ <span>{{ $t("hj170") }}</span>
+ </div>
+ <div class="num">
+ <input
+ type="number"
+ :placeholder="$t('hj171')"
+ v-model.number="withdrawalValue"
+ />
+ </div>
+ <!-- <div class="all" @click="withdrawalAll()">
<span>{{ $t('hj160') }}</span>
</div> -->
- </div>
- <div class="ttx_input">
- <div class="titles">
- <span>{{ $t('hj170a') }}</span>
- </div>
- <!-- <div class="num" @click.stop="czclick()"> -->
+ </div>
+ <div class="ttx_input">
+ <div class="titles">
+ <span>{{ $t("hj170a") }}</span>
+ </div>
+ <!-- <div class="num" @click.stop="czclick()"> -->
- <!-- <input style="pointer-events: none;" type="number" v-model="inputpayType" disabled :placeholder="$t('hj171a')" /> -->
- <!-- </div> -->
- </div>
- <div class="ttx_input"
- style="align-items: center;flex-wrap: wrap;justify-content: space-between;height: 67px;">
- <div :class="index==payindex?'ttx_boxa':'ttx_box'" @click="slesetpay(item,index)"
- v-for="(item,index) in array" :key="index" v-if="item.channelName!='USDT'">{{item.channelName}}</div>
- </div>
- <div v-show="payindex==6" class="qrcode" ref="qrCodeUrl"></div>
- <!-- <div class="qrcode_txt" v-if="payindex==3">{{array[3].channelDesc}}</div> -->
- <!-- <div v-if="payindex==3" class="ttx_box" style="display: flex;justify-content: center;align-items: center;">复制</div> -->
- <div class="btns" @click="handleCz()">
- <span>{{ $t('hj172') }}</span>
- </div>
- </div>
+ <!-- <input style="pointer-events: none;" type="number" v-model="inputpayType" disabled :placeholder="$t('hj171a')" /> -->
+ <!-- </div> -->
+ </div>
+ <div
+ class="ttx_input"
+ style="align-items: center;flex-wrap: wrap;justify-content: space-between;height: 67px;"
+ >
+ <div
+ :class="index == payindex ? 'ttx_boxa' : 'ttx_box'"
+ @click="slesetpay(item, index)"
+ v-for="(item, index) in array"
+ :key="index"
+ v-if="item.channelName != 'USD'"
+ >
+ {{ item.channelName }}
+ </div>
+ </div>
+ <div v-show="payindex == 6" class="qrcode" ref="qrCodeUrl"></div>
+ <!-- <div class="qrcode_txt" v-if="payindex==3">{{array[3].channelDesc}}</div> -->
+ <!-- <div v-if="payindex==3" class="ttx_box" style="display: flex;justify-content: center;align-items: center;">复制</div> -->
+ <div class="btns" @click="handleCz()">
+ <span>{{ $t("hj172") }}</span>
+ </div>
+ </div>
- <div class="withdrawal" v-if="tabsCurrentIndex === 1">
- <div class="ttx">
- <span>{{ $t('hj48') }}</span>
- </div>
- <div class="ttx_price">
- <span>{{regexNum($store.state.userInfo.enableAmt)}} </span>
- </div>
- <div class="ttx_input">
- <div class="titles">
- <span>{{ $t('hj170') }}</span>
- </div>
- <div class="num">
- <input type="number" :placeholder="$t('hj171')" v-model.number="withdrawalValue" />
- </div>
- <!-- <div class="all" @click="withdrawalAll()">
+ <div class="withdrawal" v-if="tabsCurrentIndex === 1">
+ <div class="ttx">
+ <span>{{ $t("hj48") }}</span>
+ </div>
+ <div class="ttx_price">
+ <span>{{ regexNum($store.state.userInfo.enableAmt) }} </span>
+ </div>
+ <div class="ttx_input">
+ <div class="titles">
+ <span>{{ $t("hj170") }}</span>
+ </div>
+ <div class="num">
+ <input
+ type="number"
+ :placeholder="$t('hj171')"
+ v-model.number="withdrawalValue"
+ />
+ </div>
+ <!-- <div class="all" @click="withdrawalAll()">
<span>{{ $t('hj160') }}</span>
</div> -->
- </div>
- <div class="ttx_input">
- <div class="titles">
- <span>{{ $t('hj170a') }}</span>
- </div>
- </div>
- <!-- <div class="ttx_input" v-if="false"
+ </div>
+ <div class="ttx_input">
+ <div class="titles">
+ <span>{{ $t("hj170a") }}</span>
+ </div>
+ </div>
+ <!-- <div class="ttx_input" v-if="false"
style="align-items: center;flex-wrap: wrap;justify-content: space-between;height: 67px;">
<div :class="index==payindex?'ttx_boxa':'ttx_box'" @click="slesetpay(item,index)"
v-for="(item,index) in array" :key="index">{{item.channelName}}</div>
</div> -->
- <div class="aaxx">
- <!-- <template>
+ <div class="aaxx">
+ <!-- <template>
<vue-qr style="width:200px;height:200px;" logoSrc="https://image.dandelioncloud.cn//dist/img/NoSlightly.png" text="Hello world!" :size="200"></vue-qr>
</template> -->
- <div v-show="payindex==3" class="qrcode" ref="qrCodeUrl"></div>
- <div class="qrcode_txt">{{array[3].channelDesc}}</div>
- </div>
+ <div v-show="payindex == 3" class="qrcode" ref="qrCodeUrl"></div>
+ <div class="qrcode_txt">{{ array[3].channelDesc }}</div>
+ </div>
- <!-- <div class="ttx_input" style="align-items: center;flex-wrap: wrap;justify-content: space-between;height: 67px;">
+ <!-- <div class="ttx_input" style="align-items: center;flex-wrap: wrap;justify-content: space-between;height: 67px;">
<div :class="index==payindex?'ttx_boxa':'ttx_box'" @click="slesetpay(item,index)" v-for="(item,index) in array" :key="index">{{item.channelName}}</div>
</div> -->
- <!-- <div>
+ <!-- <div>
<div style="width: 100%; display: flex; justify-content: center;align-items: center;display: flex;
flex-direction: column;">
</div>
</div> -->
- <div class="btns" @click="handleCz()">
- <span>{{ $t('hj172') }}</span>
- </div>
- </div>
- <!-- <div class="banks" v-if="tabsCurrentIndex === 1">
+ <div class="btns" @click="handleCz()">
+ <span>{{ $t("hj172") }}</span>
+ </div>
+ </div>
+ <!-- <div class="banks" v-if="tabsCurrentIndex === 1">
<div class="bank_1">
<div class="left_name">
<span>{{ $t('hj162') }}</span>
@@ -170,9 +224,8 @@
</div>
</div>
</div> -->
- <div class="banks" v-if="tabsCurrentIndex === 1">
-
- <!-- <div class="bank_1">
+ <div class="banks" v-if="tabsCurrentIndex === 1">
+ <!-- <div class="bank_1">
<div class="left_name">
<span>{{ $t('hj163') }}</span>
</div>
@@ -209,17 +262,17 @@
</div>
</div> -->
- <div class="bank_1" @click="handleGoToTransferRecord()">
- <div class="left_name">
- <span>{{ $t('hj168') }}</span>
- </div>
- <div class="center_input"></div>
- <div class="right_copy">
- <span>{{ $t('hj169') }}</span>
- </div>
- </div>
+ <div class="bank_1" @click="handleGoToTransferRecord()">
+ <div class="left_name">
+ <span>{{ $t("hj168") }}</span>
+ </div>
+ <div class="center_input"></div>
+ <div class="right_copy">
+ <span>{{ $t("hj169") }}</span>
+ </div>
+ </div>
- <!-- <div class="bank_1">
+ <!-- <div class="bank_1">
<div class="left_name">
<span>{{ $t('hj170') }}</span>
</div>
@@ -233,10 +286,9 @@
}}</span>
</div>
</div> -->
- </div>
- <div class="banks" v-if="tabsCurrentIndex === 0">
-
- <!-- <div class="bank_1">
+ </div>
+ <div class="banks" v-if="tabsCurrentIndex === 0">
+ <!-- <div class="bank_1">
<div class="left_name">
<span>{{ $t('hj163') }}</span>
</div>
@@ -273,17 +325,17 @@
</div>
</div> -->
- <div class="bank_1" @click="handleGoToTransferRecord()">
- <div class="left_name">
- <span>{{ $t('hj168') }}</span>
- </div>
- <div class="center_input"></div>
- <div class="right_copy">
- <span>{{ $t('hj169') }}</span>
- </div>
- </div>
+ <div class="bank_1" @click="handleGoToTransferRecord()">
+ <div class="left_name">
+ <span>{{ $t("hj168") }}</span>
+ </div>
+ <div class="center_input"></div>
+ <div class="right_copy">
+ <span>{{ $t("hj169") }}</span>
+ </div>
+ </div>
- <!-- <div class="bank_1">
+ <!-- <div class="bank_1">
<div class="left_name">
<span>{{ $t('hj170') }}</span>
</div>
@@ -297,960 +349,968 @@
}}</span>
</div>
</div> -->
- </div>
- </div>
- <van-notify v-model="messShow" type="primary">
- <span>{{ mess }}</span>
- </van-notify>
- <van-popup v-model="showPicker" round position="bottom">
- <!-- <van-picker :confirm-button-text="$t('hj161')" :cancel-button-text="$t('hj106')" value-key="channelName"
+ </div>
+ </div>
+ <van-notify v-model="messShow" type="primary">
+ <span>{{ mess }}</span>
+ </van-notify>
+ <van-popup v-model="showPicker" round position="bottom">
+ <!-- <van-picker :confirm-button-text="$t('hj161')" :cancel-button-text="$t('hj106')" value-key="channelName"
:columns="array" @cancel="quxiao" @confirm="onConfirm" show-toolbar /> -->
- </van-popup>
- <van-popup v-model="messDialog" position="bottom" :style="{ height: '70%' }">
- <div class="mess_content">
- <div class="top_title">
- <div class="tt">
- <div class="left_icon">
- <img src="../../assets/img/liucheng.png" alt />
- </div>
- <div class="right_title">
- <span>{{ $t('hj173') + ':' }}</span>
- </div>
- </div>
- <div class="_on">
- <span>{{ '①' }}</span>
- <span>{{ $t('hj174') }}</span>
- </div>
- <div class="_on">
- <span>{{ '②' }}</span>
- <span>{{ $t('hj175') }}</span>
- </div>
- </div>
- <div class="top_title" style="color: red;">
- <div class="tt">
- <div class="left_icon">
- <img src="../../assets/img/jinggao.png" alt />
- </div>
- <div class="right_title">
- <span>{{ $t('hj173') + ':' }}</span>
- </div>
- </div>
- <div class="_on">
- <span>{{ '①' }}</span>
- <span class="hgg">{{ $t('hj176') }}</span>
- </div>
- </div>
- </div>
- </van-popup>
- </div>
+ </van-popup>
+ <van-popup
+ v-model="messDialog"
+ position="bottom"
+ :style="{ height: '70%' }"
+ >
+ <div class="mess_content">
+ <div class="top_title">
+ <div class="tt">
+ <div class="left_icon">
+ <img src="../../assets/img/liucheng.png" alt />
+ </div>
+ <div class="right_title">
+ <span>{{ $t("hj173") + ":" }}</span>
+ </div>
+ </div>
+ <div class="_on">
+ <span>{{ "①" }}</span>
+ <span>{{ $t("hj174") }}</span>
+ </div>
+ <div class="_on">
+ <span>{{ "②" }}</span>
+ <span>{{ $t("hj175") }}</span>
+ </div>
+ </div>
+ <div class="top_title" style="color: red;">
+ <div class="tt">
+ <div class="left_icon">
+ <img src="../../assets/img/jinggao.png" alt />
+ </div>
+ <div class="right_title">
+ <span>{{ $t("hj173") + ":" }}</span>
+ </div>
+ </div>
+ <div class="_on">
+ <span>{{ "①" }}</span>
+ <span class="hgg">{{ $t("hj176") }}</span>
+ </div>
+ </div>
+ </div>
+ </van-popup>
+ </div>
</template>
<script>
- import * as api from '@/axios/api'
- import {
- Toast
- } from 'mint-ui'
- import {
- mapState
- } from 'vuex'
- import QRCode from 'qrcodejs2'
- export default {
- name: 'newUser',
- data() {
- return {
- name: '',
- showPicker: false,
- selectUserFlag: true,
- // tabsArr: [this.$t('hj172'), this.$t('hj177')],
- tabsCurrentIndex: 0,
- walletNum: '',
- skName: '',
- array: [],
- inputpayType: '',
- skBankName: '',
- skUser: '',
- messShow: false,
- mess: '',
- messDialog: false,
- withdrawalValue: '',
- settingInfo: {},
- payindex: 0,
- payindexa: 3,
- qrcodeimg: '',
- id: '',
- onlineService: '',
- showPopover: false,
- actions: [{
- text: 'English',
- icon: require('@/assets/ico/english.png'),
- lang: 'zh-CN'
- },
- {
- text: 'हिंदी',
- icon: require('@/assets/ico/india.png'),
- lang: 'en'
- },
- {
- text: '繁体中文',
- icon: require('@/assets/ico/tw.png'),
- lang: 'tw'
- }
- ]
- }
- },
- computed: {
- ...mapState(['userInfo', 'bankInfo']),
- tabsArr() {
- return [this.$t('hj172'), 'USDT']
- }
- },
- created() {
- this.getSettingInfo()
- this.getCardDetail() // 获取银行卡信息
- this.getUserInfo()
- this.getInfoSite()
- this.getPayInfos()
- this.getPayInfoa()
- },
- mounted() {
- this.creatQrCode()
- },
- methods: {
- creatQrCode() {
- var qrcode = new QRCode(this.$refs.qrCodeUrl, {
- // text: this.array[3].channelDesc, // 需要转换为二维码的内容
- text: 'https://blog.csdn.net/weixin_42601136', // 需要转换为二维码的内容
- width: 100,
- height: 100,
- colorDark: '#000000',
- colorLight: '#ffffff',
- correctLevel: QRCode.CorrectLevel.H
- })
- },
- czclick() {
- console.log(11);
- // this.showPicker = true
- },
- onConfirm(item) {
- // console.log(item.channelName)
- this.inputpayType = item.channelName
- // this.inputpayType = '123'
- this.id = item.id
- this.showPicker = !this.showPicker
- // this.lever = item.value
- },
- quxiao() {
- this.showPicker = false
- },
- async getPayInfoa() {
- // 获取支付渠道 详细信息
- let data = await api.getPayInfoa()
- if (data.status === 0) {
- this.array = data.data
- this.id = data.data[0].id
- // this.skName = this.payInfo.channelName
- // this.skBankName = this.payInfo.channelType
- // this.skUser = this.payInfo.channelAccount
- } else {
- Toast(data.msg)
- }
- },
- async getPayInfos() {
- // 获取支付渠道 详细信息
- let data = await api.getPayInfo()
- if (data.status === 0) {
- this.payInfo = data.data[0]
- // this.skName = this.payInfo.channelName
- // this.skBankName = this.payInfo.channelType
- // this.skUser = this.payInfo.channelAccount
- } else {
- Toast(data.msg)
- }
- },
- onSelect(e) {
- this.$i18n.locale = e.lang
- window.localStorage.setItem('language', e.lang)
- },
- slesetpay(item, index) {
- this.payindex = index
- this.id = item.id
- },
- goOnline() {
- // if (navigator.vibrate) {
- // // 支持
- // navigator.vibrate([55])
- // }
- // this.$router.push('/service')
- // this.$router.push('/service')
- window.location.href = this.onlineService
- },
- async getInfoSite() {
- let data = await api.getInfoSite()
- if (data.status === 0) {
- this.onlineService = data.data.onlineService
- } else {
- Toast(data.msg)
- }
- },
- async getUserInfo() {
- // 获取用户信息
- let data = await api.getUserInfo()
- if (data.status === 0) {
- // 判断是否登录
- this.$store.commit('dialogVisible', false)
- this.$store.state.userInfo = data.data
- } else {
- this.$store.commit('dialogVisible', true)
- }
- },
- handleZh() {
- // cho
- this.selectUserFlag = !this.selectUserFlag
- },
- handleBack() {
- // 点击返回/
- // this.$router.go(-1)
- this.$router.push('/user')
- },
- goToTopUp() {
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- this.$router.push('/wallet')
- },
- handleTabsClick(item, index) {
- this.tabsCurrentIndex = index
- console.log(index);
- // if(index==1){
- // this.$router.push({path: '/tixian'})
- // return
- // }
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- },
- withdrawalAll() {
- // 点击全部提现
- this.withdrawalValue = this.userInfo.enableAmt
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- },
+import * as api from "@/axios/api";
+import { Toast } from "mint-ui";
+import { mapState } from "vuex";
+import QRCode from "qrcodejs2";
+export default {
+ name: "newUser",
+ data() {
+ return {
+ name: "",
+ showPicker: false,
+ selectUserFlag: true,
+ // tabsArr: [this.$t('hj172'), this.$t('hj177')],
+ tabsCurrentIndex: 0,
+ walletNum: "",
+ skName: "",
+ array: [],
+ inputpayType: "",
+ skBankName: "",
+ skUser: "",
+ messShow: false,
+ mess: "",
+ messDialog: false,
+ withdrawalValue: "",
+ settingInfo: {},
+ payindex: 0,
+ payindexa: 3,
+ qrcodeimg: "",
+ id: "",
+ onlineService: "",
+ showPopover: false,
+ actions: [
+ {
+ text: "English",
+ icon: require("@/assets/ico/english.png"),
+ lang: "zh-CN"
+ },
+ {
+ text: "हिंदी",
+ icon: require("@/assets/ico/india.png"),
+ lang: "en"
+ },
+ {
+ text: "繁体中文",
+ icon: require("@/assets/ico/tw.png"),
+ lang: "tw"
+ }
+ ]
+ };
+ },
+ computed: {
+ ...mapState(["userInfo", "bankInfo"]),
+ tabsArr() {
+ return [this.$t("hj172"), "USD"];
+ }
+ },
+ created() {
+ this.getSettingInfo();
+ this.getCardDetail(); // 获取银行卡信息
+ this.getUserInfo();
+ this.getInfoSite();
+ this.getPayInfos();
+ this.getPayInfoa();
+ },
+ mounted() {
+ this.creatQrCode();
+ },
+ methods: {
+ creatQrCode() {
+ var qrcode = new QRCode(this.$refs.qrCodeUrl, {
+ // text: this.array[3].channelDesc, // 需要转换为二维码的内容
+ text: "https://blog.csdn.net/weixin_42601136", // 需要转换为二维码的内容
+ width: 100,
+ height: 100,
+ colorDark: "#000000",
+ colorLight: "#ffffff",
+ correctLevel: QRCode.CorrectLevel.H
+ });
+ },
+ czclick() {
+ console.log(11);
+ // this.showPicker = true
+ },
+ onConfirm(item) {
+ // console.log(item.channelName)
+ this.inputpayType = item.channelName;
+ // this.inputpayType = '123'
+ this.id = item.id;
+ this.showPicker = !this.showPicker;
+ // this.lever = item.value
+ },
+ quxiao() {
+ this.showPicker = false;
+ },
+ async getPayInfoa() {
+ // 获取支付渠道 详细信息
+ let data = await api.getPayInfoa();
+ if (data.status === 0) {
+ this.array = data.data;
+ this.id = data.data[0].id;
+ // this.skName = this.payInfo.channelName
+ // this.skBankName = this.payInfo.channelType
+ // this.skUser = this.payInfo.channelAccount
+ } else {
+ Toast(data.msg);
+ }
+ },
+ async getPayInfos() {
+ // 获取支付渠道 详细信息
+ let data = await api.getPayInfo();
+ if (data.status === 0) {
+ this.payInfo = data.data[0];
+ // this.skName = this.payInfo.channelName
+ // this.skBankName = this.payInfo.channelType
+ // this.skUser = this.payInfo.channelAccount
+ } else {
+ Toast(data.msg);
+ }
+ },
+ onSelect(e) {
+ this.$i18n.locale = e.lang;
+ window.localStorage.setItem("language", e.lang);
+ },
+ slesetpay(item, index) {
+ this.payindex = index;
+ this.id = item.id;
+ },
+ goOnline() {
+ // if (navigator.vibrate) {
+ // // 支持
+ // navigator.vibrate([55])
+ // }
+ // this.$router.push('/service')
+ // this.$router.push('/service')
+ window.location.href = this.onlineService;
+ },
+ async getInfoSite() {
+ let data = await api.getInfoSite();
+ if (data.status === 0) {
+ this.onlineService = data.data.onlineService;
+ } else {
+ Toast(data.msg);
+ }
+ },
+ async getUserInfo() {
+ // 获取用户信息
+ let data = await api.getUserInfo();
+ if (data.status === 0) {
+ // 判断是否登录
+ this.$store.commit("dialogVisible", false);
+ this.$store.state.userInfo = data.data;
+ } else {
+ this.$store.commit("dialogVisible", true);
+ }
+ },
+ handleZh() {
+ // cho
+ this.selectUserFlag = !this.selectUserFlag;
+ },
+ handleBack() {
+ // 点击返回/
+ // this.$router.go(-1)
+ this.$router.push("/user");
+ },
+ goToTopUp() {
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ this.$router.push("/wallet");
+ },
+ handleTabsClick(item, index) {
+ this.tabsCurrentIndex = index;
+ console.log(index);
+ // if(index==1){
+ // this.$router.push({path: '/tixian'})
+ // return
+ // }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ withdrawalAll() {
+ // 点击全部提现
+ this.withdrawalValue = this.userInfo.enableAmt;
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
- async handleCz() {
- if(this.tabsCurrentIndex == 1){
- this.id = 10
- }
- let data = await api.selCzFn({
- currency: '',
- // payType: 'af-pay.com',
- payType: this.id,
- payAmt: this.withdrawalValue
- })
+ async handleCz() {
+ if (this.tabsCurrentIndex == 1) {
+ this.id = 10;
+ }
+ let data = await api.selCzFn({
+ currency: "",
+ // payType: 'af-pay.com',
+ payType: this.id,
+ payAmt: this.withdrawalValue
+ });
- if (data.status === 0) {
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- this.$router.push({
- path: '/chongz',
- query: {
- 'payAmt': this.withdrawalValue,
- url: data.data
- }
- })
- } else {
- Toast(data.msg)
- }
- },
+ if (data.status === 0) {
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ this.$router.push({
+ path: "/chongz",
+ query: {
+ payAmt: this.withdrawalValue,
+ url: data.data
+ }
+ });
+ } else {
+ Toast(data.msg);
+ }
+ },
- async handleToSure() {
- // 点击确定提现
- if (!this.userInfo.idCard) {
- Toast(this.$t('hj178'))
- return
- }
- if (!this.bankInfo.bankNo) {
- Toast(this.$t('hj179'))
- return
- } else {}
- if (!this.withdrawalValue || this.withdrawalValue <= 0) {
- Toast(this.$t('hj180'))
- } else if (this.withdrawalValue - this.settingInfo.withMinAmt < 0) {
- Toast(this.$t('hj181') + this.settingInfo.withMinAmt)
- } else {
- let opts = {
- amt: this.withdrawalValue
- }
- let data = await api.outMoney(opts)
- if (data.status === 0) {
- // 成功
- Toast(this.$t('hj182'))
- this.$router.push('/cashWithdrawalRecord')
- } else {
- Toast(data.msg ? data.msg : this.$t('hj183'))
- }
- }
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- },
- async getCardDetail() {
- // 获取银行卡信息
- let data = await api.getBankCard()
- if (data.status === 0) {
- this.$store.state.bankInfo = data.data
- // this.skName = data.data.bankName
- // this.skBankName = data.data.bankAddress
- // this.skUser = data.data.bankNo
- } else {
- // Toast(data.msg)
- }
- },
- async getSettingInfo() {
- let data = await api.getSetting()
- if (data.status === 0) {
- // 成功
- this.settingInfo = data.data
- console.log(this.settingInfo, 'settingInfo')
- } else {
- Toast(data.msg)
- }
- },
- handleGoToTransferRecord() { // 充值记录
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- this.$router.push('/transferRecord')
- },
- handleGoToCashWithdrawalRecord() { // 提现记录
- this.$router.push('/cashWithdrawalRecord')
- },
- handleGoToTransfers() {
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- this.$router.push('/transfers')
- },
- handleGoCz() {
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- if (this.walletNum === '') {
- this.messShow = true
- this.mess = this.$t('hj171')
- setTimeout(() => {
- this.messShow = false
- }, 1500)
- } else if (this.walletNum < 200) {
- this.messShow = true
- this.mess = this.$t('hj184')
- setTimeout(() => {
- this.messShow = false
- }, 1500)
- } else if (this.walletNum !== '' && this.walletNum >= 200) {
- this.getPayInfo()
- }
- },
- onCopy() {
- Toast(this.$t('hj185'))
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- },
- onError() {
- Toast(this.$t('hj186'))
- },
- async getPayInfo() {
- this.getrecharge()
- // 获取支付渠道 详细信息
- // let data = await api.getPayInfoDetail({ payId: 3 });
- // if (data.status === 0) {
- // const { channelName, channelAccount, channelDesc } = data.data;
- // this.skName = channelName;
- // this.skUser = channelAccount;
- // this.skBankName = channelDesc;
- // } else {
- // this.messShow = true;
- // this.mess = data.msg;
- // setTimeout(() => {
- // this.messShow = false;
- // }, 1500);
- // }
- },
- async getrecharge() {
- if (!this.walletNum) {
- this.$message.error('请输入充值金额')
- return
- }
- // this.dialogTableVisible = true;
+ async handleToSure() {
+ // 点击确定提现
+ if (!this.userInfo.idCard) {
+ Toast(this.$t("hj178"));
+ return;
+ }
+ if (!this.bankInfo.bankNo) {
+ Toast(this.$t("hj179"));
+ return;
+ } else {
+ }
+ if (!this.withdrawalValue || this.withdrawalValue <= 0) {
+ Toast(this.$t("hj180"));
+ } else if (this.withdrawalValue - this.settingInfo.withMinAmt < 0) {
+ Toast(this.$t("hj181") + this.settingInfo.withMinAmt);
+ } else {
+ let opts = {
+ amt: this.withdrawalValue
+ };
+ let data = await api.outMoney(opts);
+ if (data.status === 0) {
+ // 成功
+ Toast(this.$t("hj182"));
+ this.$router.push("/cashWithdrawalRecord");
+ } else {
+ Toast(data.msg ? data.msg : this.$t("hj183"));
+ }
+ }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ async getCardDetail() {
+ // 获取银行卡信息
+ let data = await api.getBankCard();
+ if (data.status === 0) {
+ this.$store.state.bankInfo = data.data;
+ // this.skName = data.data.bankName
+ // this.skBankName = data.data.bankAddress
+ // this.skUser = data.data.bankNo
+ } else {
+ // Toast(data.msg)
+ }
+ },
+ async getSettingInfo() {
+ let data = await api.getSetting();
+ if (data.status === 0) {
+ // 成功
+ this.settingInfo = data.data;
+ console.log(this.settingInfo, "settingInfo");
+ } else {
+ Toast(data.msg);
+ }
+ },
+ handleGoToTransferRecord() {
+ // 充值记录
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ this.$router.push("/transferRecord");
+ },
+ handleGoToCashWithdrawalRecord() {
+ // 提现记录
+ this.$router.push("/cashWithdrawalRecord");
+ },
+ handleGoToTransfers() {
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ this.$router.push("/transfers");
+ },
+ handleGoCz() {
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ if (this.walletNum === "") {
+ this.messShow = true;
+ this.mess = this.$t("hj171");
+ setTimeout(() => {
+ this.messShow = false;
+ }, 1500);
+ } else if (this.walletNum < 200) {
+ this.messShow = true;
+ this.mess = this.$t("hj184");
+ setTimeout(() => {
+ this.messShow = false;
+ }, 1500);
+ } else if (this.walletNum !== "" && this.walletNum >= 200) {
+ this.getPayInfo();
+ }
+ },
+ onCopy() {
+ Toast(this.$t("hj185"));
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ onError() {
+ Toast(this.$t("hj186"));
+ },
+ async getPayInfo() {
+ this.getrecharge();
+ // 获取支付渠道 详细信息
+ // let data = await api.getPayInfoDetail({ payId: 3 });
+ // if (data.status === 0) {
+ // const { channelName, channelAccount, channelDesc } = data.data;
+ // this.skName = channelName;
+ // this.skUser = channelAccount;
+ // this.skBankName = channelDesc;
+ // } else {
+ // this.messShow = true;
+ // this.mess = data.msg;
+ // setTimeout(() => {
+ // this.messShow = false;
+ // }, 1500);
+ // }
+ },
+ async getrecharge() {
+ if (!this.walletNum) {
+ this.$message.error("请输入充值金额");
+ return;
+ }
+ // this.dialogTableVisible = true;
- let opts = {
- amt: this.walletNum,
- payType: 1
- }
- let data = await api.inMoney(opts)
- if (data.status === 0) {
- this.messDialog = true
- } else {
- this.messShow = true
- this.mess = data.msg ? data.msg : '充值失败,请重新充值'
- setTimeout(() => {
- this.messShow = false
- }, 1500)
- }
- },
- regexNum(str) {
- console.log(str);
- str = str.toString()
- if (str.indexOf(".") == -1) {
- str = str + ".00"
- }
+ let opts = {
+ amt: this.walletNum,
+ payType: 1
+ };
+ let data = await api.inMoney(opts);
+ if (data.status === 0) {
+ this.messDialog = true;
+ } else {
+ this.messShow = true;
+ this.mess = data.msg ? data.msg : "充值失败,请重新充值";
+ setTimeout(() => {
+ this.messShow = false;
+ }, 1500);
+ }
+ },
+ regexNum(str) {
+ console.log(str);
+ str = str.toString();
+ if (str.indexOf(".") == -1) {
+ str = str + ".00";
+ }
- var newStr = str.split('.')
- var point = newStr[1]
+ var newStr = str.split(".");
+ var point = newStr[1];
- if (point.length < 2) {
- point = point + "0"
- }
- var moneyPoint = newStr[0]
- if (moneyPoint.length <= 3) {
- return moneyPoint + "." + point
- } else {
- var mPoint = moneyPoint.substr(moneyPoint.length - 3, moneyPoint.length)
- var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3)
- var endString = twoPoint.toString().replace(/(\d)(?=(\d{2})+(?!\d))/g, '$1,')
- return endString + "," + mPoint + '.' + point;
-
- }
- },
- },
- }
+ if (point.length < 2) {
+ point = point + "0";
+ }
+ var moneyPoint = newStr[0];
+ if (moneyPoint.length <= 3) {
+ return moneyPoint + "." + point;
+ } else {
+ var mPoint = moneyPoint.substr(
+ moneyPoint.length - 3,
+ moneyPoint.length
+ );
+ var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3);
+ var endString = twoPoint
+ .toString()
+ .replace(/(\d)(?=(\d{2})+(?!\d))/g, "$1,");
+ return endString + "," + mPoint + "." + point;
+ }
+ }
+ }
+};
</script>
<style scoped lang="less">
- .qrcode {
- margin-top: 20px;
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .ttx_boxa {
- width: 32%;
- height: 40px;
- margin-bottom: 15px;
- background-color: #fff;
- border-radius: 3px;
- background: #2D6AE9;
- font-size: 0.4015rem;
- color: #fff;
- }
-
- .ttx_box {
- width: 32%;
- height: 40px;
- margin-bottom: 15px;
- background-color: #fff;
- border-radius: 3px;
- }
-
- .qrcode_txt {
- text-align: center;
- margin-top: 20px;
- }
-.aaxx{
- // width: 100%;
- display: flex;
- flex-direction: column;
- justify-items: center;
- align-items: center;
+.qrcode {
+ margin-top: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
- .user_page {
- width: 100%;
- height: calc(100% - 1.3rem);
- .content {
- width: 100%;
- height: 100%;
- padding: 0 0.3rem;
+.ttx_boxa {
+ width: 32%;
+ height: 40px;
+ margin-bottom: 15px;
+ background-color: #fff;
+ border-radius: 3px;
+ background: #2d6ae9;
+ font-size: 0.4015rem;
+ color: #fff;
+}
- .top_icon {
- width: 100%;
- height: 1.5rem;
- display: flex;
- justify-content: space-between;
- align-items: center;
+.ttx_box {
+ width: 32%;
+ height: 40px;
+ margin-bottom: 15px;
+ background-color: #fff;
+ border-radius: 3px;
+}
- .left_back {
- width: 10%;
- height: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
+.qrcode_txt {
+ text-align: center;
+ margin-top: 20px;
+}
+.aaxx {
+ // width: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-items: center;
+ align-items: center;
+}
+.user_page {
+ width: 100%;
+ height: calc(100% - 1.3rem);
- img {
- width: 0.6rem;
- height: 0.6rem;
- }
- }
+ .content {
+ width: 100%;
+ height: 100%;
+ padding: 0 0.3rem;
- .right_icon {
- width: 18%;
- height: 35%;
- padding-right: 0.1rem;
- display: flex;
- justify-content: space-between;
+ .top_icon {
+ width: 100%;
+ height: 1.5rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
- >div {
- width: auto;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
+ .left_back {
+ width: 10%;
+ height: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- img {
- width: 0.55rem;
- height: 0.55rem;
- }
- }
- }
- }
+ img {
+ width: 0.6rem;
+ height: 0.6rem;
+ }
+ }
- .users {
- width: 100%;
- height: 1.7949rem;
- background: #fff;
- border-radius: 0.15rem;
- display: flex;
- align-items: center;
- justify-content: space-between;
+ .right_icon {
+ width: 18%;
+ height: 35%;
+ padding-right: 0.1rem;
+ display: flex;
+ justify-content: space-between;
- .left_tou {
- width: 80%;
- height: 70%;
- display: flex;
+ > div {
+ width: auto;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
- .left_tx {
- width: 20%;
- height: 100%;
- margin-left: 0.3rem;
- display: flex;
- align-items: center;
- justify-content: center;
+ img {
+ width: 0.55rem;
+ height: 0.55rem;
+ }
+ }
+ }
+ }
- >div {
- width: 1rem;
- height: 1rem;
- border-radius: 50%;
- overflow: hidden;
- background: rgb(211, 211, 211);
+ .users {
+ width: 100%;
+ height: 1.7949rem;
+ background: #fff;
+ border-radius: 0.15rem;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
- img {
- width: 100%;
- height: 100%;
- }
- }
- }
+ .left_tou {
+ width: 80%;
+ height: 70%;
+ display: flex;
- .right_name {
- width: 80%;
- height: 100%;
- display: flex;
- align-items: center;
- font-size: 0.4415rem;
+ .left_tx {
+ width: 20%;
+ height: 100%;
+ margin-left: 0.3rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- span {
- font-weight: 600;
- }
- }
- }
+ > div {
+ width: 1rem;
+ height: 1rem;
+ border-radius: 50%;
+ overflow: hidden;
+ background: rgb(211, 211, 211);
- .right_go {
- width: 20%;
- height: 70%;
- display: flex;
- justify-content: flex-end;
- align-items: center;
- padding-right: 0.2rem;
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
- img {
- width: 0.6rem;
- height: 0.6rem;
- }
- }
- }
+ .right_name {
+ width: 80%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ font-size: 0.4415rem;
- .center_card {
- width: 100%;
- height: 5.3846rem;
- background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
- // background-image: linear-gradient(to right, #ffffff , #dfedfc);
- border-radius: 0.15rem;
- padding: 0.5rem 0.4rem;
+ span {
+ font-weight: 600;
+ }
+ }
+ }
- .keyon {
- width: 100%;
- height: 0.5128rem;
- font-size: 0.359rem;
- display: flex;
- align-items: center;
- color: #3d4144;
+ .right_go {
+ width: 20%;
+ height: 70%;
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ padding-right: 0.2rem;
- span {
- font-weight: 600;
- }
- }
+ img {
+ width: 0.6rem;
+ height: 0.6rem;
+ }
+ }
+ }
- .num_price {
- width: 100%;
- height: 0.6667rem;
- margin-top: 0.1rem;
- display: flex;
- align-items: center;
- font-size: 0.5528rem;
+ .center_card {
+ width: 100%;
+ height: 5.3846rem;
+ background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
+ // background-image: linear-gradient(to right, #ffffff , #dfedfc);
+ border-radius: 0.15rem;
+ padding: 0.5rem 0.4rem;
- span {
- font-weight: 600;
- }
- }
+ .keyon {
+ width: 100%;
+ height: 0.5128rem;
+ font-size: 0.359rem;
+ display: flex;
+ align-items: center;
+ color: #3d4144;
- .yk {
- width: 100%;
- height: 0.5rem;
- display: flex;
- align-items: center;
+ span {
+ font-weight: 600;
+ }
+ }
- >div {
- width: 50%;
- height: 100%;
- color: #97989d;
- display: flex;
- align-items: center;
- }
- }
+ .num_price {
+ width: 100%;
+ height: 0.6667rem;
+ margin-top: 0.1rem;
+ display: flex;
+ align-items: center;
+ font-size: 0.5528rem;
- .yk.es {
- margin-top: 0.3rem;
- }
+ span {
+ font-weight: 600;
+ }
+ }
- .yk.as {
- font-size: 0.4033rem;
- margin-top: 0.1rem;
+ .yk {
+ width: 100%;
+ height: 0.5rem;
+ display: flex;
+ align-items: center;
- span {
- color: #000;
- font-weight: 600;
- }
+ > div {
+ width: 50%;
+ height: 100%;
+ color: #97989d;
+ display: flex;
+ align-items: center;
+ }
+ }
- .bzz {
- color: #4ea364;
- }
- }
+ .yk.es {
+ margin-top: 0.3rem;
+ }
- .btns {
- width: 100%;
- height: 1.2821rem;
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 0.25rem;
- background: #2D6AE9;
- font-size: 0.4015rem;
- color: #fff;
- margin-top: 0.35rem;
+ .yk.as {
+ font-size: 0.4033rem;
+ margin-top: 0.1rem;
- span {
- font-weight: 600;
- }
- }
+ span {
+ color: #000;
+ font-weight: 600;
+ }
- .active {
- background: #4ea364;
- }
- }
+ .bzz {
+ color: #4ea364;
+ }
+ }
- .jy {
- width: 100%;
- height: 1.5rem;
- border-radius: 0.2rem;
- background: #fff;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0 0.3rem;
- margin-top: 0.3rem;
+ .btns {
+ width: 100%;
+ height: 1.2821rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 0.25rem;
+ background: #2d6ae9;
+ font-size: 0.4015rem;
+ color: #fff;
+ margin-top: 0.35rem;
- .left_gn {
- width: 40%;
- height: 60%;
- display: flex;
+ span {
+ font-weight: 600;
+ }
+ }
- .l_icon {
- width: 30%;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
+ .active {
+ background: #4ea364;
+ }
+ }
- img {
- width: 0.5041rem;
- height: 0.5041rem;
- }
- }
+ .jy {
+ width: 100%;
+ height: 1.5rem;
+ border-radius: 0.2rem;
+ background: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0 0.3rem;
+ margin-top: 0.3rem;
+
+ .left_gn {
+ width: 40%;
+ height: 60%;
+ display: flex;
+
+ .l_icon {
+ width: 30%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ img {
+ width: 0.5041rem;
+ height: 0.5041rem;
+ }
+ }
- .r_title {
- width: 70%;
- height: 100%;
- display: flex;
- align-items: center;
- font-size: 0.4046rem;
- color: #404040;
+ .r_title {
+ width: 70%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ font-size: 0.4046rem;
+ color: #404040;
- span {
- font-weight: 600;
- }
- }
- }
+ span {
+ font-weight: 600;
+ }
+ }
+ }
- .right_gos {
- width: 20%;
- height: 60%;
- display: flex;
- align-items: center;
- justify-content: flex-end;
+ .right_gos {
+ width: 20%;
+ height: 60%;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
- img {
- width: 0.6rem;
- height: 0.6rem;
- }
- }
- }
- }
- }
+ img {
+ width: 0.6rem;
+ height: 0.6rem;
+ }
+ }
+ }
+ }
+}
- .tabs {
- width: 100%;
- height: 1rem;
- display: flex;
- align-items: center;
- justify-content: space-between;
+.tabs {
+ width: 100%;
+ height: 1rem;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
- >div {
- width: 48%;
- height: 70%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
+ > div {
+ width: 48%;
+ height: 70%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
- .active {
- background: rgb(255, 255, 255);
- border-radius: 0.15rem;
- }
- }
+ .active {
+ background: rgb(255, 255, 255);
+ border-radius: 0.15rem;
+ }
+}
- .banks {
- width: 100%;
- background: #fff;
- padding: 0 0.4rem;
- border-radius: 0.3rem;
- margin-top: 0.3rem;
+.banks {
+ width: 100%;
+ background: #fff;
+ padding: 0 0.4rem;
+ border-radius: 0.3rem;
+ margin-top: 0.3rem;
- >div {
- width: 100%;
- // height: 1.5385rem;
- // margin-top: 0.3rem;
- padding: 0.5rem 0;
- display: flex;
- align-items: center;
- justify-content: space-between;
- border-bottom: 0.05rem solid rgb(224, 224, 224);
- font-size: 0.359rem;
+ > div {
+ width: 100%;
+ // height: 1.5385rem;
+ // margin-top: 0.3rem;
+ padding: 0.5rem 0;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ border-bottom: 0.05rem solid rgb(224, 224, 224);
+ font-size: 0.359rem;
- span {
- font-weight: 600;
- }
+ span {
+ font-weight: 600;
+ }
- .left_name {
- width: 25%;
- height: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
+ .left_name {
+ width: 25%;
+ height: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
- .center_input {
- width: 60%;
- height: 50%;
+ .center_input {
+ width: 60%;
+ height: 50%;
- input {
- width: 100%;
- height: 100%;
- }
- }
+ input {
+ width: 100%;
+ height: 100%;
+ }
+ }
- .right_copy {
- // width: 15%;
- height: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- }
- }
+ .right_copy {
+ // width: 15%;
+ height: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ }
+}
- .img_right {
- >img {
- width: 0.55rem;
- height: 0.55rem;
- }
- }
+.img_right {
+ > img {
+ width: 0.55rem;
+ height: 0.55rem;
+ }
+}
- .mess_content {
- width: 100%;
- height: 100%;
- padding: 0.5rem 0.3rem;
+.mess_content {
+ width: 100%;
+ height: 100%;
+ padding: 0.5rem 0.3rem;
- .top_title {
- width: 100%;
- height: 2.5rem;
+ .top_title {
+ width: 100%;
+ height: 2.5rem;
- .tt {
- width: 100%;
- height: 30%;
- display: flex;
- align-items: center;
+ .tt {
+ width: 100%;
+ height: 30%;
+ display: flex;
+ align-items: center;
- .left_icon {
- width: 0.5rem;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
+ .left_icon {
+ width: 0.5rem;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- img {
- width: 0.4rem;
- height: 0.4rem;
- }
- }
+ img {
+ width: 0.4rem;
+ height: 0.4rem;
+ }
+ }
- .right_title {
- margin-left: 0.2rem;
- }
- }
- }
+ .right_title {
+ margin-left: 0.2rem;
+ }
+ }
+ }
- ._on {
- width: 100%;
- height: 0.5rem;
- padding: 0 0.3rem;
- margin-top: 0.1rem;
- }
+ ._on {
+ width: 100%;
+ height: 0.5rem;
+ padding: 0 0.3rem;
+ margin-top: 0.1rem;
+ }
- .hgg {
- line-height: 0.5rem;
- }
- }
+ .hgg {
+ line-height: 0.5rem;
+ }
+}
- .withdrawal {
- width: 100%;
- // height: 5rem;
- background: #fff;
- border-radius: 0.15rem;
- padding: 0.5rem 0.4rem;
- background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
+.withdrawal {
+ width: 100%;
+ // height: 5rem;
+ background: #fff;
+ border-radius: 0.15rem;
+ padding: 0.5rem 0.4rem;
+ background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
- .ttx {
- width: 100%;
- height: 0.5rem;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 0.35rem;
- }
+ .ttx {
+ width: 100%;
+ height: 0.5rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 0.35rem;
+ }
- .ttx_price {
- width: 100%;
- height: 1rem;
- display: flex;
- align-items: center;
- justify-content: center;
- color: #2D6AE9;
- font-size: 0.6615rem;
+ .ttx_price {
+ width: 100%;
+ height: 1rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #2d6ae9;
+ font-size: 0.6615rem;
- span {
- font-weight: 600;
- }
- }
+ span {
+ font-weight: 600;
+ }
+ }
- .ttx_input {
- width: 100%;
- height: 1rem;
- display: flex;
+ .ttx_input {
+ width: 100%;
+ height: 1rem;
+ display: flex;
- >div {
- display: flex;
- justify-content: center;
- align-items: center;
- }
+ > div {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
- .titles {
- width: 20%;
- height: 100%;
- font-size: 0.35rem;
- }
+ .titles {
+ width: 20%;
+ height: 100%;
+ font-size: 0.35rem;
+ }
- .num {
- width: 70%;
- height: 100%;
- font-size: 0.35rem;
- display: flex;
+ .num {
+ width: 70%;
+ height: 100%;
+ font-size: 0.35rem;
+ display: flex;
- input {
- width: 100%;
- height: 100%;
- padding-left: 1rem;
- font-weight: 600;
- font-size: 0.35rem;
- }
- }
+ input {
+ width: 100%;
+ height: 100%;
+ padding-left: 1rem;
+ font-weight: 600;
+ font-size: 0.35rem;
+ }
+ }
- .all {
- width: 10%;
- height: 100%;
- font-size: 0.35rem;
- }
- }
- }
+ .all {
+ width: 10%;
+ height: 100%;
+ font-size: 0.35rem;
+ }
+ }
+}
- .btns {
- width: 100%;
- height: 1.2821rem;
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 0.25rem;
- background: #2D6AE9;
- font-size: 0.4015rem;
- color: #fff;
- margin-top: 0.35rem;
+.btns {
+ width: 100%;
+ height: 1.2821rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 0.25rem;
+ background: #2d6ae9;
+ font-size: 0.4015rem;
+ color: #fff;
+ margin-top: 0.35rem;
- span {
- font-weight: 600;
- }
- }
+ span {
+ font-weight: 600;
+ }
+}
- .bank_1:last-child {
- border: none;
- }
+.bank_1:last-child {
+ border: none;
+}
</style>
diff --git a/src/utils/allocation.js b/src/utils/allocation.js
index 75eccb7..b37b81c 100644
--- a/src/utils/allocation.js
+++ b/src/utils/allocation.js
@@ -17,7 +17,7 @@
number = number || 0;
let str = Number(number).toLocaleString(locale, options);
if (showCurrencySymbol) {
- str = str.replaceAll(" ﷼", "");
+ str = str.replaceAll(" ", "");
}
return str;
}
diff --git a/src/utils/filter.js b/src/utils/filter.js
index 9249c75..20c4f71 100644
--- a/src/utils/filter.js
+++ b/src/utils/filter.js
@@ -15,9 +15,9 @@
number = Math.floor(number * 100) / 100; // 向下取整并保留两位小数
let str = Number(number).toLocaleString(locale, options);
- console.log('转换后的'+ str)
+ console.log('转换后的' + str)
// if (showCurrencySymbol) {
- // str = str.replaceAll(" ﷼", "");
+ // str = str.replaceAll(" ", "");
// }
return str;
}
--
Gitblit v1.9.3