From 71d9414eea8a2aa2f1bb9cc8f23f0a69973269f5 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Wed, 27 Mar 2024 15:28:24 +0800
Subject: [PATCH] 注册页面的客服地址错误
---
src/locales/india.js | 7
src/page/kline/index.vue | 586 +++++---
src/page/user/Warehouse/data.list.vue | 12
src/page/user/recharge.vue | 31
src/axios/api.js | 3
src/page/trading/buy.vue | 615 +++++----
src/locales/zh.js | 3
src/locales/taiyu.js | 7
src/page/user/Warehouse.vue | 20
src/page/login/login.vue | 9
src/locales/index.js | 4
src/page/login/components/header.vue | 2
src/page/home/buy.vue | 703 ++++++----
src/page/authentication/index.vue | 11
src/page/newUser/index.vue | 24
src/page/user/authentication.vue | 277 ++--
src/page/login/register.vue | 3
src/components/foot.vue | 10
src/locales/tw.js | 7
src/store/index.js | 37
src/page/user/Warehouse/item.card.vue | 4
src/page/list/tradingList/data.list.vue | 36
src/page/home/help.vue | 1238 +++++++++---------
src/router/index.js | 19
src/locales/hanyu.js | 17
src/locales/riyu.js | 7
src/axios/index.js | 99
src/locales/en.js | 7
src/page/user/ransferIndex.vue | 2
src/main.js | 33
src/page/newUser/setting.vue | 4
31 files changed, 2,076 insertions(+), 1,761 deletions(-)
diff --git a/src/axios/api.js b/src/axios/api.js
index 5353e9b..9d3d5c0 100644
--- a/src/axios/api.js
+++ b/src/axios/api.js
@@ -246,7 +246,6 @@
}
// 划转
export function transfer(options) {
-
return post("/user/transfer.do", options);
}
@@ -276,7 +275,7 @@
}
// 用户详情
export function getUserInfo(options) {
- return post("/user/getUserInfo.do", options);
+ // return post("/user/getUserInfo.do", options);
}
// 多账户
export function getMoney(options) {
diff --git a/src/axios/index.js b/src/axios/index.js
index f1fdf83..f7c1824 100644
--- a/src/axios/index.js
+++ b/src/axios/index.js
@@ -2,61 +2,60 @@
// 手机端：http://www.shehua56.com/wap2.0/
// 账户：15888888888 密码:123456
-import axios from 'axios' // 引入axios
-import qs from 'qs' // 引入qs
-// import store from '@/store'
-// import router from '@/router'
-import APIUrl from './api.url' // 引入api.url.js
+import axios from "axios"; // 引入axios
+import qs from "qs"; // 引入qs
+import store from "@/store";
+import router from "@/router";
+import APIUrl from "./api.url"; // 引入api.url.js
// axios 默认配置 更多配置查看Axios中文文档
-axios.defaults.timeout = 50000 // 超时默认值
-axios.defaults.baseURL = APIUrl.baseURL // 默认baseURL
-axios.defaults.responseType = 'json' // 默认数据响应类型
-axios.defaults.headers.common['Content-Type'] = 'application/json;charset=UTF-8'
+axios.defaults.timeout = 50000; // 超时默认值
+axios.defaults.baseURL = APIUrl.baseURL; // 默认baseURL
+axios.defaults.responseType = "json"; // 默认数据响应类型
+axios.defaults.headers.common["Content-Type"] =
+ "application/json;charset=UTF-8";
// axios.defaults.headers.common['Content-Type'] = 'application/x-www-form-urlencoded';
-axios.defaults.withCredentials = true // 表示跨域请求时是否需要使用凭证
+axios.defaults.withCredentials = true; // 表示跨域请求时是否需要使用凭证
// http request 拦截器
// 在ajax发送之前拦截 比如对所有请求统一添加header token
axios.interceptors.request.use(
config => {
- config.headers['lang'] = localStorage.getItem('language') ? localStorage.getItem('language') : 'zh-CN'
- if (window.localStorage.getItem('USERTOKEN')) {
+ config.headers["lang"] = localStorage.getItem("language")
+ ? localStorage.getItem("language")
+ : "zh-CN";
+ if (window.localStorage.getItem("USERTOKEN")) {
// config.headers.Authorization = `USER_TOKEN = ${store.state.token}`;
- config.headers['USERTOKEN'] = window.localStorage.getItem('USERTOKEN')
+ config.headers["USERTOKEN"] = window.localStorage.getItem("USERTOKEN");
}
- console.log(config)
- return config
+ console.log(config);
+ return config;
},
err => {
- return Promise.reject(err)
+ return Promise.reject(err);
}
-)
+);
// http response 拦截器
// ajax请求回调之前拦截 对请求返回的信息做统一处理 比如error为401无权限则跳转到登陆界面
axios.interceptors.response.use(
response => {
- // switch (response.data && response.data.success) {
- // case false:
- // response.data.msg = '您还未登录,请先登录'
- // //console.log(response.data)
- // router.replace({
- // path: 'openaccount'
- // })
- // break
- // default:
- // break
- // }
- return response
+ if (response.data && response.data.status === 401) {
+ store.commit("undataToken", null);
+ window.localStorage.setItem("USERTOKEN", null);
+ router.push("/login");
+ return response;
+ }
+
+ return response;
},
error => {
// console.log(error,'error');
- return Promise.reject(error)
+ return Promise.reject(error);
}
-)
+);
-export default axios // 这句千万不能漏下！！！
+export default axios; // 这句千万不能漏下！！！
/**
* post 方法封装
@@ -64,15 +63,17 @@
* @param data
* @returns {Promise}
*/
-export function post (url, data = {}, out) {
+export function post(url, data = {}, out) {
return new Promise((resolve, reject) => {
- axios.post(url, qs.stringify(data))
- .then(response => {
- resolve(response.data)
- }, err => {
- reject(err)
- })
- })
+ axios.post(url, qs.stringify(data)).then(
+ response => {
+ resolve(response.data);
+ },
+ err => {
+ reject(err);
+ }
+ );
+ });
}
/**
@@ -81,15 +82,17 @@
* @param data
* @returns {Promise}
*/
-export function get (url, data = {}) {
+export function get(url, data = {}) {
return new Promise((resolve, reject) => {
- axios.get(url, { params: data })
- .then(response => {
- resolve(response.data)
- }, err => {
- reject(err)
- })
- })
+ axios.get(url, { params: data }).then(
+ response => {
+ resolve(response.data);
+ },
+ err => {
+ reject(err);
+ }
+ );
+ });
}
/**
diff --git a/src/components/foot.vue b/src/components/foot.vue
index 4fe8bbe..f62f049 100644
--- a/src/components/foot.vue
+++ b/src/components/foot.vue
@@ -112,16 +112,6 @@
mounted() {},
methods: {
goRouter(url, index) {
- if (index === 2 || index === 3 || index === 4 || index === 5) {
- if (
- window.localStorage.getItem("USERTOKEN") === "" ||
- window.localStorage.getItem("USERTOKEN") == null ||
- window.localStorage.getItem("USERTOKEN") == undefined
- ) {
- this.$emit("close");
- return;
- }
- }
this.touch = index;
setTimeout(() => {
this.touch = 0;
diff --git a/src/locales/en.js b/src/locales/en.js
index 8c90732..7563882 100644
--- a/src/locales/en.js
+++ b/src/locales/en.js
@@ -929,7 +929,7 @@
" Are you sure you want to close all orders with one click? ",
打新日曆: " Create new calendar",
- 立即登录: "US stock account",
+ 立即登录: "Log in",
記住帳戶密碼: " Remember account password",
"還沒賬號？": " Don’t have an account yet? ",
"已有賬號？": " Already have an account? ",
@@ -939,5 +939,8 @@
"《用戶服務協議》": " User Services Agreement",
立即注册: " Sign up now",
登錄賬號: " Login account",
- 新股记录: "IPO record"
+ 新股记录: "IPO record",
+ 美股总资产: "US stock account",
+ 印股总资产: " Total assets of Indian stocks",
+ 馬股总资产: " Total assets of the Malaysian stock market"
};
diff --git a/src/locales/hanyu.js b/src/locales/hanyu.js
index cc20536..7b7465c 100644
--- a/src/locales/hanyu.js
+++ b/src/locales/hanyu.js
@@ -489,15 +489,18 @@
"您確定一鍵平倉所有訂單嗎？":
" 한 번의 클릭으로 모든 주문을 종료하시겠습니까? ",
打新日曆: " 새 캘린더 만들기",
- 立即登录: "미국 주식 계좌",
+ 立即登录: "로그인",
記住帳戶密碼: " 계정 비밀번호를 기억하세요",
- "還沒賬號？": " 아직 계정이 없나요? ,",
- "已有賬號？": " 이미 계정이 있나요? ,",
- 免費註冊: " 무료 등록,",
- 馬上登錄: " 지금 로그인하십시오,",
+ "還沒賬號？": " 아직 계정이 없나요? ",
+ "已有賬號？": " 이미 계정이 있나요? ",
+ 免費註冊: " 무료 등록",
+ 馬上登錄: " 지금 로그인하십시오",
我已閱讀並同意: " 읽었으며 이에 동의합니다",
"《用戶服務協議》": " 사용자 서비스 계약",
- 立即注册: " 지금 등록하세요,",
+ 立即注册: " 지금 등록하세요",
登錄賬號: " 로그인 계정",
- 新股记录: "IPO 기록"
+ 新股记录: "IPO 기록",
+ 美股总资产:"미국 주식 계좌",
+印股总资产:" 인도 주식의 총 자산",
+馬股总资产:" 말레이시아 주식시장의 총 자산",
};
diff --git a/src/locales/index.js b/src/locales/index.js
index 8751ded..2d4d628 100644
--- a/src/locales/index.js
+++ b/src/locales/index.js
@@ -1,7 +1,7 @@
import Vue from "vue";
import VueI18n from "vue-i18n";
-import en from "./en.js";
-// import en from "./zh.js";
+// import en from "./en.js";
+import en from "./zh.js";
import india from "@/locales/india";
import tw from "@/locales/tw";
import ty from "@/locales/taiyu.js";
diff --git a/src/locales/india.js b/src/locales/india.js
index d48194a..3b4eabb 100644
--- a/src/locales/india.js
+++ b/src/locales/india.js
@@ -920,7 +920,7 @@
"您確定一鍵平倉所有訂單嗎？":
" क्या आप वाकई एक क्लिक से सभी ऑर्डर बंद करना चाहते हैं? ",
打新日曆: " नया कैलेंडर बनाएं",
- 立即登录: "यूएस स्टॉक खाता",
+ 立即登录: "लॉग इन करें",
記住帳戶密碼: " अकाउंट पासवर्ड याद रखें",
"還沒賬號？": " अब तक कोई खाता नहीं है? ",
"已有賬號？": " क्या आपके पास पहले से एक खाता मौजूद है? ",
@@ -930,5 +930,8 @@
"《用戶服務協議》": " उपयोगकर्ता सेवा अनुबंध",
立即注册: " अभी साइनअप करें",
登錄賬號: " लॉगिन खाता",
- 新股记录: "आईपीओ रिकॉर्ड"
+ 新股记录: "आईपीओ रिकॉर्ड",
+ 美股总资产:"यूएस स्टॉक खाता",
+印股总资产:" भारतीय शेयरों की कुल संपत्ति",
+馬股总资产:" मलेशियाई शेयर बाजार की कुल संपत्ति",
};
diff --git a/src/locales/riyu.js b/src/locales/riyu.js
index a2c61be..dd80fcd 100644
--- a/src/locales/riyu.js
+++ b/src/locales/riyu.js
@@ -490,7 +490,7 @@
"您確定一鍵平倉所有訂單嗎？":
" ワンクリックですべての注文を閉じてもよろしいですか? ",
打新日曆: " 新しいカレンダーを作成する",
- 立即登录: "米国株式口座",
+ 立即登录: "ログイン",
記住帳戶密碼: " アカウントのパスワードを覚えておいてください",
"還沒賬號？": " まだアカウントをお持ちでない場合は、 ",
"已有賬號？": " すでにアカウントをお持ちですか？ ",
@@ -500,5 +500,8 @@
"《用戶服務協議》": " 「ユーザーサービス契約」",
立即注册: " 今すぐサインアップして",
登錄賬號: " ログインアカウント",
- 新股记录: "IPO実績"
+ 新股记录: "IPO実績",
+ 美股总资产: "米国株式口座",
+ 印股总资产: " インド株の総資産",
+ 馬股总资产: " マレーシア株式市場の総資産"
};
diff --git a/src/locales/taiyu.js b/src/locales/taiyu.js
index ed87cde..2564ed8 100644
--- a/src/locales/taiyu.js
+++ b/src/locales/taiyu.js
@@ -489,7 +489,7 @@
"您確定一鍵平倉所有訂單嗎？":
" คุณแน่ใจหรือไม่ว่าต้องการปิดคำสั่งซื้อทั้งหมดด้วยการคลิกเพียงครั้งเดียว? ",
打新日曆: " สร้างปฏิทินใหม่",
- 立即登录: "บัญชีหุ้นสหรัฐฯ",
+ 立即登录: "เข้าสู่ระบบ",
記住帳戶密碼: " จำรหัสผ่านบัญชี",
"還沒賬號？": " อย่ามีบัญชีหรือยัง? ",
"已有賬號？": " มีบัญชีอยู่แล้ว? ",
@@ -499,5 +499,8 @@
"《用戶服務協議》": "ข้อตกลงการบริการผู้ใช้",
立即注册: " สมัครตอนนี้เลย",
登錄賬號: " บัญชีเข้าสู่ระบบ",
- 新股记录: "บันทึกการเสนอขายหุ้น IPO"
+ 新股记录: "บันทึกการเสนอขายหุ้น IPO",
+ 美股总资产: "บัญชีหุ้นสหรัฐฯ",
+ 印股总资产: "สินทรัพย์รวมของหุ้นอินเดีย",
+ 馬股总资产: "สินทรัพย์รวมของตลาดหุ้นมาเลเซีย"
};
diff --git a/src/locales/tw.js b/src/locales/tw.js
index d0d8d69..a6f315f 100644
--- a/src/locales/tw.js
+++ b/src/locales/tw.js
@@ -1156,7 +1156,7 @@
"倉位(股)": " 倉位(股)",
"您確定一鍵平倉所有訂單嗎？": " 您確定一鍵平倉所有訂單嗎？ ",
打新日曆: " 打新日曆",
- 立即登录: "美股账户",
+ 立即登录: "登入",
記住帳戶密碼: " 記住帳戶密碼",
"還沒賬號？": " 還沒賬號？",
"已有賬號？": " 已有賬號？",
@@ -1166,5 +1166,8 @@
"《用戶服務協議》": " 《用戶服務協議》",
立即注册: " 立即注册",
新股记录: " 新股記錄",
- 登錄賬號: " 登錄賬號"
+ 登錄賬號: " 登錄賬號",
+ 美股总资产: "美股账户",
+ 印股总资产: " 印股总资产",
+ 馬股总资产: " 馬股总资产"
};
diff --git a/src/locales/zh.js b/src/locales/zh.js
index 4ed718a..d20d7b3 100644
--- a/src/locales/zh.js
+++ b/src/locales/zh.js
@@ -457,6 +457,9 @@
類型: "類型",
總浮動盈虧: "總浮動盈虧",
美股資產: "美股資產",
+ 美股总资产: "美股总资产",
+ 印股总资产: "印股总资产",
+ 馬股总资产: "馬股总资产",
美股可用: "美股可用",
美股冻结: "美股冻结",
印股資產: "印股資產",
diff --git a/src/main.js b/src/main.js
index 47d37b8..191f9eb 100644
--- a/src/main.js
+++ b/src/main.js
@@ -124,37 +124,14 @@
}
}
};
-// router.beforeEach((to, from, next) => {
-// console.log(to.path)
-// store.state.select = to.path
-// document.title = to.meta.title || '亿点通'
-// // 判断是否登录
-// console.log(document.cookie)
-// // console.log(checkCookie(),'checkCookie()')
-// if(!to.meta.requireAuth){
-// next()
-// return
-// }
-// if (document.cookie && to.meta.requireAuth) {
-// if (to.path === '/login') {
-// next({ path: '/' })
-// } else {
-// if (!to.query.url && from.query.url) {
-// to.query.url = from.query.url
-// }
-// next()
-// }
-// }else{
-// if (to.path === '/login') {
-// next()
-// } else {
-// next({ path: '/login' })
-// }
-// }
-// })
+
router.beforeEach((to, from, next) => {
store.state.select = to.path;
document.title = to.meta.title;
+ console.log(store.state, "store.state", !!store.state.token);
+ if (to.meta.requireAuth && !!!store.state.token) {
+ next("/login");
+ }
// if (!to.query.url && from.query.url) {
// to.query.url = from.query.url
// }
diff --git a/src/page/authentication/index.vue b/src/page/authentication/index.vue
index f5e83dd..28cfacc 100644
--- a/src/page/authentication/index.vue
+++ b/src/page/authentication/index.vue
@@ -157,7 +157,7 @@
import { Toast } from "mint-ui";
import { isNull, idCardReg, isName } from "@/utils/utils";
import { compress } from "@/utils/imgupload";
-
+import apiUrl from "@/axios/api.url.js";
export default {
name: "bankCard",
data() {
@@ -175,7 +175,7 @@
img2Key: "",
img3Key: "",
showBtn: true,
- admin: "",
+ admin: apiUrl.baseURL,
imgStatus: false,
imgStatus2: false,
messFlag: this.$store.state.userInfo.isActive == 3 ? true : false,
@@ -195,11 +195,6 @@
if (this.$state.theme == "red") {
document.body.classList.remove("black-bg");
document.body.classList.add("red-bg");
- }
- this.admin = process.env.API_HOST;
- console.log(this.admin);
- if (this.admin == undefined) {
- this.admin = "https://api.guosen.org";
}
},
methods: {
@@ -331,7 +326,7 @@
<style scoped lang="less">
.bank_card_page {
width: 100%;
- height: 100%;
+ // height: 100%;
background: #fff;
position: relative;
diff --git a/src/page/home/buy.vue b/src/page/home/buy.vue
index e36f553..fa2d887 100644
--- a/src/page/home/buy.vue
+++ b/src/page/home/buy.vue
@@ -5,69 +5,101 @@
<router-link :to="'/listdetail?code='+detail.code+'&stock_type='+detail.stockType" slot="left">
<mt-button icon="back">详情</mt-button>
</router-link> -->
- <!-- <mt-button icon="more" slot="right"></mt-button> -->
- <!-- </mt-header>
+ <!-- <mt-button icon="more" slot="right"></mt-button> -->
+ <!-- </mt-header>
</div> -->
<div class="box-tab">
- <div class="tab-title">
- <span class="circle"></span>股票详情
- </div>
+ <div class="tab-title"><span class="circle"></span>股票详情</div>
<div class="tab-con">
<ul class="first clearfix">
<li class="pull-left">
- {{detail.name}}
+ {{ detail.name }}
</li>
- <li :class="detail.hcrate < 0?'pull-left green':detail.hcrate == 0?'pull-left':'pull-left red'">
+ <li
+ :class="
+ detail.hcrate < 0
+ ? 'pull-left green'
+ : detail.hcrate == 0
+ ? 'pull-left'
+ : 'pull-left red'
+ "
+ >
当前价：
- <span>{{detail.nowPrice}}</span>
+ <span>{{ detail.nowPrice }}</span>
</li>
</ul>
<ul class="first clearfix">
<li class="pull-left">
- {{detail.code}}
+ {{ detail.code }}
<!-- <span>(Scrb1905)</span> -->
</li>
- <li :class="detail.hcrate < 0?'pull-left green':detail.hcrate == 0?'pull-left':'pull-left red'">
+ <li
+ :class="
+ detail.hcrate < 0
+ ? 'pull-left green'
+ : detail.hcrate == 0
+ ? 'pull-left'
+ : 'pull-left red'
+ "
+ >
<!-- 当前价： -->
- <span>{{detail.hcrate}}%</span>
+ <span>{{ detail.hcrate }}%</span>
</li>
<li class="last pull-right">
- <mt-button class="btn-red" @click="goBack" size="small" type="danger">行情></mt-button>
+ <mt-button
+ class="btn-red"
+ @click="goBack"
+ size="small"
+ type="danger"
+ >行情></mt-button
+ >
</li>
</ul>
</div>
</div>
<div class="box-tab">
- <div class="tab-title">
- <span class="circle"></span>选择手数
- </div>
+ <div class="tab-title"><span class="circle"></span>选择手数</div>
<div class="tab-con">
<ul class="radio-group clearfix">
- <li v-for="item in numberList" :key="item.key" @click="selectNumberFun(item.value)">
- <div :class="selectNumber == item.value?'on':''">
- {{item.label}}
+ <li
+ v-for="item in numberList"
+ :key="item.key"
+ @click="selectNumberFun(item.value)"
+ >
+ <div :class="selectNumber == item.value ? 'on' : ''">
+ {{ item.label }}
</div>
</li>
<li class="auto" v-show="!selectNumber">
- <input @keyup="changeAutoNumber" v-model="autoNumber" type="text">手
+ <input
+ @keyup="changeAutoNumber"
+ v-model="autoNumber"
+ type="text"
+ />手
</li>
</ul>
<p class="clearfix">
- <span class="pull-left">最小购买股数{{Number(settingInfo.buyMinNum)/100}}手</span>
- <span class="protem pull-right">最大可购买数量{{Number(settingInfo.buyMaxNum)/100}}手</span>
+ <span class="pull-left"
+ >最小购买股数{{ Number(settingInfo.buyMinNum) / 100 }}手</span
+ >
+ <span class="protem pull-right"
+ >最大可购买数量{{ Number(settingInfo.buyMaxNum) / 100 }}手</span
+ >
</p>
</div>
</div>
<div class="box-tab">
- <div class="tab-title">
- <span class="circle"></span>选择杠杆
- </div>
+ <div class="tab-title"><span class="circle"></span>选择杠杆</div>
<div class="tab-con">
<ul class="radio-group clearfix">
- <li v-for="item in siteLeverList" :key="item.key" @click="selectCycleFun(item.value)">
- <div :class="selectCycle == item.value?'on':''">
- {{item.label}}
+ <li
+ v-for="item in siteLeverList"
+ :key="item.key"
+ @click="selectCycleFun(item.value)"
+ >
+ <div :class="selectCycle == item.value ? 'on' : ''">
+ {{ item.label }}
</div>
</li>
</ul>
@@ -88,59 +120,98 @@
</div>
</div> -->
<div class="box-tab">
- <div class="tab-title">
- <span class="circle"></span>买卖方向
- </div>
+ <div class="tab-title"><span class="circle"></span>买卖方向</div>
<div class="tab-con">
<ul class="radio-group clearfix">
- <li v-for="item in type" :key="item.key" @click="selectTypeFun(item.value)">
- <div :class="selectType == item.value?'on':''">
- {{item.label}}
+ <li
+ v-for="item in type"
+ :key="item.key"
+ @click="selectTypeFun(item.value)"
+ >
+ <div :class="selectType == item.value ? 'on' : ''">
+ {{ item.label }}
</div>
</li>
</ul>
</div>
</div>
-
+
<div class="box-tab">
<div class="tab-con">
<p class="text-left page-part">
- <span class="">{{selectNumber?selectNumber*100:autoNumber*100}}股</span>
- <span class="pull-right">市值 {{price?price:0}}元</span>
+ <span class=""
+ >{{ selectNumber ? selectNumber * 100 : autoNumber * 100 }}股</span
+ >
+ <span class="pull-right">市值 {{ price ? price : 0 }}元</span>
</p>
<p class="text-left page-part">
- <span class="">保证金 {{(price/ selectCycle).toFixed(2)}}</span>
- <span class="pull-right">最小购买金额 {{settingInfo.buyMinAmt}}元</span>
+ <span class="">保证金 {{ (price / selectCycle).toFixed(2) }}</span>
+ <span class="pull-right"
+ >最小购买金额 {{ settingInfo.buyMinAmt }}元</span
+ >
</p>
<p class="text-left page-part">
- <span class="">总手续费 {{poundage?poundage:0}}元 <i @click="focePromptPopup = true" ref="button" class="iconfont icon-xinshou"></i></span>
+ <span class=""
+ >总手续费 {{ poundage ? poundage : 0 }}元
+ <i
+ @click="focePromptPopup = true"
+ ref="button"
+ class="iconfont icon-xinshou"
+ ></i
+ ></span>
<span class="pull-right"></span>
</p>
</div>
</div>
<div class="agree text-center">
<p>
- <i @click="isAgree"
- :class="agree?'glyphicon glyphicon glyphicon-ok-sign red':'glyphicon glyphicon-ok-circle'"></i>
+ <i
+ @click="isAgree"
+ :class="
+ agree
+ ? 'glyphicon glyphicon glyphicon-ok-sign red'
+ : 'glyphicon glyphicon-ok-circle'
+ "
+ ></i>
我已阅读并同意
<!-- <a @click="dialogShow = true">《合作协议》</a> -->
- <a @click="totrageUrl">《{{settingInfo.tradeAgreeTitle}}》</a>
+ <a @click="totrageUrl">《{{ settingInfo.tradeAgreeTitle }}》</a>
</p>
</div>
<div class="footer-btn">
<div class="total">
- <p class="pay">需要支付<span class="protem">{{total?total:0}}</span></p>
- <p class="account">(账户余额:{{$store.state.userInfo.enableAmt}}元)</p>
+ <p class="pay">
+ 需要支付<span class="protem">{{ total ? total : 0 }}</span>
+ </p>
+ <p class="account">
+ (账户余额:{{ $store.state.userInfo.enableAmt }}元)
+ </p>
</div>
- <mt-button :disabled="buying" class="btn-red" size="small" type="danger" @click="toInquiry">下单</mt-button>
+ <mt-button
+ :disabled="buying"
+ class="btn-red"
+ size="small"
+ type="danger"
+ @click="toInquiry"
+ >下单</mt-button
+ >
</div>
-
- <mt-popup v-model="focePromptPopup" popup-transition="popup-fade" class="mint-popup-white">
+
+ <mt-popup
+ v-model="focePromptPopup"
+ popup-transition="popup-fade"
+ class="mint-popup-white"
+ >
<div class="clearfix">
- <a @click="focePromptPopup = false" class="pull-right"><i class="iconfont icon-weitongguo"></i></a>
+ <a @click="focePromptPopup = false" class="pull-right"
+ ><i class="iconfont icon-weitongguo"></i
+ ></a>
</div>
<p class="font-title">总手续费计算规则：</p>
- <p class="font-bold">总手续费 = 买入手续费（{{(settingInfo.buyFee*100)}}%）+ 印花税（{{(settingInfo.dutyFee*100)}}%）+ 点差费（{{(settingSpreadRate.spreadRate*100)}}%）
+ <p class="font-bold">
+ 总手续费 = 买入手续费（{{ settingInfo.buyFee * 100 }}%）+ 印花税（{{
+ settingInfo.dutyFee * 100
+ }}%）+ 点差费（{{ settingSpreadRate.spreadRate * 100 }}%）
</p>
</mt-popup>
<foot></foot>
@@ -148,234 +219,269 @@
</template>
<script>
-import foot from '../../components/foot/foot'
-import { Toast } from 'mint-ui'
-import { isNull } from '@/utils/utils'
-import * as api from '@/axios/api'
+import foot from "../../components/foot/foot";
+import { Toast } from "mint-ui";
+import { isNull } from "@/utils/utils";
+import * as api from "@/axios/api";
export default {
components: {
- foot
+ foot,
},
props: {},
- data () {
+ data() {
return {
detail: {
- name: '',
- code: '',
- gid: '',
- stockType: ''
+ name: "",
+ code: "",
+ gid: "",
+ stockType: "",
}, //
- cycle: [ // 杠杆倍数
- { label: '10', value: '10' },
- { label: '20', value: '20' },
- { label: '30', value: '30' }
+ cycle: [
+ // 杠杆倍数
+ { label: "10", value: "10" },
+ { label: "20", value: "20" },
+ { label: "30", value: "30" },
],
- selectCycle: '20',
+ selectCycle: "20",
numberList: [
- { label: '50手', value: '50' },
- { label: '100手', value: '100' },
- { label: '150手', value: '150' },
- { label: '200手', value: '200' },
- { label: '250手', value: '250' },
- { label: '300手', value: '300' },
- { label: '自定义', value: '' }
+ { label: "50手", value: "50" },
+ { label: "100手", value: "100" },
+ { label: "150手", value: "150" },
+ { label: "200手", value: "200" },
+ { label: "250手", value: "250" },
+ { label: "300手", value: "300" },
+ { label: "自定义", value: "" },
],
- siteLeverList:[],
- selectNumber: '',
- autoNumber: '',
+ siteLeverList: [],
+ selectNumber: "",
+ autoNumber: "",
type: [
- { label: '买涨', value: '0' },
- { label: '买跌', value: '1' }
+ { label: "买涨", value: "0" },
+ { label: "买跌", value: "1" },
],
- selectType: '',
+ selectType: "",
// number:0,// 股
// price:0,// 股价格
// total:0, // 总价
agree: true,
settingInfo: {
buyMaxNum: 1000, // 最大买入股数
- buyMinNum: 100 // 最小买入股数
+ buyMinNum: 100, // 最小买入股数
}, // 设置规则信息
dialogShow: false,
timer: null,
buying: false,
focePromptPopup: false, // 总手续费提示框
- settingSpreadRate: {spreadRate: 0}
- }
+ settingSpreadRate: { spreadRate: 0 },
+ };
},
watch: {},
computed: {
- poundage () { //手续费= 买入手续费+印花税+点差费
+ poundage() {
+ //手续费= 买入手续费+印花税+点差费
if (this.autoNumber) {
- let payfee = (this.detail.nowPrice * this.autoNumber * 100).toFixed(2) // / this.selectCycle
- return ((payfee * this.settingInfo.buyFee) + (payfee * this.settingInfo.dutyFee) + (payfee * this.settingSpreadRate.spreadRate)).toFixed(2)
+ let payfee = (this.detail.nowPrice * this.autoNumber * 100).toFixed(2); // / this.selectCycle
+ return (
+ payfee * this.settingInfo.buyFee +
+ payfee * this.settingInfo.dutyFee +
+ payfee * this.settingSpreadRate.spreadRate
+ ).toFixed(2);
} else if (this.selectNumber) {
- let payfee = (this.detail.nowPrice * this.selectNumber * 100).toFixed(2)
- return ((payfee * this.settingInfo.buyFee) + (payfee * this.settingInfo.dutyFee) + (payfee * this.settingSpreadRate.spreadRate)).toFixed(2)
+ let payfee = (this.detail.nowPrice * this.selectNumber * 100).toFixed(
+ 2
+ );
+ return (
+ payfee * this.settingInfo.buyFee +
+ payfee * this.settingInfo.dutyFee +
+ payfee * this.settingSpreadRate.spreadRate
+ ).toFixed(2);
} else {
- return 0
+ return 0;
}
},
- total () {
- if (this.settingSpreadRate == undefined || this.settingSpreadRate.spreadRate == undefined){
- this.settingSpreadRate.spreadRate = 0
+ total() {
+ if (
+ this.settingSpreadRate == undefined ||
+ this.settingSpreadRate.spreadRate == undefined
+ ) {
+ this.settingSpreadRate.spreadRate = 0;
}
if (this.autoNumber) {
- let payfee = (this.detail.nowPrice * this.autoNumber * 100 / this.selectCycle)
- return (payfee + (payfee * this.settingInfo.buyFee) + (payfee * this.settingInfo.dutyFee) + (payfee * this.settingSpreadRate.spreadRate)).toFixed(2)
+ let payfee =
+ (this.detail.nowPrice * this.autoNumber * 100) / this.selectCycle;
+ return (
+ payfee +
+ payfee * this.settingInfo.buyFee +
+ payfee * this.settingInfo.dutyFee +
+ payfee * this.settingSpreadRate.spreadRate
+ ).toFixed(2);
//return (this.detail.nowPrice * this.autoNumber * 100 / this.selectCycle).toFixed(2)
} else if (this.selectNumber) {
// alert("bb"+this.detail.nowPrice+"cc==="+this.selectNumber+"ff==="+this.selectCycle+"==="+this.settingSpreadRate.spreadRate)
- let payfee = (this.detail.nowPrice * this.selectNumber * 100 / this.selectCycle)
- return (payfee + (payfee * this.settingInfo.buyFee) + (payfee * this.settingInfo.dutyFee) + (payfee * this.settingSpreadRate.spreadRate)).toFixed(2)
+ let payfee =
+ (this.detail.nowPrice * this.selectNumber * 100) / this.selectCycle;
+ return (
+ payfee +
+ payfee * this.settingInfo.buyFee +
+ payfee * this.settingInfo.dutyFee +
+ payfee * this.settingSpreadRate.spreadRate
+ ).toFixed(2);
//return (this.detail.nowPrice * this.selectNumber * 100 / this.selectCycle).toFixed(2)
} else {
- return 0
+ return 0;
}
// 需支付总价 = 现价 * 股（1手 = 100股）/ 杠杆倍数
},
- price () {
+ price() {
if (this.autoNumber) {
- return (this.detail.nowPrice * this.autoNumber * 100).toFixed(2)
+ return (this.detail.nowPrice * this.autoNumber * 100).toFixed(2);
} else if (this.selectNumber) {
- return (this.detail.nowPrice * this.selectNumber * 100).toFixed(2)
+ return (this.detail.nowPrice * this.selectNumber * 100).toFixed(2);
} else {
- return 0
+ return 0;
}
// 市值价 = 现价 * 股（1手 = 100股）
- }
+ },
},
- created () {
- this.timer = setInterval(this.getDetail, 5000)
+ created() {
+ this.timer = setInterval(this.getDetail, 5000);
},
- beforeDestroy () {
- clearInterval(this.timer)
+ beforeDestroy() {
+ clearInterval(this.timer);
},
- mounted () {
+ mounted() {
// this.getDetail()
- this.detail.gid = this.$route.params.gid
- this.detail.name = this.$route.params.name
- this.detail.code = this.$route.params.code
- this.detail.stockType = this.$route.params.stockType
- this.detail.hcrate = this.$route.params.hcrate
- this.detail.nowPrice = this.$route.params.nowPrice
- this.selectNumber = 0
+ this.detail.gid = this.$route.params.gid;
+ this.detail.name = this.$route.params.name;
+ this.detail.code = this.$route.params.code;
+ this.detail.stockType = this.$route.params.stockType;
+ this.detail.hcrate = this.$route.params.hcrate;
+ this.detail.nowPrice = this.$route.params.nowPrice;
+ this.selectNumber = 0;
// this.selectCycle = 10
- this.getSettingInfo()
+ this.getSettingInfo();
if (!this.$store.state.userInfo.enableAmt) {
- this.getUserInfo()
+ this.getUserInfo();
}
},
methods: {
- changeAutoNumber () {
+ changeAutoNumber() {
// 自定义手数
- this.selectNumber = ''
+ this.selectNumber = "";
},
- async getSettingInfo () {
+ async getSettingInfo() {
// 网站设置信息
- let data = await api.getSetting()
+ let data = await api.getSetting();
if (data.status === 0) {
// 成功
- this.settingInfo = data.data
+ this.settingInfo = data.data;
// 杠杆倍数
- this.selectCycle = data.data.siteLever
- if(this.$store.state.userInfo !== undefined && this.$store.state.userInfo !== null && this.$store.state.userInfo.phone !== '' && this.$store.state.userInfo.siteLever !== null){
- this.selectCycle = this.$store.state.userInfo.siteLever.split('/')[0]
- this.siteLeverList = []
- for (let i = 0; i < this.$store.state.userInfo.siteLever.split('/').length; i++) {
- let val = this.$store.state.userInfo.siteLever.split('/')[i]
- let item = { label: val + '倍', value: val }
- this.siteLeverList.push(item)
- }
- } else {
- this.selectCycle = data.data.siteLever.split('/')[0]
- this.siteLeverList = []
- for (let i = 0; i < data.data.siteLever.split('/').length; i++) {
- let val = data.data.siteLever.split('/')[i]
- let item = { label: val + '倍', value: val }
- this.siteLeverList.push(item)
- }
+ this.selectCycle = data.data.siteLever;
+ if (
+ this.$store.state.userInfo !== undefined &&
+ this.$store.state.userInfo !== null &&
+ this.$store.state.userInfo.phone !== "" &&
+ this.$store.state.userInfo.siteLever !== null
+ ) {
+ this.selectCycle = this.$store.state.userInfo.siteLever.split("/")[0];
+ this.siteLeverList = [];
+ for (
+ let i = 0;
+ i < this.$store.state.userInfo.siteLever.split("/").length;
+ i++
+ ) {
+ let val = this.$store.state.userInfo.siteLever.split("/")[i];
+ let item = { label: val + "倍", value: val };
+ this.siteLeverList.push(item);
}
+ } else {
+ this.selectCycle = data.data.siteLever.split("/")[0];
+ this.siteLeverList = [];
+ for (let i = 0; i < data.data.siteLever.split("/").length; i++) {
+ let val = data.data.siteLever.split("/")[i];
+ let item = { label: val + "倍", value: val };
+ this.siteLeverList.push(item);
+ }
+ }
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- async findSpreadRateOne () {
+ async findSpreadRateOne() {
// 查询点差费率
let opts = {
applies: this.detail.hcrate, // 涨跌幅
turnover: this.total, //成交额
unitprice: this.detail.nowPrice, //股票单价
- code: this.$route.params.code
- }
- let data = await api.findSpreadRateOne(opts)
+ code: this.$route.params.code,
+ };
+ let data = await api.findSpreadRateOne(opts);
if (data.status === 0) {
// 成功
- if(data.data != undefined){
- this.settingSpreadRate = data.data
+ if (data.data != undefined) {
+ this.settingSpreadRate = data.data;
}
- console.log(this.settingSpreadRate)
-
+ console.log(this.settingSpreadRate);
} else {
- this.$message.error(data.msg)
+ this.$message.error(data.msg);
}
},
- isAgree () {
- let i = false
- let j = true
- this.agree = this.agree ? i : j
+ isAgree() {
+ let i = false;
+ let j = true;
+ this.agree = this.agree ? i : j;
},
- totrageUrl () {
- this.$router.push('/trade')
+ totrageUrl() {
+ this.$router.push("/trade");
},
- async getDetail () {
+ async getDetail() {
let opts = {
- code: this.$route.params.code
- }
- let data = await api.getSingleStock(opts)
+ code: this.$route.params.code,
+ };
+ let data = await api.getSingleStock(opts);
if (data.status === 0) {
- this.detail = data.data
- this.findSpreadRateOne()
+ this.detail = data.data;
+ this.findSpreadRateOne();
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- selectCycleFun (value) {
- this.selectCycle = value
+ selectCycleFun(value) {
+ this.selectCycle = value;
},
- selectNumberFun (value) {
- this.selectNumber = value
+ selectNumberFun(value) {
+ this.selectNumber = value;
if (+value !== 0) {
- this.autoNumber = ''
+ this.autoNumber = "";
}
},
- selectTypeFun (value) {
- this.selectType = value
+ selectTypeFun(value) {
+ this.selectType = value;
},
- canBuyStatus () {
- let dataTime = new Date()
- let day = dataTime.getDay() // 星期几
- let hour = dataTime.getHours() // 小时
- let minute = dataTime.getMinutes() // 分钟
+ canBuyStatus() {
+ let dataTime = new Date();
+ let day = dataTime.getDay(); // 星期几
+ let hour = dataTime.getHours(); // 小时
+ let minute = dataTime.getMinutes(); // 分钟
if (+day === 6 || +day === 7) {
- return false
+ return false;
}
if (hour < 9 || (hour >= 12 && hour < 13) || hour >= 15) {
- return false
+ return false;
}
if (hour === 9 && minute < 32) {
- return false
+ return false;
}
if (hour === 11 && minute >= 30) {
- return false
+ return false;
}
if (hour === 14 && minute > 57) {
- return false
+ return false;
}
- return true
+ return true;
},
- async toInquiry () {
+ async toInquiry() {
// 判断在不在开盘时间内
// if(!this.canBuyStatus()){
// Toast('不在交易时段内！')
@@ -383,148 +489,149 @@
// }
// 下单
if (!this.$store.state.userInfo.idCard) {
- Toast('您还未实名认证,请先实名认证了再下单')
- this.$router.push('/authentication')
- return
+ Toast("您还未实名认证,请先实名认证了再下单");
+ this.$router.push("/authentication");
+ return;
}
if (!this.agree) {
- Toast('需同意合作协议才能交易!')
+ Toast("需同意合作协议才能交易!");
} else if (isNull(this.selectNumber) && isNull(this.autoNumber)) {
- Toast('请选择购买手数')
+ Toast("请选择购买手数");
} else if (isNull(this.selectType)) {
- Toast('请选择买卖方向')
+ Toast("请选择买卖方向");
} else {
- this.buying = true
+ this.buying = true;
let opts = {
stockId: this.$route.params.gid,
- buyNum: this.selectNumber ? this.selectNumber * 100 : this.autoNumber * 100,
+ buyNum: this.selectNumber
+ ? this.selectNumber * 100
+ : this.autoNumber * 100,
buyType: this.selectType,
- lever: this.selectCycle
- }
- let data = await api.buy(opts)
- this.buying = false
+ lever: this.selectCycle,
+ };
+ let data = await api.buy(opts);
+ this.buying = false;
if (+data.status === 0) {
- Toast(data.data)
- this.getUserInfo()
- this.$router.push('/orderlist?index=1')
+ Toast(data.data);
+ this.getUserInfo();
+ this.$router.push("/orderlist?index=1");
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
}
},
- toDetail () {
- this.$router.push('/listdetail')
+ toDetail() {
+ this.$router.push("/listdetail");
},
- goBack () {
- this.$router.go(-1)
+ goBack() {
+ this.$router.go(-1);
},
- async getUserInfo () {
+ async getUserInfo() {
// 获取用户信息
- let data = await api.getUserInfo()
+ let data = await api.getUserInfo();
if (+data.status === 0) {
// Toast(data.msg)
- this.$store.state.userInfo = data.data
+ this.$store.state.userInfo = data.data;
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
+ },
+ },
+};
+</script>
+<style lang="less" scoped>
+body {
+ background: #fff;
+}
+
+.protem {
+ color: #ff8000;
+}
+
+.agree {
+ margin-top: 0.2rem;
+ padding-bottom: 1rem;
+
+ a {
+ color: #428bca;
+ }
+}
+
+.footer-btn {
+ position: fixed;
+ z-index: 1;
+ width: 100%;
+ padding-right: 0;
+ bottom: 0.97rem;
+ height: 0.89rem;
+ line-height: 0.89rem;
+ display: flex;
+
+ .total {
+ font-size: 0.26rem;
+ padding-left: 0.3rem;
+ flex: 3;
+
+ .pay {
+ line-height: 0.45rem;
+ }
+
+ .account {
+ line-height: 0.3rem;
+ font-size: 0.24rem;
+ color: #999;
+ }
+ }
+
+ .btn-red {
+ flex: 2;
+ background: #b60c0d;
+ border-radius: 0;
+ padding: 0;
+ }
+}
+
+.auto {
+ input {
+ display: inline-block;
+ width: 75%;
+ border-bottom: 0.01rem solid #ddd;
+ }
+}
+
+// bottom 7rem -> 0.97rem
+.buy-price {
+ // border-top: 0.01rem solid #000000;
+ padding-top: 0.15rem;
+
+ p {
+ height: 0.32rem;
+ line-height: 0.32rem;
+ }
+}
+
+.mint-popup-white {
+ height: 6.5rem;
+ padding: 0.25rem;
+
+ .check-box {
+ height: 5.3rem;
+ line-height: 0.35rem;
+ overflow: auto;
+
+ h3 {
+ margin-bottom: 0.2rem;
+ }
+ }
+
+ .box-btn {
+ width: 100%;
+ padding-top: 0.2rem;
+
+ .btn-red {
+ width: 100%;
+ height: 0.6rem;
}
}
}
-</script>
-<style lang="less" scoped>
- body {
- background: #fff;
- }
-
- .protem {
- color: #ff8000;
- }
-
- .agree {
- margin-top: 0.2rem;
- padding-bottom: 1rem;
-
- a {
- color: #428bca;
- }
- }
-
- .footer-btn {
- position: fixed;
- z-index: 1;
- width: 100%;
- padding-right: 0;
- bottom: 0.97rem;
- height: .89rem;
- line-height: .89rem;
- display: flex;
-
- .total {
- font-size: 0.26rem;
- padding-left: 0.3rem;
- flex: 3;
-
- .pay {
- line-height: 0.45rem;
- }
-
- .account {
- line-height: 0.3rem;
- font-size: 0.24rem;
- color: #999;
- }
- }
-
- .btn-red {
- flex: 2;
- background: #b60c0d;
- border-radius: 0;
- padding: 0;
- }
- }
-
- .auto {
- input {
- display: inline-block;
- width: 75%;
- border-bottom: 0.01rem solid #ddd;
- }
- }
-
- // bottom 7rem -> 0.97rem
- .buy-price {
- // border-top: 0.01rem solid #000000;
- padding-top: 0.15rem;
-
- p {
- height: 0.32rem;
- line-height: 0.32rem;
- }
- }
-
- .mint-popup-white {
- height: 6.5rem;
- padding: 0.25rem;
-
- .check-box {
- height: 5.3rem;
- line-height: 0.35rem;
- overflow: auto;
-
- h3 {
- margin-bottom: 0.2rem;
- }
- }
-
- .box-btn {
- width: 100%;
- padding-top: 0.2rem;
-
- .btn-red {
- width: 100%;
- height: 0.6rem;
- }
- }
- }
-
</style>
diff --git a/src/page/home/help.vue b/src/page/home/help.vue
index 1411146..a5a0638 100644
--- a/src/page/home/help.vue
+++ b/src/page/home/help.vue
@@ -1,639 +1,649 @@
<template>
- <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 class="titles">
- <span>{{ $t('bz') }}</span>
- </div>
- </div>
- <div style="width: 100%;height: 10px;background-color: #f8f8f8;"></div>
+ <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 class="titles">
+ <span>{{ $t("bz") }}</span>
+ </div>
+ </div>
+ <div style="width: 100%; height: 10px; background-color: #f8f8f8"></div>
-
- <div class="jy" @click="gohelp(1)">
- <div class="left_gn">
- <div class="l_icon">
- <img src="../../assets/img/help.png" alt />
- </div>
- <div class="r_title">
- <span>{{ $t('zgzs') }}</span>
- </div>
- </div>
- <div class="right_gos">
- <img src="../../assets/img/youjiantou.png" alt />
- </div>
- </div>
- <div class="jy" @click="gohelp(2)">
- <div class="left_gn">
- <div class="l_icon">
- <img src="../../assets/img/help.png" alt />
- </div>
- <div class="r_title">
- <span>{{ $t('yszc') }}</span>
- </div>
- </div>
- <div class="right_gos">
- <img src="../../assets/img/youjiantou.png" alt />
- </div>
- </div>
- <div class="jy" @click="gohelp(3)">
- <div class="left_gn">
- <div class="l_icon">
- <img src="../../assets/img/help.png" alt />
- </div>
- <div class="r_title">
- <span>{{ $t('fxkz') }}</span>
- </div>
- </div>
- <div class="right_gos">
- <img src="../../assets/img/youjiantou.png" alt />
- </div>
- </div>
- <div class="jy" @click="gohelp(4)">
- <div class="left_gn">
- <div class="l_icon">
- <img src="../../assets/img/help.png" alt />
- </div>
- <div class="r_title">
- <span>{{ $t('wmdfw') }}</span>
- </div>
- </div>
- <div class="right_gos">
- <img src="../../assets/img/youjiantou.png" alt />
- </div>
- </div>
- <van-popup v-model="settingDialog" position="bottom" :style="{ height: '35%' }" @close="popClose">
- <div class="lang_box" v-for="(item,index) in actions" :key="index" @click="qkclick(item)">
- <div :class="$i18n.locale==item.lang?'lang_box_txt':'lang_box_txta'">{{item.text}}</div>
- </div>
- </van-popup>
- <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%' }">
- <div class="setting_content">
- <div class="old_password">
- <div class="left_titles">
- <span>{{ $t('hj150') + ':' }}</span>
- </div>
- <div class="right_password_input">
- <input type="password" v-model="oldPassword" />
- </div>
- </div>
- <div class="old_password">
- <div class="left_titles">
- <span>{{ $t('hj151') + ':' }}</span>
- </div>
- <div class="right_password_input">
- <input type="password" v-model="newPassword" />
- </div>
- </div>
- <div class="old_password">
- <div class="left_titles">
- <span>{{ $t('hj152') + ':' }}</span>
- </div>
- <div class="right_password_input">
- <input type="password" v-model="cirNewPassword" />
- </div>
- </div>
- <div class="btn_setting" @click="changeLoginPsd()">
- <span>{{ $t('hj153') }}</span>
- </div>
- </div>
- </van-popup>
-
- </div>
+ <div class="jy" @click="gohelp(1)">
+ <div class="left_gn">
+ <div class="l_icon">
+ <img src="../../assets/img/help.png" alt />
+ </div>
+ <div class="r_title">
+ <span>{{ $t("zgzs") }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <img src="../../assets/img/youjiantou.png" alt />
+ </div>
+ </div>
+ <div class="jy" @click="gohelp(2)">
+ <div class="left_gn">
+ <div class="l_icon">
+ <img src="../../assets/img/help.png" alt />
+ </div>
+ <div class="r_title">
+ <span>{{ $t("yszc") }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <img src="../../assets/img/youjiantou.png" alt />
+ </div>
+ </div>
+ <div class="jy" @click="gohelp(3)">
+ <div class="left_gn">
+ <div class="l_icon">
+ <img src="../../assets/img/help.png" alt />
+ </div>
+ <div class="r_title">
+ <span>{{ $t("fxkz") }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <img src="../../assets/img/youjiantou.png" alt />
+ </div>
+ </div>
+ <div class="jy" @click="gohelp(4)">
+ <div class="left_gn">
+ <div class="l_icon">
+ <img src="../../assets/img/help.png" alt />
+ </div>
+ <div class="r_title">
+ <span>{{ $t("wmdfw") }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <img src="../../assets/img/youjiantou.png" alt />
+ </div>
+ </div>
+ <van-popup
+ v-model="settingDialog"
+ position="bottom"
+ :style="{ height: '35%' }"
+ @close="popClose"
+ >
+ <div
+ class="lang_box"
+ v-for="(item, index) in actions"
+ :key="index"
+ @click="qkclick(item)"
+ >
+ <div
+ :class="$i18n.locale == item.lang ? 'lang_box_txt' : 'lang_box_txta'"
+ >
+ {{ item.text }}
+ </div>
+ </div>
+ </van-popup>
+ <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%' }">
+ <div class="setting_content">
+ <div class="old_password">
+ <div class="left_titles">
+ <span>{{ $t("hj150") + ":" }}</span>
+ </div>
+ <div class="right_password_input">
+ <input type="password" v-model="oldPassword" />
+ </div>
+ </div>
+ <div class="old_password">
+ <div class="left_titles">
+ <span>{{ $t("hj151") + ":" }}</span>
+ </div>
+ <div class="right_password_input">
+ <input type="password" v-model="newPassword" />
+ </div>
+ </div>
+ <div class="old_password">
+ <div class="left_titles">
+ <span>{{ $t("hj152") + ":" }}</span>
+ </div>
+ <div class="right_password_input">
+ <input type="password" v-model="cirNewPassword" />
+ </div>
+ </div>
+ <div class="btn_setting" @click="changeLoginPsd()">
+ <span>{{ $t("hj153") }}</span>
+ </div>
+ </div>
+ </van-popup>
+ </div>
</template>
<script>
- import * as api from '@/axios/api'
- import {
- Toast,
- MessageBox
- } from 'mint-ui'
- import {
- isNull,
- pwdReg
- } from '@/utils/utils'
+import * as api from "@/axios/api";
+import { Toast, MessageBox } from "mint-ui";
+import { isNull, pwdReg } from "@/utils/utils";
- export default {
- name: 'newUser',
- data() {
- return {
- name: '大狗子',
- pswDialog:false,
- selectUserFlag: true,
- settingDialog: false,
- oldPassword: '', // 旧密码
- newPassword: '', // 新密码
- cirNewPassword: '', // 确认新密码
- userInfo: [],
- onlineService: '',
- language:'',
- 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' }
- ]
- }
- },
- components: {},
- created() {
- this.getUserInfo()
- this.language = window.localStorage.getItem('language')
- console.log(window.localStorage.getItem('language'));
- if(this.language == 'zh-CN'){
- this.language = 'English'
- }else{
- this.language = 'हिंदी'
- }
- },
- methods: {
- gohelp(e){
- if(e==2){
- this.$router.push('/help_html')
- }else if(e==3){
- this.$router.push('/help_fxkz')
- }else if(e==4){
- this.$router.push('/help_wdfw')
- }
- },
- popClose(){
- this.settingDialog = false
- },
- qkclick(e){
- this.settingDialog = false
- window.localStorage.setItem('language', e.lang)
- this.$i18n.locale = e.lang
- this.language = e.text
- },
- clicklang(){
- this.settingDialog = true
- },
- yebclick() {
- this.$router.push('/yeb')
- },
- regexNum(str) {
- console.log(str);
- str = str.toString()
- if (str.indexOf(".") == -1) {
- str = str + ".00"
- }
+export default {
+ name: "newUser",
+ data() {
+ return {
+ name: "大狗子",
+ pswDialog: false,
+ selectUserFlag: true,
+ settingDialog: false,
+ oldPassword: "", // 旧密码
+ newPassword: "", // 新密码
+ cirNewPassword: "", // 确认新密码
+ userInfo: [],
+ onlineService: "",
+ language: "",
+ 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' }
+ ],
+ };
+ },
+ components: {},
+ created() {
+ this.getUserInfo();
+ this.language = window.localStorage.getItem("language");
+ console.log(window.localStorage.getItem("language"));
+ if (this.language == "zh-CN") {
+ this.language = "English";
+ } else {
+ this.language = "हिंदी";
+ }
+ },
+ methods: {
+ gohelp(e) {
+ if (e == 2) {
+ this.$router.push("/help_html");
+ } else if (e == 3) {
+ this.$router.push("/help_fxkz");
+ } else if (e == 4) {
+ this.$router.push("/help_wdfw");
+ }
+ },
+ popClose() {
+ this.settingDialog = false;
+ },
+ qkclick(e) {
+ this.settingDialog = false;
+ window.localStorage.setItem("language", e.lang);
+ this.$i18n.locale = e.lang;
+ this.language = e.text;
+ },
+ clicklang() {
+ this.settingDialog = true;
+ },
+ yebclick() {
+ this.$router.push("/yeb");
+ },
+ 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;
+ }
+ },
+ goOnline() {
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ this.$router.push("/service");
+ },
+ async getInfoSite() {
+ let data = await api.getInfoSite();
+ if (data.status === 0) {
+ this.onlineService = data.data.onlineService;
+ } else {
+ Toast(data.msg);
+ }
+ },
+ goWall() {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ this.$router.push("/wallet");
+ },
+ gotoa(e) {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ if (e == 0) {
+ this.$router.push("/wallet");
+ } else if (e == 1) {
+ this.$router.push("/tixian");
+ } else {
+ this.$router.push("/transfers");
+ }
+ },
+ subclick() {
+ this.$router.push("/SubDK");
+ },
+ subaclick() {
+ this.$router.push("/tixian");
+ },
+ handleZh() {
+ this.selectUserFlag = !this.selectUserFlag;
- }
- },
- goOnline() {
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- this.$router.push('/service')
- },
- async getInfoSite() {
- let data = await api.getInfoSite()
- if (data.status === 0) {
- this.onlineService = data.data.onlineService
- } else {
- Toast(data.msg)
- }
- },
- goWall() {
- if (this.userInfo.length === 0) {
- this.$store.commit('dialogVisible', true)
- return
- }
- this.$router.push('/wallet')
- },
- gotoa(e){
- if (this.userInfo.length === 0) {
- this.$store.commit('dialogVisible', true)
- return
- }
- if(e==0){
- this.$router.push('/wallet')
- }else if(e==1){
- this.$router.push('/tixian')
- }else{
-
- this.$router.push('/transfers')
- }
-
- },
- subclick() {
- this.$router.push('/SubDK')
- },
- subaclick() {
- this.$router.push('/tixian')
- },
- handleZh() {
- this.selectUserFlag = !this.selectUserFlag
-
- if (this.userInfo.length === 0) {
- this.$store.commit('dialogVisible', true)
- return
- }
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- },
- async getUserInfo() {
- // 获取用户信息
- let data = await api.getUserInfo()
- if (data.status === 0) {
- // 判断是否登录
- this.$store.commit('dialogVisible', false)
- this.$store.state.userInfo = data.data
- this.userInfo = data.data
- } else {
- this.$store.commit('dialogVisible', true)
- }
- },
- goToTopUp() {
- // if (this.userInfo.length === 0) {
- // this.$store.commit('dialogVisible', true)
- // return
- // }
- // if (navigator.vibrate) {
- // // 支持
- // navigator.vibrate([55])
- // }
- this.$router.push('/setting')
- },
- handleOutLoginClick() {
- // 退出登录
- MessageBox.confirm(this.$t('hj149') + '?', this.$t('hj165'), {
- confirmButtonText: this.$t('hj161'),
- cancelButtonText: this.$t('hj106')
- }).then(() => {
- this.toRegister()
- }).catch(() => {
-
- })
- },
- goToSettings() {
- if (this.userInfo.length === 0) {
- this.$store.commit('dialogVisible', true)
- return
- }
- // 每次打开dialog 清空密码数据
- this.pswDialog = !this.pswDialog
- if (this.pswDialog) {
- this.oldPassword = ''
- this.newPassword = ''
- this.cirNewPassword = ''
- }
- },
- handleGoToTransfer() {
- if (this.userInfo.length === 0) {
- this.$store.commit('dialogVisible', true)
- return
- }
- this.$router.push('/transfers')
- },
- handleGoToAuthentication() {
- if (this.userInfo.length === 0) {
- this.$store.commit('dialogVisible', true)
- return
- }
- this.$router.push('/authentications')
- },
- handleGoToAuthenticationaz() {
- if (this.userInfo.length === 0) {
- this.$store.commit('dialogVisible', true)
- return
- }
- this.$router.push('/download')
- },
- handleGoToBankCard() {
- if (this.userInfo.length === 0) {
- this.$store.commit('dialogVisible', true)
- return
- }
- this.$router.push('/bankCard')
- },
- async toRegister() {
- // 注销登陆
- window.localStorage.removeItem('USERTOKEN') // 清空本地存储 USERTOKEN字段
- this.clearCookie()
- let data = await api.logout()
- if (data.status === 0) {
- // Toast(data.msg)
- this.$router.push('/login')
- } else {
- Toast(data.msg)
- }
- this.$router.push('/login')
- },
- async changeLoginPsd() {
- // 修改密码
- if (
- isNull(this.oldPassword) ||
- isNull(this.newPassword) ||
- isNull(this.cirNewPassword)
- ) {
- Toast(this.$t('hj154'))
- this.settingDialog = false
- } else if (!pwdReg(this.newPassword)) {
- Toast(this.$t('hj19'))
- this.settingDialog = false
- } else {
- // 修改密码
- if (this.newPassword === this.cirNewPassword) {
- let opts = {
- oldPwd: this.oldPassword,
- newPwd: this.newPassword
- }
- let data = await api.changePassword(opts)
- if (data.status === 0) {
- this.changeLoginPsdBox = false
- Toast(data.msg)
- this.settingDialog = false
- } else {
- Toast(data.msg)
- this.settingDialog = false
- }
- } else {
- Toast(this.$t('hj155'))
- this.settingDialog = false
- }
- }
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- }
- },
-
- }
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ async getUserInfo() {
+ // 获取用户信息
+ let data = await api.getUserInfo();
+ if (data.status === 0) {
+ // 判断是否登录
+ this.$store.commit("dialogVisible", false);
+ this.$store.state.userInfo = data.data;
+ this.userInfo = data.data;
+ } else {
+ this.$store.commit("dialogVisible", true);
+ }
+ },
+ goToTopUp() {
+ // if (this.userInfo.length === 0) {
+ // this.$store.commit('dialogVisible', true)
+ // return
+ // }
+ // if (navigator.vibrate) {
+ // // 支持
+ // navigator.vibrate([55])
+ // }
+ this.$router.push("/setting");
+ },
+ handleOutLoginClick() {
+ // 退出登录
+ MessageBox.confirm(this.$t("hj149") + "?", this.$t("hj165"), {
+ confirmButtonText: this.$t("hj161"),
+ cancelButtonText: this.$t("hj106"),
+ })
+ .then(() => {
+ this.toRegister();
+ })
+ .catch(() => {});
+ },
+ goToSettings() {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ // 每次打开dialog 清空密码数据
+ this.pswDialog = !this.pswDialog;
+ if (this.pswDialog) {
+ this.oldPassword = "";
+ this.newPassword = "";
+ this.cirNewPassword = "";
+ }
+ },
+ handleGoToTransfer() {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ this.$router.push("/transfers");
+ },
+ handleGoToAuthentication() {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ this.$router.push("/authentications");
+ },
+ handleGoToAuthenticationaz() {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ this.$router.push("/download");
+ },
+ handleGoToBankCard() {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ this.$router.push("/bankCard");
+ },
+ async toRegister() {
+ // 注销登陆
+ window.localStorage.removeItem("USERTOKEN"); // 清空本地存储 USERTOKEN字段
+ this.clearCookie();
+ let data = await api.logout();
+ if (data.status === 0) {
+ // Toast(data.msg)
+ this.$router.push("/login");
+ } else {
+ Toast(data.msg);
+ }
+ this.$router.push("/login");
+ },
+ async changeLoginPsd() {
+ // 修改密码
+ if (
+ isNull(this.oldPassword) ||
+ isNull(this.newPassword) ||
+ isNull(this.cirNewPassword)
+ ) {
+ Toast(this.$t("hj154"));
+ this.settingDialog = false;
+ } else if (!pwdReg(this.newPassword)) {
+ Toast(this.$t("hj19"));
+ this.settingDialog = false;
+ } else {
+ // 修改密码
+ if (this.newPassword === this.cirNewPassword) {
+ let opts = {
+ oldPwd: this.oldPassword,
+ newPwd: this.newPassword,
+ };
+ let data = await api.changePassword(opts);
+ if (data.status === 0) {
+ this.changeLoginPsdBox = false;
+ Toast(data.msg);
+ this.settingDialog = false;
+ } else {
+ Toast(data.msg);
+ this.settingDialog = false;
+ }
+ } else {
+ Toast(this.$t("hj155"));
+ this.settingDialog = false;
+ }
+ }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ },
+};
</script>
<style scoped lang="less">
- .right_gos_txt{
- margin-right: 15px;
- }
- .setting_content {
- width: 100%;
- height: 5rem;
- padding: 0.3rem;
-
- .old_password {
- width: 100%;
- height: 1rem;
- background: rgb(243, 243, 243);
- border-radius: 0.15rem;
- display: flex;
- margin-top: 0.5rem;
-
- .left_titles {
- width: 25%;
- height: 100%;
- display: flex;
- align-items: center;
- padding-left: 0.2rem;
-
- // justify-content: flex-end;
- span {
- font-weight: 600;
- }
- }
-
- .right_password_input {
- width: 80%;
- height: 100%;
- display: flex;
- align-items: center;
-
- input {
- width: 100%;
- height: 100%;
- padding-left: 0.2rem;
- }
- }
- }
-
- .btn_setting {
- width: 100%;
- height: 1.3rem;
- border-radius: 0.15rem;
- background: #2d6ae9;
- color: #fff;
- font-size: 0.4615rem;
- margin-top: 0.5rem;
- display: flex;
- align-items: center;
- justify-content: center;
-
- span {
- font-weight: 600;
- }
- }
- }
- .lang_box_txta{
- width: 100%;
- height: 100px;
- text-align: center;
- line-height: 100px;
- border-bottom: 1px solid #ecf5ff;
- }
- .lang_box_txt{
- width: 100%;
- height: 100px;
- text-align: center;
- line-height: 100px;
- border-bottom: 1px solid #ecf5ff;
- color: #2196F3;
- }
- .lang_box{
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- }
- .btn_s_box{
- background: #409eff;
- color: #fff;
- height: 70px;
- width: 100%;
- line-height: 70px;
- font-size: 16px;
- text-align: center;
- border-radius: 15px;
- font-weight: 600;
- margin: 40px 20px 0 20px;
- }
- .btn_s{
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .jy {
- width: 94%;
- margin-left: 3%;
- height: 1.5rem;
- // border-radius: 0.2rem;
- background: #fff;
- display: flex;
- align-items: center;
- justify-content: space-between;
- // padding: 0 0.3rem;
- // padding-top: 0.3rem;
- border-bottom: 1px solid #ecf5ff;
-
- .left_gn {
- // width: 40%;
- height: 60%;
- display: flex;
-
- .l_icon {
- // width: 30%;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-left: 15px;
- img {
- width: 0.8041rem;
- height: 0.8041rem;
- }
- }
-
- .r_title {
- // width: 70%;
- height: 100%;
- display: flex;
- align-items: center;
- font-size: 0.4046rem;
- color: #404040;
- padding-left: 0.4rem;
-
- span {
- font-weight: 600;
- }
- }
- }
-
- .right_gos {
- // width: 20%;
- height: 60%;
- display: flex;
- align-items: center;
- justify-content: flex-end;
-
- img {
- width: 0.6rem;
- height: 0.6rem;
- }
- }
- }
- body {
- background-color: #F8F8F8;
- }
+.right_gos_txt {
+ margin-right: 15px;
+}
+.setting_content {
+ width: 100%;
+ height: 5rem;
+ padding: 0.3rem;
- .pages_logo_btn_right {
- margin-left: 20px;
- margin-top: 20px;
- display: inline-block;
- padding: 16px 40px;
- text-decoration: none;
- color: #fff;
- background: #f44336;
- border-radius: 40px;
- }
+ .old_password {
+ width: 100%;
+ height: 1rem;
+ background: rgb(243, 243, 243);
+ border-radius: 0.15rem;
+ display: flex;
+ margin-top: 0.5rem;
- .pages_logo_btn_left {
- border-radius: 40px;
- margin-top: 20px;
- display: inline-block;
- padding: 16px 40px;
- text-decoration: none;
- color: #fff;
- background: #2196F3;
- }
+ .left_titles {
+ width: 25%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ padding-left: 0.2rem;
- .pages_logo_btn {
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 100px;
- }
+ // justify-content: flex-end;
+ span {
+ font-weight: 600;
+ }
+ }
- .pages_logo_img {
- width: 200px;
- height: 200px;
- border-radius: 20px;
- }
+ .right_password_input {
+ width: 80%;
+ height: 100%;
+ display: flex;
+ align-items: center;
- .pages_logo_txt {
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 50px;
- }
+ input {
+ width: 100%;
+ height: 100%;
+ padding-left: 0.2rem;
+ }
+ }
+ }
- .pages_logo {
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 100px;
- }
+ .btn_setting {
+ width: 100%;
+ height: 1.3rem;
+ border-radius: 0.15rem;
+ background: #2d6ae9;
+ color: #fff;
+ font-size: 0.4615rem;
+ margin-top: 0.5rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- .content {
- width: 100%;
- height: 100%;
- // padding: 0 0.3rem;
+ span {
+ font-weight: 600;
+ }
+ }
+}
+.lang_box_txta {
+ width: 100%;
+ height: 100px;
+ text-align: center;
+ line-height: 100px;
+ border-bottom: 1px solid #ecf5ff;
+}
+.lang_box_txt {
+ width: 100%;
+ height: 100px;
+ text-align: center;
+ line-height: 100px;
+ border-bottom: 1px solid #ecf5ff;
+ color: #2196f3;
+}
+.lang_box {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+.btn_s_box {
+ background: #409eff;
+ color: #fff;
+ height: 70px;
+ width: 100%;
+ line-height: 70px;
+ font-size: 16px;
+ text-align: center;
+ border-radius: 15px;
+ font-weight: 600;
+ margin: 40px 20px 0 20px;
+}
+.btn_s {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.jy {
+ width: 94%;
+ margin-left: 3%;
+ height: 1.5rem;
+ // border-radius: 0.2rem;
+ background: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ // padding: 0 0.3rem;
+ // padding-top: 0.3rem;
+ border-bottom: 1px solid #ecf5ff;
- .top_back {
- width: 100%;
- height: 2rem;
- display: flex;
- background-color: #fff;
- >div {
- width: 10%;
- height: 100%;
- display: flex;
- align-items: center;
- }
+ .left_gn {
+ // width: 40%;
+ height: 60%;
+ display: flex;
- img {
- width: 0.6rem;
- height: 0.6rem;
- margin-left: 20px;
- }
+ .l_icon {
+ // width: 30%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-left: 15px;
+ img {
+ width: 0.8041rem;
+ height: 0.8041rem;
+ }
+ }
- .titles {
- width: 100%;
- height: 1.5rem;
- margin-top: 15px;
- // margin-left: 110px;
- display: flex;
- margin-right: 20px;
- justify-content: center;
- align-items: center;
+ .r_title {
+ // width: 70%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ font-size: 0.4046rem;
+ color: #404040;
+ padding-left: 0.4rem;
- span {
- font-weight: 600;
- }
- }
- }
+ span {
+ font-weight: 600;
+ }
+ }
+ }
- }
+ .right_gos {
+ // width: 20%;
+ height: 60%;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+
+ img {
+ width: 0.6rem;
+ height: 0.6rem;
+ }
+ }
+}
+body {
+ background-color: #f8f8f8;
+}
+
+.pages_logo_btn_right {
+ margin-left: 20px;
+ margin-top: 20px;
+ display: inline-block;
+ padding: 16px 40px;
+ text-decoration: none;
+ color: #fff;
+ background: #f44336;
+ border-radius: 40px;
+}
+
+.pages_logo_btn_left {
+ border-radius: 40px;
+ margin-top: 20px;
+ display: inline-block;
+ padding: 16px 40px;
+ text-decoration: none;
+ color: #fff;
+ background: #2196f3;
+}
+
+.pages_logo_btn {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 100px;
+}
+
+.pages_logo_img {
+ width: 200px;
+ height: 200px;
+ border-radius: 20px;
+}
+
+.pages_logo_txt {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 50px;
+}
+
+.pages_logo {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 100px;
+}
+
+.content {
+ width: 100%;
+ height: 100%;
+ // padding: 0 0.3rem;
+
+ .top_back {
+ width: 100%;
+ height: 2rem;
+ display: flex;
+ background-color: #fff;
+ > div {
+ width: 10%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ }
+
+ img {
+ width: 0.6rem;
+ height: 0.6rem;
+ margin-left: 20px;
+ }
+
+ .titles {
+ width: 100%;
+ height: 1.5rem;
+ margin-top: 15px;
+ // margin-left: 110px;
+ display: flex;
+ margin-right: 20px;
+ justify-content: center;
+ align-items: center;
+
+ span {
+ font-weight: 600;
+ }
+ }
+ }
+}
</style>
\ No newline at end of file
diff --git a/src/page/kline/index.vue b/src/page/kline/index.vue
index 350ad70..f19d881 100644
--- a/src/page/kline/index.vue
+++ b/src/page/kline/index.vue
@@ -8,7 +8,7 @@
<img src="../../assets/img/zuojiantou.png" alt />
</div>
<div class="right_title">
- <div class="t_t" style="white-space: nowrap;">
+ <div class="t_t" style="white-space: nowrap">
<span>{{ singDetails.spell }}</span>
</div>
<div class="b_t">
@@ -16,48 +16,63 @@
</div>
</div>
</div>
- <div class="right_money sss">
+ <!-- 隐藏右侧金额显示 -->
+ <!-- <div class="right_money sss">
<div class="content_money">
<div class="top_price">
<div class="left">
- <span>{{ $t('hj47') }}</span>
+ <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 && kLineDetails.if_zhishu != '0'" style="white-space: nowarp;">
- {{ kLineDetails.if_us == 1 ? '$' + Number(Number($store.state.userInfo.userIndexAmt) /
- 7.1).toFixed(2) :
- kLineDetails.if_us == 2 ? 'HK$' + (Number($store.state.userInfo.userIndexAmt) / 0.9).toFixed(2) :
- '₹' +
- $store.state.userInfo.userIndexAmt
+ <span v-if="$store.state.userInfo.userAmt == undefined"
+ >₹0.00</span
+ >
+ <span
+ v-if="
+ $store.state.userInfo && kLineDetails.if_zhishu != '0'
+ "
+ style="white-space: nowarp"
+ >
+ {{
+ kLineDetails.if_us == 1
+ ? "$" +
+ Number(
+ Number($store.state.userInfo.userIndexAmt) / 7.1
+ ).toFixed(2)
+ : kLineDetails.if_us == 2
+ ? "HK$" +
+ (
+ Number($store.state.userInfo.userIndexAmt) / 0.9
+ ).toFixed(2)
+ : "₹" + $store.state.userInfo.userIndexAmt
}}
</span>
- <span v-if="$store.state.userInfo.userAmt != undefined && kLineDetails.if_zhishu == '0'"
- style="white-space: nowarp;">
- <!-- {{ kLineDetails.if_us == 1 ? '$' + Number(Number($store.state.userInfo.userAmt) / 7.1).toFixed(2) :
- kLineDetails.if_us == 2 ? 'HK$' + (Number($store.state.userInfo.userAmt) / 0.9).toFixed(2) : '₹ ' +
- $store.state.userInfo.userAmt
- }} -->
- {{ '₹ ' + parseFloat($store.state.userInfo.enableAmt.toFixed(2)).toLocaleString()
- }}
+ <span
+ v-if="
+ $store.state.userInfo.userAmt != undefined &&
+ kLineDetails.if_zhishu == '0'
+ "
+ style="white-space: nowarp"
+ >
+ {{
+ "₹ " +
+ parseFloat(
+ $store.state.userInfo.enableAmt.toFixed(2)
+ ).toLocaleString()
+ }}
</span>
</div>
<div class="sanjiao">
- <!-- <img
- :class="dialogFlag ? 'xuanz' : ''"
- style="transition: all 0.5s;"
- src="../../assets/img/xiala.png"
- alt
- /> -->
+
</div>
</div>
<div class="bottom_balance">
<div>
- <span>{{ $t('hj48') }}</span>
+ <span>{{ $t("hj48") }}</span>
</div>
</div>
</div>
- </div>
+ </div> -->
</div>
<div class="real_time_detail">
<div class="left_now_price">
@@ -65,9 +80,10 @@
<!-- <span :class="singDetails.nowPrice - singDetails.preclose_px > 0 ? 'price green' : 'price red'">{{
singDetails.nowPrice
}}</span> -->
- <span :class="singDetails.hcrate > 0 ? 'price green' : 'price red'">{{
- singDetails.nowPrice
- }}</span>
+ <span
+ :class="singDetails.hcrate > 0 ? 'price green' : 'price red'"
+ >{{ singDetails.nowPrice }}</span
+ >
</div>
<div class="bottom_now">
<div>
@@ -76,57 +92,78 @@
? '+' : ''
}}{{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) }}</span> -->
<span v-else>
- {{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) || 0 }}</span>
+ {{
+ (singDetails.nowPrice - singDetails.preclose_px).toFixed(
+ 2
+ ) || 0
+ }}</span
+ >
</div>
- <div class="tew"
- :class="singDetails.hcrate > 0 ? 'number green' : 'number red'">
+ <div
+ class="tew"
+ :class="singDetails.hcrate > 0 ? 'number green' : 'number red'"
+ >
<span v-if="singDetails.nowPrice === 0">-</span>
<!-- <span v-else>({{ singDetails.nowPrice - singDetails.preclose_px > 0 ? '+' : '' }}
{{ singDetails.hcrate ? singDetails.hcrate : '0' }}%)</span> -->
- <span v-else>({{ singDetails.hcrate > 0 ? '+' : '' }}
- {{ singDetails.hcrate ? singDetails.hcrate : '0' }}%)</span>
+ <span v-else
+ >({{ singDetails.hcrate > 0 ? "+" : "" }}
+ {{ singDetails.hcrate ? singDetails.hcrate : "0" }}%)</span
+ >
</div>
</div>
</div>
<div class="right_ets">
<div class="tops">
<div class="lefts topes">
- <span class="titles">{{ $t('hj72') }}</span>
+ <span class="titles">{{ $t("hj72") }}</span>
<!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
singDetails.open_px
}}</span> -->
- <span :class="singDetails.hcrate > 0 ? 'number green' : 'number red'">{{
- singDetails.open_px
- }}</span>
+ <span
+ :class="
+ singDetails.hcrate > 0 ? 'number green' : 'number red'
+ "
+ >{{ singDetails.open_px }}</span
+ >
</div>
<div class="rights topes">
- <span class="titles">{{ $t('hj73') }}</span>
+ <span class="titles">{{ $t("hj73") }}</span>
<!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
singDetails.today_max
}}</span> -->
- <span :class="singDetails.hcrate > 0 ? 'number green' : 'number red'">{{
- singDetails.today_max
- }}</span>
+ <span
+ :class="
+ singDetails.hcrate > 0 ? 'number green' : 'number red'
+ "
+ >{{ singDetails.today_max }}</span
+ >
</div>
</div>
<div class="bottoms">
<div class="lefts bots">
- <span class="titles">{{ $t('hj74') }}</span>
+ <span class="titles">{{ $t("hj74") }}</span>
<!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
singDetails.preclose_px
}}</span> -->
- <span :class="singDetails.hcrate > 0 ? 'number green' : 'number red'">{{
- singDetails.preclose_px
- }}</span>
+ <span
+ :class="
+ singDetails.hcrate > 0 ? 'number green' : 'number red'
+ "
+ >{{ singDetails.preclose_px }}</span
+ >
</div>
<div class="rights bots">
- <span class="titles">{{ $t('hj75') }}</span>
+ <span class="titles">{{ $t("hj75") }}</span>
<!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
singDetails.today_min
}}</span> -->
- <span :class="singDetails.hcrate > 0 ? 'number green' : 'number red'">{{
- singDetails.today_min
- }}</span>
+ <span
+ :class="
+ singDetails.hcrate > 0 ? 'number green' : 'number red'
+ "
+ >{{ singDetails.today_min }}</span
+ >
</div>
</div>
</div>
@@ -135,15 +172,23 @@
<div class="k_line_detail">
<Kline :type="singDetails.type" />
</div>
- <div class="priect_top_bottom" style="display: none"
- v-if="(kLineDetails.if_us != 1 && kLineDetails.type != 'hk') && kLineDetails.type != 'hk' && kLineDetails.if_zhishu == 0">
+ <div
+ class="priect_top_bottom"
+ style="display: none"
+ v-if="
+ kLineDetails.if_us != 1 &&
+ kLineDetails.type != 'hk' &&
+ kLineDetails.type != 'hk' &&
+ kLineDetails.if_zhishu == 0
+ "
+ >
<div class="t_title">
- <span>{{ $t('hj76') }}</span>
+ <span>{{ $t("hj76") }}</span>
</div>
<div class="charts">
<div class="left_s">
<div class="t_ma">
- <span>{{ $t('hj77') }}</span>
+ <span>{{ $t("hj77") }}</span>
</div>
<div class="ets">
<div class="left_sell1">
@@ -188,7 +233,7 @@
</div>
<div class="right_h">
<div class="t_ma">
- <span>{{ $t('hj78') }}</span>
+ <span>{{ $t("hj78") }}</span>
</div>
<div class="ets">
<div class="left_sell1">
@@ -220,7 +265,6 @@
</div>
<div class="right_sell1">
<span>{{ singDetails.buy4_num }}</span>
-
</div>
</div>
<div class="ets">
@@ -236,74 +280,106 @@
</div>
<div class="priect_top_bottom" v-if="kLineDetails.if_us == 1">
<div class="t_title">
- <span>{{ $t('hj79') }}</span>
+ <span>{{ $t("hj79") }}</span>
</div>
<div class="charts">
<div class="left_s">
<div class="t_ma">
- <span>{{ $t('hj80') }}</span>
+ <span>{{ $t("hj80") }}</span>
</div>
- <div class="ets" v-for="(item, i) in timedata.data.details" :key="i">
+ <div
+ class="ets"
+ v-for="(item, i) in timedata.data.details"
+ :key="i"
+ >
<div class="left_sell1">
- <span>{{ item.split(',')[0] }}</span>
+ <span>{{ item.split(",")[0] }}</span>
</div>
<div class="right_sell1">
<!-- <span>{{ }}</span> -->
</div>
</div>
-
</div>
<div class="right_h">
<div class="t_ma">
- <span>{{ $t('hj81') }}</span>
+ <span>{{ $t("hj81") }}</span>
</div>
- <div class="ets" v-for="(item, i) in timedata.data.details" :key="i">
+ <div
+ class="ets"
+ v-for="(item, i) in timedata.data.details"
+ :key="i"
+ >
<div class="left_sell1">
- <span>{{ item.split(',')[1] }}</span>
+ <span>{{ item.split(",")[1] }}</span>
</div>
<div class="right_sell1">
<!-- <span>{{ }}</span> -->
</div>
</div>
-
</div>
<div class="right_h">
<div class="t_ma">
- <span>{{ $t('hj82') }}</span>
+ <span>{{ $t("hj82") }}</span>
</div>
- <div class="ets" v-for="(item, i) in timedata.data.details" :key="i">
+ <div
+ class="ets"
+ v-for="(item, i) in timedata.data.details"
+ :key="i"
+ >
<div class="left_sell1">
- <span>{{ item.split(',')[2] }}</span>
+ <span>{{ item.split(",")[2] }}</span>
</div>
<div class="right_sell1">
<!-- <span>{{ }}</span> -->
</div>
</div>
-
</div>
</div>
</div>
- <div class="jianjie" v-if="!(kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1)"
- :class="acseFlag ? 'isjj' : ''" ref="isjj" id="isjj">
+ <div
+ class="jianjie"
+ v-if="
+ !(kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1)
+ "
+ :class="acseFlag ? 'isjj' : ''"
+ ref="isjj"
+ id="isjj"
+ >
<div class="top_jj">
- <span>{{ $t('hj83') }}</span>
+ <span>{{ $t("hj83") }}</span>
</div>
<div class="jet">
<span>{{ jianjie }}</span>
</div>
</div>
- <div class="hknews" v-if="kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1">
-
+ <div
+ class="hknews"
+ v-if="
+ kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1
+ "
+ >
<div class="news-tab">
<div class="t_title">
- <span>{{ $t('hj6') }}</span>
+ <span>{{ $t("hj6") }}</span>
</div>
- <mt-tab-container v-model="news" :swipeable="false" style="padding-top: 0.5rem;">
+ <mt-tab-container
+ v-model="news"
+ :swipeable="false"
+ style="padding-top: 0.5rem"
+ >
<mt-tab-container-item id="tab_2">
<div class="news-content">
- <div class="item-out" v-for="(item, inde) in newsdetailList" :key="inde" >
- <div class="item-times">{{ item.Art_ShowTime | utc2beijing }}</div>
- <div class="titContent" style="-webkit-box-orient: vertical;">{{ item.Art_Title }}</div>
+ <div
+ class="item-out"
+ v-for="(item, inde) in newsdetailList"
+ :key="inde"
+ >
+ <div class="item-times">
+ {{ item.Art_ShowTime | utc2beijing }}
+ </div>
+ <div class="titContent" style="-webkit-box-orient: vertical">
+ {{ item.Art_Title }}
+ </div>
</div>
</div>
</mt-tab-container-item>
@@ -313,14 +389,25 @@
<div class="hknews" v-else>
<div class="news-tab">
<div class="t_title">
- <span>{{ $t('hj6') }}</span>
+ <span>{{ $t("hj6") }}</span>
</div>
- <mt-tab-container v-model="news" :swipeable="false" style="padding-top: 0.5rem;">
+ <mt-tab-container
+ v-model="news"
+ :swipeable="false"
+ style="padding-top: 0.5rem"
+ >
<mt-tab-container-item id="tab_2">
<div class="news-content">
- <div class="item-out" v-for="(item, inde) in newsdetailList" :key="inde" @click="godetail(item)">
+ <div
+ class="item-out"
+ v-for="(item, inde) in newsdetailList"
+ :key="inde"
+ @click="godetail(item)"
+ >
<div class="item-times">{{ item.addTime | gettime }}</div>
- <div class="titContent" style="-webkit-box-orient: vertical;">{{ item.title }}</div>
+ <div class="titContent" style="-webkit-box-orient: vertical">
+ {{ item.title }}
+ </div>
</div>
</div>
</mt-tab-container-item>
@@ -332,7 +419,11 @@
<div class="btns">
<div class="lefts">
<div class="left_ca" @click="option()">
- <img src="../../assets/img/meishoucang.png" alt v-if="isOptionOpt === false" />
+ <img
+ src="../../assets/img/meishoucang.png"
+ alt
+ v-if="isOptionOpt === false"
+ />
<img src="../../assets/img/shoucangle.png" alt v-else />
</div>
<div class="right_xx" @click="handleJj()">
@@ -342,7 +433,7 @@
<div class="rights">
<div class="buy_btn">
<div class="top_buy" @click="goBuy(0)">
- <span>{{ $t('hj84') }}</span>
+ <span>{{ $t("hj84") }}</span>
</div>
<div class="bottom_buy">
<span>{{ singDetails.nowPrice }}</span>
@@ -350,7 +441,7 @@
</div>
<div class="sell_btn" @click="goBuy(1)">
<div class="top_sell">
- <span>{{ $t('hj85') }}</span>
+ <span>{{ $t("hj85") }}</span>
</div>
<div class="bottom_sell">
<span>{{ singDetails.nowPrice }}</span>
@@ -362,154 +453,154 @@
</template>
<script>
-import Kline from './components/kLine.vue'
-import * as api from '@/axios/api'
-import { Toast } from 'vant'
+import Kline from "./components/kLine.vue";
+import * as api from "@/axios/api";
+import { Toast } from "vant";
export default {
- name: 'kline',
- data () {
+ name: "kline",
+ data() {
return {
- news: 'tab_2',
+ news: "tab_2",
kLineDetails: {}, // K线图详情数据
singDetails: {},
scFlag: false,
acseFlag: false,
- jianjie: '',
+ jianjie: "",
optionBtn: false,
isOptionOpt: false,
dialogFlag: false,
timedata: [],
newsdetailList: [],
- bayType: '',
- timer:null,
- }
+ bayType: "",
+ timer: null,
+ };
},
components: {
- Kline
+ Kline,
},
- created () {
- const { query } = this.$route
- this.kLineDetails = query
- if (query.if_us === '1') {
- this.getSingDetailUs()
+ created() {
+ const { query } = this.$route;
+ this.kLineDetails = query;
+ if (query.if_us === "1") {
+ this.getSingDetailUs();
} else {
- this.timer = setInterval(()=>{
- this.getSingDetails()
- },500)
+ this.timer = setInterval(() => {
+ this.getSingDetails();
+ }, 500);
}
- this.getOpation()
+ this.getOpation();
// this.$Lazyload();
- this.getUserInfo()
- this.getNohknews()
+ this.getUserInfo();
+ this.getNohknews();
},
beforeDestroy() {
- this.clearInterval(this.timer); // 在组件销毁前清除定时器
+ this.clearInterval(this.timer); // 在组件销毁前清除定时器
},
// beforeDestroy() {
// this.Klinetype = false;
// window.clearInterval()
// },
methods: {
- async getHknews () {
- await api.queryIndexNews().then(res => {
+ async getHknews() {
+ await api.queryIndexNews().then((res) => {
if (res.status === 0) {
- this.newsdetailList = res.data.data
+ this.newsdetailList = res.data.data;
}
- })
+ });
},
- async getNohknews () {
- let data = await api.queryNewsList(4)
- this.newsdetailList = data.data.list
+ async getNohknews() {
+ let data = await api.queryNewsList(4);
+ this.newsdetailList = data.data.list;
},
- async option () {
+ async option() {
if (this.optionBtn) {
- return
- };
- this.optionBtn = true
+ return;
+ }
+ this.optionBtn = true;
if (this.isOptionOpt) {
- let data = await api.delOption({ code: this.kLineDetails.code })
+ let data = await api.delOption({ code: this.kLineDetails.code });
if (data.status === 0) {
- this.getOpation()
- this.optionBtn = false
+ this.getOpation();
+ this.optionBtn = false;
this.$message({
- message: this.$t('hj97'),
- type: 'success'
- })
+ message: this.$t("hj97"),
+ type: "success",
+ });
} else {
- this.optionBtn = false
+ this.optionBtn = false;
this.$message({
message: data.msg,
- type: 'warning'
- })
+ type: "warning",
+ });
}
} else {
- let data = await api.addOption({ code: this.kLineDetails.code })
+ let data = await api.addOption({ code: this.kLineDetails.code });
if (data.status === 0) {
- this.getOpation()
- this.optionBtn = false
+ this.getOpation();
+ this.optionBtn = false;
this.$message({
- message: this.$t('hj96'),
- type: 'success'
- })
+ message: this.$t("hj96"),
+ type: "success",
+ });
} else {
this.$message({
message: data.msg,
- type: 'warning'
- })
- this.optionBtn = false
+ type: "warning",
+ });
+ this.optionBtn = false;
}
}
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
- async getUserInfo () {
+ async getUserInfo() {
// 获取用户信息
// let showcookie = this.getCookie('USER_TOKEN');
- let data = await api.getUserInfo()
+ let data = await api.getUserInfo();
if (data.status === 0) {
// this.getProductSetting()
- this.$store.state.userInfo = data.data
+ this.$store.state.userInfo = data.data;
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
- this.$store.state.user = this.user
+ this.$store.state.user = this.user;
},
- async getOpation () {
+ async getOpation() {
let opts = {
- code: this.$route.query.code
- }
- let data = await api.isOption(opts)
+ code: this.$route.query.code,
+ };
+ let data = await api.isOption(opts);
if (data.status === 0) {
// 0 --> 未添加
- this.isOptionOpt = false
+ this.isOptionOpt = false;
} else {
- this.isOptionOpt = true
+ this.isOptionOpt = true;
}
},
- async getSingDetails () {
+ async getSingDetails() {
let opts = {
code: this.kLineDetails.code,
- stockType: this.kLineDetails.type
- }
- await api.getSingleStock(opts).then(res => {
+ stockType: this.kLineDetails.type,
+ };
+ await api.getSingleStock(opts).then((res) => {
if (res.status === 0) {
- this.singDetails = res.data.stock
- this.bayType = res.data.stock.type
+ this.singDetails = res.data.stock;
+ this.bayType = res.data.stock.type;
if (res.data.introduction) {
- this.jianjie = res.data.introduction
+ this.jianjie = res.data.introduction;
} else {
- this.jianjie = res.data.indexintroduction
+ this.jianjie = res.data.indexintroduction;
}
const obj = {
pid: res.data.stock.code,
- type: res.data.stock.type
- }
- window.localStorage.setItem('kLine', JSON.stringify(obj))
+ type: res.data.stock.type,
+ };
+ window.localStorage.setItem("kLine", JSON.stringify(obj));
// console.log(this.singDetails)
// if (this.kLineDetails.if_zhishu !== '0' && this.singDetails.gid.indexOf('hk') > -1) {
// this.getHknews()
@@ -520,14 +611,14 @@
// this.getSingDetails(); // 再次调用自身，形成递归效果
// }, 500);
}
- })
+ });
},
- async getSingDetailUs () {
+ async getSingDetailUs() {
let opts = {
code: this.kLineDetails.code,
- stockType: this.kLineDetails.type
- }
- await api.getUsDetail(opts).then(res => {
+ stockType: this.kLineDetails.type,
+ };
+ await api.getUsDetail(opts).then((res) => {
// console.log(res,1111123);
// var that = this
// if(!res){
@@ -537,49 +628,48 @@
// }
if (res.status === 0) {
- this.singDetails = res.data.stock
- this.timedata = res.data.timedata
+ this.singDetails = res.data.stock;
+ this.timedata = res.data.timedata;
if (res.data.introduction) {
- this.jianjie = res.data.introduction
+ this.jianjie = res.data.introduction;
} else {
- this.jianjie = res.data.indexintroduction
+ this.jianjie = res.data.indexintroduction;
}
- this.getNohknews()
- console.log(this.singDetails)
+ this.getNohknews();
+ console.log(this.singDetails);
}
- })
+ });
},
- handleJj () {
- this.acseFlag = true
+ handleJj() {
+ this.acseFlag = true;
setTimeout(() => {
- this.acseFlag = false
- }, 1000)
+ this.acseFlag = false;
+ }, 1000);
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
- handleBackaa () {
-
+ handleBackaa() {
clearInterval(this.timer);
- window.localStorage.removeItem('kLine')
- this.$router.go(-1)
+ window.localStorage.removeItem("kLine");
+ this.$router.go(-1);
},
- handleSc () {
- this.scFlag = !this.scFlag
+ handleSc() {
+ this.scFlag = !this.scFlag;
},
- godetail(item){
+ godetail(item) {
this.$router.push({
- path: '/newPage',
+ path: "/newPage",
query: {
- listid: item.id
- }
- })
+ listid: item.id,
+ },
+ });
},
- goBuy (index) {
+ goBuy(index) {
clearInterval(this.timer);
this.$router.push({
- path: '/TradingBuy',
+ path: "/TradingBuy",
query: {
t: index,
code: this.kLineDetails.code,
@@ -588,75 +678,78 @@
id: this.singDetails.id,
name: this.kLineDetails.name,
if_us: this.kLineDetails.if_us,
- bayType: this.bayType
- }
- })
+ bayType: this.bayType,
+ },
+ });
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- }
+ },
},
filters: {
- getName (spell) {
+ getName(spell) {
// if (name.length > 15) {
// return name.substring(0, 14)
// } else {
- return spell
+ return spell;
// }
},
- gettime (time) {
+ gettime(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 d + '/' + mm + '/' + y + ' ' + h + ':' + m + ':' + c //日月年时分秒
+ return d + "/" + mm + "/" + y + " " + h + ":" + m + ":" + c; //日月年时分秒
// return y + '-' + mm + '-' + d + ' ' + h + ':' + m + ':' + c
},
- utc2beijing (utcDatetime) {
+ utc2beijing(utcDatetime) {
// 转为正常的时间格式 年-月-日 时:分:秒
- var tPos = utcDatetime.indexOf('T')
+ var tPos = utcDatetime.indexOf("T");
// var Z_pos = utcDatetime.indexOf('Z')
- var yearMonthDay = utcDatetime.substr(0, tPos)
- var hourMinuteSecond = utcDatetime.substr(tPos + 1, tPos - tPos - 1)
- var newDatetime = yearMonthDay + ' ' + hourMinuteSecond // 2017-03-31 08:02:06
+ var yearMonthDay = utcDatetime.substr(0, tPos);
+ var hourMinuteSecond = utcDatetime.substr(tPos + 1, tPos - tPos - 1);
+ var newDatetime = yearMonthDay + " " + hourMinuteSecond; // 2017-03-31 08:02:06
// 处理成为时间戳
- var timestamp = new Date(Date.parse(newDatetime))
- timestamp = timestamp.getTime()
- timestamp = timestamp / 1000
+ var timestamp = new Date(Date.parse(newDatetime));
+ timestamp = timestamp.getTime();
+ timestamp = timestamp / 1000;
// 增加8个小时，北京时间比utc时间多八个时区
- var timestamp2 = timestamp + 8 * 60 * 60
+ var timestamp2 = timestamp + 8 * 60 * 60;
// 时间戳转为时间
- var beijingDatetime = new Date(parseInt(timestamp2) * 1000).toLocaleString().replace(/年|月/g, '-').replace(/日/g, ' ')
- return beijingDatetime // 2017-03-31 16:02:06
- }
- }
-}
+ var beijingDatetime = new Date(parseInt(timestamp2) * 1000)
+ .toLocaleString()
+ .replace(/年|月/g, "-")
+ .replace(/日/g, " ");
+ return beijingDatetime; // 2017-03-31 16:02:06
+ },
+ },
+};
</script>
<style scoped lang="less">
@@ -693,12 +786,12 @@
/deep/.is-selected .tab-name:after {
position: absolute;
display: block;
- content: '';
- height: .07rem;
- background-color: #1381A4;
+ content: "";
+ height: 0.07rem;
+ background-color: #1381a4;
width: 100%;
left: 0;
- bottom: -.25rem;
+ bottom: -0.25rem;
}
}
@@ -729,8 +822,8 @@
.titContent {
position: relative;
width: 100%;
- font-size: .35rem;
- line-height: .46rem;
+ font-size: 0.35rem;
+ line-height: 0.46rem;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
@@ -747,7 +840,7 @@
height: calc(100% - 1.7rem);
overflow: auto;
- >.content {
+ > .content {
width: 100%;
height: 100%;
position: relative;
@@ -780,7 +873,7 @@
display: flex;
align-items: center;
- >img {
+ > img {
margin-top: 0.2rem;
width: 0.6rem;
height: 0.6rem;
@@ -864,20 +957,20 @@
max-width: 60%;
height: 100%;
- >div {
+ > div {
width: 100%;
padding: 0.15rem 0;
display: flex;
align-items: center;
- >div {
+ > div {
// width: 50%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0.1rem;
- .titles{
+ .titles {
padding-right: 0.1rem;
}
}
@@ -936,7 +1029,7 @@
justify-content: space-between;
margin-top: 0.6rem;
- >div {
+ > div {
width: 49%;
height: 100%;
}
@@ -957,7 +1050,7 @@
display: flex;
margin-top: 0.08rem;
- >div {
+ > div {
width: 50%;
height: 100%;
display: flex;
@@ -1041,7 +1134,7 @@
display: flex;
align-items: center;
- >div {
+ > div {
width: 50%;
height: 100%;
display: flex;
@@ -1062,7 +1155,7 @@
align-items: center;
justify-content: space-around;
- >div {
+ > div {
border-radius: 0.15rem;
}
@@ -1172,10 +1265,10 @@
}
.isjj {
- animation: zy 2.5s .15s linear infinite;
- animation: zy 2.5s .15s linear infinite;
- animation: zy 2.5s .15s linear infinite;
- animation: zy 2.5s .15s linear infinite;
+ animation: zy 2.5s 0.15s linear infinite;
+ animation: zy 2.5s 0.15s linear infinite;
+ animation: zy 2.5s 0.15s linear infinite;
+ animation: zy 2.5s 0.15s linear infinite;
animation: zy 2.5s 0.15s linear infinite;
animation: zy 2.5s 0.15s linear infinite;
animation: zy 2.5s 0.15s linear infinite;
@@ -1254,5 +1347,4 @@
margin-left: 0.2rem;
padding-right: 0.68rem;
}
-
</style>
diff --git a/src/page/list/tradingList/data.list.vue b/src/page/list/tradingList/data.list.vue
index 0329c97..b1b5d0a 100644
--- a/src/page/list/tradingList/data.list.vue
+++ b/src/page/list/tradingList/data.list.vue
@@ -21,6 +21,7 @@
</div>
<van-list
+ style="margin-bottom: 50px"
v-model="loadings"
:finished="finished"
:finished-text="$t('hj43')"
@@ -114,19 +115,22 @@
this.finished = false;
this.listArr = [];
this.pageNumVal = 1;
- this.getStock(e, this.zxactive);
+ this.loadings = true;
+ this.getStock(e, this.zxactive, 1);
},
zxactive(e) {
this.finished = false;
this.listArr = [];
this.pageNumVal = 1;
- this.getStock(this.active, e);
+ this.loadings = true;
+ this.getStock(this.active, e, 1);
},
sousuo(e) {
this.finished = false;
this.listArr = [];
this.pageNumVal = 1;
- this.getStock(this.active, this.zxactive);
+ this.loadings = true;
+ this.getStock(this.active, this.zxactive, 1);
},
},
data() {
@@ -141,7 +145,7 @@
mounted() {
this.listArr = [];
this.pageNumVal = 1;
- this.getStock(this.active, this.zxactive);
+ this.getStock(this.active, this.zxactive, 1);
},
methods: {
filterSH(val) {
@@ -177,15 +181,16 @@
});
},
// 获取列表
- getStock: handleDt.debounce(async function (a, b) {
+ getStock: handleDt.debounce(async function (a, b, c) {
a = this.active;
let stockType = "";
if (a !== "") {
let array = this.tabsList.filter((item) => item.key === a);
stockType = array[0].name;
}
+ let pageNumVal = c || this.pageNumVal;
let opt = {
- pageNum: this.pageNumVal,
+ pageNum: pageNumVal,
pageSize: 15,
stockPlate: "",
keyWords: this.sousuo,
@@ -193,27 +198,28 @@
orderBy: "",
};
let data = await api.getStockByType(opt);
- this.loading = false;
+ this.loadings = false;
if (data.status === 0) {
- if (this.listArr.length >= data.data.total) {
+ console.log(data.data.list.length < 15);
+ if (data.data.list.length < 15) {
this.finished = true;
}
- if (this.pageNumVal !== 1) {
+ if (pageNumVal !== 1) {
this.listArr = [...this.listArr, ...data.data.list];
} else {
this.listArr = data.data.list;
}
} else {
- this.loading = false;
this.finished = true;
}
}, 500),
onLoads() {
- if (!this.loading) {
- this.pageNumVal++;
- this.loading = true;
- this.getStock();
- }
+ console.log(333333);
+ // if (!this.loading) {
+ this.pageNumVal++;
+ this.loadings = true;
+ this.getStock();
+ // }
},
optionszx() {},
},
diff --git a/src/page/login/components/header.vue b/src/page/login/components/header.vue
index f49d960..0e4afbe 100644
--- a/src/page/login/components/header.vue
+++ b/src/page/login/components/header.vue
@@ -1,7 +1,7 @@
<template>
<div class="header_history">
<div class="header_content">
- <div class="left_back" @click="$router.go(-1)">
+ <div class="left_back" @click="$router.push('/home')">
<img src="../../../assets/img/back.png" alt="" />
</div>
<div class="right_mess">
diff --git a/src/page/login/login.vue b/src/page/login/login.vue
index 0fe3d47..8d3c048 100644
--- a/src/page/login/login.vue
+++ b/src/page/login/login.vue
@@ -52,7 +52,7 @@
@click="$router.push('/register')"
data-v-8cc76a7b=""
style="color: rgb(5, 106, 239)"
- >{{$t('免費註冊')}}</span
+ >{{ $t("免費註冊") }}</span
>
</div>
</div>
@@ -62,6 +62,7 @@
import headers from "./components/header.vue";
import * as api from "@/axios/api";
import { Notify } from "vant";
+import { mapMutations } from "vuex";
export default {
name: "newLogin",
@@ -91,6 +92,7 @@
},
methods: {
+ ...mapMutations(["undataToken"]),
checkboxChange(e) {
window.localStorage.setItem("login_checked", e);
},
@@ -127,14 +129,13 @@
}
this.$store.state.userInfo.phone = this.userName;
this.$store.state.userInfo.token = data.data.token;
-
+ this.undataToken(data.data.token);
+ window.localStorage.setItem("USERTOKEN", data.data.token);
Notify({ type: "success", message: this.$t("hj36") });
setTimeout(() => {
this.$router.push("/home");
}, 1000);
-
- window.localStorage.setItem("USERTOKEN", data.data.token);
} else {
Notify({ type: "warning", message: data.msg });
}
diff --git a/src/page/login/register.vue b/src/page/login/register.vue
index a09c944..61edde4 100644
--- a/src/page/login/register.vue
+++ b/src/page/login/register.vue
@@ -65,7 +65,7 @@
>{{ $t("立即注册") }}</van-button
>
- <div class="register">
+ <div class="register" @click="$router.push('/login')">
{{ $t("已有賬號？")
}}<span style="color: rgb(5, 106, 239)">{{ $t("馬上登錄") }}</span>
</div>
@@ -80,6 +80,7 @@
import { isNull, isPhone, pwdReg } from "@/utils/utils";
import * as api from "@/axios/api";
import { Notify } from "vant";
+import { mapMutations } from "vuex";
export default {
components: {
diff --git a/src/page/newUser/index.vue b/src/page/newUser/index.vue
index 2c747d6..0289d1b 100644
--- a/src/page/newUser/index.vue
+++ b/src/page/newUser/index.vue
@@ -54,14 +54,6 @@
</div>
</div>
</div>
- <div class="van-col van-col--8" style="margin-top: 10px">
- <div class="content-title">{{ $t("印股總資產") }}(USD)</div>
- <div>
- <div class="DINPro" style="font-size: 18px">
- <showHide :text="userInfo.masTotalAssets" :flg="xy" />
- </div>
- </div>
- </div>
</van-row>
<van-row style="margin-top: 16px">
<van-col span="8" style="display: flex; justify-content: center">
@@ -164,14 +156,14 @@
symbol: "$",
symbolCode: "USD",
},
- {
- title: this.$t("印股資產"),
- title1: this.$t("印股可用"),
- title2: this.$t("印股冻结"),
- accectType: "IN",
- symbol: "RM",
- symbolCode: "MYR",
- },
+ // {
+ // title: this.$t("印股資產"),
+ // title1: this.$t("印股可用"),
+ // title2: this.$t("印股冻结"),
+ // accectType: "IN",
+ // symbol: "RM",
+ // symbolCode: "MYR",
+ // },
{
title: this.$t("馬股資產"),
title1: this.$t("馬股可用"),
diff --git a/src/page/newUser/setting.vue b/src/page/newUser/setting.vue
index abdd7a8..d1a7530 100644
--- a/src/page/newUser/setting.vue
+++ b/src/page/newUser/setting.vue
@@ -164,6 +164,7 @@
import * as api from "@/axios/api";
import { Toast, MessageBox } from "mint-ui";
import { isNull, pwdReg } from "@/utils/utils";
+import { mapMutations } from "vuex";
export default {
name: "newUser",
@@ -214,6 +215,7 @@
}
},
methods: {
+ ...mapMutations(["undataToken"]),
popClose() {
this.settingDialog = false;
},
@@ -387,10 +389,12 @@
},
async toRegister() {
// 注销登陆
+
window.localStorage.removeItem("USERTOKEN"); // 清空本地存储 USERTOKEN字段
this.clearCookie();
let data = await api.logout();
if (data.status === 0) {
+ this.undataToken("");
// Toast(data.msg)
this.$router.push("/login");
} else {
diff --git a/src/page/trading/buy.vue b/src/page/trading/buy.vue
index 7d74fe9..14c23b0 100644
--- a/src/page/trading/buy.vue
+++ b/src/page/trading/buy.vue
@@ -7,7 +7,7 @@
<img src="../../assets/img/zuojiantou.png" alt />
</div>
<div class="right_title">
- <div class="t_t" style="white-space: nowrap;">
+ <div class="t_t" style="white-space: nowrap">
<span>{{ name | getName }}</span>
</div>
<div class="b_t">
@@ -22,74 +22,101 @@
<span>{{ nowPrice }}</span>
</div>
<div class="bottom_es">
- <span>{{ $t('hj98') }}</span>
+ <span>{{ $t("hj98") }}</span>
</div>
</div>
<div class="rights">
<div class="ese">
- <div class="mc" @click="handleTradingClick(0)" :class="tabsCurrentIndex === 0 ? 'actives' : ''">
- <span>{{ $t('hj84') }}</span>
+ <div
+ class="mc"
+ @click="handleTradingClick(0)"
+ :class="tabsCurrentIndex === 0 ? 'actives' : ''"
+ >
+ <span>{{ $t("hj84") }}</span>
</div>
- <div class="mr" @click="handleTradingClick(1)" :class="tabsCurrentIndex === 1 ? 'active' : ''">
- <span>{{ $t('hj85') }}</span>
+ <div
+ class="mr"
+ @click="handleTradingClick(1)"
+ :class="tabsCurrentIndex === 1 ? 'active' : ''"
+ >
+ <span>{{ $t("hj85") }}</span>
</div>
</div>
</div>
</div>
</div>
-
</div>
<div class="price_tabs">
<div class="tabs">
- <div class="tab_item" v-for="(item, index) in priceTabs" :key="index" @click="handleTabsClick(item, index)"
- :class="priceTabsCurrentIndex === index ? 'active' : ''">
+ <div
+ class="tab_item"
+ v-for="(item, index) in priceTabs"
+ :key="index"
+ @click="handleTabsClick(item, index)"
+ :class="priceTabsCurrentIndex === index ? 'active' : ''"
+ >
<span>{{ item }}</span>
</div>
</div>
<div class="tabs_content">
<div class="num" v-show="priceTabsCurrentIndex == 1">
- <span>{{ $t('hj99') }}</span>
+ <span>{{ $t("hj99") }}</span>
</div>
<div class="tr_es flexJy" v-show="priceTabsCurrentIndex == 1">
<div class="top_input">
- <input type="Number" v-model="nums">
+ <input type="Number" v-model="nums" />
</div>
- <div class="right_sw flexJy" style="width:auto;">
+ <div class="right_sw flexJy" style="width: auto">
<div class="addorj" @click="gdJian">
-
<img src="@/assets/img/ic_number_jian.png" alt />
</div>
<div class="addorj"></div>
- <div class="addorj"
- @click="typeof nums == 'string' ? nums = Number(Number(nums) + 1).toFixed(2) : nums = (Number(nums) + 1).toFixed(2)">
+ <div
+ class="addorj"
+ @click="
+ typeof nums == 'string'
+ ? (nums = Number(Number(nums) + 1).toFixed(2))
+ : (nums = (Number(nums) + 1).toFixed(2))
+ "
+ >
<img src="@/assets/img/ic_number_add.png" />
</div>
</div>
</div>
<div class="num">
- <span>{{ $t('hj100') }}</span>
+ <span>{{ $t("hj100") }}</span>
</div>
<div class="tr_es flexJy">
<div class="top_input">
- <input type="number" onkeyup="value=value.replace(/[^\d]/g,'')" v-model="num">
+ <input
+ type="number"
+ onkeyup="value=value.replace(/[^\d]/g,'')"
+ v-model="num"
+ />
</div>
- <div class="right_sw flexJy" style="width:auto;">
+ <div class="right_sw flexJy" style="width: auto">
<div class="addorj" @click="jyslJian">
<img src="@/assets/img/ic_number_jian.png" />
</div>
<div class="addorj"></div>
- <div class="addorj"
- @click="typeof num == 'string' ? num = Number(Number(num) + 1) : num = Number(Number(num) + 1)">
+ <div
+ class="addorj"
+ @click="
+ typeof num == 'string'
+ ? (num = Number(Number(num) + 1))
+ : (num = Number(Number(num) + 1))
+ "
+ >
<img src="@/assets/img/ic_number_add.png" />
</div>
</div>
</div>
<div class="tr_rs gg" @click="showGg = true">
<div class="top_bzz">
- <span>{{ $t('hj101') }}</span>
- <span>{{ selectCycle + 'X' }}</span>
+ <span>{{ $t("hj101") }}</span>
+ <span>{{ selectCycle + "X" }}</span>
</div>
<!-- <div class="bottom_bzz">
<span>{{ }}</span>
@@ -97,28 +124,21 @@
</div> -->
</div>
<div class="tr_rs">
- <div class="top_bzz" style="padding-bottom: 0.2rem;">
- <span style="text-align: left;">{{ if_us == 1 ? $t('hj102') + '($)' : if_us == '2' ? $t('hj102') + '(HK$)' : $t('hj102') + '(₹)'
- }}</span>
- <span style="text-align: right;">{{ if_us == 1 ? $t('hj103') + '($)' : if_us == '2' ? $t('hj103') + '(HK$)' : $t('hj103') + '(₹)'
- }}</span>
+ <div class="top_bzz" style="padding-bottom: 0.2rem">
+ <span style="text-align: left">
+ {{ $t("hj102") }}({{ moneyData.symbol || "$" }})
+ </span>
+ <span style="text-align: right">
+ {{ $t("hj103") }}({{ moneyData.symbol || "$" }})
+ </span>
</div>
<div class="bottom_bzz">
- <!-- <span>{{ (nowPrice/ selectCycle).toFixed(2) }}</span> -->
- <span>{{ (nowPrice / selectCycle * num).toFixed(2) }}</span>
- <!-- <span>{{ (nowPrice / selectCycle * num * 100).toFixed(2) }}</span> -->
- <span v-if="$store.state.userInfo.userAmt == undefined">₹0.00</span>
- <span v-if="$store.state.userInfo.userIndexAmt != undefined && type != '0'" style="white-space: nowarp;">
- {{ if_us == 1 ? '$' + (Number($store.state.userInfo.userIndexAmt) / 7.1).toFixed(2) : if_us == '2' ?
- 'HK$' +
- Number($store.state.userInfo.userIndexAmt / 0.9).toFixed(2) : '₹' + $store.state.userInfo.userIndexAmt
- }}
- </span>
- <span v-if="$store.state.userInfo.userAmt != undefined && type == '0'" style="white-space: nowarp;">
- {{ if_us == 1 ? '$' + (Number($store.state.userInfo.userAmt) / 7.1).toFixed(2) : if_us == '2' ? 'HK$' +
- Number($store.state.userInfo.userAmt / 0.9).toFixed(2) : '₹ ' + $store.state.userInfo.userAmt
- }}
+ <span>{{ ((nowPrice / selectCycle) * num).toFixed(2) }}</span>
+ <span style="white-space: nowarp">
+ <!-- moneyData.symbol + " " + -->
+
+ {{ moneyData.availableBalance || "0.00" }}
</span>
</div>
</div>
@@ -127,7 +147,7 @@
<div class="switchs">
<div class="zy">
<div class="left_zy">
- <span>{{ $t('hj104') }}</span>
+ <span>{{ $t("hj104") }}</span>
</div>
<div class="right_sw">
<van-switch v-model="checkedZy" />
@@ -135,22 +155,28 @@
</div>
<div class="zy" v-show="checkedZy">
<div class="left_zy">
- <input v-model="profitTarget" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
- @input="zyInt" />
+ <input
+ v-model="profitTarget"
+ onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
+ @input="zyInt"
+ />
</div>
- <div class="right_sw" style="width:auto;">
+ <div class="right_sw" style="width: auto">
<div class="addorj" @click="zYjian">
<img src="@/assets/img/ic_number_jian.png" />
</div>
<div class="addorj"></div>
- <div class="addorj" @click="profitTarget = (Number(profitTarget) + 1).toFixed(2)">
+ <div
+ class="addorj"
+ @click="profitTarget = (Number(profitTarget) + 1).toFixed(2)"
+ >
<img src="@/assets/img/ic_number_add.png" />
</div>
</div>
</div>
<div class="zy">
<div class="left_zy">
- <span>{{ $t('hj105') }}</span>
+ <span>{{ $t("hj105") }}</span>
</div>
<div class="right_sw">
<van-switch v-model="checkedZs" />
@@ -158,9 +184,13 @@
</div>
<div class="zy" v-show="checkedZs">
<div class="left_zy">
- <input v-model="zhisun" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" @input="zsInt" />
+ <input
+ v-model="zhisun"
+ onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
+ @input="zsInt"
+ />
</div>
- <div class="right_sw" style="width:auto;">
+ <div class="right_sw" style="width: auto">
<div class="addorj" @click="zhisun--">
<img src="@/assets/img/ic_number_jian.png" />
</div>
@@ -181,64 +211,69 @@
</div>
<div class="btn_buy" @click="gdOrSetBuy()">
<div :class="tabsCurrentIndex == 0 ? 'maichu' : ''">
- <span>{{ tabsCurrentIndex == 0 ? $t('hj84') : $t('hj85') }}</span>
+ <span>{{ tabsCurrentIndex == 0 ? $t("hj84") : $t("hj85") }}</span>
</div>
</div>
</div>
- <van-action-sheet v-model="showGg" :actions="siteLeverList" :cancel-text="$t('hj106')" :description="$t('hj107')"
- close-on-click-action @select="onSelect" />
+ <van-action-sheet
+ v-model="showGg"
+ :actions="siteLeverList"
+ :cancel-text="$t('hj106')"
+ :description="$t('hj107')"
+ close-on-click-action
+ @select="onSelect"
+ />
</div>
</template>
<script>
-import * as api from '@/axios/api'
-// import {
-// Toast
-// } from 'mint-ui'
+import * as api from "@/axios/api";
+
export default {
- name: 'trBuy',
- created () {
+ name: "trBuy",
+ created() {
if (this.$route.query.t) {
- this.tabsCurrentIndex = Number(this.$route.query.t)
- console.log(this.tabsCurrentIndex)
+ this.tabsCurrentIndex = Number(this.$route.query.t);
+ console.log(this.tabsCurrentIndex);
}
if (this.$route.query.m) {
- this.nowPrice = Number(this.$route.query.m)
- this.profitTarget = Number(this.$route.query.m)
- this.zhisun = Number(this.$route.query.m)
- this.nums = Number(this.$route.query.m)
+ this.nowPrice = Number(this.$route.query.m);
+ this.profitTarget = Number(this.$route.query.m);
+ this.zhisun = Number(this.$route.query.m);
+ this.nums = Number(this.$route.query.m);
}
if (this.$route.query.id) {
- this.id = this.$route.query.id
+ this.id = this.$route.query.id;
}
if (this.$route.query.code) {
- this.code = this.$route.query.code
+ this.code = this.$route.query.code;
}
if (this.$route.query.name) {
- this.name = this.$route.query.name
+ this.name = this.$route.query.name;
}
if (this.$route.query.type) {
- this.type = this.$route.query.type
+ this.type = this.$route.query.type;
}
if (this.$route.query.if_us) {
- this.if_us = this.$route.query.if_us
+ this.if_us = this.$route.query.if_us;
}
},
- data () {
+ data() {
return {
- tradingArr: [this.$t('hj84'), this.$t('hj85')],
+ tradingArr: [this.$t("hj84"), this.$t("hj85")],
tabsCurrentIndex: 0,
- priceTabs: [this.$t('hj108'), this.$t('hj109')],
+ // priceTabs: [this.$t("hj108"), this.$t("hj109")],
+ priceTabs: [this.$t("hj108")],
priceTabsCurrentIndex: 0,
num: 1,
nums: 1,
profit: false,
nowPrice: 0,
type: 0,
- code: '',
- name: '',
+ code: "",
+ name: "",
settingInfo: [],
- selectCycle: 20,
+ selectCycle: 1,
siteLeverList: [],
checkedZy: false,
checkedZs: false,
@@ -247,176 +282,199 @@
showGg: false,
profitTarget: 0,
if_us: 0,
- bayType: '',
- id: '',
+ bayType: "",
+ id: "",
actions: [
- { name: '100X', subname: this.$t('hj102') },
- { name: '200X', subname: this.$t('hj102') },
- { name: '300X', subname: this.$t('hj102') }
+ { name: "100X", subname: this.$t("hj102") },
+ { name: "200X", subname: this.$t("hj102") },
+ { name: "300X", subname: this.$t("hj102") },
],
profitArr: [
{
- name: this.$t('hj104'),
- checked: false
+ name: this.$t("hj104"),
+ checked: false,
},
{
- name: this.$t('hj105'),
- checked: false
+ name: this.$t("hj105"),
+ checked: false,
},
{
- name: this.$t('hj110'),
- checked: false
- }
- ]
-
- }
+ name: this.$t("hj110"),
+ checked: false,
+ },
+ ],
+ moneyData: {},
+ };
},
- mounted () {
- this.getUserInfo()
- this.getSettingInfo()
- this.bayType = this.$route.query.bayType
- if (this.bayType == 'in') {
- this.priceTabs = [this.$t('hj108'), this.$t('hj109')]
- } else if (this.bayType == 'qh') {
- this.priceTabs = [this.$t('hj108')]
+ mounted() {
+ this.bayType = this.$route.query.bayType;
+ if (this.bayType == "in") {
+ this.priceTabs = [this.$t("hj108"), this.$t("hj109")];
+ } else if (this.bayType == "qh") {
+ this.priceTabs = [this.$t("hj108")];
}
+ this.getUserInfo();
+ this.getMoneyData();
+ this.getSettingInfo();
},
watch: {
- checkedZy (val) {
+ checkedZy(val) {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
- checkedZs (val) {
+ checkedZs(val) {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- }
+ },
},
methods: {
- handleBack () {
- this.$router.go(-1)
+ async getMoneyData() {
+ let data = await api.getMoney();
+ let type = this.bayType === "SZHB" ? "US" : this.bayType;
+ if (data.status === 0) {
+ const newArr = data.data.filter((item) => item.accectType === type);
+
+ this.moneyData = newArr[0] || {};
+ // console.log(this.bayType, newArr);
+ // 判断是否登录
+ // this.moneyList = data.data;
+ }
},
- handleTradingClick (index) {
- this.tabsCurrentIndex = index
+ handleBack() {
+ this.$router.go(-1);
},
- handleTabsClick (item, index) {
- this.priceTabsCurrentIndex = index
+ handleTradingClick(index) {
+ this.tabsCurrentIndex = index;
},
- jyslJian () {
- if (typeof this.num === 'string') {
- this.num = 1
+ handleTabsClick(item, index) {
+ this.priceTabsCurrentIndex = index;
+ },
+ jyslJian() {
+ if (typeof this.num === "string") {
+ this.num = 1;
} else {
if (this.num > 1) {
- if (typeof this.num === 'string') {
- this.num = Number((this.num) - 1)
+ if (typeof this.num === "string") {
+ this.num = Number(this.num - 1);
} else {
- this.num = Number((this.num) - 1)
+ this.num = Number(this.num - 1);
}
} else {
- this.num = 1
+ this.num = 1;
}
}
},
- gdJian () {
+ gdJian() {
if (this.nums > 1) {
- if (typeof this.nums === 'string') {
- this.nums = Number(Number(this.nums) - 1).toFixed(2)
+ if (typeof this.nums === "string") {
+ this.nums = Number(Number(this.nums) - 1).toFixed(2);
} else {
- this.nums = Number(Number(this.nums) - 1).toFixed(2)
+ this.nums = Number(Number(this.nums) - 1).toFixed(2);
}
} else {
- this.nums = this.nowPrice
+ this.nums = this.nowPrice;
}
},
- zYjian () {
+ zYjian() {
if ((Number(this.profitTarget) - 1).toFixed(2) < this.nowPrice) {
- this.profitTarget = this.nowPrice
+ this.profitTarget = this.nowPrice;
} else {
- this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2)
+ this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2);
}
},
- zSjia () {
+ zSjia() {
if ((Number(this.zhisun) + 1).toFixed(2) > this.nowPrice) {
- this.zhisun = this.nowPrice
+ this.zhisun = this.nowPrice;
} else {
- this.zhisun++
+ this.zhisun++;
}
},
- zsInt (e) {
- if (typeof e.target.value === 'string') {
- this.zhisun = this.nowPrice
+ zsInt(e) {
+ if (typeof e.target.value === "string") {
+ this.zhisun = this.nowPrice;
} else {
if (Number(e.target.value) > this.nowPrice) {
- this.zhisun = this.nowPrice
+ this.zhisun = this.nowPrice;
}
}
},
- zyInt (e) {
- if (typeof e.target.value === 'string') {
- this.profitTarget = this.nowPrice
+ zyInt(e) {
+ if (typeof e.target.value === "string") {
+ this.profitTarget = this.nowPrice;
} else {
if (Number(e.target.value) < Number(this.nowPrice)) {
- this.profitTarget = Number(this.nowPrice)
+ this.profitTarget = Number(this.nowPrice);
}
}
},
- onSelect (val) {
- this.selectCycle = val.gg
+ onSelect(val) {
+ this.selectCycle = val.gg;
},
- gdOrSetBuy () {
+ gdOrSetBuy() {
if (this.priceTabsCurrentIndex == 0) {
- this.setBuy()
+ this.setBuy();
} else {
- this.gdBuy()
+ this.gdBuy();
}
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
// 挂单
- async gdBuy () {
+ async gdBuy() {
if (this.buying) {
- return
+ return;
}
- this.buying = true
+ this.buying = true;
let opts = {
stockId: this.code,
buyNum: this.num,
lever: this.selectCycle ? this.selectCycle : 0,
- targetPrice: this.nums
- }
+ targetPrice: this.nums,
+ };
if (this.tabsCurrentIndex == 0) {
- opts.buyType = 1
+ opts.buyType = 1;
} else {
- opts.buyType = 0
+ opts.buyType = 0;
}
if (this.checkedZy) {
// opts.profitTarget = this.profitTarget.substring(0,this.profitTarget.indexOf(".")+3)
- opts.profitTarget = this.profitTarget
+ opts.profitTarget = this.profitTarget;
}
if (this.checkedZs) {
- opts.stopTarget = this.zhisun
+ opts.stopTarget = this.zhisun;
}
- let data = await api.guadan(opts)
- this.buying = false
+ let data = await api.guadan(opts);
+ this.buying = false;
if (data.status === 0) {
- this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg, 'elAlertType': 'success' })
- this.getUserInfo()
- this.$router.push('/warehouse?index=1')
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ elAlertType: "success",
+ });
+ this.getUserInfo();
+ this.$router.push("/warehouse?index=1");
} else {
- this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ });
}
},
// 买卖
- setBuy () {
+ setBuy() {
if (!this.$store.state.userInfo.idCard) {
- this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': this.$t('hj111') })
- this.$router.push('/authentications')
- return
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: this.$t("hj111"),
+ });
+ this.$router.push("/authentications");
+ return;
}
// if (!this.agree) {
// Toast('需同意合作协议才能交易!')
@@ -428,10 +486,10 @@
// Toast('请选择子账户')
// } else {}
if (this.buying) {
- return
+ return;
}
- this.buying = true
- let opts = {}
+ this.buying = true;
+ let opts = {};
opts = {
// stockId: this.detail.id,
// buyNum: this.selectNumber ? this.selectNumber * 100 : 0, // 单位为手
@@ -442,119 +500,156 @@
// 买入是买涨buyType:0, 卖出是买跌buyType:1,卖出的状态是0，买入的状态是1
buyNum: this.num, // 单位为手
// buyNum: (this.num.match(/\d+/g))[0] * 100, // 单位为手
- lever: this.selectCycle ? this.selectCycle : 0
- }
+ lever: this.selectCycle ? this.selectCycle : 0,
+ };
if (this.tabsCurrentIndex == 0) {
- opts.buyType = 1
+ opts.buyType = 1;
} else {
- opts.buyType = 0
+ opts.buyType = 0;
}
if (this.checkedZy) {
// opts.profitTarget = this.profitTarget.substring(0,this.profitTarget.indexOf(".")+3)
- opts.profitTarget = this.profitTarget
+ opts.profitTarget = this.profitTarget;
}
if (this.checkedZs) {
- opts.stopLoss = this.zhisun
+ opts.stopLoss = this.zhisun;
}
if (this.type == 0) {
// 股票
- this.gpBuy(opts)
+ this.gpBuy(opts);
// opts.stockId= this.code,
// data = await api.buy(opts)
} else {
// 指数
- this.zsBuy(opts)
+ this.zsBuy(opts);
// opts.indexId= this.code,
// data = await api.indexBuy(opts)
}
},
// 股票买入
- async gpBuy (opts) {
- opts.stockId = this.id
- let data = await api.buy(opts)
- this.buying = false
+ async gpBuy(opts) {
+ opts.stockId = this.id;
+ let data = await api.buy(opts);
+ this.buying = false;
if (data.status === 0) {
- this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg, 'elAlertType': 'success' })
- this.getUserInfo()
- this.$router.push('/warehouse?index=0')
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ elAlertType: "success",
+ });
+ this.getUserInfo();
+ this.$router.push("/warehouse?index=0");
} else {
- if (data.msg.indexOf('不在交易时段内') > -1) {
- this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': this.$t('hj113') })
+ if (data.msg.indexOf("不在交易时段内") > -1) {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: this.$t("hj113"),
+ });
} else {
- this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ });
}
}
},
// 指数买入
- async zsBuy (opts) {
- opts.indexId = this.id
- let data = await api.indexBuy(opts)
- this.buying = false
+ async zsBuy(opts) {
+ opts.indexId = this.id;
+ let data = await api.indexBuy(opts);
+ this.buying = false;
if (data.status === 0) {
- this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg, 'elAlertType': 'success' })
- this.getUserInfo()
- this.$router.push('/warehouse?index=0')
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ elAlertType: "success",
+ });
+ this.getUserInfo();
+ this.$router.push("/warehouse?index=0");
} else {
- this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ });
}
},
- async getUserInfo () {
+ async getUserInfo() {
// 获取用户信息
// let showcookie = this.getCookie('USER_TOKEN');
- let data = await api.getUserInfo()
+ let data = await api.getUserInfo();
if (data.status === 0) {
// this.getProductSetting()
- this.$store.state.userInfo = data.data
+ this.$store.state.userInfo = data.data;
} else {
- this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ });
}
- this.$store.state.user = this.user
+ this.$store.state.user = this.user;
},
- async getSettingInfo () {
+ async getSettingInfo() {
// 网站设置信息
- let data = await api.getSetting()
+ let data = await api.getSetting();
if (data.status === 0) {
// 成功
- this.settingInfo = data.data
+ this.settingInfo = data.data;
// 杠杆倍数
// data.data.siteLever根据/分割成数组
// this.siteLeverList = data.data.siteLever.split('/')
- this.selectCycle = data.data.siteLever
- if (this.$store.state.userInfo !== undefined && this.$store.state.userInfo !== null && this.$store.state.userInfo.phone !== '' && this.$store.state.userInfo.siteLever != null) {
- this.selectCycle = this.$store.state.userInfo.siteLever.split('/')[0]
- this.siteLeverList = []
- for (let i = 0; i < this.$store.state.userInfo.siteLever.split('/').length; i++) {
- let val = this.$store.state.userInfo.siteLever.split('/')[i]
- let item = { label: val + this.$t('hj112'), value: val }
- this.siteLeverList.push(item)
+ this.selectCycle = data.data.siteLever;
+ if (
+ this.$store.state.userInfo !== undefined &&
+ this.$store.state.userInfo !== null &&
+ this.$store.state.userInfo.phone !== "" &&
+ this.$store.state.userInfo.siteLever != null
+ ) {
+ this.selectCycle = this.$store.state.userInfo.siteLever.split("/")[0];
+ this.siteLeverList = [];
+ for (
+ let i = 0;
+ i < this.$store.state.userInfo.siteLever.split("/").length;
+ i++
+ ) {
+ let val = this.$store.state.userInfo.siteLever.split("/")[i];
+ let item = { label: val + this.$t("hj112"), value: val };
+ this.siteLeverList.push(item);
}
} else {
- this.selectCycle = data.data.siteLever.split('/')[0]
- this.siteLeverList = []
- for (let i = 0; i < data.data.siteLever.split('/').length; i++) {
- let val = data.data.siteLever.split('/')[i]
- var ccet = (Number(this.nowPrice) / Number(val)).toFixed(2)
+ this.selectCycle = data.data.siteLever.split("/")[0];
+ this.siteLeverList = [];
+ for (let i = 0; i < data.data.siteLever.split("/").length; i++) {
+ let val = data.data.siteLever.split("/")[i];
+ var ccet = (Number(this.nowPrice) / Number(val)).toFixed(2);
// let item = { label: val + '倍', value: val ,bzj:ccet}
- let item = { name: val + 'X', subname: this.$t('hj102') + '：' + (ccet * 100).toFixed(2), gg: val, bzj: ccet }
- this.siteLeverList.push(item)
+ let item = {
+ name: val + "X",
+ subname: this.$t("hj102") + "：" + (ccet * 100).toFixed(2),
+ gg: val,
+ bzj: ccet,
+ };
+ this.siteLeverList.push(item);
}
}
} else {
- this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ });
}
- }
+ },
},
filters: {
- getName (name) {
+ getName(name) {
if (name.length > 15) {
- return name.substring(0, 14)
+ return name.substring(0, 14);
} else {
- return name
+ return name;
}
- }
- }
-}
+ },
+ },
+};
</script>
<style scoped lang="less">
@@ -563,7 +658,7 @@
min-height: 100vh;
background-color: #fff;
- >.content {
+ > .content {
width: 100%;
height: calc(100% - 1.6rem);
position: relative;
@@ -580,7 +675,7 @@
height: 1.2rem;
display: flex;
align-items: center;
- padding: 0 .1rem;
+ padding: 0 0.1rem;
.left_back {
width: 0.8rem;
@@ -588,7 +683,7 @@
display: flex;
align-items: center;
- >img {
+ > img {
margin-top: 0.2rem;
width: 0.6rem;
height: 0.6rem;
@@ -627,8 +722,8 @@
height: 2rem;
display: flex;
align-items: center;
- padding: 0 .8rem;
- margin-top: .3rem;
+ padding: 0 0.8rem;
+ margin-top: 0.3rem;
.cot {
width: 100%;
@@ -642,7 +737,7 @@
.top_new {
width: 100%;
height: 60%;
- font-size: .5615rem;
+ font-size: 0.5615rem;
color: rgb(232, 55, 70);
span {
@@ -664,20 +759,20 @@
align-items: center;
justify-content: flex-end;
- >div {
+ > div {
width: 65%;
height: 80%;
display: flex;
justify-content: center;
- >div {
+ > div {
width: 45%;
height: 70%;
background: rgb(236, 236, 236);
display: flex;
justify-content: center;
align-items: center;
- border-radius: .1rem;
+ border-radius: 0.1rem;
color: rgb(173, 173, 173);
}
@@ -707,24 +802,24 @@
.price_tabs {
width: 100%;
height: auto;
- padding: .2rem .8rem;
+ padding: 0.2rem 0.8rem;
background: #fff;
- margin-top: .1rem;
+ margin-top: 0.1rem;
border-radius: 0.3rem;
.tabs {
width: 100%;
- height: .8205rem;
+ height: 0.8205rem;
background: rgb(247, 247, 247);
display: flex;
align-items: center;
justify-content: center;
- border-radius: .15rem;
+ border-radius: 0.15rem;
- >div {
+ > div {
width: 49%;
height: 80%;
- border-radius: .15rem;
+ border-radius: 0.15rem;
display: flex;
justify-content: center;
align-items: center;
@@ -741,11 +836,11 @@
.tabs_content {
width: 100%;
- margin-top: .3rem;
+ margin-top: 0.3rem;
.num {
width: 100%;
- height: .5rem;
+ height: 0.5rem;
line-height: 0.5rem;
position: relative;
top: 0.2rem;
@@ -754,13 +849,13 @@
.tr_es {
width: 100%;
height: 1.3rem;
- margin-top: .15rem;
+ margin-top: 0.15rem;
border-bottom: 0.05rem solid rgb(236, 236, 236);
.top_input {
width: 70%;
height: 70%;
- font-size: .6615rem;
+ font-size: 0.6615rem;
input {
font-weight: 600;
@@ -771,9 +866,9 @@
.tr_rs {
width: 100%;
height: 1.3rem;
- margin-top: .4rem;
+ margin-top: 0.4rem;
- >div {
+ > div {
width: 100%;
height: 50%;
color: rgb(160, 160, 160);
@@ -787,7 +882,7 @@
.bottom_bzz {
color: #000;
- font-size: .3846rem;
+ font-size: 0.3846rem;
span {
font-weight: 600;
@@ -804,10 +899,10 @@
height: 1.8rem;
display: flex;
align-items: center;
- font-size: .3803rem;
+ font-size: 0.3803rem;
border-bottom: 0.05rem solid rgb(236, 236, 236);
- >div {
+ > div {
color: #000;
}
}
@@ -817,9 +912,9 @@
.switchs {
width: 100%;
height: auto;
- padding: 0 .8rem;
+ padding: 0 0.8rem;
background: #fff;
- margin-top: .3rem;
+ margin-top: 0.3rem;
border-radius: 0.3rem 0.3rem 0 0;
transition: all 0.5s;
@@ -832,12 +927,12 @@
align-items: center;
border-bottom: 0.05rem solid rgb(236, 236, 236);
- >div {
+ > div {
// width: 20%;
height: 50%;
display: flex;
align-items: center;
- font-size: .3346rem;
+ font-size: 0.3346rem;
}
.right_sw {
@@ -850,12 +945,12 @@
width: 100%;
height: auto;
background: #fff;
- padding: .8rem .8rem;
+ padding: 0.8rem 0.8rem;
display: flex;
align-items: flex-end;
// padding-top: 0.8rem;
- >div {
+ > div {
width: 100%;
height: 1.2821rem;
display: flex;
@@ -863,23 +958,22 @@
align-items: center;
background: rgb(68, 155, 84);
color: #fff;
- font-size: .3846rem;
- border-radius: .15rem;
+ font-size: 0.3846rem;
+ border-radius: 0.15rem;
}
}
/deep/.van-action-sheet__name {
- font-size: .3846rem;
+ font-size: 0.3846rem;
color: #000;
}
/deep/.van-action-sheet__gap {
height: 0.25rem;
-
}
/deep/.van-action-sheet__cancel {
- font-size: .4246rem;
+ font-size: 0.4246rem;
height: 1.3rem;
color: #000;
}
@@ -933,7 +1027,7 @@
width: 100%;
height: 100%;
top: 0;
- left: -.1rem;
+ left: -0.1rem;
z-index: 10000;
background: rgba(255, 255, 255, 0);
border-left: 0.12rem solid rgb(241, 242, 246);
@@ -962,14 +1056,13 @@
-ms-transform: skew(-10deg, 0deg);
-webkit-transform: skew(-10deg, 0deg);
transform: skew(-10deg, 0deg);
-
}
}
-/deep/.van-overlay{
- z-index: 10000!important;
+/deep/.van-overlay {
+ z-index: 10000 !important;
}
-/deep/.van-popup{
- z-index: 10001!important;
+/deep/.van-popup {
+ z-index: 10001 !important;
}
</style>
diff --git a/src/page/user/Warehouse.vue b/src/page/user/Warehouse.vue
index cef9a56..ec54536 100644
--- a/src/page/user/Warehouse.vue
+++ b/src/page/user/Warehouse.vue
@@ -45,6 +45,7 @@
tabsArr: [
{
title: this.$t("hometips"),
+
name: "1",
bgc: "rgb(8, 82, 196)",
laber: "ALL",
@@ -53,22 +54,25 @@
},
{
title: this.$t("mggs"),
+ assname: this.$t("美股总资产"),
name: "2",
bgc: "rgb(12, 175, 226)",
laber: "US",
symbolCode: "USD",
symbol: "$",
},
- {
- title: this.$t("ydgs"),
- name: "3",
- bgc: "rgb(255, 91, 150)",
- laber: "IN",
- symbolCode: "USD",
- symbol: "$",
- },
+ // {
+ // title: this.$t("ydgs"),
+ // assname: this.$t("印股总资产"),
+ // name: "3",
+ // bgc: "rgb(255, 91, 150)",
+ // laber: "IN",
+ // symbolCode: "USD",
+ // symbol: "$",
+ // },
{
title: this.$t("马来西亚"),
+ assname: this.$t("馬股总资产"),
name: "4",
bgc: "rgb(163, 91, 255)",
laber: "MAS",
diff --git a/src/page/user/Warehouse/data.list.vue b/src/page/user/Warehouse/data.list.vue
index 37d2378..26d61d2 100644
--- a/src/page/user/Warehouse/data.list.vue
+++ b/src/page/user/Warehouse/data.list.vue
@@ -24,7 +24,12 @@
>
<div class="title-box">
<div class="span">{{ item.stockName }}</div>
- <div class="states">{{ item.orderDirection }}</div>
+ <div
+ class="states"
+ :class="item.orderDirection === '买跌' ? 'states-red' : ''"
+ >
+ {{ item.orderDirection }}
+ </div>
</div>
<van-row>
<van-col span="12">
@@ -308,6 +313,11 @@
flex-shrink: 0;
font-weight: 900;
}
+
+ .states-red {
+ background: rgba(208, 75, 100, 0.15);
+ color: rgb(208, 75, 100);
+ }
}
.sport-content-title2 {
diff --git a/src/page/user/Warehouse/item.card.vue b/src/page/user/Warehouse/item.card.vue
index b96f7a9..00f9fec 100644
--- a/src/page/user/Warehouse/item.card.vue
+++ b/src/page/user/Warehouse/item.card.vue
@@ -2,7 +2,9 @@
<div class="item-card-box">
<div class="total-assets">
<div class="left">
- <div class="total-name">泰股總資產 ({{ activeObj.symbolCode }})</div>
+ <div class="total-name">
+ {{ activeObj.assname }} ({{ activeObj.symbolCode }})
+ </div>
<div class="total-data">{{ activeObj.totalMoney || "0.0000" }}</div>
<div class="total-data-huansuan" v-if="activeObj.symbolCode !== 'USD'">
≈ {{ activeObj.symbol }} {{ activeObj.totalMoneyUSD || "0.0000" }}
diff --git a/src/page/user/authentication.vue b/src/page/user/authentication.vue
index 6701574..fbf0ad5 100644
--- a/src/page/user/authentication.vue
+++ b/src/page/user/authentication.vue
@@ -13,26 +13,44 @@
<div class="empty text-center">
<!-- 您已通过实名认证 -->
<!-- 审核中 -->
- <i v-show="this.$store.state.userInfo.isActive == 1" style="color:red;font-size: 1.5rem;"
- class="iconfont icon-shenhezhong"></i>
- <!-- 通过 -->
- <i v-show="!showBtn && this.$store.state.userInfo.isActive != 1" style="color:red;font-size: 1.5rem;"
- class="iconfont icon-tongguo1"></i>
- <!-- 未通过 -->
- <i v-show="showBtn" style="color:red;font-size: 1.5rem;" class="iconfont icon-icon-test"></i>
+ <i
+ v-show="this.$store.state.userInfo.isActive == 1"
+ style="color: red; font-size: 1.5rem"
+ class="iconfont icon-shenhezhong"
+ ></i>
+ <!-- 通过 -->
+ <i
+ v-show="!showBtn && this.$store.state.userInfo.isActive != 1"
+ style="color: red; font-size: 1.5rem"
+ class="iconfont icon-tongguo1"
+ ></i>
+ <!-- 未通过 -->
+ <i
+ v-show="showBtn"
+ style="color: red; font-size: 1.5rem"
+ class="iconfont icon-icon-test"
+ ></i>
</div>
</div>
</div>
<div class="form-block">
<div class="auth-msg" v-if="this.$store.state.userInfo.isActive == 3">
<p>认证失败，请重新认证</p>
- <div>
- 失败原因：{{this.$store.state.userInfo.authMsg}}
- </div>
+ <div>失败原因：{{ this.$store.state.userInfo.authMsg }}</div>
</div>
<!-- <mt-field label="手机号" placeholder="请输入您的手机号" v-model="form.phone"></mt-field> -->
- <mt-field label="真实姓名" placeholder="请输入您的真实姓名" type="text" v-model="form.name"></mt-field>
- <mt-field label="身份证号" placeholder="请输入您的身份证号" type="text" v-model="form.idCard"></mt-field>
+ <mt-field
+ label="真实姓名"
+ placeholder="请输入您的真实姓名"
+ type="text"
+ v-model="form.name"
+ ></mt-field>
+ <mt-field
+ label="身份证号"
+ placeholder="请输入您的身份证号"
+ type="text"
+ v-model="form.idCard"
+ ></mt-field>
</div>
<!-- <div class="upload-box clearfix">
@@ -85,165 +103,160 @@
<div v-show="showBtn" class="btnbox">
<span class="text-center btnok" @click="toSure">确定</span>
</div>
-
</div>
</template>
<script>
-import * as api from '@/axios/api'
-import { Toast } from 'mint-ui'
-import { isNull, idCardReg, isName } from '@/utils/utils'
-import { compress } from '@/utils/imgupload'
+import * as api from "@/axios/api";
+import { Toast } from "mint-ui";
+import { isNull, idCardReg, isName } from "@/utils/utils";
+import { compress } from "@/utils/imgupload";
+import apiUrl from "@/axios/api.url.js";
export default {
components: {},
props: {},
- data () {
+ data() {
return {
form: {
- phone: '',
- name: '',
- idCard: '',
- img1key: '',
- img2key: '',
- img3key: ''
+ phone: "",
+ name: "",
+ idCard: "",
+ img1key: "",
+ img2key: "",
+ img3key: "",
},
- img1Key: '',
- img2Key: '',
- img3Key: '',
+ img1Key: "",
+ img2Key: "",
+ img3Key: "",
showBtn: true,
- admin: '',
+ admin: apiUrl.baseURL,
imgStatus: false,
- imgStatus2: false
- }
+ imgStatus2: false,
+ };
},
watch: {},
computed: {},
- created () {
- if (this.$store.state.userInfo.isActive === 1 || this.$store.state.userInfo.isActive === 2) {
- this.form.idCard = this.$store.state.userInfo.idCard
- this.form.name = this.$store.state.userInfo.realName
- this.form.img1key = this.$store.state.userInfo.img1Key
- this.form.img2key = this.$store.state.userInfo.img2Key
+ created() {
+ if (
+ this.$store.state.userInfo.isActive === 1 ||
+ this.$store.state.userInfo.isActive === 2
+ ) {
+ this.form.idCard = this.$store.state.userInfo.idCard;
+ this.form.name = this.$store.state.userInfo.realName;
+ this.form.img1key = this.$store.state.userInfo.img1Key;
+ this.form.img2key = this.$store.state.userInfo.img2Key;
// this.form.img3key = this.$store.state.userInfo.img3Key
- this.showBtn = false
+ this.showBtn = false;
}
},
- beforeDestroy () {
- if (this.$state.theme =='red') {
- document.body.classList.remove('red-bg')
- document.body.classList.add('black-bg')
+ beforeDestroy() {
+ if (this.$state.theme == "red") {
+ document.body.classList.remove("red-bg");
+ document.body.classList.add("black-bg");
}
},
- mounted () {
- if (this.$state.theme =='red') {
- document.body.classList.remove('black-bg')
- document.body.classList.add('red-bg')
- }
- this.admin = process.env.API_HOST
- if (this.admin === undefined) {
- this.admin = ''
+ mounted() {
+ if (this.$state.theme == "red") {
+ document.body.classList.remove("black-bg");
+ document.body.classList.add("red-bg");
}
},
-
-}
+};
</script>
<style lang="less" scoped>
- .transaction {
- color: rgba(100, 100, 100, 0.78);
+.transaction {
+ color: rgba(100, 100, 100, 0.78);
- .empty {
- width: 100%;
- // height: 1.34rem;
- font-size: 0.43rem;
- color: #888888;
- text-align: center;
- line-height: 2rem;
- // background: url('../../assets/img/thingsOk.png') no-repeat center center;
- background-size: 70%;
- }
+ .empty {
+ width: 100%;
+ // height: 1.34rem;
+ font-size: 0.43rem;
+ color: #888888;
+ text-align: center;
+ line-height: 2rem;
+ // background: url('../../assets/img/thingsOk.png') no-repeat center center;
+ background-size: 70%;
+ }
+}
+
+.rule-box {
+ padding: 0.2rem 0.3rem;
+
+ .title {
+ font-size: 0.3rem;
+ height: 0.5rem;
+ line-height: 0.5rem;
+ margin-bottom: 0.2rem;
}
- .rule-box {
- padding: 0.2rem 0.3rem;
-
- .title {
- font-size: 0.3rem;
- height: 0.5rem;
+ ul {
+ li {
+ color: #999;
line-height: 0.5rem;
- margin-bottom: 0.2rem;
- }
-
- ul {
- li {
- color: #999;
- line-height: 0.5rem;
- }
}
}
+}
- .upload-box {
- padding: 0.5rem;
+.upload-box {
+ padding: 0.5rem;
- .upload-btn {
- // border: 1px solid #ddd;
- border-radius: 4px;
- width: 40%;
+ .upload-btn {
+ // border: 1px solid #ddd;
+ border-radius: 4px;
+ width: 40%;
+ height: 1.6rem;
+ margin-bottom: 10px;
+ float: left;
+ margin: 0.2rem 5%;
+ text-align: center;
+ position: relative;
+
+ .btn-hidden {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 3;
+ opacity: 0;
+ }
+
+ .id-img {
+ max-width: 100%;
+ max-height: 100%;
+ }
+
+ /deep/ .el-upload--picture-card {
+ background: none;
+ width: 100%;
height: 1.6rem;
- margin-bottom: 10px;
- float: left;
- margin: 0.2rem 5%;
- text-align: center;
- position: relative;
-
- .btn-hidden {
- height: 100%;
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 3;
- opacity: 0;
- }
-
- .id-img {
- max-width: 100%;
- max-height: 100%;
- }
-
- /deep/ .el-upload--picture-card {
- background: none;
- width: 100%;
- height: 1.6rem;
- line-height: 1.6rem;
- }
-
- .btn-title {
- position: absolute;
- top: 23px;
- left: 0;
- width: 100%;
- }
-
- /deep/ .el-upload__input {
- display: none;
- }
-
+ line-height: 1.6rem;
}
- }
-
- .auth-msg {
- padding: 0.2rem 0.6rem;
- line-height: 0.4rem;
-
- p {
- color: red;
+ .btn-title {
+ position: absolute;
+ top: 23px;
+ left: 0;
+ width: 100%;
}
- div {
- color: #ddd;
+ /deep/ .el-upload__input {
+ display: none;
}
}
+}
+.auth-msg {
+ padding: 0.2rem 0.6rem;
+ line-height: 0.4rem;
+
+ p {
+ color: red;
+ }
+
+ div {
+ color: #ddd;
+ }
+}
</style>
diff --git a/src/page/user/ransferIndex.vue b/src/page/user/ransferIndex.vue
index 20cee91..1a5c744 100644
--- a/src/page/user/ransferIndex.vue
+++ b/src/page/user/ransferIndex.vue
@@ -82,7 +82,7 @@
@input="inputValue"
/><!----><!---->
<div class="van-field__button" style="margin-right: 10px">
- <span style="color: rgb(79, 82, 87)">MYR</span>
+ <span style="color: rgb(79, 82, 87)">USD</span>
</div>
</div>
<!----><!---->
diff --git a/src/page/user/recharge.vue b/src/page/user/recharge.vue
index 98e8c9d..24a0ad6 100644
--- a/src/page/user/recharge.vue
+++ b/src/page/user/recharge.vue
@@ -8,19 +8,6 @@
@click-left="onClickLeft"
/>
<main>
- <!-- <div class="main-title">請選擇充值方式</div>
- <van-cell
- is-link
- :title="rechargeSelect.name || '請選擇'"
- @click="show = true"
- />
- <van-action-sheet
- v-model="show"
- :actions="actions"
- :cancel-text="$t('hj106')"
- close-on-click-action
- @select="select"
- /> -->
<div>
<div class="main-title">{{ $t("支持得支付渠道") }}</div>
<van-cell
@@ -165,19 +152,21 @@
title: this.$t("美股資產"),
title1: this.$t("美股可用"),
title2: this.$t("美股冻结"),
+ name: this.$t("US"),
key: "US",
symbol: "$",
symbolCode: "USD",
},
+ // {
+ // title: this.$t("印股資產"),
+ // title1: this.$t("印股可用"),
+ // title2: this.$t("印股冻结"),
+ // key: "IN",
+ // symbol: "RM",
+ // symbolCode: "MYR",
+ // },
{
- title: this.$t("印股資產"),
- title1: this.$t("印股可用"),
- title2: this.$t("印股冻结"),
- key: "IN",
- symbol: "RM",
- symbolCode: "MYR",
- },
- {
+ name: this.$t("MAS"),
title: this.$t("馬股資產"),
title1: this.$t("馬股可用"),
title2: this.$t("馬股冻结"),
diff --git a/src/router/index.js b/src/router/index.js
index 92cfd8e..a0814e9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -93,7 +93,7 @@
name: "home",
meta: {
title: i18n.t("hj224"),
- requireAuth: true,
+ requireAuth: false,
index: 0
},
component: Home
@@ -244,7 +244,7 @@
name: "setting",
meta: {
title: "设置",
- requireAuth: false,
+ requireAuth: true,
index: 91
},
component: setting
@@ -456,7 +456,7 @@
name: "Warehouse",
meta: {
title: i18n.t("hj2"),
- requireAuth: false,
+ requireAuth: true,
hasHeader: false,
index: 22
},
@@ -553,7 +553,7 @@
path: "/recharge",
name: "recharge",
meta: {
- // requireAuth: false,
+ requireAuth: true,
show: true
// title: "充值"
// requireAuth: true,
@@ -567,9 +567,9 @@
name: "transferIndex",
meta: {
// requireAuth: false,
- show: true
+ show: true,
// title: "充值"
- // requireAuth: true,
+ requireAuth: true
// hasHeader: true,
// index: 31
},
@@ -579,6 +579,7 @@
path: "/rechargeSure",
name: "rechargeSure",
meta: {
+ requireAuth: true,
show: true
},
component: RechargeSure
@@ -642,7 +643,7 @@
name: "agree",
meta: {
title: "注册协议",
- requireAuth: true,
+ requireAuth: false,
index: 38
},
component: Agree
@@ -776,7 +777,7 @@
name: "TradingBuy",
meta: {
title: i18n.t("hj237"),
- requireAuth: false,
+ requireAuth: true,
hasHeader: false,
index: 50,
show: true
@@ -788,7 +789,7 @@
name: "NewUser",
meta: {
title: i18n.t("hj243"),
- requireAuth: false,
+ requireAuth: true,
hasHeader: false,
index: 51
},
diff --git a/src/store/index.js b/src/store/index.js
index d2ae04d..eda41e4 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,49 +1,54 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
+import Vue from "vue";
+import Vuex from "vuex";
// import getters from './getters'
// import actions from './actions'
// import mutations from './mutations'
-Vue.use(Vuex)
+Vue.use(Vuex);
let state = {
- className: 'black',
- theme:'red',
- userInfo: { // 用户信息
+ className: "black",
+ theme: "red",
+ userInfo: {
+ // 用户信息
},
user: {},
bankInfo: {
- bankNo: ''
+ bankNo: ""
},
hide: false,
- select: '/home', // 菜单选择
- token: 'USER62CCF5221CD752269D47681374DD0916',
+ select: "/home", // 菜单选择
+ token: window.localStorage.getItem("USERTOKEN") || null,
elAlertShow: false,
- elAlertText: '',
+ elAlertText: "",
dialogVisible: false,
- elAlertType: 'warning',
- settingForm: { // 产品配置
+ elAlertType: "warning",
+ settingForm: {
+ // 产品配置
futuresDisplay: false,
indexDisplay: false,
kcStockDisplay: false,
stockDisplay: false
}
-}
+};
export default new Vuex.Store({
state,
actions: {},
mutations: {
+ undataToken(state, token) {
+ state.token = token || null;
+ },
elAlertShow(state, payload) {
state.elAlertShow = payload.elAlertShow;
state.elAlertText = payload.elAlertText;
- if(payload.elAlertType){
+ if (payload.elAlertType) {
state.elAlertType = payload.elAlertType;
}
},
dialogVisible(state, payload) {
- state.dialogVisible = payload;
+ // state.dialogVisible = payload;
}
},
getters: {}
-})
+});
--
Gitblit v1.9.3