Skip to content

J
japan-mercer
Commit 9f04fd68 by lanse
Options

init

parents
Showing with 16464 additions and 0 deletions
.eslintrc.js 0 → 100644
module.exports = {
env: {
browser: true,
es2021: true
},
extends: ['plugin:vue/vue3-recommended', 'standard', 'plugin:prettier/recommended'],
parserOptions: {
ecmaVersion: 'latest',
parser: '@typescript-eslint/parser',
sourceType: 'module'
},
plugins: ['vue', '@typescript-eslint'],
rules: {
'vue/multi-word-component-names': 'off',
camelcase: 'off',
'@typescript-eslist/camelcase': 0
},
globals: {
defineProps: 'readonly',
defineEmits: 'readonly',
defineExpose: 'readonly',
withDefaults: 'readonly',
uni: 'readonly'
}
}
.gitignore 0 → 100644
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
.prettierrc.js 0 → 100644
module.exports = {
// 根据自己项目需要
printWidth: 200, //单行长度
tabWidth: 2, //缩进长度
semi: false, //句末使用分号
singleQuote: true, //使用单引号
endOfLine: 'auto', //自动检测并保留行尾符号（如 \n 或 \r\n）
bracketSpacing: true, // 在对象的大括号之间添加空格 { foo: bar }。
trailingComma: 'none', // 句末逗号
}
index.html 0 → 100644
<!DOCTYPE html>
<html lang="jp" translate="no">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<script>
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
document.write(
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />'
)
document.addEventListener('dblclick', function (e) {
e.preventDefault() // 阻止默认双击事件
})
</script>
<title>MERCER</title>
<!--preload-links-->
<!--app-context-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="white" />
<meta name="format-detection" content="telephone=no, email=no" />
<meta name="renderer" content="webkit" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="HandheldFriendly" content="true" />
<meta name="screen-orientation" content="portrait" />
<meta name="x5-orientation" content="portrait" />
<meta name="full-screen" content="yes" />
<meta name="x5-fullscreen" content="true" />
<meta name="browsermode" content="application" />
<meta name="x5-page-mode" content="app" />
<meta name="msapplication-navbutton-color" content="#fff" />
<meta name="msapplication-TileColor" content="#fff" />
<meta name="theme-color" content="#fff" />
<meta name="apple-mobile-web-app-title" content="MERCER" />
<meta name="google" content="notranslate" />
<!-- Apple Touch Icons -->
<link rel="apple-touch-icon" sizes="180x180" href="./src/static/image/login/head.png" />
<!-- Android Chrome Icons -->
<link rel="icon" type="image/png" sizes="192x192" href="./src/static/image/login/head.png" />
<link rel="icon" type="image/png" sizes="512x512" href="./src/static/image/login/head.png" />
<!-- Windows Tiles -->
<meta name="msapplication-TileImage" content="./src/static/image/login/head.png" />
<meta name="msapplication-TileColor" content="#ffffff" />
<!-- General Icons -->
<link rel="icon" type="image/png" sizes="32x32" href="./src/static/image/login/head.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./src/static/image/login/head.png" />
<link rel="icon" type="image/x-icon" href="./src/static/image/login/head.png" />
<link rel="icon" href="./src/static/image/login/head.png" />
</head>
<body>
<div id="app"><!--app-html--></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json 0 → 100644
{
"name": "japan-mercer",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"dev:app": "uni -p app",
"dev:custom": "uni -p",
"dev:h5": "uni",
"dev:h5:ssr": "uni --ssr",
"dev:mp-alipay": "uni -p mp-alipay",
"dev:mp-baidu": "uni -p mp-baidu",
"dev:mp-kuaishou": "uni -p mp-kuaishou",
"dev:mp-lark": "uni -p mp-lark",
"dev:mp-qq": "uni -p mp-qq",
"dev:mp-toutiao": "uni -p mp-toutiao",
"dev:mp-weixin": "uni -p mp-weixin",
"dev:quickapp-webview": "uni -p quickapp-webview",
"dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
"dev:quickapp-webview-union": "uni -p quickapp-webview-union",
"build:app": "uni build -p app",
"build:custom": "uni build -p",
"build:h5": "uni build",
"build:h5:ssr": "uni build --ssr",
"build:mp-alipay": "uni build -p mp-alipay",
"build:mp-baidu": "uni build -p mp-baidu",
"build:mp-kuaishou": "uni build -p mp-kuaishou",
"build:mp-lark": "uni build -p mp-lark",
"build:mp-qq": "uni build -p mp-qq",
"build:mp-toutiao": "uni build -p mp-toutiao",
"build:mp-weixin": "uni build -p mp-weixin",
"build:quickapp-webview": "uni build -p quickapp-webview",
"build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
"build:quickapp-webview-union": "uni build -p quickapp-webview-union",
"lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --fix"
},
"dependencies": {
"@dcloudio/uni-app": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-app-plus": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-components": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-h5": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-mp-alipay": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-mp-baidu": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-mp-kuaishou": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-mp-lark": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-mp-qq": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-mp-toutiao": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-mp-weixin": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-quickapp-webview": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-ui": "^1.4.12",
"@vitejs/plugin-vue": "2.3.3",
"animate.css": "^4.1.1",
"axios": "^1.7.4",
"echarts": "^5.5.1",
"klinecharts": "^9.8.10",
"pinia": "^2.0.12",
"vant": "^4.9.4",
"vue": "^3.2.31",
"vue-i18n": "^9.14.0"
},
"devDependencies": {
"@dcloudio/types": "^2.5.18",
"@dcloudio/uni-automator": "^3.0.0-alpha-3040220220310005",
"@dcloudio/uni-cli-shared": "^3.0.0-alpha-3040220220310005",
"@dcloudio/vite-plugin-uni": "^3.0.0-alpha-3040220220310005",
"@types/node": "^17.0.23",
"@typescript-eslint/eslint-plugin": "^5.17.0",
"@typescript-eslint/parser": "^5.17.0",
"autoprefixer": "^10.4.20",
"eslint": "^7.32.0",
"eslint-config-prettier": "^8.5.0",
"eslint-config-standard": "^16.0.3",
"eslint-plugin-import": "^2.25.4",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-promise": "^5.2.0",
"eslint-plugin-vue": "^8.5.0",
"postcss": "^8.4.41",
"prettier": "^2.6.1",
"sass": "^1.49.9",
"sass-loader": "13",
"tailwindcss": "^3.4.10",
"typescript": "^4.6.2",
"vite": "^5.4.10",
"vite-plugin-eslint": "^1.3.0"
},
"main": "index.js",
"repository": "http://27.124.4.157:9070/root/japan.git",
"author": "ran <gz@gz.com>"
}
postcss.config.js 0 → 100644
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
'postcss-px-to-viewport-8-plugin': {
unitToConvert: 'px', // 要转化的单位
viewportWidth: 1920, // UI设计稿的宽度
unitPrecision: 6, // 转换后的精度，即小数点位数
propList: ['*'], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
viewportUnit: 'vw', // 指定需要转换成的视窗单位，默认vw
fontViewportUnit: 'vw', // 指定字体需要转换成的视窗单位，默认vw
selectorBlackList: ['ignore-'], // 指定不转换为视窗单位的类名，
minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
replace: true, // 是否转换后直接更换属性值
// exclude: [/node_modules/], // 设置忽略文件，用正则做目录名匹配
exclude: [],
landscape: false // 是否处理横屏情况
}
}
}
src/App.vue 0 → 100644
<script setup lang="ts">
import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
import { useCounterStore } from '@/store/store'
import { useRouter } from 'vue-router'
import { onMounted } from 'vue'
const store = useCounterStore()
// store.getSystemInfo()
// store.getUserInfo()
const i = 'orientationchange' in window ? 'orientationchange' : 'resize'
const setViewHeight = () => {
const windowVH = window.innerHeight / 100
document.documentElement.style.setProperty('--vh', windowVH + 'px')
}
document.addEventListener('DOMContentLoaded', setViewHeight)
window.addEventListener(i, setViewHeight)
onLaunch(() => {
store.token = uni.getStorageSync('token') || null
store.userId = uni.getStorageSync('userId') || null
store.userInfo = uni.getStorageSync('userInfo') || null
// show()
const router = useRouter()
router.beforeEach((to, from, next) => {
// hide(next)
next()
})
router.afterEach(() => {
// setTimeout(() => show(), 50)
})
})
onMounted(() => {
store.pageHeight = document.body.clientHeight + 'px'
document.body.style.height = document.body.clientHeight + 'px'
})
onShow(() => {})
onHide(() => {})
</script>
<style lang="scss">
html,
body {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch; /* 启用惯性滚动 */
}
.hh2 {
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.hh {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
}
.uni-input-input {
color: #fff;
}
.tabbar {
border-radius: 0.625rem 0.625rem 0px 0px;
}
body {
background: #0d1a2a;
}
::v-deep .uni-toast__icon {
margin: 0.625rem auto 0 !important;
}
::v-deep .van-loading__line:before {
color: #000 !important;
background: #000 !important;
}
.uni-app--showtabbar uni-page-wrapper::after {
display: none !important;
}
.uni-modal {
padding: 0 1.25rem 1.25rem 1.25rem;
border-radius: 0.625rem;
.uni-modal__ft:after {
display: none;
}
.uni-modal__btn:after {
display: none;
}
.uni-modal__btn_default {
width: 8.4375rem;
height: 3.0625rem;
border-radius: 1.5625rem;
background: #08182b;
color: #fff !important;
font-size: 1rem;
margin-right: 0.625rem;
}
.uni-modal__btn_primary {
width: 8.4375rem;
height: 3.0625rem;
border-radius: 1.5625rem;
background: #c9c8c9;
font-size: 1rem;
color: #fff !important;
}
}
.up {
color: $uni-text-color-red;
}
.down {
color: $uni-text-color-green;
}
.ping {
color: $uni-text-color;
}
.red {
color: $color-red !important;
}
.green {
color: $color-green !important;
}
.rotate {
transform: rotate(180deg);
}
.nodata {
font-size: $uni-font-size-lg;
text-align: center;
margin-top: 25.6px;
}
uni-tabbar {
display: none;
}
/* #ifdef H5 */
uni-page {
opacity: 1;
transition: all 0.3s ease;
}
uni-page.animation-before {
/* 在页面上使用 transform 会导致页面内的 fixed 定位渲染为 absolute，需要在动画完成后移除 */
transform: translateY(0.625rem);
opacity: 0;
}
uni-page.animation-leave {
transition: all 0.3s ease;
}
uni-page.animation-enter {
transition: all 0.3s ease;
}
uni-page.animation-show {
opacity: 1;
}
uni-page.animation-after {
/* 在页面上使用 transform 会导致页面内的 fixed 定位渲染为 absolute，需要在动画完成后移除 */
transform: translateY(0);
}
/* #endif */
</style>
src/api/bankAccount/bankAccountType.ts 0 → 100644
export interface BankInfoType {
bank_address: string
bank_card: string
bank_code: string
bank_name: string
shiming_name: string
}
src/api/bankAccount/index.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { BankInfoType } from './indexType'
// 获取银行卡列表
export function getBankListApi() {
return request({
url: `${config.baseURL}/index/withdrawal`,
method: 'get'
})
}
// 添加银行卡
export function addBankApi(data: BankInfoType) {
return request({
url: `${config.baseURL}/index/setUserInfo`,
method: 'post',
data
})
}
// 添加银行卡
export function delBankApi(id: number | string) {
return request({
url: `${config.baseURL}/index/bankcardDelete`,
method: 'get',
params: {
id
}
})
}
src/api/changePassword/index.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { ChangePasswordParameterType } from './type'
// 修改登录密码
export function updatePasswordApi(data: ChangePasswordParameterType) {
return request({
url: `${config.baseURL}/user/updatePassword`,
method: 'post',
data
})
}
src/api/changePassword/type.ts 0 → 100644
export interface ChangePasswordParameterType {
old_password: string
new_Password: string
repeat_new_password: string
}
src/api/index/index.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { getTickerKType, idType, buyGupiaoType, getJiaoyiDetailType, shengouType, buyDadanType, buyHongliType, buyGendanType, sellGendanType, rongziType } from './indexType'
// 热门股票
export function getXinguApplyApi() {
return request({
url: `${config.baseURL}/jiaoyi_list/xinguApply`,
method: 'get'
})
}
// 热门股票
export function getHotGupiaoApi() {
return request({
url: `${config.baseURL}/index/popular_product`,
method: 'get'
})
}
export function check_token() {
return request({
url: `${config.baseURL}/index/check_token`,
method: 'get'
})
}
// 股票K线
export function getTickerKApi(params: getTickerKType) {
return request({
url: `${config.baseURL}/product/getTickerK`,
method: 'get',
params
})
}
// 股票详情
export function getGupiaoDetailApi(params: idType) {
return request({
url: `${config.baseURL}/product/getGupiaoDetail`,
method: 'get',
params
})
}
// 收藏股票
export function collectApi(data: idType) {
return request({
url: `${config.baseURL}/index/addZixuan`,
method: 'post',
data
})
}
// 收藏股票详情
export function collectDetailApi(params: idType) {
return request({
url: `${config.baseURL}/index/isZixuan`,
method: 'get',
params
})
}
// 获取手续费
export function getUserMoneyApi() {
return request({
url: `${config.baseURL}/user/getUserMoney`,
method: 'post'
})
}
// 收藏股票
export function buyGupiaoApi(data: buyGupiaoType) {
return request({
url: `${config.baseURL}/index/buyGupiao`,
method: 'post',
data
})
}
// 交易列表
export function getJiaoyiListApi() {
return request({
url: `${config.baseURL}/jiaoyi_list/getList`,
method: 'get'
})
}
// 交易详情
export function getJiaoyiDetailApi(params: getJiaoyiDetailType) {
return request({
url: `${config.baseURL}/index/getOrderDetail`,
method: 'get',
params
})
}
// 賣出股票
export function sellGupiaoApi(data: getJiaoyiDetailType) {
return request({
url: `${config.baseURL}/index/PingCang`,
method: 'post',
data
})
}
// 撤单
export function cancelOrdeApi(data: getJiaoyiDetailType) {
return request({
url: `${config.baseURL}/index/cancel_order`,
method: 'post',
data
})
}
// 新股列表
export function getXinguListApi() {
return request({
url: `${config.baseURL}/index/getXingu`,
method: 'get'
})
}
// 申购股票
export function shengouApi(data: shengouType) {
return request({
url: `${config.baseURL}/index/shengouXingu`,
method: 'post',
data
})
}
// 大單監控
export function getDadanListApi() {
return request({
url: `${config.baseURL}/index/monitoring_list`,
method: 'get'
})
}
// 大單監控
export function getUserMonitoringApi() {
return request({
url: `${config.baseURL}/index/user_monitoring`,
method: 'get'
})
}
// 購買大單
export function buyDadanApi(data: buyDadanType) {
return request({
url: `${config.baseURL}/index/buy_monitoring`,
method: 'post',
data
})
}
// 紅利股票
export function getHongliListApi() {
return request({
url: `${config.baseURL}/index/get_discount_gupiao`,
method: 'get'
})
}
// 購買红利
export function buyHongliApi(data: buyHongliType) {
return request({
url: `${config.baseURL}/index/add_discount_gupiao`,
method: 'post',
data
})
}
// 智慧跟单
export function getGendanListApi() {
return request({
url: `${config.baseURL}/index/follow_list`,
method: 'get'
})
}
// 購買跟單
export function buyGendanApi(data: buyGendanType) {
return request({
url: `${config.baseURL}/index/follow_order`,
method: 'post',
data
})
}
// 智慧跟单記錄
export function getGendanRecordListApi() {
return request({
url: `${config.baseURL}/index/user_follow_record`,
method: 'get'
})
}
// 賣出跟單
export function sellGendanApi(data: sellGendanType) {
return request({
url: `${config.baseURL}/index/sell_follow_record`,
method: 'post',
data
})
}
// 融资状态
export function getRongziApi() {
return request({
url: `${config.baseURL}/index/applicationStatus`,
method: 'get'
})
}
// 申请融资
export function rongziApi(data: rongziType) {
return request({
url: `${config.baseURL}/index/saveCA`,
// url: `${config.baseURL}/CreditApplication/saveCA`,
method: 'post',
data
})
}
// 奖品列表
export function getLotteryApi() {
return request({
url: `${config.baseURL}/index/lottery_prize`,
method: 'get'
})
}
// 抽奖次数
export function getLotteryCountApi() {
return request({
url: `${config.baseURL}/index/lottery_count`,
method: 'get'
})
}
// 抽奖结果
export function getLotteryDrawApi() {
return request({
url: `${config.baseURL}/index/lottery_draw`,
method: 'get'
})
}
// 抽奖历史
export function getLotteryHistoryApi() {
return request({
url: `${config.baseURL}/index/lottery_history`,
method: 'get'
})
}
// ai申请提交
export function aiSubmitApi(data) {
return request({
url: `${config.baseURL}/index/ai_submit`,
method: 'post',
data
})
}
// ai申请记录
export function getAiOrderApi() {
return request({
url: `${config.baseURL}/index/ai_order`,
method: 'get'
})
}
src/api/index/indexType.ts 0 → 100644
export interface getGupiaoType {
code: string
}
export interface getTickerKType {
id: number
kline_type: number
}
export interface idType {
id: string
}
export interface buyGupiaoType {
buytype: number
fangxiang: string
price: number
pro_id: number
shuliang: number
ganggan_ratio: number
}
export interface getJiaoyiDetailType {
id: string
type: string
}
export interface shengouType {
id: string
number: number
price: string
}
export interface buyDadanType {
monitoring_id: string
num: number
}
export interface buyHongliType {
dividend_id: number
num: number
}
export interface buyGendanType {
follow_id: number
money: number
}
export interface sellGendanType {
follow_id: number
}
export interface rongziType {
money: any
name: any
card: any
address: any
phone: any
mail: any
income: any
credit: any
qualifications: any
}
src/api/login/login.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { loginType, registerType, sendSmsType } from './loginType'
// 登录
export function loginApi(data: loginType) {
return request({
url: `${config.baseURL}/user/login`,
method: 'post',
data
})
}
// 注册
export function registerApi(data: registerType) {
return request({
url: `${config.baseURL}/user/register`,
method: 'post',
data
})
}
// 验证码
export function sendSmsApi(data: sendSmsType) {
return request({
url: `${config.baseURL}/sms/send`,
method: 'post',
data
})
}
// // 模拟交易
// export function simulationLoginApi() {
// return request({
// url: `${config.baseURL}/user/simulationLogin`,
// method: 'post'
// })
// }
// 登录
export function simulationLoginApi(data: loginType) {
return request({
url: `${config.baseURL}/user/simulationLogin`,
method: 'post',
data
})
}
// 注册
export function simulationRegisterApi(data: registerType) {
return request({
url: `${config.baseURL}/user/simulationRegister`,
method: 'post',
data
})
}
src/api/login/loginType.ts 0 → 100644
export interface loginType {
account: string
password: string
}
export interface registerType {
account: string
password: string
verfiy_code: string
}
export interface sendSmsType {
mobile: string
event: string
}
src/api/market/market.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { getGupiaoListType, idType } from './marketType'
// 股票列表
export function getGupiaoListApi(params: getGupiaoListType) {
return request({
url: `${config.baseURL}/product/get_stock_list`,
method: 'get',
params
})
}
// 获取收藏股票列表
export function getZixuanlApi() {
return request({
url: `${config.baseURL}/index/getZixuan`,
method: 'get'
})
}
// 指数列表
export function getZhishuApi() {
return request({
url: `${config.baseURL}/product/get_zhishu_list`,
method: 'get'
})
}
// 指数详情
export function getZhishuDetailApi(params: idType) {
return request({
url: `${config.baseURL}/product/getIndexDetail`,
method: 'get',
params
})
}
src/api/market/marketType.ts 0 → 100644
export interface idType {
id: string
}
export interface getGupiaoListType {
page: number
}
export interface listType {
page: number
type: string
}
src/api/message/index.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
// import { userInfoParameterType } from './indexType'
export function getUserMessageApi(params) {
return request({
url: `${config.baseURL}/index/get_user_message`,
method: 'get',
params
})
}
export function getUserMessageDetailApi() {
return request({
url: `${config.baseURL}/index/get_user_message_detail`,
method: 'get'
})
}
src/api/order/index.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { paramsType } from './indexType'
// 获取用户实名状态
export function getOrderDetailApi(params: paramsType) {
return request({
url: `${config.baseURL}/index/getOrderDetail`,
method: 'get',
params
})
}
src/api/order/indexType.ts 0 → 100644
export interface paramsType {
id: number | string
type: number | string
}
src/api/real_name/index.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { RealNameType } from './indexType'
// 获取用户实名状态
export function getRealnameApi() {
return request({
url: `${config.baseURL}/user/getRealname`,
method: 'get'
})
}
export function subRealnameApi(data: RealNameType) {
return request({
url: `${config.baseURL}/user/subRealname`,
method: 'post',
data
})
}
src/api/real_name/indexType.ts 0 → 100644
export interface RealNameType {
true_name: string
id_card: string
id_card_img_1: string
id_card_img_2: string
status_msg?: string
status: string | number
}
src/api/record/record.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { paramsType } from './recordType'
// 获取新闻列表
export function getNewsApi(params: paramsType) {
return request({
url: `${config.baseURL}/index/getNews`,
method: 'get',
params
})
}
// 获取新闻详情
export function getNewDetailApi(id: number | string) {
return request({
url: `${config.baseURL}/index/newsDetail`,
method: 'get',
params: { id }
})
}
src/api/record/recordType.ts 0 → 100644
export interface recordType {
account: string
password: string
}
export interface paramsType {
page: number
}
export interface newDetailType {
content: string
createtime: number | string
id: number | string
image: string
other_id: number
title: string
updatetime: number
}
src/api/search/index.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { SearchParameterType } from './indexType'
export function searchStock(data: SearchParameterType) {
return request({
url: `${config.baseURL}/index/Search`,
method: 'post',
data
})
}
src/api/search/indexType.ts 0 → 100644
export interface SearchParameterType {
code: string | number
}
export interface StockType {
name: string
id: number
price: number | string
shuzidaima: number | string
zhangdiebaifenbi: number | string
zhangdieshu: number | string
}
src/api/transactionLog/index.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { LiuShuiType } from './indexType'
export function getLiuShuiApi(params: LiuShuiType) {
return request({
url: `${config.baseURL}/index/getLiuShui`,
method: 'get',
params
})
}
src/api/transactionLog/indexType.ts 0 → 100644
export interface LiuShuiType {
type: number
page: number
}
export interface JyType {
detailed: string
createtime: string
agent_id: number
id: number
money: number | string
order_sn: string
product_name: string
status: number | string
updatetime: string | null
user_id: number
name: string
gpCode: string | number
gpName: string
}
export interface CzType {
beizhu: ?string
createtime: string
id: number
money: number | string
order_sn: string
remark: string
status: number | string
type: string | number
}
src/api/transactionPassions/index.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { PayPasswordType } from './indexType'
export function setPayPasswordApi(data: PayPasswordType) {
return request({
url: `${config.baseURL}/index/setPayPassword`,
method: 'post',
data
})
}
src/api/transactionPassions/indexType.ts 0 → 100644
export interface PayPasswordType {
new_pay_password: string
old_pay_password: string
re_pay_password: string
user_id: number
}
src/api/user/index.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { userInfoParameterType } from './indexType'
export function getUserInfoApi(params: userInfoParameterType) {
return request({
url: `${config.baseURL}/index/getUserInfo`,
method: 'get',
params
})
}
// 获取客服地址
export function getCzhiurlApi() {
return request({
url: `${config.baseURL}/index/getCzhiurl`,
method: 'get'
})
}
// 获取客服地址
export function getWithdrawal(user_id: number | null) {
return request({
url: `${config.baseURL}/index/withdrawal`,
method: 'get',
params: {
user_id
}
})
}
src/api/user/indexType.ts 0 → 100644
export interface userInfoParameterType {
user_id: number | string
}
src/api/withdrawal/index.ts 0 → 100644
import request from '@/utils/http'
import config from '@/utils/config'
import { WithdrawalType } from './indexType'
export function submitWithdrawalApi(data: WithdrawalType) {
return request({
url: `${config.baseURL}/index/submitWithdrawal`,
method: 'post',
data
})
}
src/api/withdrawal/indexType.ts 0 → 100644
export interface WithdrawalType {
bankcard_id: number | string
money: number | string
pass: number | string
user_id: number | string
}
src/common/common.ts 0 → 100644
// 前往下一个页面
export function goPage(e: string) {
uni.navigateTo({
url: e
})
}
// 返回下一个页面
export function goBack(delta: number = 1) {
if (window.history.length > 1) {
window.history.back()
} else {
uni.navigateBack({})
}
}
// 删除当前页并前往下一个页面
export function reLaunch(e: string) {
uni.reLaunch({
url: e
})
}
// 跳转到tabbar
export function switchTab(e: string) {
uni.switchTab({
url: e
})
}
// 时间戳转换
export const timestempToDate = (timestemp: number, n: string = '-') => {
const date = new Date(timestemp)
const year = date.getFullYear()
const month = date.getMonth() - 1 < 10 ? `0${date.getMonth() - 1}` : date.getMonth() - 1
const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate()
const hour = date.getHours() < 10 ? `0${date.getHours()}` : date.getHours()
const minute = date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes()
return `${year}${n}${month}${n}${day} ${hour}:${minute}`
}
// function convertBeijingToTokyo(beijingDate) {
// const tokyoTime = new Date(beijingDate.getTime() + 1 * 60 * 60 * 1000)
// return tokyoTime
// }
// export function timestampToDate3(date) {
// convertBeijingToTokyo(new Data)
// }
export function timestampToDate2(timestamp: number) {
const date = new Date(timestamp) // 时间戳转换成Date对象
// console.log(convertBeijingToTokyo(date), 'convertBeijingToTokyo(date)')
// date = convertBeijingToTokyo(date)
const year = date.getFullYear() // 获取年份
let month = date.getMonth() + 1 // 获取月份，需要+1因为月份从0开始
let day = date.getDate() // 获取日
let hours = date.getHours() // 获取小时
let minutes = date.getMinutes() // 获取分钟
let seconds = date.getSeconds() // 获取秒钟
// 格式化月份、日期、小时、分钟和秒
month = month < 10 ? '0' + month : month
day = day < 10 ? '0' + day : day
hours = hours < 10 ? '0' + hours : hours
minutes = minutes < 10 ? '0' + minutes : minutes
seconds = seconds < 10 ? '0' + seconds : seconds
// 组合成日期时间字符串
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds
}
// 获取指定时区的时间戳；因为目前还无法直接修改date对象的时区，所以使用时间戳方式返回
function getZoneTime(date, zone) {
const offset_GMT = date.getTimezoneOffset()
const current = date.getTime()
const targetDate = new Date(current + offset_GMT * 60 * 1000 + zone * 60 * 60 * 1000)
return targetDate.getTime()
}
export function timestampToDate3(timestamp: number) {
let date = new Date(timestamp) // 时间戳转换成Date对象
// console.log(convertBeijingToTokyo(date), 'convertBeijingToTokyo(date)')
date = new Date(getZoneTime(date, 9))
const year = date.getFullYear() // 获取年份
let month = date.getMonth() + 1 // 获取月份，需要+1因为月份从0开始
let day = date.getDate() // 获取日
let hours = date.getHours() // 获取小时
let minutes = date.getMinutes() // 获取分钟
let seconds = date.getSeconds() // 获取秒钟
// 格式化月份、日期、小时、分钟和秒
month = month < 10 ? '0' + month : month
day = day < 10 ? '0' + day : day
hours = hours < 10 ? '0' + hours : hours
minutes = minutes < 10 ? '0' + minutes : minutes
seconds = seconds < 10 ? '0' + seconds : seconds
// 组合成日期时间字符串
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds
}
// 获取股票颜色
export const getColor = (item: any, type: boolean = false) => {
if (type && item.zhangdiebaifenbi >= 0) {
return 'green rotate'
}
return item.zhangdiebaifenbi >= 0 ? 'green' : 'red'
}
// 获取股票颜色
export const getColor2 = (item: any) => {
return Number(item) >= 0 ? 'green' : 'red'
}
// 验证输入框内容是否为空
interface checkType {
key: string
message: string
}
interface dataType {
[key: string]: string | null
}
export function checkInput(checkArr: Array<checkType>, data: dataType) {
for (const i in checkArr) {
if (!data[checkArr[i].key]) {
uni.showToast({
title: checkArr[i].message,
icon: 'none'
})
return false
}
}
return true
}
// 价格转换（加逗号）
export const changeMoney = (money: any) => {
money = Number(money).toFixed(1)
money += ''
const x = money.split('.')
let x1 = x[0]
const x2 = x.length > 1 ? '.' + x[1] : ''
const reg = /(\d+)(\d{3})/
while (reg.test(x1)) {
x1 = x1.replace(reg, '$1' + ',' + '$2')
}
return x1 + x2
}
// 全角转半角
export const toHalfWidth = (str: any) => {
return (
str
.replace(/[！-～]/g, function (char) {
return String.fromCharCode(char.charCodeAt(0) - 0xfee0)
})
.replace(/[ａ-ｚＡ-Ｚ０-９]/g, function (char) {
return String.fromCharCode(char.charCodeAt(0) - 0xfee0)
})
// eslint-disable-next-line no-irregular-whitespace
.replace(/　/g, ' ')
) // 处理全角空格
}
// 全角转半角 整数
export const toHalfWidthnumber = (str: number) => {
return Number(
str.toString().replace(/[\uff10-\uff19]/g, function (c) {
return String.fromCharCode(c.charCodeAt(0) - 0xfee0)
})
)
}
src/common/socket.ts 0 → 100644
let socketOpen = false
let id = null
function sendSocketMessage(msg: Object) {
if (socketOpen) {
uni.sendSocketMessage({
data: JSON.stringify(msg),
success(res) {
console.log('发送成功：', res, JSON.stringify(msg))
}
})
}
id = setInterval(function () {
uni.sendSocketMessage({
data: JSON.stringify('heartbeat')
})
}, 10000)
}
function reciveSocketMessage(callback: any) {
console.log(socketOpen)
if (socketOpen) {
uni.onSocketMessage(function (res) {
// console.log('收到服务器内容：' + JSON.parse(JSON.stringify(res)))
if (res.data === 'pong') return
if (res.data === '订阅成功STOCK') return
callback && callback(res.data)
})
}
}
function listenFun(sendMsg: object, callback: any) {
if (!socketOpen) {
uni.connectSocket({
url: 'wss://ws.wsjpmx.com/'
})
}
uni.onSocketOpen(function (res) {
console.log('ws已打开')
socketOpen = true
if (socketOpen) {
// if (sendMsg.length > 0) {
console.log('ws已链接')
sendSocketMessage(sendMsg)
// }
reciveSocketMessage(callback)
}
})
}
function listenSend(sendMsg = [], callback: any) {
if (socketOpen) {
if (sendMsg.length > 0) {
console.log('ws已链接')
sendSocketMessage(sendMsg)
}
reciveSocketMessage(callback)
}
}
function closeSocket() {
clearInterval(id)
uni.closeSocket({})
socketOpen = false
uni.onSocketClose(function (res) {
console.log('WebSocket 已关闭！')
socketOpen = false
})
}
export default {
listenFun,
listenSend,
closeSocket
}
src/components/custom-tabbar/custom-tabbar.vue 0 → 100644
<template>
<view class="tabbar">
<view v-for="item in list" :key="item.id" class="bar" @click="switchTab(item)">
<view class="card" :class="{ active: props.id == item.id }">
<image class="image" :class="item.class" :src="props.id == item.id ? item.selectIcon : item.icon"></image>
<view class="text">{{ item.text }}</view>
</view>
</view>
</view>
</template>
<script setup lange="ts">
import { computed, ref } from 'vue'
import { useI18n } from 'vue-i18n'
// 导入图片
import indexIcon from '../../static/image/tabbar/index.png'
import indexSelectIcon from '../../static/image/tabbar/index_select.png'
import marketIcon from '../../static/image/tabbar/market.png'
import marketSelectIcon from '../../static/image/tabbar/market_select.png'
import jiaoyiIcon from '../../static/image/tabbar/jiaoyi.png'
import jiaoyiSelectIcon from '../../static/image/tabbar/jiaoyi_select.png'
import recordIcon from '../../static/image/tabbar/record.png'
import recordSelectIcon from '../../static/image/tabbar/record_select.png'
import userIcon from '../../static/image/tabbar/user.png'
import userSelectIcon from '../../static/image/tabbar/user_select.png'
const { t } = useI18n()
const props = defineProps({
id: {
type: Number,
default: 0
}
})
const text1 = computed(() => t('tabbar.index'))
const text2 = computed(() => t('tabbar.market'))
const text3 = computed(() => t('tabbar.jiaoyi'))
const text4 = computed(() => t('tabbar.record'))
const text5 = computed(() => t('tabbar.user'))
const list = ref([
{
path: '/pages/index/index',
icon: indexIcon,
selectIcon: indexSelectIcon,
text: text1,
id: 0,
class: 'big'
},
{
path: '/pages/market/market',
icon: marketIcon,
selectIcon: marketSelectIcon,
text: text2,
id: 1
},
{
path: '/pages/jiaoyi/jiaoyi',
icon: jiaoyiIcon,
selectIcon: jiaoyiSelectIcon,
text: text3,
id: 2
},
{
path: '/pages/record/record',
icon: recordIcon,
selectIcon: recordSelectIcon,
text: text4,
id: 3,
class: 'big'
},
{
path: '/pages/user/user',
icon: userIcon,
selectIcon: userSelectIcon,
text: text5,
id: 4
}
])
const switchTab = (item) => {
if (item.path) {
uni.switchTab({
url: item.path
})
}
}
</script>
<style scoped lang="scss">
.isIphoneX {
padding-bottom: 2.13rem !important;
}
.tabbar {
width: 100%;
height: 4.375rem;
display: flex;
justify-content: space-around;
position: fixed;
z-index: 1000;
bottom: 0;
left: 0;
box-shadow: 0 0.53rem 0.85rem 0.13rem #3d3d3d;
background: #000e29;
border-radius: 1rem 1rem 0 0;
.bar {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.card {
width: 3.59rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 3.75rem;
height: 4.375rem;
.image {
width: 1.5rem;
height: 1.5rem;
padding: 0.1rem;
// transform: scale(2);
}
.big {
transform: scale(1) !important;
}
.text {
font-size: 0.69rem;
color: $color-gray;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
position: relative;
margin-top: 0.2rem;
}
}
.active {
width: 3.75rem;
height: 4.375rem;
position: relative;
&::before {
content: '';
position: absolute;
width: 2.38rem;
height: 0.25rem;
background: #fff;
border-radius: 0 0 0.25rem 0.25rem;
top: 0;
left: 0;
left: calc(50% - 1.19rem);
}
.text {
color: $color-primary;
}
}
}
</style>
src/components/navigator/navigator.vue 0 → 100644
<template>
<view class="navigator">
<slot name="left"></slot>
<view v-if="porps.isShowBack" class="back" @click="goBack">
<van-icon name="arrow-left" size="1.3rem" color="#fff" />
</view>
<view class="title" style="display: flex; align-items: center; justify-content: center; width: 70%">
<view class="title hh">{{ porps.title }}</view>
<view v-if="porps.isdma !== ''" :style="{ width: '2.8125rem', color: '#fff' }">{{ porps.isdma }}</view>
</view>
<slot name="right"></slot>
</view>
</template>
<script lang="ts" setup>
const porps = defineProps({
title: {
type: String,
default: ''
},
isShowBack: {
type: Boolean,
default: true
},
isdma: {
type: String,
default: ''
}
})
const goBack = () => {
const url = window.location.href
if (url.indexOf('pages') >= 0) {
uni.navigateBack({})
} else {
history.go(-1)
}
}
</script>
<style lang="scss" scoped>
.navigator {
height: 3.13rem;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.back {
position: absolute;
left: 0;
height: 100%;
padding-left: 1.0625rem;
display: flex;
align-items: center;
image {
width: 0.625rem;
height: 1.0547rem;
}
}
.title {
font-size: 0.9375rem;
color: #fff;
font-weight: 500;
text-align: center;
}
</style>
src/components/notData/index.vue 0 → 100644
<template>
<view class="nodataWrap">
<view class="box">
<img :src="nodata" mode="" />
<view v-if="!props.title" class="title">{{ t('common.nodata') }}</view>
<view v-else class="title">{{ props.title }}</view>
</view>
</view>
</template>
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import nodata from '@/static/image/components/nodata.png'
const { t } = useI18n()
const props = defineProps({
title: {
type: Number,
default: 0
}
})
</script>
<style lang="scss" scoped>
.nodataWrap {
overflow: hidden;
}
.box {
margin: 5rem auto 0;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
img {
width: 16.88rem;
margin-bottom: -2rem;
}
.title {
color: #a6a6a6;
font-size: 0.84rem;
margin-top: 0.5rem;
}
}
</style>
src/components/searchNavigation/searchNavigation.vue 0 → 100644
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
// import { showToast } from 'vant'
const { t } = useI18n()
// const searchValue = ref('')
// const onSearch = () => {}
// const onCancel = () => showToast('取消')
const goPage = () => {
uni.navigateTo({
url: '/subPackages/search/search'
})
}
</script>
<template>
<div class="search">
<view class="nav-box">
<view class="input_wrap2" @click="goPage">
<image src="/static/image/index/search2.png" class="search-icon"></image>
<span>{{ t('search.tip3') }}</span>
</view>
</view>
</div>
</template>
<style lang="scss" scoped>
.uni-input-placeholder {
font-size: 0.82rem !important;
}
.search {
overflow: hidden;
}
.nav-box {
top: 0;
left: 0;
// width: 100%;
height: 3.125rem;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
padding: 0.53rem 0;
margin: 0.53rem 0.94rem;
.input_wrap2 {
width: 14.375rem;
flex: 1;
height: 2.75rem;
border-radius: 1.25rem;
background: #1c2a3b;
border: 0.06rem solid #565358;
color: $color-gray;
padding: 0 0.94rem;
font-size: 0.82rem;
display: flex;
align-items: center;
gap: 0.5rem;
.search-icon {
width: 1rem;
height: 1rem;
}
span {
color: #aeaeae;
}
}
.search-img {
margin-left: 0.44rem;
width: 0.875rem;
height: 0.875rem;
}
::v-deep.uni-input-input {
color: #b3b3b3 !important;
font-size: 0.82rem !important;
}
uni-input {
flex: 1;
}
.set-box {
width: 1.3125rem;
height: 1.1875rem;
margin-left: 0.5938rem;
}
}
</style>
src/env.d.ts 0 → 100644
/// <reference types="vite/client" />
declare module '*.vue' {
import { DefineComponent } from 'vue'
// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
const component: DefineComponent<{}, {}, any>
export default component
}
src/langurage/cn.ts 0 → 100644
const messages = {
common: {
submit: '提交',
nodata: '暂无数据~'
},
search: {
title: '搜索',
sousuolishi: '搜索历史',
tip1: '暂无数据',
tip2: '加载中...',
tip3: '搜索股票代码'
},
real_name: {
realName: '实名认证',
tip1: '已通过实名认证，请勿重复提交',
tip2: '实名认证审核中',
tip3: '实名认证已通过',
tip4: '上传失败',
tip5: '正面上传成功',
tip6: '反面上传成功',
tip7: '已实名认证',
tip8: '身份证姓名',
tip9: '请输入身份证姓名',
tip10: '身份证号码',
tip11: '请输入身份证号码',
tip12: '上传您的身份证件正面',
tip13: '上传您的身份证件背面',
tip14: '提交',
tip15: '驳回原因，您的实名认证已被驳回，因为',
tip16: '图片上传中。。。'
},
details: {
xiaoxi: '详情'
},
seting: {
sheding: '设定',
zhanghu: '账户',
xingming: '姓名',
denglumima: '登录密码',
zijinmima: '资金密码',
logout: '登出'
},
yuyan: {
ribenyu: '日本语',
zhongwenjianti: '中文简体',
yinyu: '英语',
xibanyayu: '西班牙语',
fayu: '法语'
},
withdrawal: {
zhanghuyue: '账户余额',
tilingjine: '提领金额',
jiaoyimima: '交易密码',
queren: '确认',
zhuyishixiang: '提领时注意事项',
tip1: '请输入提款金额',
tip2: '请输入您的交易密码',
tixian: '提现到',
chikaren: '持卡人',
title: '选择银行账号',
tip3: '添加银行帐号',
tip4: '请选择银行帐号',
tip5: '请输入提领金额',
tip6: '请输入交易密码',
tip7: '金额：10,000日元起',
tip8: '费用：免费',
tip9: '提现时间：平日9:00-15:30',
tip10: '提款将在24小时内到账'
},
recharge: {
chongzhijine: '充值金额',
queren: '确认',
zhuyishixiang: '充值时注意事项'
},
toastText: {
chenggong: '请求成功',
shibai: '请求失败',
tip1: '信息載入中...'
},
order: {
tip1: '股票详情'
},
tabbar: {
index: '主页',
market: '市场',
jiaoyi: '交易',
record: '资讯',
user: '个人'
},
index: {
gongneng: '功能',
hot: '热门股票',
button1: 'IPO',
button2: '客服',
button3: '帳務',
button4: '交易明细',
tip1: '未实名',
tip2: '详细',
guajiang: '幸运转盘',
guajiangRecord: '中奖记录',
guajiangTitle: '恭喜您中奖',
guajiangButton: '确认',
guajiangSuccess: '中奖记录',
guajiangFail: '很遗憾',
guajiangCount1: '您的剩余抽奖次数为',
guajiangCount2: '次。'
},
gupiaoDetail: {
title: '股票详情',
label1: '今开',
label2: '昨收',
label3: '最高',
label4: '最低',
label5: '成交量',
label6: '成交总价',
date1: '時系列',
date2: '日K',
date3: '7分',
date4: '30分',
shijia: '市价',
xianjia: '限价',
maiduo: '买多',
maikong: '买空',
submit: '提交',
inputLabel1: '价格',
inputLabel2: '单位(股)',
inputLabel3: '杠杆(倍)',
windowLabel1: '委托价格',
windowLabel2: '委托数量(股)',
windowLabel3: '本金',
windowLabel4: '市值',
windowLabel5: '手续费',
windowLabel6: '合计',
windowLabel7: '可用余额',
tip1: '时间',
tip2: '选择时间',
tip3: '1分',
tip4: '5分',
tip5: '15分',
tip6: '30分',
tip7: '45分',
tip8: '天',
tip9: '周',
tip10: '月',
tip11: '购买记录',
tip12: '返回',
yi: '亿'
},
message: {
xiaoxi: '消息'
},
jiaoyi: {
title: '帳務',
total: '损益·市值 等',
weishixiansunyi: '未实现损益',
yishixiansunyi: '已实现损益',
sunyiheji: '预估损益合计',
shizhiheji: '市值合计',
sunyiheji2: '已实现损益',
sunyiheji3: '新股抽签',
shizhihej2i: '市值合计(已实现损益)',
yue: '可用余额',
dingdanxiangqing: '订单详情',
xianzaixianqging: '现在详情',
shuliang: '数量(张)',
chigushu: '持股数量',
goumaijiage: '买入价',
xianzaijiage: '卖出价格',
xianjia: '现价',
shouxufei: '手续费',
sunyilv: '损益率',
goumaizongjia: '总成本',
xianzaizongjia: '总市值',
shijian: '时间',
yugusunyi: '预估损益',
yugusunyi2: '实现损益',
chicang: '持仓',
pingcang: '平仓',
gupiaoxiangqing: '股票详情',
maichu: '卖出',
chedan: '撤单',
tip1: '持仓中',
tip2: '已平仓',
tip3: '平仓中',
tip4: '挂单中',
tip5: '已撤单',
tip6: '提示',
tip7: '确定出售订单吗？',
tip8: '返回',
tip9: '确定',
tip10: '确定撤单订单吗',
fangxiang: '买入方向',
zhang: '涨',
die: '跌',
jiage: '价格',
zhognqianshuliang: '中签数量',
shenqingliang: '申请量',
chouqianri: '抽签日',
faquanri: '发券日',
renjiaogushu: '认缴股数',
txt1: '中签应认缴',
txt2: '中签已认缴',
txt3: '待中签',
txt4: '已中签',
txt5: '审核通过',
txt6: '未中签',
sxf: '賣出手续费'
},
jiaoyiDetail: {
title: '股票详情',
leixing: '状态',
danhao: '交易单号',
mairushijian: '买入时间',
mairujia: '买入价',
maichushijian: '卖出时间',
maichujia: '卖出价',
shuliang: '交易股数',
shuliang1: '购买数量',
yingkui: '盈亏金额',
mairuzongjia: '交易市值',
ganggan: '杠杆倍数',
zuizhongjiage: '最终价格',
shouxufei: '手续费'
},
market: {
gupiao: '股票市場',
collect: '收藏'
},
ipo: {
title: 'IPO',
title1: '抽签申请履历',
title2: '当选履历',
button1: '可申購',
button2: '申请记录',
jiage: '承銷價',
shijia: '市價',
shuliang: '公募數',
shijian: '抽籤日',
windowLabel1: '公開價格',
windowLabel2: '申購數量',
windowLabel3: '總金額',
zang: '张'
},
dadan: {
title: '大宗交易',
title2: '☆ 大宗交易 ☆',
column_name: '股票名稱',
column_daima: '股票代碼',
column_xianjia: '現價',
column_jiage: '避險價格',
column_zhangshu: '剩餘張數',
heji: '合計',
zhuyi: '注意',
unit: '張',
unit2: '股',
tip1: '申购成功',
tip2: '申购失败',
tip3: '申请中',
jiaoyipass: '请输入交易密码'
},
hongli: {
title: '盘前交易',
title2: '☆ 盘前交易 ☆',
button1: '股票',
button2: '申請列表',
column_name: '股票名稱',
column_jiage: '申購價',
column_daima: '股票代碼',
column_name2: '名稱/股票代碼',
column_jiage2: '申購價/申請量',
column_chengjiaoe: '成交額',
column_zhuangtai: '状態',
window_bianma: '編碼',
window_shijia: '市價',
window_zhangdie: '漲跌',
window_heji: '合計',
window_yue: '可用餘額',
submit: '確定買入',
tip1: '申購成功',
tip2: '申購失敗',
tip3: '申請中'
},
gendan: {
title: '智慧跟單',
fadanren: '發單人',
name: '产品名称',
zijinguimo: '資金規模',
jiezhishijian: '申请时间截止: ',
zuiditouzi: '最低投資',
mairujine: '買入金額',
button: '跟单',
jilu: '記錄',
yingli: '盈利',
warning1: '請輸入買入價格',
warning2: '買入價格只能保留兩位小數',
placeholder: '請輸入買入金額'
},
gendanjilu: {
title: '跟單記錄',
dingdanhao: '訂單號',
mairujine: '買入金額',
zuorishouyi: '昨日收益',
zongshouyi: '總收益',
zhuangtai: '状態',
mairushijian: '買入時間',
maichushijian: '賣出時間',
button: '賣出',
window_title: '確定賣出嗎?',
status1: '待審核',
status2: '跟單中',
status3: '跟單結束'
},
rongzi: {
title: '信用融资',
tip1: '快速批核',
tip2: '迅速處信貸申請',
tip3: '靈活還款',
tip4: '多種還款計劃,滿足您的個人狀況',
tip5: '透明利率',
tip6: '我們致力於提供透明、公正的利率',
tip7: '申請流程',
tip8: '填寫表單：填寫下面的表格，提供基本信息',
tip9: '審核流程：我們的團隊將快速審核您的申請，並與您聯繫',
tip10: '批核与拨款：一旦通过审核，您将迅速获得信贷批核和拨款',
tip11: '貸款金額',
tip12: '可貸300万日元',
tip13: '個人基本信息',
tip14: '請輸入姓名',
tip15: '姓名',
tip16: '身分證號碼',
tip17: '請輸入身分證號碼',
tip18: '地址',
tip19: '請輸入地址',
tip20: '聯絡電話',
tip21: '請輸入聯絡電話',
tip22: '電子郵件地址',
tip23: '請輸入電子郵件地址',
tip24: '立即申請',
tip25: '再貸一筆',
tip26: '重新申請',
tip27: '資料已提交審核',
tip28: '貸款審核通過',
tip29: '貸款審核未通過',
tip30: '恭喜您提交成功，等待審核通過',
tip31: '您將迅速獲得信貸批核和撥款',
tip32: '暫不符合申請條件，請重新申請',
tip33: '最少貸50萬',
tip34: '最多可貸300萬',
tip35: '缺少資料',
tip36: '聯絡客服',
tip37: '返回首頁',
tip38: '单笔信用额度',
tip39: '50-300',
tip40: '万'
},
orderLog: {
money: '金额',
beizhu: '备注'
},
customerService: {
title: '请选择与APP名称联系时使用的APP',
shiyong: '使用',
tip: '可以在LINE APP中与对方对话。',
tip2: '可以使用免费通话、视频会议和日 程分享等协作功能。'
},
logout: {
registertip: '注册账号',
logotip: '我有一个账号'
},
transactionLog: {
tab1: '订单历史记录',
tab2: '入金记录',
tab3: '出金记录',
tip1: '订单编号',
tip2: '待审核',
tip3: '审核成功',
tip4: '审核失败'
},
incomeLog: {
yipizhun: '審核通過',
daishenhe: '待審核',
shenheshibai: '審核失敗',
dingdanbianhao: '订单编号',
shourujilu: '入金记录',
zhichujilu: '出金记录'
},
changePassword: {
xiugaidenglumima: '修改登录密码',
jiumima: '旧密码',
xingmima: '新密码',
queren: '确认',
tip1: '請輸入當前密碼',
tip2: '請輸入新密碼',
tip3: '請填寫長度6~10位新密碼',
tip4: '新密碼和确认新密码不一致'
},
user: {
xinyongpingfen: '信息用评分',
yiqueren: '设置',
zongzichan: '总 资 产',
xianjinyue: '可用余额',
beiyongzijin: '已用资金',
fudongsunyi: '浮动损益',
yinhangzhanghu: '银行账户',
shouru: '出入金记录',
benrenqueren: '实名认证',
rizhisuoyin: '修改登录密码',
shiwuchuli: '修改支付密码',
kefuzhongxin: '客服中心',
qiehuanyuyan: '切换语言',
zhuxiao: '登出',
chongzhi: '充值',
tixian: '提现',
tip1: '请联系指定客户服务代表完成存款手续。',
scoreTitle: '您的信用评分'
},
account: {
cunquzhanghaodengji: '存取款账户登记',
chatu: '插图',
zhanghaoming: '账号名义',
zhanghao: '账号',
yinghangming: '銀行名',
fenhangmingceng: '分行名称',
fenhangbianhap: '分行编号',
cunquzhanghaodengjibtn: '存 取 款 账 户 登 记'
},
checkMsg: {
shuruxinming: '请输入您的姓名',
shuruzhanghao: '请输入帐号',
shuruyinhangming: '请输入银行名',
shurufenhangming: '请输入分行名',
cunquzhanghaodengjibtn: '入 出 金 口 座 登 録',
shurufenhanghaomao: '请输入分行号码',
shuruxingmima: '请输入新密码',
shurujiumima: '请输入旧密码'
},
transactionPassions: {
shezhishiwuchulitoushi: '设置密码',
jiumima: '旧密码',
xingmima: '新密码',
xingmima2: '确认新密码',
queren: '确认',
tip1: '請輸入原提領密碼',
tip2: '請輸入新提領密碼',
tip3: '請填寫長度6~10位新提領密碼',
tip4: '新密碼和確認密碼不一致'
},
indexLoading: {
label1: '啟動中...',
label2: '報價伺服器連線成功...',
label3: '檢查更新中...',
label4: '檢查更新完成...',
label5: '登入系統中...',
label6: '取得報價主機資訊(GS1DNS)...'
},
login: {
tip1: '登录',
tip2: '注册',
tip3: '登录账号',
account_placeholder: '账号',
account_error: '账号不能为空',
password_placeholder: '密码',
password_error: '密码不能为空',
forget_password: '忘记密码',
register: '沒有帳戶？',
button_text: '登录',
user_info_null: '用户信息已失效，请重新登录'
},
register: {
tip3: '登录',
tip4: '注册账号',
account_placeholder: '手机号',
account_error: '手机号不能为空',
password_placeholder: '密码',
password_error: '密码不能为空',
password_again_placeholder: '确认密码',
password_again_error: '确认密码不能为空',
password_repeat_error: '两次输入的密码不一样',
code_placeholder: '邀请码',
code_error: '邀请码不能为空',
code_text: '获取验证码',
button_text: '注册',
button2_text: '已有账号 立即登录',
tip1: '手机号格式错误请重新输入',
tip2: '密码长度必须大于6小于10'
},
ai: {
title: 'AI交易',
record: 'AI交易记录',
placeholder: '请输入购买金额',
button: '提交',
label: '订单号',
status1: '待审核',
status2: '审核通过',
status3: '审核拒绝'
},
kefu: {
title: '客服'
}
}
export default messages
src/langurage/en.ts 0 → 100644
// 英语
const messages = {
common: {
submit: 'submit',
nodata: 'No data yet~'
},
search: {
title: 'search',
sousuolishi: 'Search History',
tip1: 'No data yet',
tip2: 'loading...',
tip3: 'Search Stock Codes'
},
real_name: {
realName: 'Real-name authentication',
tip1: 'Passed real-name authentication, please do not submit again',
tip2: 'Real-name authentication is under review',
tip3: 'Real-name authentication has been passed',
tip4: 'Upload failed',
tip5: 'Front upload successful',
tip6: 'Back side uploaded successfully',
tip7: 'Real-name authentication completed',
tip8: 'ID card name',
tip9: 'Please enter your ID card name',
tip10: 'ID number',
tip11: 'Please enter your ID number',
tip12: 'Upload the front of your ID',
tip13: 'Upload the back of your ID',
tip14: 'submit',
tip15: 'Reason for rejection: Your real-name authentication has been rejected because',
tip16: 'The picture is being uploaded...'
},
details: {
xiaoxi: 'Details'
},
seting: {
sheding: 'set up',
zhanghu: 'Account',
xingming: 'Name',
denglumima: 'Login Password',
zijinmima: 'Fund password',
logout: 'Sign out'
},
yuyan: {
ribenyu: 'Japanese',
zhongwenjianti: 'Chinese (Simplified)',
yinyu: 'English',
xibanyayu: 'Spanish',
fayu: 'French'
},
withdrawal: {
zhanghuyue: 'Account Balance',
tilingjine: 'Withdrawal amount',
jiaoyimima: 'Transaction password',
queren: 'confirm',
zhuyishixiang: 'Things to note when withdrawing',
tip1: 'Please enter the withdrawal amount',
tip2: 'Please enter your transaction password',
tixian: 'Withdraw to',
chikaren: 'cardholder',
title: 'Select bank account',
tip3: 'Add bank account',
tip4: 'Please select a bank account',
tip5: 'Please enter the withdrawal amount',
tip6: 'Please enter the transaction password',
tip7: 'Amount: From 10,000 yen',
tip8: 'Fee: Free',
tip9: 'Withdrawal time: Weekdays 9:00-15:30',
tip10: 'Withdrawals will arrive within 24 hours'
},
recharge: {
chongzhijine: 'Recharge amount',
queren: 'confirm',
zhuyishixiang: 'Things to note when recharging'
},
toastText: {
chenggong: 'Request Success',
shibai: 'Request failed',
tip1: 'Information loading...'
},
order: {
tip1: 'Stock Details'
},
tabbar: {
index: 'Home',
market: 'market',
jiaoyi: 'trade',
record: 'Information',
user: 'personal'
},
index: {
gongneng: 'Function',
hot: 'Hot Stocks',
button1: 'IPO',
button2: 'customer service',
button3: 'Accounts',
button4: 'Transaction Details',
tip1: 'Unknown',
tip2: 'detailed'
},
gupiaoDetail: {
title: 'Stock Details',
label1: 'Open today',
label2: "Yesterday's harvest",
label3: 'Highest',
label4: 'lowest',
label5: 'Volume',
label6: 'Total transaction price',
date1: 'Time Series',
date2: 'Japanese K',
date3: '7 points',
date4: '30 min',
shijia: 'market price',
xianjia: 'Limit Price',
maiduo: 'Buy more',
maikong: 'Buy Short',
submit: 'submit',
inputLabel1: 'price',
inputLabel2: 'Unit(share)',
inputLabel3: 'Leverage (times)',
windowLabel1: 'Commission Price',
windowLabel2: 'Entrusted quantity (shares)',
windowLabel3: 'principal',
windowLabel4: 'Market Cap',
windowLabel5: 'Handling Fees',
windowLabel6: 'total',
windowLabel7: 'Available balance',
tip1: 'time',
tip2: 'Choose a time',
tip3: '1 min',
tip4: '5 min',
tip5: '15 min',
tip6: '30 min',
tip7: '45 min',
tip8: 'sky',
tip9: 'week',
tip10: 'month',
tip11: 'purchase record',
tip12: 'return',
yi: '100 million'
},
message: {
xiaoxi: 'information'
},
jiaoyi: {
title: 'Accounts',
total: 'Profit and loss·Market value, etc.',
weishixiansunyi: 'Unrealized gains and losses',
yishixiansunyi: 'Realized profit and loss',
sunyiheji: 'Total estimated profit and loss',
shizhiheji: 'Total market value',
sunyiheji2: 'Realized profit and loss',
sunyiheji3: 'New stock lottery',
shizhihej2i: 'Total market value (realized profits and losses)',
yue: 'Available balance',
dingdanxiangqing: 'Order details',
xianzaixianqging: 'Details now',
shuliang: 'Quantity (pieces)',
chigushu: 'Number of shares held',
goumaijiage: 'buying price',
xianzaijiage: 'selling price',
xianjia: 'current price',
shouxufei: 'handling fee',
sunyilv: 'profit and loss ratio',
goumaizongjia: 'total cost',
xianzaizongjia: 'total market capitalization',
shijian: 'time',
yugusunyi: 'Estimated profit and loss',
yugusunyi2: 'Realize profit and loss',
chicang: 'position',
pingcang: 'Close position',
gupiaoxiangqing: 'Stock details',
maichu: 'Sell',
chedan: 'Cancel order',
tip1: 'Holding position',
tip2: 'Closed position',
tip3: 'Closing position',
tip4: 'Pending order',
tip5: 'Canceled order',
tip6: 'Reminder',
tip7: 'Are you sure about the sell order? ',
tip8: 'Return',
tip9: 'Confirm',
tip10: 'Are you sure you want to cancel the order?',
fangxiang: 'Buy direction',
zhang: 'Up',
die: 'Down',
jiage: 'Price',
zhognqianshuliang: 'Number of winning tickets',
shenqingliang: 'Amount of application',
chouqianri: 'Drawing date',
faquanri: 'Issuance date',
renjiaogushu: 'Number of subscribed shares',
txt1: 'Winning tickets should be subscribed',
txt2: 'Winning tickets have been subscribed',
txt3: 'Waiting for winning tickets',
txt4: 'Winning tickets have been won',
txt5: 'Approved',
txt6: 'Not winning tickets'
},
jiaoyiDetail: {
title: 'Stock details',
leixing: 'Status',
danhao: 'Transaction number',
mairushijian: 'Buy time',
mairujia: 'Buy price',
maichushijian: 'Sell time',
maichujia: 'Sell price',
shuliang: 'Number of shares traded',
shuliang1: 'Buying Quantity',
yingkui: 'Profit and loss amount',
mairuzongjia: 'Transaction market value',
ganggan: 'Leverage multiple',
zuizhongjiage: 'Final price',
shouxufei: 'Handling fee'
},
market: {
gupiao: 'stock market',
collect: 'Collection'
},
ipo: {
title: 'IPO',
title1: 'Lottery application resume',
title2: 'Election Resume',
button1: 'can subscribe',
button2: 'Application record',
jiage: 'underwriting price',
shijia: 'market price',
shuliang: 'Public fundraising number',
shijian: 'drawing day',
windowLabel1: 'Public price',
windowLabel2: 'Subscription quantity',
windowLabel3: 'Total amount',
zang: 'piece'
},
dadan: {
title: 'Block Trades ',
title2: '☆ Block Trades ☆',
column_name: 'Stock name',
column_daima: 'Stock code',
column_xianjia: 'Current price',
column_jiage: 'Hedging price',
column_zhangshu: 'Number of remaining sheets',
heji: 'total',
zhuyi: 'attention',
unit: 'open',
unit2: 'share',
tip1: 'Subscription successful',
tip2: 'Subscription failed',
tip3: 'Applying',
jiaoyipass: 'Please enter the transaction password'
},
hongli: {
title: 'Pre-market trading',
title2: '☆ Pre-market trading ☆',
button1: 'Stock',
button2: 'Application list',
column_name: 'Stock name',
column_jiage: 'subscription price',
column_daima: 'Stock code',
column_name2: 'name/stock code',
column_jiage2: 'Subscription price/Application volume',
column_chengjiaoe: 'Transaction volume',
column_zhuangtai: 'status',
window_bianma: 'encoding',
window_shijia: 'market price',
window_zhangdie: 'up or down',
window_heji: 'Total',
window_yue: 'Available balance',
submit: 'Confirm purchase',
tip1: 'Subscription successful',
tip2: 'Subscription failed',
tip3: 'Applying'
},
gendan: {
title: 'Smart follow-up',
fadanren: 'issuer',
name: 'product name',
zijinguimo: 'Capital scale',
jiezhishijian: 'Application deadline: ',
zuiditouzi: 'minimum investment',
mairujine: 'Buy amount',
button: 'Follow orders',
jilu: 'record',
yingli: 'profit',
warning1: 'Please enter the purchase price',
warning2: 'The purchase price can only have two decimal places',
placeholder: 'Please enter the purchase amount'
},
gendanjilu: {
title: 'Following records',
dingdanhao: 'order number',
mairujine: 'Buy amount',
zuorishouyi: "Yesterday's earnings",
zongshouyi: 'total income',
zhuangtai: 'status',
mairushijian: 'Buy time',
maichushijian: 'selling time',
button: 'Sell',
window_title: 'Are you sure to sell?',
status1: 'pending review',
status2: 'Following order',
status3: 'Following order ended'
},
rongzi: {
title: 'Credit Financing',
tip1: 'Quick Approval',
tip2: 'Fast processing of credit applications',
tip3: 'Flexible repayment',
tip4: 'Various repayment plans to meet your personal situation',
tip5: 'Transparent interest rate',
tip6: 'We are committed to providing transparent and fair interest rates',
tip7: 'Application process',
tip8: 'Fill in the form: Fill in the form below and provide basic information',
tip9: 'Review process: Our team will quickly review your application and contact you',
tip10: 'Approval and disbursement: Once approved, you will receive credit approval and disbursement quickly',
tip11: 'Loan amount',
tip12: 'Loan amount of 3 million yen',
tip13: 'Basic personal information',
tip14: 'Please enter your name',
tip15: 'name',
tip16: 'ID card number',
tip17: 'Please enter your ID number',
tip18: 'address',
tip19: 'Please enter address',
tip20: 'Contact number',
tip21: 'Please enter your contact number',
tip22: 'email address',
tip23: 'Please enter your email address',
tip24: 'Apply now',
tip25: 'Another loan',
tip26: 'Reapply',
tip27: 'The information has been submitted for review',
tip28: 'Loan approved',
tip29: 'Loan review failed',
tip30: 'Congratulations on your successful submission, waiting for approval',
tip31: 'You will get credit approval and funding quickly',
tip32: 'You do not meet the application conditions yet, please apply again',
tip33: 'Minimum loan 500,000',
tip34: 'The maximum loan available is 3 million',
tip35: 'Missing information',
tip36: 'Contact customer service',
tip37: 'Return to homepage',
tip38: 'Single credit limit',
tip39: '50-300',
tip40: 'Ten thousand'
},
orderLog: {
money: 'amount',
beizhu: 'remarks'
},
customerService: {
title: 'Please select the APP to use when contacting APP name',
shiyong: 'Use',
tip: 'You can talk to the other party in LINE APP. ',
tip2: 'You can use collaborative features such as free calls, video conferencing and schedule sharing. '
},
logout: {
registertip: 'Register account',
logotip: 'I have an account'
},
transactionLog: {
tab1: 'Order history',
tab2: 'Deposit record',
tab3: 'Withdrawal record',
tip1: 'Order number',
tip2: 'Awaiting review',
tip3: 'Successful audit',
tip4: 'Audit failed'
},
incomeLog: {
yipizhun: 'Approved',
daishenhe: 'to be reviewed',
shenheshibai: 'Audit failed',
dingdanbianhao: 'Order number',
shourujilu: 'Deposit record',
zhichujilu: 'Withdrawal record'
},
changePassword: {
xiugaidenglumima: 'Change login password',
jiumima: 'old password',
xingmima: 'new password',
queren: 'confirm',
tip1: 'Please enter the current password',
tip2: 'Please enter a new password',
tip3: 'Please fill in a new password with a length of 6~10 digits',
tip4: 'The new password and the confirmed new password are inconsistent'
},
user: {
xinyongpingfen: 'Information score',
yiqueren: 'Settings',
zongzichan: 'Total assets',
xianjinyue: 'Available balance',
beiyongzijin: 'Used funds',
fudongsunyi: 'Floating profit and loss',
yinhangzhanghu: 'Bank account',
shouru: 'Deposit and withdrawal records',
benrenqueren: 'Real-name authentication',
rizhisuoyin: 'Change login password',
shiwuchuli: 'Change payment password',
kefuzhongxin: 'Customer service center',
qiehuanyuyan: 'Switch language',
zhuxiao: 'Log out',
chongzhi: 'Recharge',
tixian: 'Withdrawal',
tip1: 'Please contact your designated customer service representative to complete the deposit process.'
},
account: {
cunquzhanghaodengji: 'Deposit and withdrawal account registration',
chatu: 'illustration',
zhanghaoming: 'account name',
zhanghao: 'account',
yinghangming: 'bank name',
fenhangmingceng: 'branch name',
fenhangbianhap: 'branch number',
cunquzhanghaodengjibtn: 'Deposit and withdrawal account registration'
},
checkMsg: {
shuruxinming: 'Please enter your name',
shuruzhanghao: 'Please enter your account number',
shuruyinhangming: 'Please enter the bank name',
shurufenhangming: 'Please enter the branch name',
cunquzhanghaodengjibtn: 'Enter Jinkouzuo Login',
shurufenhanghaomao: 'Please enter the branch number',
shuruxingmima: 'Please enter a new password',
shurujiumima: 'Please enter the old password'
},
transactionPassions: {
shezhishiwuchulitoushi: 'Set password',
jiumima: 'old password',
xingmima: 'new password',
xingmima2: 'Confirm new password',
queren: 'confirm',
tip1: 'Please enter the original withdrawal password',
tip2: 'Please enter the new withdrawal password',
tip3: 'Please fill in the new withdrawal password with a length of 6~10 digits',
tip4: 'The new password and the confirmed password are inconsistent'
},
indexLoading: {
label1: 'Starting...',
label2: 'Quotation server connection successful...',
label3: 'Checking for updates...',
label4: 'Check update completed...',
label5: 'Login to the system...',
label6: 'Get quotation host information (GS1DNS)...'
},
login: {
tip1: 'Log in',
tip2: 'register',
tip3: 'Login Account',
account_placeholder: 'Account',
account_error: 'Account cannot be empty',
password_placeholder: 'Password',
password_error: 'Password cannot be empty',
forget_password: 'Forgot password',
register: "Don't have an account?",
button_text: 'Login',
user_info_null: 'User information has expired, please log in again'
},
register: {
tip3: 'Log in',
tip4: '注册账号',
account_placeholder: 'Mobile number',
account_error: 'Mobile number cannot be empty',
password_placeholder: 'Password',
password_error: 'Password cannot be empty',
password_again_placeholder: 'Confirm password',
password_again_error: 'Confirm password cannot be empty',
password_repeat_error: 'The passwords entered twice are different',
code_placeholder: 'Invitation code',
code_error: 'Invitation code cannot be empty',
code_text: 'Get verification code',
button_text: 'Register',
button2_text: 'Already have an account? Log in now',
tip1: 'Mobile number format is wrong, please re-enter',
tip2: 'Password length must be greater than 6 and less than 10'
},
kefu: {
title: 'customer service'
}
}
export default messages
src/langurage/fr.ts 0 → 100644
// 法文
const messages = {
common: {
submit: 'soumettre',
nodata: "Aucune donnée pour l'instant~"
},
search: {
title: 'recherche',
sousuolishi: 'Historique de recherche',
tip1: "Aucune donnée pour l'instant",
tip2: 'chargement...',
tip3: 'Rechercher des symboles boursiers'
},
real_name: {
realName: 'Authentification par nom réel',
tip1: "L'authentification par nom réel a été réussie, veuillez ne pas soumettre à nouveau",
tip2: 'Authentification par nom réel en cours de révision',
tip3: 'Authentification par nom réel réussie',
tip4: 'Le téléchargement a échoué',
tip5: 'Téléchargement positif réussi',
tip6: 'Le verso a été téléchargé avec succès',
tip7: 'Vrai nom authentifié',
tip8: "Nom d'identification",
tip9: "Veuillez entrer le nom de votre\n carte d'identité",
tip10: "numéro d'identification",
tip11: "Veuillez entrer votre numéro\n d'identification",
tip12: "Téléchargez le recto de votre pièce d'identité",
tip13: "Téléchargez le verso de votre pièce d'identité",
tip14: 'soumettre',
tip15: 'Raison du rejet, votre authentification par nom réel a été rejetée car',
tip16: "L'image est en cours de téléchargement. . ."
},
details: {
xiaoxi: 'Détails'
},
seting: {
sheding: 'installation',
zhanghu: 'Compte',
xingming: 'Nom',
denglumima: 'Mot de passe de connexion',
zijinmima: 'Mot de passe du fonds',
logout: 'se déconnecter'
},
yuyan: {
ribenyu: 'japonais',
zhongwenjianti: 'Chinois simplifié',
yinyu: 'Anglais',
xibanyayu: 'Espagnol',
fayu: 'Français'
},
withdrawal: {
zhanghuyue: 'Solde du compte',
tilingjine: 'Montant du retrait',
jiaoyimima: 'Mot de passe de transaction',
queren: 'confirmer',
zhuyishixiang: 'Choses à noter lors du retrait',
tip1: 'Veuillez saisir le montant du retrait',
tip2: 'Veuillez entrer votre mot de passe de transaction',
tixian: 'Retirer à',
chikaren: 'titulaire de la carte',
title: 'Sélectionnez un compte bancaire',
tip3: 'Ajouter un compte bancaire',
tip4: 'Veuillez sélectionner un compte bancaire',
tip5: 'Veuillez saisir le montant du retrait',
tip6: 'Veuillez saisir le mot de passe de la transaction',
tip7: ' Montant : à partir de 10 000 yens ',
tip8: ' Frais : gratuits ',
tip9: 'Heures de retrait : en semaine de 9h00 à 15h30',
tip10: 'Les retraits arriveront dans les 24 heures'
},
recharge: {
chongzhijine: 'Montant de la recharge',
queren: 'confirmer',
zhuyishixiang: 'Choses à noter lors de la recharge'
},
toastText: {
chenggong: 'Demande réussie',
shibai: 'La demande a échoué',
tip1: 'Chargement des informations...'
},
order: {
tip1: 'Détails des stocks'
},
tabbar: {
index: "Page d'accueil",
market: 'marché',
jiaoyi: 'commerce',
record: 'Information',
user: 'personnel'
},
index: {
gongneng: 'Fonction',
hot: 'Fonction',
button1: 'IPO',
button2: 'service client',
button3: 'Comptes',
button4: 'Détails de la transaction',
tip1: "Ce n'est pas son vrai nom",
tip2: 'détaillé'
},
gupiaoDetail: {
title: 'Détails des stocks',
label1: "Ouvert aujourd'hui",
label2: 'Récupéré hier',
label3: 'Le plus haut',
label4: 'le plus bas',
label5: 'Volume',
label6: 'Prix total de la transaction ',
date1: 'Séries chronologiques',
date2: 'Japonais K',
date3: '7 points',
date4: '30 min',
shijia: 'prix du marché',
xianjia: 'prix limite',
maiduo: 'Achetez longtemps',
maikong: 'Acheter à découvert',
submit: 'soumettre',
inputLabel1: 'prix',
inputLabel2: 'Unité (part)',
inputLabel3: 'Effet de levier (fois)',
windowLabel1: 'Confier le prix',
windowLabel2: 'Montant des ordres (actions)',
windowLabel3: 'principal',
windowLabel4: 'Valeur marchande',
windowLabel5: 'frais de traitement',
windowLabel6: 'total',
windowLabel7: 'Solde disponible',
tip1: 'temps',
tip2: "Sélectionner l'heure",
tip3: '1 min',
tip4: '5 min',
tip5: '15 min',
tip6: '30 min',
tip7: '45 min',
tip8: 'ciel',
tip9: 'semaine',
tip10: 'lune',
tip11: "Dossier d'achat",
tip12: 'retour',
yi: '100 millions'
},
message: {
xiaoxi: 'information'
},
jiaoyi: {
title: 'Comptes',
total: 'Profits et pertes, valeur marchande, etc.',
weishixiansunyi: 'Gains et pertes non réalisés',
yishixiansunyi: 'Gains et pertes réalisés',
sunyiheji: 'Total des profits et pertes estimés',
shizhiheji: 'Capitalisation boursière totale',
sunyiheji2: 'Gains et pertes réalisés',
sunyiheji3: 'Nouvelle loterie boursière',
shizhihej2i: 'Capitalisation boursière totale (gains et pertes réalisés)',
yue: 'solde disponible',
dingdanxiangqing: 'Détails de la commande',
xianzaixianqging: 'Détails maintenant',
shuliang: 'Quantité (pièces)',
chigushu: "Nombre d'actions détenues",
goumaijiage: "Prix ​​de l'offre",
xianzaijiage: 'prix de vente',
xianjia: 'Prix ​​actuel',
shouxufei: 'frais de traitement',
sunyilv: 'ratio de profits et pertes',
goumaizongjia: 'coût total',
xianzaizongjia: 'capitalisation boursière totale',
shijian: 'temps',
yugusunyi: 'Profits et pertes estimés',
yugusunyi2: 'Réaliser des profits et des pertes',
chicang: 'Position',
pingcang: 'Fermer la position',
gupiaoxiangqing: 'Détails des stocks',
maichu: 'vendre',
chedan: 'Annuler la commande',
tip1: 'Position en cours',
tip2: 'Poste clôturé',
tip3: 'Position de fermeture',
tip4: 'Commande en attente',
tip5: 'Commande annulée',
tip6: 'indice',
tip7: 'Êtes-vous sûr de vendre la commande ? ',
tip8: 'retour',
tip9: 'Bien sûr',
tip10: "Etes-vous sûr d'annuler la commande ?",
fangxiang: "Direction d'achat",
zhang: 'augmenter',
die: 'automne',
jiage: 'prix',
zhognqianshuliang: 'Quantité gagnante',
shenqingliang: 'Volume de candidature',
chouqianri: 'Jour du tirage',
faquanri: "Date d'émission",
renjiaogushu: "Nombre d'actions souscrites",
txt1: 'Le billet gagnant doit être payé',
txt2: 'La loterie gagnante a été souscrite',
txt3: 'En attendant de gagner à la loterie',
txt4: "J'ai gagné à la loterie",
txt5: 'Approuvé',
txt6: "Je n'ai pas gagné à la loterie"
},
jiaoyiDetail: {
title: 'Détails des stocks',
leixing: 'État',
danhao: 'Numéro de transaction',
mairushijian: 'Gagner du temps',
mairujia: "Prix ​​de l'offre",
maichushijian: 'temps de vente',
maichujia: 'prix de vente',
shuliang: "Nombre d'actions négociées",
yingkui: 'Montant des profits et pertes',
mairuzongjia: 'Capitalisation boursière des transactions',
ganggan: 'Tirer parti de plusieurs',
zuizhongjiage: 'prix final',
shouxufei: 'frais de traitement',
shuliang1: "Quantité d'achat "
},
market: {
gupiao: 'bourse',
collect: 'collecter'
},
ipo: {
title: 'IPO',
title1: 'CV de candidature à la loterie',
title2: 'Historique des élections',
button1: "Disponible à l'abonnement",
button2: 'Dossier de candidature',
jiage: 'prix de souscription',
shijia: 'prix du marché',
shuliang: "Nombre d'offres publiques",
shijian: 'Jour du tirage',
windowLabel1: 'prix public',
windowLabel2: 'prix public',
windowLabel3: 'montant total',
zang: 'pièce'
},
dadan: {
title: 'bloquer le commerce',
title2: '☆ bloquer le commerce ☆',
column_name: 'Nom du titre',
column_daima: 'Code de stock',
column_xianjia: 'Prix ​​actuel',
column_jiage: 'prix refuge',
column_zhangshu: 'Nombre de feuilles restant',
heji: 'total',
zhuyi: 'Avis',
unit: 'Feuille',
unit2: 'partager',
tip1: 'Abonnement réussi',
tip2: "Échec de l'abonnement",
tip3: 'Candidature'
},
hongli: {
title: 'Négociation avant commercialisation',
title2: '☆ Négociation avant commercialisation ☆',
button1: 'action',
button2: 'Liste des candidatures',
column_name: 'Nom du titre',
column_jiage: "Prix ​​de l'abonnement",
column_daima: 'Code de stock',
column_name2: 'Nom/ticker',
column_jiage2: "Prix ​​de l'abonnement/Volume de candidature",
column_chengjiaoe: "Chiffre d'affaires",
column_zhuangtai: 'condition',
window_bianma: 'codage',
window_shijia: 'prix du marché',
window_zhangdie: 'hauts et bas',
window_heji: 'total',
window_yue: 'solde disponible',
submit: 'Confirmer pour acheter',
tip1: 'Abonnement réussi',
tip2: "Échec de l'abonnement",
tip3: 'Candidature'
},
gendan: {
title: 'Un suivi intelligent',
fadanren: 'Émetteur',
name: 'Nom du produit',
zijinguimo: 'Taille du fonds',
jiezhishijian: 'Date limite de candidature: ',
zuiditouzi: 'Investissement minimum',
mairujine: "Montant d'achat",
button: 'Suivre les commandes',
jilu: 'enregistrer',
yingli: 'profit',
warning1: "Veuillez entrer le prix d'achat",
warning2: "Le prix d'achat ne peut comporter que deux décimales.",
placeholder: "Veuillez saisir le montant de l'achat"
},
gendanjilu: {
title: 'Dossiers documentaires',
dingdanhao: 'Numéro de commande',
mairujine: "Montant d'achat",
zuorishouyi: "Les gains d'hier",
zongshouyi: 'revenu total',
zhuangtai: 'condition',
mairushijian: 'Gagner du temps',
maichushijian: 'temps de vente',
button: 'vendre',
window_title: 'Etes-vous sûr de vendre ?',
status1: "En attente d'examen",
status2: 'Suite aux commandes',
status3: 'Fin de la copie'
},
rongzi: {
title: 'Financement de crédit',
tip1: 'Approbation rapide',
tip2: 'Traiter les demandes de crédit rapidement',
tip3: 'Remboursement flexible',
tip4: 'Une variété de plans de remboursement adaptés à votre situation personnelle',
tip5: "Taux d'intérêt transparent",
tip6: "Nous nous engageons à fournir des taux d'intérêt transparents et équitables",
tip7: 'Processus de candidature',
tip8: 'Remplissez le formulaire : Remplissez le formulaire ci-dessous et fournissez les informations de base',
tip9: "Processus d'examen : notre équipe examinera rapidement votre candidature et vous contactera.",
tip10: "Approbation et décaissement : une fois approuvé, vous recevrez rapidement l'approbation du crédit et le décaissement.",
tip11: 'Montant du prêt',
tip12: 'Montant du prêt de 3 millions de yens',
tip13: 'Informations personnelles de base',
tip14: 'Veuillez entrer votre nom',
tip15: 'Nom',
tip16: "Numéro de carte d'identité",
tip17: "Veuillez entrer votre numéro \nd'identification",
tip18: 'adresse',
tip19: "Veuillez entrer l'adresse",
tip20: 'Numéro de contact',
tip21: 'Veuillez entrer votre numéro \nde contact',
tip22: 'adresse email',
tip23: 'Veuillez saisir votre adresse e-mail',
tip24: 'Postulez maintenant',
tip25: 'Un autre prêt',
tip26: 'Réappliquer',
tip27: 'Les informations ont été soumises \npour examen',
tip28: 'Prêt approuvé',
tip29: 'Échec de la révision du prêt',
tip30: "Félicitations pour votre soumission réussie, en attente d'approbation",
tip31: 'Vous obtiendrez rapidement une approbation de crédit et un financement',
tip32: 'Vous ne remplissez pas encore les conditions de candidature, veuillez postuler à nouveau',
tip33: 'Prêt minimum 500 000',
tip34: "Peut emprunter jusqu'à 3 millions",
tip35: 'Données manquantes',
tip36: 'Contacter le service client',
tip37: "Retour à la page d'accueil",
tip38: 'Limite de crédit unique',
tip39: '50-300',
tip40: 'Dix mille'
},
orderLog: {
money: 'Montant',
beizhu: 'Remarque'
},
customerService: {
title: "Veuillez sélectionner l'application à utiliser lorsque vous contactez le nom de l'application.",
shiyong: 'utiliser',
tip: "Vous pouvez discuter avec l'autre partie dans LINE APP.",
tip2: 'Des fonctionnalités de collaboration telles que les appels gratuits, la vidéoconférence et le partage de planning sont disponibles.'
},
logout: {
registertip: 'Créer un compte',
logotip: "j'ai un compte"
},
transactionLog: {
tab1: 'Historique des commandes',
tab2: 'Dossier de dépôt',
tab3: 'Dossiers de retrait',
tip1: 'numéro de commande',
tip2: "En attente d'examen",
tip3: 'Examen réussi',
tip4: "Échec de l'examen"
},
incomeLog: {
yipizhun: 'Approuvé',
daishenhe: "En attente d'examen",
shenheshibai: "Échec de l'examen",
dingdanbianhao: 'numéro de commande',
shourujilu: 'Dossier de dépôt',
zhichujilu: 'Dossiers de retrait'
},
changePassword: {
xiugaidenglumima: 'Changer le mot de passe de connexion',
jiumima: 'Ancien mot de passe',
xingmima: 'Nouveau mot de passe',
queren: 'confirmer',
tip1: 'Veuillez saisir le mot de passe actuel',
tip2: 'Veuillez entrer un nouveau mot de passe',
tip3: "Veuillez saisir un nouveau mot de passe d'une longueur de 6 à 10 chiffres",
tip4: 'Le nouveau mot de passe et le nouveau mot de passe confirmé sont incohérents'
},
user: {
xinyongpingfen: "Notation à titre d'information",
yiqueren: 'installation',
zongzichan: 'actif total',
xianjinyue: 'solde disponible',
beiyongzijin: 'fonds utilisés',
fudongsunyi: 'Gains et pertes flottants',
yinhangzhanghu: 'compte bancaire',
shouru: 'Dossiers de dépôt et de retrait',
benrenqueren: 'Authentification par nom réel',
rizhisuoyin: 'Changer le mot de passe de connexion',
shiwuchuli: 'Changer le mot de passe de paiement',
kefuzhongxin: 'Centre de service client',
qiehuanyuyan: 'changer de langue',
zhuxiao: 'se déconnecter',
chongzhi: 'recharger',
tixian: "Retirer de l'argent",
tip1: 'Veuillez contacter le représentant désigné du service client pour terminer la procédure de dépôt.'
},
account: {
cunquzhanghaodengji: 'Enregistrement de compte de dépôt et de retrait',
chatu: 'illustration',
zhanghaoming: 'Nom du compte',
zhanghao: 'compte',
yinghangming: 'Nom de la banque',
fenhangmingceng: 'Nom de la succursale',
fenhangbianhap: 'numéro de succursale',
cunquzhanghaodengjibtn: 'Enregistrement de compte de dépôt et de retrait'
},
checkMsg: {
shuruxinming: 'Veuillez entrer votre nom',
shuruzhanghao: 'Veuillez entrer le numéro de compte',
shuruyinhangming: 'Veuillez saisir le nom de la banque',
shurufenhangming: 'Veuillez entrer le nom de la succursale',
cunquzhanghaodengjibtn: 'Entrez et sortez de la connexion au bloc Jinkou',
shurufenhanghaomao: 'Veuillez entrer le numéro de succursale',
shuruxingmima: 'Veuillez entrer un nouveau mot de passe',
shurujiumima: "Veuillez saisir l'ancien mot de passe"
},
transactionPassions: {
shezhishiwuchulitoushi: 'Définir le mot de passe',
jiumima: 'Ancien mot de passe',
xingmima: 'Nouveau mot de passe',
xingmima2: 'Confirmer le nouveau mot de passe',
queren: 'confirmer',
tip1: "Veuillez saisir le mot de passe de retrait d'origine",
tip2: 'Veuillez saisir le nouveau mot de passe de retrait',
tip3: "Veuillez remplir le nouveau mot de passe de retrait d'une longueur de 6 à 10 caractères",
tip4: 'Le nouveau mot de passe et le mot de passe confirmé sont incohérents'
},
indexLoading: {
label1: 'Départ...',
label2: 'Connexion au serveur de cotation réussie...',
label3: 'Vérification des mises à jour...',
label4: 'Vérifier la mise à jour terminée...',
label5: 'Connexion au système...',
label6: "Obtenir les informations sur l'hôte de devis (GS1DNS)..."
},
login: {
tip1: 'Se connecter',
tip2: 'registre',
tip3: 'Compte de connexion',
account_placeholder: 'compte',
account_error: 'Le compte ne peut pas être vide',
password_placeholder: 'mot de passe',
password_error: 'Le mot de passe ne peut pas être vide',
forget_password: 'oublier le mot de passe',
register: "Vous n'avez pas de compte ?",
button_text: 'Se connecter',
user_info_null: 'Les informations utilisateur ont expiré, veuillez vous reconnecter'
},
register: {
tip3: 'Se connecter',
tip4: 'Créer un compte',
account_placeholder: 'Numéro de téléphone',
account_error: 'Le numéro de téléphone portable ne peut pas être vide',
password_placeholder: 'mot de passe',
password_error: 'Le mot de passe ne peut pas être vide',
password_again_placeholder: 'Confirmez le mot de passe',
password_again_error: 'Confirmer que le mot de passe ne peut pas être vide',
password_repeat_error: 'Les mots de passe saisis deux fois sont différents',
code_placeholder: "Code d'invitation",
code_error: "Le code d'invitation ne peut pas être vide",
code_text: 'Obtenir le code de vérification',
button_text: 'registre',
button2_text: 'Vous avez déjà un compte ?',
tip1: 'Le format du numéro de téléphone portable est erroné, veuillez le saisir à nouveau.',
tip2: 'La longueur du mot de passe doit être supérieure à 6 et inférieure à 10'
},
kefu: {
title: 'service client'
}
}
export default messages
src/langurage/index.ts 0 → 100644
import { createI18n } from 'vue-i18n'
import jp from './ja'
import cn from './cn'
import en from './en'
import sp from './sp'
import fr from './fr'
// 引入的不同语言文件
const messages = {
jp,
cn,
en,
sp,
fr
}
// uni.setStorageSync('locale', 'jp')
// console.log(uni.getStorageSync('locale'), 'localelocalelocale')
let locale = 'jp'
if (uni.getStorageSync('locale') === '') {
uni.setStorageSync('locale', 'jp')
} else {
locale = uni.getStorageSync('locale')
}
// 这个类型可以自己配置，毕竟每个人做的都不一样
const i18n: any = createI18n({
legacy: false, // 使用 Composition API 模式，则需要将其设置为false
globalInjection: true, // 全局生效$t
locale: locale, // 默认cn翻译
messages // ES6解构
})
export default i18n
src/langurage/ja.ts 0 → 100644
const messages = {
common: {
submit: '送信',
nodata: 'データなし'
},
search: {
title: '検索',
sousuolishi: '検索履歴',
tip1: 'データなし',
tip2: '読み込み中...',
tip3: '銘柄コードを検索'
},
real_name: {
realName: 'ご本人確認',
tip1: 'ご本人確認が完了しました。再度送信しないでください',
tip2: 'ご本人確認が審査中',
tip3: 'ご本人確認が完了しました',
tip4: 'アップロードが失敗しました',
tip5: '正面のアップロードが完了しました',
tip6: '反面のアップロードが完了しました',
tip7: 'ご本人確認が完了しました',
tip8: 'お名前',
tip9: 'IDカードの名前を入力してください',
tip10: '身分証明書番号',
tip11: '身分証明書番号を入力してください',
tip12: '身分証明書の前面をアップロードしてください',
tip13: '身分証明書の裏面をアップロードしてください',
tip14: '送信',
tip15: '拒否の理由、ご本人確認が拒否されました',
tip16: '写真をアップロード中です。 。 。'
},
details: {
xiaoxi: '詳細'
},
seting: {
sheding: '設定',
zhanghu: 'アカウント',
xingming: 'お名前',
denglumima: 'ログインパスワード',
zijinmima: '取引パスワード',
logout: 'ログアウト'
},
yuyan: {
ribenyu: '日本語',
zhongwenjianti: '簡体字中国語',
yinyu: '英語',
xibanyayu: 'スペイン語',
fayu: 'フランス語'
},
withdrawal: {
zhanghuyue: '口座残高',
tilingjine: '出金金額',
jiaoyimima: '取引パスワード',
queren: '確認',
zhuyishixiang: '出金ルール',
tip1: '出金金額を入力してください',
tip2: '取引パスワードを入力してください',
tixian: '出金',
chikaren: 'アカウント所有者',
title: '銀行口座番号を選択',
tip3: '銀行口座番号を追加',
tip4: '銀行口座番号を選択してください',
tip5: '出金金額を入力してください',
tip6: '取引パスワードを入力してください',
tip7: '金額：１万円から',
tip8: '手数料：無料',
tip9: '出金できる時間帯：平日の9:00-15:30',
tip10: '出金は24時間内に着金します'
},
recharge: {
chongzhijine: '入金金額',
queren: '確認',
zhuyishixiang: '入金時の注意事項'
},
toastText: {
chenggong: '申請が完了しました',
shibai: '申請が失敗しました',
tip1: '情報を読み込み中...'
},
order: {
tip1: '銘柄詳細'
},
tabbar: {
index: 'ホーム',
market: '相場',
jiaoyi: '取引',
record: 'ニュース',
user: '個人情報'
},
index: {
gongneng: 'オプション',
hot: '人気銘柄',
button1: 'IPO',
button2: 'カスタマーサービス',
button3: 'アカウント',
button4: '取引履歴',
tip1: '本人確認を完了してください',
tip2: '詳しい',
guajiang: 'ラッキールレット',
guajiangRecord: '当選履歴',
guajiangTitle: '優勝おめでとうございます',
guajiangButton: '確認',
guajiangSuccess: '当選履歴',
guajiangFail: 'ごめん',
guajiangCount1: 'そちらのスクラッチ残り回数は',
guajiangCount2: '回です。'
},
gupiaoDetail: {
title: '銘柄詳細',
label1: '始値',
label2: '終値',
label3: '高値',
label4: '安値',
label5: '出来高',
label6: '売買代金',
date1: '時間線',
date2: '日足',
date3: '7分',
date4: '30分',
shijia: '成行価格',
xianjia: '指値',
maiduo: '買い',
maikong: '売却',
submit: '送信',
inputLabel1: '価格',
inputLabel2: '単元(株)',
inputLabel3: 'レバレッジ（倍）',
windowLabel1: '委託価格',
windowLabel2: '委託数量(株)',
windowLabel3: '元金',
windowLabel4: '含み金額',
windowLabel5: '手数料',
windowLabel6: '合計金額',
windowLabel7: '使用可能金額',
tip1: '時間',
tip2: '時間を選択',
tip3: '1分',
tip4: '5分',
tip5: '15分',
tip6: '30分',
tip7: '45分',
tip8: '日',
tip9: '週',
tip10: '月',
tip11: '購入履歴',
tip12: '戻る',
yi: '億'
},
message: {
xiaoxi: 'メッセージ'
},
jiaoyi: {
title: 'アカウント',
total: '損益·含み金額 など',
weishixiansunyi: 'ポジション',
yishixiansunyi: '注文照会',
sunyiheji: '推定損益総額',
shizhiheji: '時価総額',
sunyiheji2: '時価損益',
sunyiheji3: 'IPOの申込み',
shizhihej2i: '時価総額(利益額)',
yue: '使用可能な残高',
dingdanxiangqing: '注文の詳細',
xianzaixianqging: '保有株の詳細',
shuliang: '数量(株)',
chigushu: '保有株数量',
goumaijiage: '買入価格',
xianzaijiage: '売却価格',
xianjia: '成行価格',
shouxufei: '手数料',
sunyilv: '損益率',
goumaizongjia: '総コスト',
xianzaizongjia: '時価総額',
shijian: '時間',
yugusunyi: '推定損益',
yugusunyi2: '利益額',
chicang: '保有ポジション',
pingcang: '決済',
gupiaoxiangqing: '銘柄詳細',
maichu: '決済',
chedan: '注文を取り消し',
tip1: '保有中',
tip2: '決済済み',
tip3: '決済中',
tip4: '指値決済中',
tip5: '注文を取り消し',
tip6: 'コメント',
tip7: '注文の決済を実行しますか',
tip8: '戻る',
tip9: '確認',
tip10: '注文をキャンセルしますか',
fangxiang: '買い方向',
zhang: '上昇',
die: '下降',
jiage: '価格',
zhognqianshuliang: '当選数量',
shenqingliang: 'お申し込み数量',
chouqianri: '抽選日',
faquanri: '発売日',
renjiaogushu: 'お支払い株数',
txt1: '当選済み数量',
txt2: '当選支払済数量',
txt3: '当選待ち',
txt4: '当選済み',
txt5: '審査済み',
txt6: '落選',
sxf: '販売手数料'
},
jiaoyiDetail: {
title: '銘柄詳細',
leixing: '状態',
danhao: '注文番号',
mairushijian: '購入時間',
mairujia: '買入価格',
maichushijian: '売却時間',
maichujia: '売却価格',
shuliang: '売却数量',
shuliang1: '買い数量',
yingkui: '損益額',
mairuzongjia: '売却総時価',
ganggan: 'レバレッジ倍数',
zuizhongjiage: '最終価格',
shouxufei: '手数料'
},
market: {
gupiao: '相場',
collect: 'ウォッチリスト'
},
ipo: {
title: 'IPO',
title1: 'お申し込み履歴',
title2: '当選履歴',
button1: 'お申し込み可能数',
button2: '申請履歴',
jiage: '引受価格',
shijia: '成行価格',
shuliang: '公募数量',
shijian: '申し込み開始日',
windowLabel1: '公開価格',
windowLabel2: 'お申し込み数量',
windowLabel3: '總金額',
zang: 'ロット数'
},
dadan: {
title: ' ブロック取引',
title2: 'ブロック取引',
column_name: '銘柄名',
column_daima: '銘柄コード',
column_xianjia: '時価',
column_jiage: 'ヘッジ価格',
column_zhangshu: '残り枚数',
heji: '合計',
zhuyi: '注意',
unit: 'ロット数',
unit2: '株',
tip1: '購読が成功しました',
tip2: '購読に失敗しました',
tip3: '申請中',
jiaoyipass: '取引パスワードを入力してください'
},
hongli: {
title: 'プレマーケット取引',
title2: 'プレマーケット取引',
button1: '銘柄',
button2: '申請リスト',
column_name: '銘柄名',
column_jiage: 'お申し込み価格',
column_daima: '銘柄コード',
column_name2: '銘柄名/銘柄コード',
column_jiage2: '申込み価格/お申し込み数量',
column_chengjiaoe: '売買金額',
column_zhuangtai: '状態',
window_bianma: 'コード',
window_shijia: '時価',
window_zhangdie: '漲跌',
window_heji: '合計',
window_yue: '利用可能額',
submit: '購入を確認',
tip1: 'お申し込みが完了しました',
tip2: 'お申し込みに失敗しました',
tip3: '申請中'
},
gendan: {
title: 'スマートフォローアップ',
fadanren: '発行者',
name: '商品名',
zijinguimo: '資金量',
jiezhishijian: '申請期限: ',
zuiditouzi: '最小限投資額',
mairujine: '購入金額',
button: 'フォローアップ',
jilu: '履歴',
yingli: '利益',
warning1: '購入価格を入力してください',
warning2: '購入価格は小数点以下 2 桁まで保留',
placeholder: '購入金額を入力してください'
},
gendanjilu: {
title: 'フォローアップ履歴',
dingdanhao: '注文番号',
mairujine: '購入金額',
zuorishouyi: '昨日の収益',
zongshouyi: '総利益額',
zhuangtai: 'ステータス',
mairushijian: '買い時間',
maichushijian: '売却時間',
button: '決済',
window_title: '決済を確認しますか',
status1: '審査待ち',
status2: 'フォローアップ中',
status3: 'フォローアップ終了'
},
rongzi: {
title: '信用融資',
tip1: 'クイック承認',
tip2: 'クイック融資を申請',
tip3: '柔軟返済',
tip4: 'あなたの状況に合わせたさまざまな返済プラン',
tip5: '透明性のある金利',
tip6: '弊社は透明性のある公正な金利を提供することに尽力しています',
tip7: '申請プロセス',
tip8: `① フォーム入力：
以下の申請フォームに必要事項をご記入ください。`,
tip9: `② 審査：
弊社担当が迅速に審査を行い、結果をご連絡いたします。`,
tip10: `③ 承認とお振込：
審査が承認され次第、即日でご融資金額をお振込みいたします。`,
tip11: '融資金額',
tip12: '融資額300万円',
tip13: '基本的な個人情報',
tip14: 'お名前を入力してください',
tip15: 'お名前',
tip16: '身分証明書番号',
tip17: '身分証明書番号を入力してください',
tip18: 'ご住所',
tip19: 'ご住所を入力してください',
tip20: '連絡先',
tip21: '連絡先を入力してください',
tip22: 'メールアドレス',
tip23: 'メールアドレスを入力してください',
tip24: '今すぐ申請します',
tip25: 'もう一回融資を申請',
tip26: 'さらに融資します',
tip27: '申請資料を審査に提出します',
tip28: '融資が承認されました',
tip29: '融資の承認が失敗しました',
tip30: '融資申請の提出が完了、承認の結果待ち',
tip31: 'もうすぐ融資の承認結果と資金が獲得できます',
tip32: 'まだ融資条件を満たしていないため、もう一度申請してください',
tip33: '最低融資額 500,000円',
tip34: '融資可能な最大額は300万円',
tip35: '情報が不足しています',
tip36: 'お問い合わせ',
tip37: 'ホームへ戻る',
tip38: 'ご利用可能なクレジット限度額',
tip39: '50-300',
tip40: '万円'
},
orderLog: {
money: '金額',
beizhu: 'コメント'
},
customerService: {
title: 'APP名に関連するAPPを選択してください',
shiyong: '利用します',
tip: 'LINEアプリで相手とトークすることができます',
tip2: '無料通話、ビデオ会議、スケジュール共有などのコラボレーション機能が利用できます'
},
logout: {
registertip: 'アカウントを登録',
logotip: 'アカウントを持っています'
},
transactionLog: {
tab1: '注文履歴',
tab2: '入金履歴',
tab3: '出金履歴',
tip1: '注文番号',
tip2: '審査中',
tip3: '審査完了',
tip4: '審査に失敗しました'
},
incomeLog: {
yipizhun: '承認が完了しました',
daishenhe: '審査待ち',
shenheshibai: '承認が失敗しました',
dingdanbianhao: '注文番号',
shourujilu: '入金履歴',
zhichujilu: '出金履歴'
},
changePassword: {
xiugaidenglumima: 'ログインパスワードを変更',
jiumima: '旧パスワード',
xingmima: '新パスワード',
queren: '確認',
tip1: '旧パスワードを入力してください',
tip2: '新しいパスワードを入力してください',
tip3: '新しいパスワードを6～10桁で入力してください',
tip4: '新しいパスワードと検証用の新しいパスワードが一致していません'
},
user: {
xinyongpingfen: '信用スコア',
yiqueren: '設定',
zongzichan: '総資産',
xianjinyue: '利用可能残高',
beiyongzijin: '利用済み金額',
fudongsunyi: '変動損益',
yinhangzhanghu: '銀行口座番号',
shouru: '入出金履歴',
benrenqueren: 'ご本人確認',
rizhisuoyin: 'ログインパスワードを変更',
shiwuchuli: '取引パスワード',
kefuzhongxin: 'カスタマーサポートセンター',
qiehuanyuyan: '言語を切り替え',
zhuxiao: 'ログアウトする',
chongzhi: '入金する',
tixian: '出金する',
tip1: '指定のカスタマーサービス窓口担当に連絡して入金手続きを行ってください。',
scoreTitle: 'あなたのクレジットスコア'
},
account: {
cunquzhanghaodengji: '入出金口座の登録',
chatu: '画像を添付する',
zhanghaoming: 'お名前',
zhanghao: '口座番号',
yinghangming: '銀行名',
fenhangmingceng: '支店名',
fenhangbianhap: '支店コード',
cunquzhanghaodengjibtn: '入出金口座登録'
},
checkMsg: {
shuruxinming: '名前を入力してください',
shuruzhanghao: '口座番号を入力してください',
shuruyinhangming: '銀行名を入力してください',
shurufenhangming: '支店名を入力してください',
cunquzhanghaodengjibtn: '入出金講座を登録',
shurufenhanghaomao: '支店コードを入力してください',
shuruxingmima: '新しいパスワードを入力してください',
shurujiumima: '旧パスワードを入力してください'
},
transactionPassions: {
shezhishiwuchulitoushi: '取引パスワードを変更',
jiumima: '旧パスワード',
xingmima: '新しいパスワード',
xingmima2: '新しいパスワードを確認',
queren: '確認します',
tip1: '元の出金パスワードを入力してください',
tip2: '新しい出金パスワードを入力してください',
tip3: '6〜10桁の新しい出金パスワードを入力してください',
tip4: '新しいパスワードと検証用のパスワードが一致していません'
},
indexLoading: {
label1: 'システム安全スキャン中... ',
label2: '取引権限の検証中...',
label3: 'データ暗号化通信の確立中...',
label4: '東京証券取引所コンプライアンス確認中...',
label5: '金融庁規制の確認中...',
label6: '詐欺防止モジュール読み込み中...',
label7: 'システムが、お使いのデバイスに未知のリスクを検出しました',
label8: '現在クリーニングを実行中...',
label9: 'クリーニングが完了しました。',
label10: 'お使いのデバイスのセキュリティレベルは最高ランクになりました！',
label11: 'AI株式選定エンジン初期化中...',
label12: 'システム自己検査と安全起動完了',
label13: '準備完了、ご利用ありがとうございます！',
moni: 'デモ取引',
title1: 'クライアントログイン',
title2: '新規ユーザーオンライン口座開設',
title3: 'JPモルガン・チェース証券オンライン口座開設',
info1: 'JPモルガン・チェース証券の自社口座をすでにお持ちの方は、アップグレードサービスやその他のサービスをご利用いただけます。',
info2: '口座開設には本人確認書類または第二身分証明書が必要です。申請後、承認をお待ちください。',
btn1: 'すぐログイン',
btn2: 'オンライン口座開設'
},
login: {
title: 'デモアカウントにログイン',
tip1: 'ログイン',
tip2: '登録する',
tip3: 'ログインアカウント',
account_placeholder: 'アカウント',
account_error: 'アカウントを空にすることはできません',
password_placeholder: 'パスワード',
password_error: 'パスワードを空にすることはできません',
forget_password: 'パスワードを忘れた',
register: 'アカウントがありませんか?',
button_text: 'ログイン',
user_info_null: 'ユーザー情報の有効期限が切れています。再度ログインしてください'
},
register: {
title: 'デモアカウントに登録する',
tip3: 'ログイン',
tip4: '登録アカウント',
account_placeholder: '携帯電話番号',
account_error: 'アカウントを空にすることはできません',
password_placeholder: 'パスワード',
password_error: 'パスワードを空にすることはできません',
password_again_placeholder: 'パスワードを検証します',
password_again_error: 'パスワードの検証は空にすることはできません',
password_repeat_error: '2回入力したパスワードは一致していません',
code_placeholder: '招待コード',
code_error: '招待コードを空にすることはできません',
code_text: '確認コードを取得',
button_text: '登録',
button2_text: 'すでにアカウントを持っています、今すぐログインします',
tip1: '携帯電話番号の形式が間違っています。再入力してください',
tip11: 'アカウントの形式が正しくありません。再入力してください。',
tip2: 'パスワードの長さは6～10桁以内に控えてください'
},
ai: {
title: 'AI取引',
record: 'AI取引記録',
placeholder: '購入金額を入力してください',
button: '送信',
label: 'オーダー番号',
status1: '検討中',
status2: '承認された',
status3: 'レビュー拒否'
},
kefu: {
title: 'カスタマーサービス'
}
}
export default messages
src/langurage/sp.ts 0 → 100644
// 西班牙语
const messages = {
common: {
submit: 'enviar',
nodata: 'Aún no hay datos~~'
},
search: {
title: 'Buscar',
sousuolishi: 'Historial de búsqueda',
tip1: 'Aún no hay datos',
tip2: 'Cargando...',
tip3: 'Buscar código de acciones'
},
real_name: {
realName: 'Autenticación de nombre real',
tip1: 'Se ha pasado la autenticación de nombre real, no vuelva a enviarla',
tip2: 'Autenticación de nombre real bajo revisión',
tip3: 'Se aprobó la autenticación de nombre real',
tip4: 'Error en la carga',
tip5: 'Carga positiva exitosa',
tip6: 'La parte posterior se cargó correctamente',
tip7: 'Nombre real autenticado',
tip8: 'Nombre de identificación',
tip9: 'Por favor ingrese el nombre\n de su tarjeta de identificación',
tip10: 'Número de identificación',
tip11: 'Por favor ingrese su número\n de identificación',
tip12: 'Sube el frente de tu identificación',
tip13: 'Sube el reverso de tu DNI',
tip14: 'entregar',
tip15: 'Motivo del rechazo, la autenticación de su nombre real ha sido rechazada porque',
tip16: 'La imagen se está cargando. . .'
},
details: {
xiaoxi: 'Detalles'
},
seting: {
sheding: 'configuración',
zhanghu: 'Cuenta',
xingming: 'Nombre',
denglumima: 'Contraseña de inicio de sesión',
zijinmima: 'Contraseña del fondo',
logout: 'desconectar'
},
yuyan: {
ribenyu: 'japonés',
zhongwenjianti: 'Chino simplificado',
yinyu: 'Inglés',
xibanyayu: 'español',
fayu: 'Francés'
},
withdrawal: {
zhanghuyue: 'Saldo de cuenta',
tilingjine: 'Monto del retiro',
jiaoyimima: 'Contraseña de transacción',
queren: 'confirmar',
zhuyishixiang: 'Cosas a tener en cuenta al retirar',
tip1: 'Cosas a tener en cuenta al retirar',
tip2: 'Por favor ingrese su contraseña de transacción',
tixian: 'Retraerse a',
chikaren: 'titular de la tarjeta',
title: 'Seleccionar cuenta bancaria',
tip3: 'Agregar cuenta bancaria',
tip4: 'Seleccione un número de cuenta bancaria',
tip5: 'Por favor ingrese el monto del retiro',
tip6: 'Por favor ingrese la contraseña de la transacción',
tip7: 'Cantidad: Desde 10.000 yenes',
tip8: 'Tarifas: Gratis',
tip9: 'Horario de retiro: días laborables de 9:00 a 15:30',
tip10: 'Los retiros llegarán dentro de las 24 horas'
},
recharge: {
chongzhijine: 'cantidad de recarga',
queren: 'confirmar',
zhuyishixiang: 'Cosas a tener en cuenta al recargar'
},
toastText: {
chenggong: 'Solicitud exitosa',
shibai: 'Solicitud fallida',
tip1: 'Carga de información...'
},
order: {
tip1: 'Detalles de stock'
},
tabbar: {
index: 'pagina de inicio',
market: 'mercado',
jiaoyi: 'comercio',
record: 'Información',
user: 'personal'
},
index: {
gongneng: 'Función',
hot: 'Acciones populares',
button1: 'IPO',
button2: 'servicio al cliente',
button3: 'Cuentas',
button4: 'Detalles de la transacción',
tip1: 'No es el nombre real',
tip2: 'detallado'
},
gupiaoDetail: {
title: 'Detalles de stock',
label1: 'Abierto hoy',
label2: 'Recogido ayer',
label3: 'más alto',
label4: 'más bajo',
label5: 'Volumen',
label6: 'Precio total de la transacción',
date1: 'Serie de tiempo',
date2: 'japonés k',
date3: '7 puntos',
date4: '30 min',
shijia: 'precio de mercado',
xianjia: 'límite de precio',
maiduo: 'comprar largo',
maikong: 'corto',
submit: 'entregar',
inputLabel1: 'precio',
inputLabel2: 'Unidad (compartir)',
inputLabel3: 'Apalancamiento (veces)',
windowLabel1: 'Precio de comisión',
windowLabel2: 'Cantidad de pedido (acciones)',
windowLabel3: 'principal',
windowLabel4: 'Valor comercial',
windowLabel5: 'tarifa de manejo',
windowLabel6: 'total',
windowLabel7: 'saldo disponible',
tip1: 'tiempo',
tip2: 'Seleccionar hora',
tip3: '1 min',
tip4: '5 min',
tip5: '15 min',
tip6: '30 min',
tip7: '45 min',
tip8: 'cielo',
tip9: 'semana',
tip10: 'luna',
tip11: 'Historial de compras',
tip12: 'devolver',
yi: '100 millones'
},
message: {
xiaoxi: 'información'
},
jiaoyi: {
title: 'Cuentas',
total: 'Pérdidas y ganancias, valor de mercado, etc.',
weishixiansunyi: 'Ganancias y pérdidas no realizadas',
yishixiansunyi: 'Ganancias y pérdidas realizadas',
sunyiheji: 'Ganancias y pérdidas totales estimadas',
shizhiheji: 'Capitalización de mercado total',
sunyiheji2: 'Ganancias y pérdidas realizadas',
sunyiheji3: 'Nueva lotería de acciones',
shizhihej2i: 'Capitalización de mercado total (ganancias y pérdidas realizadas)',
yue: 'saldo disponible',
dingdanxiangqing: 'Detalles del pedido',
xianzaixianqging: 'Detalles ahora',
shuliang: 'Cantidad (piezas)',
chigushu: 'Número de acciones poseídas',
goumaijiage: 'Precio de oferta',
xianzaijiage: 'precio de venta',
xianjia: 'Precio actual',
shouxufei: 'tarifa de manejo',
sunyilv: 'relación de pérdidas y ganancias',
goumaizongjia: 'costo total',
xianzaizongjia: 'capitalización de mercado total',
shijian: 'tiempo',
yugusunyi: 'Ganancias y pérdidas estimadas',
yugusunyi2: 'Obtener ganancias y pérdidas',
chicang: 'Posición',
pingcang: 'Posición cercana',
gupiaoxiangqing: 'Detalles de stock',
maichu: 'vender',
chedan: 'Cancelar pedido',
tip1: 'en posición',
tip2: 'Posición cerrada',
tip3: 'Cierre de posición',
tip4: 'orden pendiente',
tip5: 'Orden cancelada',
tip6: 'pista',
tip7: '¿Están confirmadas las órdenes de venta?',
tip8: 'devolver',
tip9: 'Seguro',
tip10: '¿Estás seguro de cancelar el pedido?',
fangxiang: 'Dirección de compra',
zhang: 'elevar',
die: 'caer',
jiage: 'precio',
zhognqianshuliang: 'Cantidad ganadora',
shenqingliang: 'Volumen de aplicación',
chouqianri: 'dia del sorteo',
faquanri: 'Fecha de asunto',
renjiaogushu: 'Número de acciones suscritas',
txt1: 'El boleto ganador debe ser pagado.',
txt2: 'Se ha suscrito la lotería ganadora.',
txt3: 'Esperando ganar la lotería',
txt4: 'ganó la lotería',
txt5: 'Aprobado',
txt6: 'no gano la loteria'
},
jiaoyiDetail: {
title: 'Detalles de stock',
leixing: 'estado',
danhao: 'Número de transacción',
mairushijian: 'ganando tiempo',
mairujia: 'Precio de oferta',
maichushijian: 'tiempo de venta',
maichujia: 'precio de venta',
shuliang: 'Número de acciones negociadas',
yingkui: 'Monto de pérdidas y ganancias',
mairuzongjia: 'Capitalización del mercado de transacciones',
ganggan: 'Aprovechar múltiples',
zuizhongjiage: 'precio final',
shouxufei: 'tarifa de manejo',
shuliang1: 'Cantidad de compra'
},
market: {
gupiao: 'mercado de valores',
collect: 'recolectar'
},
ipo: {
title: 'IPO',
title1: 'Currículum de solicitud de lotería',
title2: 'Historia electoral',
button1: 'Disponible para suscripción',
button2: 'Registro de solicitud',
jiage: 'precio de suscripción',
shijia: 'precio de mercado',
shuliang: 'Número de ofertas públicas',
shijian: 'dia del sorteo',
windowLabel1: 'precio publico',
windowLabel2: 'Cantidad de suscripción',
windowLabel3: 'suma global',
zang: 'pieza'
},
dadan: {
title: 'bloquear el comercio',
title2: '☆ bloquear el comercio ☆',
column_name: 'Nombre de la acción',
column_daima: 'Código de acciones',
column_xianjia: 'Precio actual',
column_jiage: 'precio de refugio seguro',
column_zhangshu: 'Número restante de hojas',
heji: 'total',
zhuyi: 'Aviso',
unit: 'abierto',
unit2: 'compartir',
tip1: 'Suscripción exitosa',
tip2: 'Suscripción fallida',
tip3: 'Aplicando'
},
hongli: {
title: 'negociación previa al mercado',
title2: '☆ negociación previa al mercado ☆',
button1: 'existencias',
button2: 'Lista de aplicaciones',
column_name: 'Nombre de la acción',
column_jiage: 'Precio de suscripción',
column_daima: 'Código de acciones',
column_name2: 'Nombre/ticker',
column_jiage2: 'Precio de suscripción/Volumen de solicitudes',
column_chengjiaoe: 'Volumen de negocios',
column_zhuangtai: 'estado',
window_bianma: 'codificación',
window_shijia: 'precio de mercado',
window_zhangdie: 'vaivenes',
window_heji: 'total',
window_yue: 'saldo disponible',
submit: 'Confirmar para comprar',
tip1: 'Suscripción exitosa',
tip2: 'Suscripción fallida',
tip3: 'Aplicando'
},
gendan: {
title: 'Seguimiento inteligente',
fadanren: 'Editor',
name: 'Nombre del producto',
zijinguimo: 'Tamaño del fondo',
jiezhishijian: 'Fecha límite de solicitud: ',
zuiditouzi: 'Inversión mínima',
mairujine: 'Monto de compra',
button: 'seguir ordenes',
jilu: 'registro',
yingli: 'ganancia',
warning1: 'Por favor ingrese el precio de compra',
warning2: 'El precio de compra sólo puede tener dos decimales.',
placeholder: 'Por favor ingresa el monto de la compra'
},
gendanjilu: {
title: 'Registros de documentación',
dingdanhao: 'Número de orden',
mairujine: 'Monto de compra',
zuorishouyi: 'Ganancias de ayer',
zongshouyi: 'ingresos totales',
zhuangtai: 'condición',
mairushijian: 'ganando tiempo',
maichushijian: 'tiempo de venta',
button: 'vender',
window_title: '¿Estás seguro de vender?',
status1: 'Pendiente de revisión',
status2: 'Siguiendo órdenes',
status3: 'Fin de la copia'
},
rongzi: {
title: 'financiación de crédito',
tip1: 'Aprobación rápida',
tip2: 'Procesar solicitudes de crédito rápidamente',
tip3: 'Pago flexible',
tip4: 'Varios planes de pago que se adaptan a su situación personal',
tip5: 'Tasas de interés transparentes',
tip6: 'Estamos comprometidos a ofrecer tasas de interés transparentes y justas.',
tip7: 'Proceso de solicitud',
tip8: 'Complete el formulario: Complete el siguiente formulario y proporcione información básica',
tip9: 'Proceso de revisión: nuestro equipo revisará rápidamente su solicitud y se comunicará con usted.',
tip10: 'Aprobación y desembolso: Una vez aprobado, recibirás la aprobación del crédito y el desembolso rápidamente',
tip11: 'monto del préstamo',
tip12: 'Monto del préstamo de 3 millones de yenes',
tip13: 'información personal básica',
tip14: 'Por favor ingrese el nombre',
tip15: 'Nombre',
tip16: 'número de identificación',
tip17: 'Por favor ingrese su número de \nidentificación',
tip18: 'DIRECCIÓN',
tip19: 'Por favor ingrese la dirección',
tip20: 'Número de contacto',
tip21: 'Por favor ingrese el número de \ncontacto',
tip22: 'dirección de correo electrónico',
tip23: 'Por favor ingrese la dirección \n de correo electrónico',
tip24: 'Aplicar ahora',
tip25: 'Otro préstamo',
tip26: 'Aplicar de nuevo',
tip27: 'La información ha sido enviada para su revisión',
tip28: 'Préstamo aprobado',
tip29: 'Error en la revisión del préstamo',
tip30: 'Felicitaciones por su envío exitoso, esperando aprobación',
tip31: 'Obtendrá aprobación de crédito y financiación rápidamente',
tip32: 'Aún no cumples con las condiciones de solicitud, por favor vuelve a presentar tu solicitud',
tip33: 'Préstamo mínimo 500.000',
tip34: 'Puede pedir prestado hasta 3 millones',
tip35: 'Datos faltantes',
tip36: 'Contactar con el servicio de atención al cliente',
tip37: 'Volver a la página de inicio',
tip38: 'Límite de crédito único',
tip39: '50-300',
tip40: 'Diez mil'
},
orderLog: {
money: 'Cantidad',
beizhu: 'Observación'
},
customerService: {
title: 'Seleccione la APLICACIÓN que desea utilizar cuando se comunique con el nombre de la APLICACIÓN',
shiyong: 'usar',
tip: 'Puedes chatear con la otra parte en LINE APP.',
tip2: 'Se encuentran disponibles funciones de colaboración como llamadas gratuitas, videoconferencias y uso compartido de horarios.'
},
logout: {
registertip: 'Registrar una cuenta',
logotip: 'tengo una cuenta'
},
transactionLog: {
tab1: 'Historial de pedidos',
tab2: 'Registro de depósito',
tab3: 'Registros de retiro',
tip1: 'número de orden',
tip2: 'Pendiente de revisión',
tip3: 'Revisión exitosa',
tip4: 'Revisión fallida'
},
incomeLog: {
yipizhun: 'Aprobado',
daishenhe: 'Pendiente de revisión',
shenheshibai: 'Revisión fallida',
dingdanbianhao: 'número de orden',
shourujilu: 'Registro de depósito',
zhichujilu: 'Registros de retiro'
},
changePassword: {
xiugaidenglumima: 'Cambiar contraseña de inicio de sesión',
jiumima: 'Contraseña anterior',
xingmima: 'Nueva contraseña',
queren: 'confirmar',
tip1: 'Por favor ingrese la contraseña actual',
tip2: 'Por favor ingrese una nueva contraseña',
tip3: 'Por favor, introduzca una nueva contraseña con una longitud de entre 6 y 10 dígitos',
tip4: 'La nueva contraseña y la nueva contraseña confirmada son inconsistentes'
},
user: {
xinyongpingfen: 'Calificación para información',
yiqueren: 'configuración',
zongzichan: 'activos totales',
xianjinyue: 'saldo disponible',
beiyongzijin: 'fondos usados',
fudongsunyi: 'Pérdidas y ganancias flotantes',
yinhangzhanghu: 'cuenta bancaria',
shouru: 'Registros de depósitos y retiros',
benrenqueren: 'Autenticación de nombre real',
rizhisuoyin: 'Cambiar contraseña de inicio de sesión',
shiwuchuli: 'Cambiar contraseña de pago',
kefuzhongxin: 'centro de atención al cliente',
qiehuanyuyan: 'cambiar de idioma',
zhuxiao: 'desconectar',
chongzhi: 'completar',
tixian: 'retirar efectivo',
tip1: 'Comuníquese con el representante de servicio al cliente designado para completar el procedimiento de depósito.'
},
account: {
cunquzhanghaodengji: 'Registro de cuenta de depósito y retiro',
chatu: 'ilustración',
zhanghaoming: 'Nombre de cuenta',
zhanghao: 'cuenta',
yinghangming: 'nombre del banco',
fenhangmingceng: 'Nombre de la sucursal',
fenhangbianhap: 'número de sucursal',
cunquzhanghaodengjibtn: 'Registro de cuenta de depósito y retiro'
},
checkMsg: {
shuruxinming: 'Por favor ingresa tu nombre',
shuruzhanghao: 'Por favor ingrese el número de cuenta',
shuruyinhangming: 'Por favor ingrese el nombre del banco',
shurufenhangming: 'Por favor ingrese el nombre de la sucursal',
cunquzhanghaodengjibtn: 'Entrar y salir del Bloque Jinkou Iniciar sesión',
shurufenhanghaomao: 'Por favor ingrese el número de sucursal',
shuruxingmima: 'Por favor ingrese una nueva contraseña',
shurujiumima: 'Por favor ingrese la contraseña anterior'
},
transactionPassions: {
shezhishiwuchulitoushi: 'Establecer contraseña',
jiumima: 'Contraseña anterior',
xingmima: 'Nueva contraseña',
xingmima2: 'Confirmar nueva contraseña',
queren: 'confirmar',
tip1: 'Por favor ingrese la contraseña de retiro original',
tip2: 'Por favor ingrese la nueva contraseña de retiro',
tip3: 'Complete la nueva contraseña de retiro con una longitud de 6 a 10 caracteres',
tip4: 'La nueva contraseña y la contraseña confirmada son inconsistentes'
},
indexLoading: {
label1: 'A partir de...',
label2: 'Conexión exitosa al servidor de cotizaciones...',
label3: 'Buscando actualizaciones...',
label4: 'Verificación de actualización completada...',
label5: 'Iniciando sesión en el sistema...',
label6: 'Obtener información del host de cotización (GS1DNS)...'
},
login: {
tip1: 'Acceso',
tip2: 'registro',
tip3: 'Iniciar sesión en la cuenta',
account_placeholder: 'cuenta',
account_error: 'La cuenta no puede estar vacía',
password_placeholder: 'contraseña',
password_error: 'La contraseña no puede estar vacía',
forget_password: 'olvida la contraseña',
register: '¿No tienes una cuenta?',
button_text: 'Acceso',
user_info_null: 'La información del usuario ha caducado, inicie sesión nuevamente'
},
register: {
tip3: 'Acceso',
tip4: 'Registrar una cuenta',
account_placeholder: 'Número de teléfono',
account_error: 'El número de teléfono móvil no puede estar vacío',
password_placeholder: 'contraseña',
password_error: 'La contraseña no puede estar vacía',
password_again_placeholder: 'confirmar Contraseña',
password_again_error: 'Confirmar contraseña no puede estar vacía',
password_repeat_error: 'Las contraseñas ingresadas dos veces son diferentes',
code_placeholder: 'Código de invitación',
code_error: 'El código de invitación no puede estar vacío',
code_text: 'Obtener código de verificación',
button_text: 'registro',
button2_text: '¿Ya tienes una cuenta? Iniciar sesión ahora',
tip1: 'El formato del número de teléfono móvil es incorrecto, vuelva a ingresarlo.',
tip2: 'La longitud de la contraseña debe ser mayor que 6 y menor que 10'
},
kefu: {
title: 'servicio al cliente'
}
}
export default messages
src/locale/uni-app.en.json 0 → 100644
{
"common": {
"uni.app.quit": "Press again to exit the app",
"uni.async.error": "Timeout on server connection, tap the screen to try again",
"uni.showActionSheet.cancel": "Cancel",
"uni.showToast.unpaired": "Please note that showToast and hideToast must be used in pairs",
"uni.showLoading.unpaired": "Please note that showLoading and hideLoading must be used in pairs",
"uni.showModal.cancel": "Cancel",
"uni.showModal.confirm": "Confirm",
"uni.chooseImage.cancel": "Cancel",
"uni.chooseImage.sourceType.album": "Select from album",
"uni.chooseImage.sourceType.camera": "Shoot",
"uni.chooseVideo.cancel": "Cancel",
"uni.chooseVideo.sourceType.album": "Select from album",
"uni.chooseVideo.sourceType.camera": "Shoot",
"uni.previewImage.cancel": "Cancel",
"uni.previewImage.button.save": "Save image",
"uni.previewImage.save.success": "Save image to album successfully",
"uni.previewImage.save.fail": "Save image to album failed",
"uni.setClipboardData.success": "Content copied",
"uni.scanCode.title": "Scan code",
"uni.scanCode.album": "Album",
"uni.scanCode.fail": "Recognition failed",
"uni.scanCode.flash.on": "Tap to illuminate",
"uni.scanCode.flash.off": "Tap to close",
"uni.startSoterAuthentication.authContent": "Fingerprint recognition in progress...",
"uni.picker.done": "Done",
"uni.picker.cancel": "Cancel",
"uni.video.danmu": "Bullet screen",
"uni.video.volume": "Volume",
"uni.button.feedback.title": "Problem feedback",
"uni.button.feedback.send": "Send"
},
"ios": {},
"android": {}
}
\ No newline at end of file
src/locale/uni-app.ja.json 0 → 100644
{
"common": {
"uni.app.quit": "もう一度押すとアプリを終了します",
"uni.async.error": "接続がタイムアウトしました。画面をタップして再試行してください。",
"uni.showActionSheet.cancel": "キャンセル",
"uni.showToast.unpaired": "showToastとhideToastはペアで使用してください",
"uni.showLoading.unpaired": "showLoadingとhideLoadingはペアで使用してください",
"uni.showModal.cancel": "キャンセル",
"uni.showModal.confirm": "確認",
"uni.chooseImage.cancel": "キャンセル",
"uni.chooseImage.sourceType.album": "アルバムから選択",
"uni.chooseImage.sourceType.camera": "撮影",
"uni.chooseVideo.cancel": "キャンセル",
"uni.chooseVideo.sourceType.album": "アルバムから選択",
"uni.chooseVideo.sourceType.camera": "撮影",
"uni.previewImage.cancel": "キャンセル",
"uni.previewImage.button.save": "画像を保存",
"uni.previewImage.save.success": "アルバムに画像を保存しました",
"uni.previewImage.save.fail": "アルバムに画像を保存できませんでした",
"uni.setClipboardData.success": "コンテンツをコピーしました",
"uni.scanCode.title": "コードをスキャン",
"uni.scanCode.album": "アルバム",
"uni.scanCode.fail": "認識に失敗しました",
"uni.scanCode.flash.on": "タップして点灯します",
"uni.scanCode.flash.off": "タップして閉じます",
"uni.startSoterAuthentication.authContent": "指紋認識を実行しています…",
"uni.picker.done": "完了",
"uni.picker.cancel": "キャンセル",
"uni.video.danmu": "バレットスクリーン",
"uni.video.volume": "音量",
"uni.button.feedback.title": "問題に関するフィードバック",
"uni.button.feedback.send": "送信"
},
"ios": {},
"android": {}
}
\ No newline at end of file
src/locale/uni-app.zh-Hant.json 0 → 100644
{
"common": {
"uni.app.quit": "再按一次退出应用",
"uni.async.error": "连接服务器超时，点击屏幕重试",
"uni.showActionSheet.cancel": "取消",
"uni.showToast.unpaired": "请注意 showToast 与 hideToast 必须配对使用",
"uni.showLoading.unpaired": "请注意 showLoading 与 hideLoading 必须配对使用",
"uni.showModal.cancel": "取消",
"uni.showModal.confirm": "确定",
"uni.chooseImage.cancel": "取消",
"uni.chooseImage.sourceType.album": "从相册选择",
"uni.chooseImage.sourceType.camera": "拍摄",
"uni.chooseVideo.cancel": "取消",
"uni.chooseVideo.sourceType.album": "从相册选择",
"uni.chooseVideo.sourceType.camera": "拍摄",
"uni.previewImage.cancel": "取消",
"uni.previewImage.button.save": "保存图像",
"uni.previewImage.save.success": "保存图像到相册成功",
"uni.previewImage.save.fail": "保存图像到相册失败",
"uni.setClipboardData.success": "内容已复制",
"uni.scanCode.title": "扫码",
"uni.scanCode.album": "相册",
"uni.scanCode.fail": "识别失败",
"uni.scanCode.flash.on": "轻触照亮",
"uni.scanCode.flash.off": "轻触关闭",
"uni.startSoterAuthentication.authContent": "指纹识别中...",
"uni.picker.done": "完成",
"uni.picker.cancel": "取消",
"uni.video.danmu": "弹幕",
"uni.video.volume": "音量",
"uni.button.feedback.title": "问题反馈",
"uni.button.feedback.send": "发送"
},
"ios": {},
"android": {}
}
\ No newline at end of file
src/main.ts 0 → 100644
import { createSSRApp } from 'vue'
import App from './App.vue'
// import '@/style/base/normalize/normalize.css'
import '@/style/index.scss'
import i18n from '@/langurage/index'
import NotData from '@/components/notData/index.vue'
import Navigater from '@/components/navigator/navigator.vue'
import { Switch, Dialog, Icon, Button, Field, Search, Loading, Popup, Stepper, Cell, CellGroup, Picker, Image as VanImage, Badge, TextEllipsis } from 'vant'
import 'vant/lib/index.css'
import 'animate.css/animate.min.css'
import './style/tailwind.scss'
import { createPinia } from 'pinia'
const pinia = createPinia()
// uni.setStorageSync('locale', 'jp')
export function createApp() {
const app = createSSRApp(App)
.use(pinia)
.use(i18n)
.use(Icon)
.use(Button)
.use(Field)
.use(Loading)
.use(Search)
.use(Popup)
.use(Stepper)
.use(Cell)
.use(CellGroup)
.use(Picker)
.use(VanImage)
.use(Badge)
.use(TextEllipsis)
.use(Dialog)
.use(Switch)
app.component('NotData', NotData)
app.component('Navigater', Navigater)
return {
app
}
}
src/manifest.json 0 → 100644
{
"name": "",
"appid": "",
"description": "",
"versionName": "1.0.0",
"versionCode": "100",
"transformPx": false,
/* 5+App特有相关 */
"app-plus": {
"usingComponents": true,
"nvueStyleCompiler": "uni-app",
"compilerVersion": 3,
"splashscreen": {
"alwaysShowBeforeRender": true,
"waiting": true,
"autoclose": true,
"delay": 0
},
/* 模块配置 */
"modules": {},
/* 应用发布信息 */
"distribute": {
/* android打包配置 */
"android": {
"permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
},
/* ios打包配置 */
"ios": {},
/* SDK配置 */
"sdkConfigs": {}
}
},
/* 快应用特有相关 */
"quickapp": {},
/* 小程序特有相关 */
"mp-weixin": {
"appid": "",
"setting": {
"urlCheck": false
},
"usingComponents": true
},
"mp-alipay": {
"usingComponents": true
},
"mp-baidu": {
"usingComponents": true
},
"mp-toutiao": {
"usingComponents": true
},
"uniStatistics": {
"enable": false
},
"locale" : "ja", // 设置默认语言
"vueVersion": "3",
"h5": {
"template": "index.html",
"router": {
"mode": "hash",
"base": "/japan-mercer/"
}
}
}
src/pages.json 0 → 100644
{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "subPackages/indexLoading/indexLoading",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "pages/market/market",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "pages/jiaoyi/jiaoyi",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "pages/record/record",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "pages/user/user",
"style": {
"navigationStyle": "custom"
}
}
],
"subPackages": [
{
"root": "subPackages/login",
"pages": [
{
"path": "login",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/order",
"pages": [
{
"path": "order",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/message",
"pages": [
{
"path": "message",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/index",
"pages": [
{
"path": "gupiaoDetail/gupiaoDetail",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "ipo/ipo",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "dadan/dadan",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "hongli/hongli",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "gendan/gendan",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "gendan/record",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "rongzi/rongzi",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "scratchLottery/scratchLottery",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/jiaoyi",
"pages": [
{
"path": "jiaoyiDetail/jiaoyiDetail",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/market",
"pages": [
{
"path": "zhishuDetail/zhishuDetail",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/bankAccount",
"pages": [
{
"path": "bankAccount",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/bankAccount",
"pages": [
{
"path": "accountLog",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/search",
"pages": [
{
"path": "search",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/webview",
"pages": [
{
"path": "webview",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/withdrawal",
"pages": [
{
"path": "withdrawal",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/real_name",
"pages": [
{
"path": "real_name",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/seting",
"pages": [
{
"path": "seting",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/details",
"pages": [
{
"path": "details",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/recharge",
"pages": [
{
"path": "recharge",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/transactionPassions",
"pages": [
{
"path": "transactionPassions",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/switchLanguage",
"pages": [
{
"path": "switchLanguage",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/confirm",
"pages": [
{
"path": "confirm",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/customerService",
"pages": [
{
"path": "customerService",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/changePassword",
"pages": [
{
"path": "changePassword",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/transactionLog",
"pages": [
{
"path": "transactionLog",
"style": {
"navigationStyle": "custom"
}
}
]
},
{
"root": "subPackages/register",
"pages": [
{
"path": "register",
"style": {
"navigationStyle": "custom"
}
}
]
}
],
"tabBar": {
"color": "rgb(0, 0, 0)",
"backgroundColor": "rgb(255, 255, 255)",
"selectedColor": "rgb(80, 175, 240)",
"borderStyle": "black",
"height": "70px",
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "static/image/tabbar/index.png",
"selectedIconPath": "static/image/tabbar/index_select.png",
"text": "首页"
},
{
"pagePath": "pages/market/market",
"iconPath": "static/image/tabbar/market.png",
"selectedIconPath": "static/image/tabbar/market_select.png",
"text": "市场"
},
{
"pagePath": "pages/jiaoyi/jiaoyi",
"iconPath": "static/image/tabbar/jiaoyi.png",
"selectedIconPath": "static/image/tabbar/jiaoyi_select.png",
"text": "交易"
},
{
"pagePath": "pages/record/record",
"iconPath": "static/image/tabbar/record_select.png",
"selectedIconPath": "static/image/tabbar/record.png",
"text": "资讯"
},
{
"pagePath": "pages/user/user",
"iconPath": "static/image/tabbar/user.png",
"selectedIconPath": "static/image/tabbar/user_select.png",
"text": "用户"
}
]
},
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "MERCER",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"easycom": {
"autoscan": true,
"custom": {
"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
}
},
"uniIdRouter": {}
}
src/pages/index/components/gupiaoChart.vue 0 → 100644
<template>
<view id="indexChart" style="width: 100%; height: 154.206px" :style="{ height: height }"></view>
</template>
<script lang="ts" setup>
import { init, dispose } from 'klinecharts'
import { onMounted, onUnmounted, watch } from 'vue'
const props = defineProps({
value: {
type: Array,
default: () => []
},
height: {
type: String,
default: '154px'
}
})
let chart: any = null
watch(
() => props.value,
(newData) => {
chart?.applyNewData(newData)
},
{ deep: true }
)
const chartOption = {
candle: {
type: 'candle_solid',
bar: {
upColor: '#0DF69E',
downColor: '#F52311',
noChangeColor: '#888888',
upBorderColor: '#0DF69E',
downBorderColor: '#F52311',
noChangeBorderColor: '#888888',
upWickColor: '#0DF69E',
downWickColor: '#F52311',
noChangeWickColor: '#888888'
},
tooltip: {
showRule: 'none'
}
},
grid: {
show: true,
horizontal: {
show: false // ❌ 关闭 X 轴方向的虚线（横向）
},
vertical: {
show: false, // ✅ 保留 Y 轴方向虚线
size: 1,
color: '#c9c9c9',
style: 'dashed',
dashedValue: [2, 2]
},
border: {
top: false,
bottom: false, // ❌ 去掉底部边框
left: false,
right: false // ❌ 去掉右侧边框
}
},
xAxis: {
tickText: {
color: '#AEBAC9'
}
},
yAxis: {
tickText: {
color: '#AEBAC9'
}
}
}
onMounted(() => {
chart = init('indexChart')
chart.setStyles(chartOption)
})
onUnmounted(() => {
dispose('chart')
})
</script>
<style scoped lang="scss"></style>
src/pages/index/index.vue 0 → 100644
<template>
<view class="container">
<!-- 检索栏 -->
<view class="head">
<img class="logo" :src="logoImg" alt="" />
<div class="right">
<van-badge :dot="dot" style="display: flex">
<img :src="messageImg" class="xiaoxi" mode="widthFix" @click="goPage('/subPackages/message/message')" />
</van-badge>
<img :src="searchImg" class="xiaoxi" mode="widthFix" @click="goPage('/subPackages/search/search')" />
<img :src="kefuImg" class="xiaoxi" mode="widthFix" @click="goWeb()" />
</div>
</view>
<!-- 主体 -->
<view class="content">
<!-- 股票 -->
<div class="card">
<div class="zhishuList">
<div
v-for="(item, index) in zhishuList"
:key="index"
:class="{ green: item.zhangdieshu >= 0, red: item.zhangdieshu < 0 }"
class="block"
@click="goPage(`/subPackages/market/zhishuDetail/zhishuDetail?id=${item.id}`)"
>
<div class="top">
<div class="title">{{ item.name }}</div>
<div class="rate">
<span :class="getColor(item)">({{ item.zhangdiebaifenbi }}%)</span>
</div>
</div>
<div class="bottom">
<div>
<div class="price">
<span :class="getColor(item)">{{ item.price }}</span>
</div>
<div class="rate">
<span :class="getColor(item)">{{ item.zhangdieshu }}</span>
</div>
</div>
<img :src="item.zhangdieshu >= 0 ? upLine : downLine" alt="" />
</div>
</div>
</div>
<div class="left">
<div class="flex">
<div class="price" :class="getColor(activeGupiao)">{{ activeGupiao.price }}</div>
<div class="title" @click="openSelect">
<span>{{ activeGupiao?.name || '' }}</span>
<van-icon name="arrow-down" color="#fff"></van-icon>
</div>
</div>
<div class="info">
<div class="label" :class="getColor(activeGupiao)">{{ activeGupiao?.zhangdieshu }}</div>
<div class="rate" :class="getColor(activeGupiao)">{{ `(${activeGupiao?.zhangdiebaifenbi})%` }}</div>
</div>
</div>
<div class="right">
<GupiaoChart :value="chartValue" height="16.25rem" />
</div>
<view class="buttonList">
<view v-for="(item, index) in buttonList" :key="index" class="button" :class="item.class" @click="goPage2(item)">
<div class="image-box">
<image :src="item.icon"></image>
</div>
<view class="text">{{ item.label }}</view>
</view>
</view>
</div>
<view class="scroll_list">
<view class="title-top" @click="switchTab('/pages/market/market')">
<view class="title h">{{ t('index.hot') }}</view>
<view class="title-right">{{ t('index.tip2') }} <van-icon name="arrow"></van-icon></view>
</view>
<view class="gupiao_wrap">
<view v-for="(item, index) in hotGupiaoList" :key="index" class="gupiao" :class="getColor(item)" @click="goPage(`/subPackages/index/gupiaoDetail/gupiaoDetail?id=${item.id}`)">
<div class="title">{{ item.name }}</div>
<div class="flex">
<div class="left">
<div class="row">
<div class="price">
<span :class="getColor(item)">{{ item.price }}</span>
</div>
</div>
<div class="row">
<div class="rate">
<span :class="getColor(item)">{{ item.zhangdieshu }}</span>
<span :class="getColor(item)">（{{ item.zhangdiebaifenbi }}%）</span>
</div>
</div>
</div>
<div class="right">
<img :class="item.zhangdiebaifenbi >= 0 ? 'up' : 'down'" :src="item.zhangdiebaifenbi >= 0 ? upLine : downLine" alt="" />
</div>
</div>
</view>
</view>
</view>
</view>
<van-popup v-model:show="selectShow" class="select_window" v-bind="windowOptions">
<view v-for="(item, index) in hotGupiaoList.slice(0, 3)" :key="index" class="title" @click="handleSelect(index)">{{ item.name }}</view>
</van-popup>
</view>
<CustomTabbar :id="0" />
</template>
<script lang="ts" setup>
import CustomTabbar from '@/components/custom-tabbar/custom-tabbar.vue'
import GupiaoChart from './components/gupiaoChart.vue'
import { getTickerKApi, getHotGupiaoApi } from '@/api/index/index'
import { getUserMessageApi } from '@/api/message'
import { onHide, onShow } from '@dcloudio/uni-app'
import { ref, watch, computed } from 'vue'
import { getCzhiurlApi } from '@/api/user'
import { useI18n } from 'vue-i18n'
import { goPage, getColor, switchTab } from '@/common/common'
import upLine from '@/static/image/index/up_line.png'
import downLine from '@/static/image/index/donw_line.png'
import { getZhishuApi } from '@/api/market/market'
// 导入图片资源
import logoImg from '@/static/image/index/logo.png'
import messageImg from '@/static/image/index/message.png'
import searchImg from '@/static/image/index/search.png'
import kefuImg from '@/static/image/index/kefu.png'
import logo1Img from '@/static/image/index/logo1.png'
import logo2Img from '@/static/image/index/logo2.png'
import logo3Img from '@/static/image/index/logo3.png'
import logo4Img from '@/static/image/index/logo4.png'
import logo5Img from '@/static/image/index/logo5.png'
import logo6Img from '@/static/image/index/logo66.png'
const { t } = useI18n()
// 页面基础配置
// 获取消息
const dot = ref(false)
const getUserMessage = async () => {
const res = await getUserMessageApi()
if (res.code === 1) {
dot.value = res.data.data[0]?.is_read === '0'
}
}
const kefu_url = ref('')
const getCzhiurlFn = async () => {
const res = await getCzhiurlApi()
if (res.code === 1) {
kefu_url.value = res.data.kefu_url
}
}
const goWeb = () => {
window.open(kefu_url.value)
}
const goPage2 = (e) => {
if (e.type === 'kefu') {
goWeb()
} else {
goPage(e.url)
}
}
let intervalId: ReturnType<typeof setInterval> | null = null
onShow(() => {
getHotGupiao()
getUserMessage()
getCzhiurlFn()
getZhishu()
if (intervalId === null) {
intervalId = setInterval(() => {
getHotGupiao()
getUserMessage()
}, 10000)
}
})
onHide(() => {
console.log(intervalId, '定时器ID清除')
if (intervalId) {
clearInterval(intervalId)
intervalId = null
}
})
const buttonList = [
{ label: t('index.button1'), icon: logo1Img, url: '/subPackages/index/ipo/ipo' },
{ label: t('hongli.title'), icon: logo2Img, url: '/subPackages/index/hongli/hongli' },
{ label: t('index.button4'), icon: logo3Img, url: '/subPackages/transactionLog/transactionLog?isLs=1' },
{ label: t('rongzi.title'), icon: logo4Img, url: '/subPackages/index/rongzi/rongzi', class: 'big' },
{ label: t('dadan.title'), icon: logo5Img, url: '/subPackages/index/dadan/dadan' },
{ label: t('kefu.title'), icon: logo6Img, type: 'kefu' }
]
const gupiaoActive = ref(0)
const chartValue = ref({})
// 熱門股票
interface hotGupiaoType {
name: string
shuzidaima: string
price: string
zhangdiebaifenbi: number | string
zhangdieshu: number | string
id: number
}
const hotGupiaoList = ref<Array<hotGupiaoType>>([])
const activeGupiao = computed(() => {
return hotGupiaoList.value[gupiaoActive.value] || { zhangdiebaifenbi: 0 }
})
const getHotGupiao = async () => {
const res = await getHotGupiaoApi()
hotGupiaoList.value = res.data.result
}
/** **************************** 指数列表 **************************/
const zhishuList = ref([])
const getZhishu = async () => {
const res = await getZhishuApi()
zhishuList.value = res.data
}
// 股票chart
watch(
() => hotGupiaoList,
(newData) => {
resetChartData(newData.value[gupiaoActive.value])
},
{ deep: true }
)
const resetChartData = async (data: any) => {
console.log(111, data)
const params = {
id: data.id,
kline_type: 6,
type: 1
}
const res = await getTickerKApi(params)
const kLineList = res.data.map((item: any) => {
return {
close: item.c,
high: item.h,
low: item.l,
open: item.o,
timestamp: item.t * 1000,
volume: item.v
}
})
chartValue.value = kLineList
}
// 打开筛选框
const selectShow = ref(false)
const windowOptions = {
position: 'bottom',
'close-on-click-overlay': true,
'safe-area-inset-bottom': true
}
const openSelect = () => {
selectShow.value = true
}
const handleSelect = (index: number) => {
gupiaoActive.value = index
resetChartData(hotGupiaoList.value[gupiaoActive.value])
selectShow.value = false
}
</script>
<style scoped lang="scss">
.container {
overflow: hidden;
height: calc(var(--vh) * 100 - 4.375rem);
}
.h {
position: relative;
&::before {
content: '';
position: absolute;
width: 0%;
height: 0.19rem;
background: #0df69e;
border-radius: 0.25rem;
bottom: -0.31rem;
opacity: 0;
transition: all 1s;
}
&:hover {
&::before {
width: 100%;
opacity: 1;
}
}
}
.search {
width: 100%;
height: 3.125rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.625rem 0.9375rem 0.625rem 0.9375rem;
gap: 1.25rem;
margin: 0.53rem 0;
.touxian {
width: 1.7813rem;
height: 1.7813rem;
border-radius: 50%;
margin-right: 0.9375rem;
}
.search-box {
width: 14.375rem;
flex: 1;
height: 2.75rem;
border-radius: 1.25rem;
background: #262329;
border: 0.06rem solid #565358;
box-shadow: 0rem 0.19rem 13.19rem 0rem rgba(0, 0, 0, 0.05);
line-height: 2.75rem;
padding: 0 0.94rem;
font-size: 0.9375rem;
display: flex;
align-items: center;
gap: 0.5rem;
.search-icon {
width: 1rem;
height: 1rem;
}
span {
color: #aeaeae;
font-size: 0.82rem;
}
}
.kefu {
width: 1rem;
height: 1rem;
}
.xiaoxi {
width: 2.5rem;
}
::v-deep .van-badge {
position: absolute;
top: 0.7rem;
right: 0.7rem;
}
}
.head {
height: 3.125rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 0 0.94rem;
gap: 1.25rem;
margin: 0.53rem 0;
.logo {
width: 11.63rem;
}
.right {
display: flex;
align-items: center;
gap: 0.6rem;
flex: 1;
height: 2.38rem;
border-radius: 100%;
justify-content: center;
img {
width: 2.38rem;
height: 2.38rem;
}
}
.xiaoxi {
width: 1.25rem;
height: 1.25rem;
}
::v-deep .van-badge {
position: absolute;
top: 0.2rem;
right: 0.2rem;
}
}
.content {
height: calc(var(--vh) * 100 - 4.38rem - 3.125rem - 1.06rem);
overflow-y: auto;
.card {
margin: 0 0.5rem 0;
border-radius: 0.94rem;
padding: 1rem 0;
> div {
flex: 1;
}
.left {
padding: 0 1rem;
.flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.title {
font-size: 0.81rem;
font-weight: bold;
background: $color-primary;
border-radius: 0.38rem;
padding: 0.13rem 0.31rem;
span {
color: $color-white;
margin-right: 0.64rem;
}
}
.price {
font-size: 1.25rem;
font-weight: bold;
}
.info {
display: flex;
gap: 0.31rem;
align-items: center;
}
.rate {
padding: 0.19rem;
border-radius: 0.31rem;
font-size: 0.81rem;
}
.label {
font-size: 0.81rem;
}
}
.right {
padding: 0 1rem;
padding: 1rem;
border-radius: 1.5rem;
}
}
.zhishuList {
display: flex;
justify-content: space-between;
gap: 0.3rem;
margin-bottom: 1rem;
.block {
flex: 1;
border-radius: 0.63rem;
padding: 0.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
background: #1c2a3b;
border: 0.05rem solid #565358;
.top {
display: flex;
align-items: center;
justify-content: space-between;
.title {
color: $color-white;
font-weight: 500;
text-align: center;
font-size: 0.81rem;
max-width: 6rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.bottom {
display: flex;
justify-content: space-between;
img {
width: 2rem;
object-fit: contain;
transform: rotateX(180deg);
}
}
.price {
display: flex;
justify-content: center;
align-items: center;
gap: 0.1rem;
span {
font-size: 0.88rem;
}
img {
transform: rotate(180deg);
width: 0.94rem;
display: block;
}
}
.rate {
font-size: 0.69rem;
}
}
}
.buttonList {
margin: 1.25rem 0 0;
display: flex;
flex-wrap: wrap;
gap: 0.3rem;
.button {
width: calc((100% - 0.9rem) / 4);
border-radius: 0.63rem;
gap: 0.3rem;
padding: 0.4rem 0.2rem;
}
.image-box {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
background: #0d1723;
border-radius: 50%;
width: 3.44rem;
height: 3.44rem;
border: 0.06rem solid #565358;
}
image {
width: 1.88rem;
height: 1.88rem;
}
.big {
image {
padding: 0.2rem;
}
}
.text {
color: $color-white;
font-size: 0.72rem;
text-align: center;
margin-top: 0.6rem;
display: flex;
justify-content: center;
align-items: flex-start;
}
}
.scroll_list {
padding: 1rem 0;
margin: 0 0.94rem;
.gupiao_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0.625rem;
.gupiao {
width: 10.4688rem;
height: 6.1875rem;
padding: 0.94rem;
margin-bottom: 0.625rem;
border-radius: 0.94rem;
.title {
color: $color-white;
font-size: 0.875rem;
font-weight: 500;
max-height: 6.25rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
}
.flex {
display: flex;
align-items: center;
}
.price {
font-size: 0.94rem;
font-weight: 500;
margin: 0.3rem 0 0.2rem;
}
.rate {
font-size: 0.69rem;
white-space: nowrap;
}
.right {
.up {
transform: rotateX(180deg);
}
.down {
transform: rotateX(180deg);
// transform: rotateX(180deg);
}
}
}
.gupiao.green {
background: #041d0e;
border: 0.05rem solid #959595;
}
.gupiao.red {
background: #170508;
border: 0.05rem solid #959595;
}
.bottom {
display: flex;
justify-content: space-between;
image {
width: 2.94rem;
}
}
}
.title-top {
display: flex;
align-items: center;
justify-content: space-between;
}
.title {
color: $color-white;
font-size: 0.875rem;
font-weight: 500;
}
.title-right {
display: flex;
align-items: center;
color: $color-white;
font-size: 0.875rem;
font-weight: 400;
img {
height: 0.7383rem;
width: 0.4375rem;
margin-left: 0.4063rem;
}
}
}
.wrap {
margin-top: 1.4063rem;
> .title {
height: 2.38rem;
padding-top: 1.06rem;
font-size: $uni-font-size-1;
font-weight: bold;
margin-left: 0.47rem;
}
.button_wrap {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: 2.69rem 2.69rem 2.69rem 2.69rem;
row-gap: 0.25rem;
column-gap: 0.44rem;
.button {
background-color: #638daa;
border-radius: 0.56rem;
display: flex;
justify-content: center;
align-items: center;
image {
width: 0.94rem;
height: 0.94rem;
margin-right: 0.47rem;
}
view {
color: #fff;
width: 6.75rem;
font-size: 0.63rem;
}
}
}
}
}
.select_window {
padding: 0.51rem 1rem 0.9rem;
.title {
height: 2.5rem;
line-height: 2.5rem;
font-size: $uni-font-size-lg;
padding: 0 1rem;
text-align: center;
border-bottom: 0.03rem solid #ccc;
}
}
</style>
src/pages/jiaoyi/jiaoyi.vue 0 → 100644
<template>
<view class="header">
<Navigator :is-show-back="false" :title="t('tabbar.jiaoyi')" />
</view>
<div class="container">
<div class="wrap">
<view id="button_wrap" class="button_wrap">
<view class="button" :class="{ active: pageType === 0 }" @click="changePageType(0)">{{ t('jiaoyi.weishixiansunyi') }}</view>
<view class="button" :class="{ active: pageType === 1 }" @click="changePageType(1)">{{ t('jiaoyi.yishixiansunyi') }}</view>
<view class="button" :class="{ active: pageType === 2 }" @click="changePageType(2)">{{ t('jiaoyi.sunyiheji3') }}</view>
</view>
<view class="content" :style="{ height: `calc(${store.pageHeight} - 11.2rem )` }">
<view class="gupiao_list">
<view v-show="pageType === 0">
<NotData v-if="!weishixianList.length" />
<view v-for="(item, index) in weishixianList" :key="index" class="gupiao1" @click="goPage(`/subPackages/jiaoyi/jiaoyiDetail/jiaoyiDetail?id=${item.id}&ismai=1`)">
<div class="head">
<view class="icon_green">{{ getStatus(item) }}</view>
<div class="icon_wrap">
<van-icon name="arrow" color="#afafaf"></van-icon>
</div>
</div>
<div class="info">
<div class="left">
<div class="title">{{ item?.product?.name }}</div>
<div class="daima">{{ item?.product?.shuzidaima }}</div>
</div>
<div class="right">
<div class="price">
<view class="label">{{ t('jiaoyi.xianjia') }}：</view>
<view class="value" :class="getColor2(item?.yingkui)">{{ qfw(item?.product?.price) }}</view>
</div>
</div>
</div>
<div class="bottom">
<div class="row">
<div class="flex">
<view class="label">{{ t('jiaoyi.chigushu') }}</view>
<view class="value">{{ item.shuliang }}</view>
</div>
<div class="flex">
<view class="label">{{ t('jiaoyi.xianzaizongjia') }}</view>
<view class="value">{{ qfw(item.shizhi) }}</view>
</div>
</div>
<div class="row">
<div class="flex">
<view class="label">{{ t('jiaoyi.goumaijiage') }}</view>
<view class="value">{{ qfw(item.price) }}</view>
</div>
<div class="flex">
<view class="label">{{ t('jiaoyi.yugusunyi') }}</view>
<view class="value" :class="getColor2(item?.yingkui)">{{ changeMoney(item?.yingkui) }}</view>
</div>
</div>
<div class="row">
<div class="flex">
<view class="label">{{ t('jiaoyi.goumaizongjia') }}</view>
<view class="value">{{ qfw(((item.price * item.shuliang) / Number(item.ganggan_ratio)).toFixed(1)) }}</view>
</div>
<div class="flex">
<view class="label">{{ t('jiaoyi.sunyilv') }}</view>
<view class="value" :class="getColor2(item?.yingkui)">{{ item?.yisun }}</view>
</div>
</div>
<view v-if="item.status !== '4'" class="button" @click.stop="openSell(item)">{{ t('jiaoyi.maichu') }}</view>
<view v-if="item.status === '4'" class="button" @click.stop="openCancel(item)">{{ t('jiaoyi.chedan') }}</view>
</div>
</view>
</view>
<view v-show="pageType === 1">
<NotData v-if="!yishixianList.length" />
<view v-for="(item, index) in yishixianList" :key="index" class="gupiao1" @click="goPage(`/subPackages/jiaoyi/jiaoyiDetail/jiaoyiDetail?id=${item.id}&ismai=0`)">
<div class="head">
<view class="icon_primary">{{ getStatus(item) }}</view>
<div class="icon_wrap">
<van-icon name="arrow" color="#afafaf"></van-icon>
</div>
</div>
<div class="info">
<div class="left">
<div class="title">{{ item?.product?.name }}</div>
<div class="daima">{{ item?.product?.shuzidaima }}</div>
</div>
<div class="right">
<div class="price">
<view class="label">{{ t('jiaoyi.xianzaijiage') }}：</view>
<view class="value" :class="getColor2(item?.yingkui)">{{ qfw(item?.sellprice) }}</view>
</div>
</div>
</div>
<div class="bottom">
<div class="row">
<div class="flex">
<view class="label">{{ t('jiaoyi.chigushu') }}</view>
<view class="value">{{ item.shuliang }}</view>
</div>
<div class="flex">
<view class="label">{{ t('jiaoyi.xianzaizongjia') }}</view>
<view class="value">{{ qfw(item.shizhi) }}</view>
</div>
</div>
<div class="row">
<div class="flex">
<view class="label">{{ t('jiaoyi.goumaijiage') }}</view>
<view class="value">{{ qfw(item.price) }}</view>
</div>
<div class="flex">
<view class="label">{{ t('jiaoyi.yugusunyi2') }}</view>
<view class="value" :class="getColor2(item?.yingkui)">{{ changeMoney(item?.yingkui) }}</view>
</div>
</div>
<div class="row">
<div class="flex">
<view class="label">{{ t('jiaoyi.goumaizongjia') }}</view>
<view class="value">{{ qfw(((item.price * item.shuliang) / Number(item.ganggan_ratio)).toFixed(1)) }}</view>
</div>
<div class="flex">
<view class="label">{{ t('jiaoyi.sunyilv') }}</view>
<view class="value" :class="getColor2(item?.yingkui)">{{ item?.yisun }}</view>
</div>
<!-- <div class="flex">
<view class="label">{{ t('jiaoyi.sxf') }}</view>
<view class="value">{{ item?.sxf_pc }}</view>
</div> -->
</div>
</div>
</view>
</view>
<view v-show="pageType === 2">
<NotData v-if="!apply.length" />
<view v-for="(item, index) in apply" :key="index" class="gupiao1 gupiao2">
<div class="info" style="margin-top: 0">
<div class="left">
<div class="title">{{ item?.product?.name }}</div>
<div class="daima">{{ item?.product?.shuzidaima }}</div>
</div>
<div class="right head">
<view class="icon_green2">{{ getText(item) }}</view>
</div>
</div>
<div class="bottom">
<div class="row">
<div class="flex">
<view class="label">{{ t('jiaoyi.jiage') }}</view>
<view class="value">{{ changeMoney(item.price) }}</view>
</div>
<div class="flex">
<view class="label">{{ t('jiaoyi.zhognqianshuliang') }}</view>
<view class="value">{{ item.zhongqianshu }}</view>
</div>
</div>
<div class="row">
<div class="flex">
<view class="label">{{ t('jiaoyi.shenqingliang') }}</view>
<view class="value">{{ item.shengoushuliang }}</view>
</div>
<div class="flex">
<view class="label">{{ t('jiaoyi.renjiaogushu') }}</view>
<view class="value">{{ item.renjiaonum || 0 }}</view>
</div>
</div>
<div class="row">
<div class="flex">
<view class="label">{{ t('jiaoyi.chouqianri') }}</view>
<view class="value">{{ item?.product?.chouqiandate }}</view>
</div>
<div class="flex">
<view class="label">{{ t('jiaoyi.txt1') }}</view>
<view class="value">{{ changeMoney(item.yingrenjiao) }}</view>
</div>
</div>
<div class="row">
<div class="flex">
<view class="label">{{ t('jiaoyi.faquanri') }}</view>
<view class="value">{{ item?.product?.faquan_date }}</view>
</div>
<div class="flex">
<view class="label">{{ t('jiaoyi.txt2') }}</view>
<view class="value">{{ changeMoney(item.yirenjiao) }}</view>
</div>
</div>
</div>
</view>
</view>
</view>
</view>
</div>
</div>
<CustomTabbar :id="2" />
<van-popup v-model:show="gupiaoWindowShow" class="buy_window" v-bind="windowOptions">
<view class="title">{{ t('jiaoyi.tip6') }}</view>
<view class="title2">{{ windowInfo }}</view>
<div class="button_group">
<view class="button cancel" @click="gupiaoWindowShow = false">{{ t('jiaoyi.tip8') }}</view>
<div class="button" @click="windowConfirm">{{ t('jiaoyi.tip9') }}</div>
</div>
<van-icon class="close" name="cross" color="#fff" size="1.2rem" @click="gupiaoWindowShow = false" />
</van-popup>
</template>
<script setup lang="ts">
import CustomTabbar from '@/components/custom-tabbar/custom-tabbar.vue'
import { useI18n } from 'vue-i18n'
import { getJiaoyiListApi, getUserMoneyApi, sellGupiaoApi, cancelOrdeApi } from '@/api/index/index'
import { useCounterStore } from '@/store/store'
import { onHide, onLoad, onShow } from '@dcloudio/uni-app'
import Navigator from '@/components/navigator/navigator.vue'
import { changeMoney, goPage, getColor2 } from '@/common/common'
import * as echarts from 'echarts'
import { computed, onMounted, ref } from 'vue'
import { showLoadingToast, showToast } from 'vant'
const { t } = useI18n()
// 页面基础配置
const store = useCounterStore()
const gupiaoWindowShow = ref(false)
const windowOptions = {
position: 'bottom',
'close-on-click-overlay': true,
'safe-area-inset-bottom': true,
round: true
}
onLoad(async () => {
await getJiaoyiList()
InitChart()
})
const butth = ref('')
onMounted(() => {
butth.value = getH('button_wrap')
})
const getH = (id) => {
const el = document.getElementById(id)
return getComputedStyle(el).height
}
const tip1 = computed(() => t('jiaoyi.tip1'))
const tip2 = computed(() => t('jiaoyi.tip2'))
const tip3 = computed(() => t('jiaoyi.tip3'))
const tip4 = computed(() => t('jiaoyi.tip4'))
const tip5 = computed(() => t('jiaoyi.tip5'))
const statusText = [tip1, tip2, tip3, tip4, tip5]
const getStatus = (item) => {
// 1=持仓中,2=已平仓,3=平仓中,4=挂单中,5=已撤单',
return statusText[item.status * 1 - 1].value
}
const getText = (item) => {
if (item.status === '0') {
return t('jiaoyi.txt3')
} else if (item.status === '1' && item.is_examine === 0) {
return t('jiaoyi.txt4')
} else if (item.status === '1' && item.is_examine === 1) {
return t('jiaoyi.txt5')
} else if (item.status === '1' && item.is_examine === 2) {
return t('jiaoyi.txt6')
} else if (item.status === '2') {
return t('jiaoyi.txt6')
}
}
let intervalId: ReturnType<typeof setInterval> | null = null
onShow(() => {
getUserMoney()
getJiaoyiList()
if (intervalId === null) {
intervalId = setInterval(() => {
getJiaoyiList()
}, 8000)
}
})
onHide(() => {
console.log(intervalId, '定时器ID清除')
if (intervalId) {
clearInterval(intervalId)
intervalId = null
}
})
// 获取交易列表
const weishixianList = ref([])
const yishixianList = ref([])
const pageType = ref(0)
const jiaoyiInfo = ref({
my_losses: {}
})
// 新股抽签
const apply = ref([])
const getJiaoyiList = async () => {
const res = await getJiaoyiListApi()
weishixianList.value = res.data.already
apply.value = res.data.apply
yishixianList.value = res.data.future
jiaoyiInfo.value = res.data
}
const changePageType = (e: number) => {
pageType.value = e
const data1 = [{ value: userMoneyInfo.value?.money || 0 }, { value: jiaoyiInfo.value?.my_losses?.count_market || 0 }, { value: jiaoyiInfo.value?.my_losses?.count_losses || 0 }]
const data2 = [{ value: userMoneyInfo.value?.money || 0 }, { value: jiaoyiInfo.value?.my_realized_losses?.count_market || 0 }, { value: jiaoyiInfo.value?.my_realized_losses?.count_losses || 0 }]
const option = {
series: {
data: e === 0 ? data1 : data2
}
}
myChart.value.setOption(option)
}
// 获取用户余额
const userMoneyInfo = ref({
total: 0,
total2: 0
})
// const isHidden = ref(true)
const getUserMoney = async () => {
const res = await getUserMoneyApi()
res.data.total = (Number(jiaoyiInfo.value?.my_losses?.count_market || 0) + Number(jiaoyiInfo.value?.my_losses?.count_losses || 0) + Number(res.data.money || 0)).toFixed(1)
res.data.tota2 = (Number(jiaoyiInfo.value?.my_realized_losses?.count_market || 0) + Number(jiaoyiInfo.value?.my_realized_losses?.count_losses || 0) + Number(res.data.money || 0)).toFixed(1)
userMoneyInfo.value = res.data
}
// 图表
const myChart = ref(null)
const InitChart = () => {
myChart.value = echarts.init(document.getElementById('charts'))
const option = {
series: {
type: 'pie',
radius: '80%',
label: {
show: false,
position: 'center'
},
avoidLabelOverlap: false,
color: ['#C850F0', '#50F0AA', '#50AFF0'],
data: [{ value: userMoneyInfo.value?.money || 0 }, { value: jiaoyiInfo.value?.my_losses?.count_market || 0 }, { value: jiaoyiInfo.value?.my_losses?.count_losses || 0 }]
}
}
option && myChart.value.setOption(option)
console.log(myChart)
}
const qfw = (num) => {
return Number(num).toLocaleString()
}
const windowType = ref('sell')
const windowInfo = ref('')
const windowId = ref('')
// 卖出
const openSell = (item) => {
windowId.value = item.id
windowType.value = 'sell'
windowInfo.value = t('jiaoyi.tip7')
gupiaoWindowShow.value = true
}
const openCancel = (item) => {
windowId.value = item.id
windowType.value = 'cancel'
windowInfo.value = t('jiaoyi.tip10')
gupiaoWindowShow.value = true
}
const windowConfirm = async () => {
showLoadingToast({ forbidClick: true, duration: 0 })
gupiaoWindowShow.value = false
if (windowType.value === 'sell') {
const res = await sellGupiaoApi({ id: windowId.value, type: '1' })
getUserMoney()
showToast({
message: res.data.msg,
duration: 2000
})
getJiaoyiList()
}
// 撤单
else {
const res = await cancelOrdeApi({ id: windowId.value, type: '1' })
getUserMoney()
showToast({
message: res.msg,
duration: 2000
})
getJiaoyiList()
}
}
</script>
<style lang="scss" scoped>
.red {
// background: red !important;
}
.green {
// background: #34e607 !important;
}
.txt-green {
color: $color-green !important;
}
.txt-red {
color: $color-red !important;
}
.text-primary {
color: #fff;
}
.xiaoxi {
width: 1.8rem;
position: relative;
top: -0.2rem;
right: -0.2rem;
// padding: 0.1rem;
}
::v-deep .van-badge {
position: absolute;
top: 0.35rem;
right: 0.35rem;
}
.container {
padding: 1rem 0.63rem 0;
}
.button_wrap {
height: 2.13rem;
margin: 0 0.31rem 0.5rem;
display: flex;
justify-content: space-around;
gap: 0.5rem;
.button {
display: flex;
align-items: center;
justify-content: center;
width: 6.875rem;
padding: 0.5rem;
text-align: center;
font-size: 0.875rem;
font-weight: 500;
border-radius: 0.5rem;
background: #1c2a3b;
border: 0.05rem solid #565358;
color: $color-gray;
}
.active {
background-color: $color-primary;
border: 0;
color: $color-black;
font-weight: 500;
}
}
.content {
overflow-y: auto;
.gupiao_list {
padding: 0 0.3rem 1rem;
.icon {
background: #0575e6;
padding: 0.14rem 0.44rem;
border-radius: 0.31rem;
color: #fff;
margin-left: 1rem;
white-space: nowrap;
}
.icon_primary {
background: $uni-color-primary;
padding: 0.25rem 0.63rem;
width: 6.25rem;
font-size: $uni-font-size-lg;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
background: linear-gradient(90deg, #fd803950 0%, rgba(253, 128, 57, 0) 100%);
color: $color-red;
}
.icon_o {
background: #fff;
padding: 0.18rem 1rem;
border-radius: 0.31rem;
color: $uni-color-primary;
border: 0.03rem solid $uni-color-primary;
margin-left: 1rem;
font-size: $uni-font-size-lg;
}
.gupiao1 {
border-bottom: 0.06rem solid #ffffff50;
padding: 0.94rem 0 0.38rem;
margin-bottom: 0.31rem;
.head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1.25rem;
.icon_green {
background: linear-gradient(90deg, #00816150 0%, rgba(177, 181, 186, 0) 100%);
width: 6.25rem;
color: $color-green;
padding: 0.25rem 0.63rem;
font-size: $uni-font-size-lg;
color: $color-green;
}
.icon_green2 {
background: $color-primary;
border-radius: 0.19rem;
color: #fff;
padding: 0.18rem 1rem;
border-radius: 0.31rem;
font-size: $uni-font-size-lg;
}
.icon_wrap {
flex: 1;
text-align: right;
}
.tag {
height: 1.25rem;
line-height: 1.25rem;
border-radius: 0.19rem;
text-align: center;
background: #3b363f;
font-size: 0.81rem;
color: #fff;
padding: 0 0.5rem;
}
.red_tag {
background: $color-red;
color: #fff;
}
.green_tag {
background: $color-green;
color: #fff;
}
}
.info {
margin: 0.88rem 0 0;
padding: 0 0.75rem;
display: flex;
justify-content: space-between;
.price {
display: flex;
justify-content: flex-end;
align-items: center;
.label {
color: $color-white;
font-size: 0.81rem;
}
.value {
font-size: 1.13rem;
}
}
.title {
font-size: 0.94rem;
font-weight: 500;
color: $color-white;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 10rem;
}
.daima {
font-size: 0.81rem;
color: $color-gray;
}
}
.bottom {
padding: 0 0.75rem;
.row {
justify-content: space-between;
gap: 1rem;
.flex {
display: flex;
justify-content: space-between;
padding: 0.1rem 0;
}
.label {
color: $color-gray;
font-size: 0.81rem;
}
.value {
color: $color-white;
font-size: 0.81rem;
width: 5rem;
text-align: right;
}
}
.button {
width: 19.38rem;
height: 1.81rem;
line-height: 1.81rem;
border-radius: 0.5rem;
text-align: center;
font-size: 0.81rem;
color: $color-black;
margin: 0.5rem auto 0;
background: $color-primary;
font-weight: 500;
}
}
}
.gupiao2 {
.flex {
flex: 1;
justify-content: space-between !important;
.label {
width: auto !important;
}
.value {
width: auto !important;
}
}
}
}
}
.buy_window {
padding: 0 0.81rem 1.75rem 0.81rem;
.title {
text-align: center;
padding: 0.8rem 0 0.5rem;
font-size: 1rem;
color: $color-black;
}
.title2 {
text-align: center;
padding: 0.8rem 0 0.5rem;
font-size: 0.88rem;
color: $color-gray;
}
.button_group {
display: flex;
gap: 1.56rem;
}
.button {
height: 2.75rem;
line-height: 2.75rem;
width: 100%;
text-align: center;
background-color: $color-primary;
color: $color-black;
font-size: 0.88rem;
margin-top: 1rem;
border-radius: 0.94rem;
font-weight: 500;
color: #fff;
}
.cancel {
background: #f76961;
}
.close {
position: absolute;
width: 2.75rem;
height: 2.75rem;
padding: 1rem;
right: 0rem;
top: 0rem;
}
}
</style>
src/pages/market/market.vue 0 → 100644
<template>
<!-- 检索栏 -->
<view class="search">
<SearchNavigation />
</view>
<view class="box">
<!-- 類別 -->
<view class="button_wrap">
<view class="button" :class="{ active: buttonType === 'gupiao' }" @click="buttonType = 'gupiao'">{{ t('market.gupiao') }}</view>
<view class="button" :class="{ active: buttonType === 'collect' }" @click="buttonType = 'collect'">{{ t('market.collect') }}</view>
</view>
<!-- 主體 -->
<scroll-view scroll-y class="content" :style="{ height: contentHeight }" @scrolltolower="scrolltolower">
<!-- 股票 -->
<view v-show="buttonType === 'gupiao'">
<!-- 所有股票 -->
<view class="gupiao_wrap">
<view v-for="(item, index) in gupiaoList" :key="index" :class="getColor(item)" class="gupiao1" @click="goPage(`/subPackages/index/gupiaoDetail/gupiaoDetail?id=${item.id}`)">
<div class="left">
<image :src="item.is_zixuan ? star : star_o" mode="" @click.stop="collect(item)" />
</div>
<div class="right">
<div class="title">{{ item.name }}</div>
<div class="row">
<div class="row" style="gap: 0.63rem; align-items: flex-start">
<div class="daima">{{ item.shuzidaima }}</div>
<img :class="item.zhangdiebaifenbi >= 0 ? 'up' : 'down'" :src="item.zhangdiebaifenbi >= 0 ? up : down" mode="widthFix" />
</div>
<div>
<div class="rate">
<span :class="getColor(item)">{{ item.zhangdieshu }}</span>
<span :class="getColor(item)">({{ item.zhangdiebaifenbi }}%)</span>
</div>
<div class="price">
<span :class="getColor(item)">{{ changeMoney(item.price) }}</span>
</div>
</div>
</div>
</div>
</view>
</view>
</view>
<!-- 收藏 -->
<view v-show="buttonType === 'collect'">
<!-- 前6個股票 -->
<view class="hotlist">
<view class="gupiao_wrap">
<view v-for="(item, index) in ziXuanList" :key="index" class="gupiao1" @click="goPage(`/subPackages/index/gupiaoDetail/gupiaoDetail?id=${item.id}`)">
<div class="left">
<image :src="star" mode="" @click.stop="collect(item)" />
</div>
<div class="right">
<div class="title">{{ item.name }}</div>
<div class="row">
<div class="row" style="gap: 0.63rem; align-items: flex-start">
<div class="daima">{{ item.shuzidaima }}</div>
<img :class="item.zhangdiebaifenbi >= 0 ? 'up' : 'down'" :src="item.zhangdiebaifenbi >= 0 ? up : down" mode="widthFix" />
</div>
<div>
<div class="rate">
<span :class="getColor(item)">{{ item.zhangdieshu }}</span>
<span :class="getColor(item)">({{ item.zhangdiebaifenbi }}%)</span>
</div>
<div class="price">
<span :class="getColor(item)">{{ changeMoney(item.price) }}</span>
</div>
</div>
</div>
</div>
</view>
<view class="plus" @click="goPage('/subPackages/search/search')">
<van-icon name="plus" size="1.7rem" color="#1B72E3"></van-icon>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
<CustomTabbar :id="1" />
</template>
<script lang="ts" setup>
import CustomTabbar from '@/components/custom-tabbar/custom-tabbar.vue'
import SearchNavigation from '@/components/searchNavigation/searchNavigation.vue'
import { useCounterStore } from '@/store/store'
import { getGupiaoListApi, getZixuanlApi } from '@/api/market/market'
import { collectApi, collectDetailApi, getHotGupiaoApi } from '@/api/index/index'
import { onHide, onShow } from '@dcloudio/uni-app'
import { getColor, goPage, changeMoney } from '@/common/common'
import { ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import socket from '@/common/socket'
import up from '@/static/image/index/up_line.png'
import down from '@/static/image/index/donw_line.png'
import star from '@/static/image/index/star.png'
import star_o from '@/static/image/index/star-o2.png'
import { showToast } from 'vant'
const { t } = useI18n()
// 熱門股票
interface hotGupiaoType {
name: string
shuzidaima: string
price: string
zhangdiebaifenbi: number | string
zhangdieshu: number | string
id: number
}
const hotGupiaoList = ref<Array<hotGupiaoType>>([])
// let shuzidaima = []
// 获取热门股票
const getHotGupiao = async () => {
const res = await getHotGupiaoApi()
hotGupiaoList.value = mapGupiaoList(res.data.result.slice(0, 3))
console.log(hotGupiaoList.value)
}
// 页面基础配置
const store = useCounterStore()
const contentHeight = `calc(${store.pageHeight} - 10.9rem - 1rem)`
// let id: any = null
let page1 = 1
onShow(() => {
page1 = 1
getGupiaoList(true)
getHotGupiao()
getZixuanlFn()
})
onHide(() => {
// clearInterval(id)
socket.closeSocket()
})
const ziXuanList = ref([])
const getZixuanlFn = async () => {
const res = await getZixuanlApi()
if (res.code === 1) {
ziXuanList.value = res.data.map((item) => item?.product)
}
}
watch(ziXuanList, () => {
mapGupiaoList(gupiaoList.value)
})
const mapGupiaoList = (arr: Array<any>) => {
if (ziXuanList.value.length === 0) {
arr = arr.map((item) => {
item.is_zixuan = 0
return item
})
}
arr.forEach((element) => {
for (let i = 0; i < ziXuanList.value.length; i++) {
const item = ziXuanList.value[i]
if (item.shuzidaima === element.shuzidaima) {
element.is_zixuan = 1
return
} else {
element.is_zixuan = 0
}
}
})
return arr
}
// 獲取股票列表
const gupiaoList = ref([])
const gupiaoInfo = ref({})
const pageLoading = ref(false)
const getGupiaoList = async (islun: boolean = false) => {
pageLoading.value = true
const res = await getGupiaoListApi(islun ? { page: 1, limit: 10 } : { page: page1, limit: 10 })
page1++
if (islun) {
gupiaoList.value = mapGupiaoList([...res?.data?.data])
} else {
gupiaoList.value = mapGupiaoList([...gupiaoList.value, ...res?.data?.data])
}
// 开启socket
socket.listenFun({ type: 'sub', params: 'stock' }, (res) => {
res = JSON.parse(res)
for (let i = 0; i < gupiaoList.value.length; i++) {
if (res.Symbol === gupiaoList.value[i].shuzidaima) {
gupiaoList.value[i].price = res.Last
gupiaoList.value[i].zhangdieshu = res.Chg
gupiaoList.value[i].zhangdiebaifenbi = res.ChgPct
}
}
for (let i = 0; i < hotGupiaoList.value.length; i++) {
if (res.Symbol === hotGupiaoList.value[i].shuzidaima) {
hotGupiaoList.value[i].price = res.Last
hotGupiaoList.value[i].zhangdieshu = res.Chg
hotGupiaoList.value[i].zhangdiebaifenbi = res.ChgPct
}
}
})
gupiaoInfo.value = res.data
pageLoading.value = false
}
const scrolltolower = () => {
if (gupiaoInfo.value?.current_page < gupiaoInfo.value?.last_page && !pageLoading.value && buttonType.value === 'gupiao') {
getGupiaoList()
}
}
// 類別切換
const buttonType = ref('gupiao')
// 收藏股票
const collect = async (item) => {
const res = await collectApi({ id: item.id })
const info = await collectDetailApi({ id: item.id })
item.is_zixuan = info.data.msg === 'yes' ? 1 : 0
getZixuanlFn()
showToast(res.data.msg)
}
</script>
<style scoped lang="scss">
.box {
// background: $color-white;
padding: 0.5rem 0.31rem 0.5rem;
margin: 0 0.63rem;
overflow: hidden;
}
.button_wrap {
height: 2.13rem;
margin: 0 0 0.5rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.94rem;
.button {
width: 50%;
height: 2.13rem;
border-radius: 0.5rem;
font-size: 0.88rem;
display: flex;
align-items: center;
justify-content: center;
background: #1c2a3b;
border: 0.06rem solid #565358;
color: $color-gray;
}
.active {
background: $color-primary;
border: 0.05rem solid $color-primary;
color: $color-black;
font-weight: 500;
}
}
.content {
overflow-y: scroll;
.gupiao_wrap {
// padding: 0rem 0.9375rem 0;
}
.gupiao1 {
display: flex;
width: 100%;
padding: 0.38rem 0.38rem 0.38rem 0;
margin-bottom: 0.13rem;
border-bottom: 0.06rem solid #ffffff50;
.left {
width: 3.38rem;
display: flex;
align-items: center;
justify-content: center;
image {
width: 1.75rem;
height: 1.75rem;
padding: 0.31rem;
}
}
.right {
// flex: 1;
.title {
font-size: 0.94rem;
color: $color-white;
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 18rem;
}
.row {
display: flex;
justify-content: space-between;
align-items: center;
}
.daima {
font-size: 0.81rem;
color: #afafaf;
}
.rate span {
font-size: 0.75rem;
}
img {
width: 3rem;
justify-self: flex-start;
margin-top: 0.13rem;
margin-left: 0.63rem;
}
img.up {
transform: rotateX(180deg);
}
img.down {
transform: rotateX(180deg);
}
.price {
font-size: 1.25rem;
font-weight: 500;
display: flex;
align-items: center;
justify-content: flex-end;
}
.rate {
text-align: right;
}
}
}
.plus {
height: 5.63rem;
margin-bottom: 0.13rem;
border-bottom: 0.06rem solid #ffffff50;
display: flex;
justify-content: center;
align-items: center;
image {
width: 1.31rem;
}
}
}
</style>
src/pages/record/record.vue 0 → 100644
<template>
<Navigator :title="t('tabbar.record')" :is-show-back="false" />
<scroll-view scroll-y :style="{ height: `calc(${store.pageHeight} - 7.5rem)` }" @scrolltolower="getNews">
<view class="box">
<view class="record-list">
<NotData v-if="!recordList.length" />
<view v-for="item in recordList" :key="item.id" class="record-item" @click="onPage(item.id)">
<img :src="item.image" alt="" @click.stop="previewImage(item.image)" />
<div class="right">
<view class="record-item-title"> {{ item.title }} </view>
<view class="record-item-time">{{ formatTimestamp(item.updatetime * 1000) }}</view>
</div>
</view>
</view>
</view>
</scroll-view>
<CustomTabbar :id="3" />
</template>
<script lang="ts" setup>
import CustomTabbar from '@/components/custom-tabbar/custom-tabbar.vue'
import Navigator from '@/components/navigator/navigator.vue'
import { useI18n } from 'vue-i18n'
// import SearchNavigation from '@/components/searchNavigation/searchNavigation.vue'
import { ref } from 'vue'
import { getNewsApi } from '@/api/record/record'
import { onLoad } from '@dcloudio/uni-app'
import type { Ref } from 'vue'
import { closeToast, showImagePreview, showLoadingToast } from 'vant'
import { useCounterStore } from '@/store/store'
const store = useCounterStore()
const { t } = useI18n()
interface recordType {
id: number
image: string
title: string
updateTime: number
}
const onPage = (id: number | string) => {
uni.navigateTo({
url: '/subPackages/details/details?id=' + id
})
}
// 格式化时间
function formatTimestamp(timestamp: number | string) {
const date = new Date(timestamp)
const year = date.getFullYear()
// 月份从0开始，所以我们需要加1
const month = ('0' + (date.getMonth() + 1)).slice(-2)
const day = ('0' + date.getDate()).slice(-2)
const hours = ('0' + date.getHours()).slice(-2)
const minutes = ('0' + date.getMinutes()).slice(-2)
return `${year}/${month}/${day} ${hours}:${minutes}`
}
const recordList: Ref[recordType] = ref([])
onLoad(() => {
page = 1
recordList.value = []
getNews()
})
let page = 1
const getNews = async () => {
showLoadingToast({
message: t('toastText.tip1'),
forbidClick: true,
overlay: true,
loadingType: 'spinner'
})
const res = await getNewsApi({ page })
if (res.code === 1) {
closeToast()
page++
// res.data.data.forEach((element) => {
// recordList.value.push(element)
// })
res.data.data.forEach((item) => {
recordList.value.push(item)
})
}
}
const previewImage = (item) => {
showImagePreview([item])
}
</script>
<style scoped lang="scss">
.box {
.record-list {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 0.94rem;
.record-item {
position: relative;
margin-bottom: 0.2rem;
display: flex;
padding: 0.4rem;
gap: 1rem;
width: 100%;
// background: #ffffff10;
border-bottom: 1px solid #3d4d61;
img {
width: 5rem;
border-radius: 0.31rem;
display: block;
}
.right {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.record-item-title {
font-weight: 500;
font-size: 0.8125rem;
color: $color-white;
}
.record-item-time {
font-weight: 500;
font-size: 0.8125rem;
color: $color-gray;
margin-top: 0.5rem;
text-align: right;
}
}
}
uni-image {
width: 100%;
height: 4.5938rem;
}
}
</style>
src/pages/user/user.vue 0 → 100644
<template>
<view class="box">
<div class="head">
<view class="top">
<view class="user-info-left">
<img class="headImg" :src="touxiangImg" alt="" />
<view class="user-info-box">
<view style="color: #fff; font-size: 1rem; font-weight: 500">{{ desensitization(store.$state.userInfo?.mobile) }}</view>
<view style="font-size: 0.8125rem; color: #fff">{{ store.$state.userInfo?.true_name || t('index.tip1') }}</view>
<span style="font-size: 0.8125rem; color: #fff">{{ t('user.xinyongpingfen') }}：{{ store.$state.userInfo?.score }}</span>
</view>
</view>
<view class="user-info-right" @click="goPage('/subPackages/seting/seting')">
<van-icon name="setting-o" color="#fff" size="1rem" />
</view>
</view>
<view class="user-info">
<div class="head">
<view class="user-info-top">
<view class="user-info-top-left">
<view class="zichan-box">
<view style="display: flex; align-items: center">
<span class="zichan-box-title">{{ t('user.zongzichan') }}</span>
<van-icon v-if="!isShowInfo" name="closed-eye" color="#000" size="20" class="showIcon" @click="isShowInfo = !isShowInfo" />
<van-icon v-else name="eye-o" color="#000" size="20" class="showIcon" @click="isShowInfo = !isShowInfo" />
</view>
<span v-if="!isShowInfo" class="zichan-box-money">******</span>
<span v-else class="zichan-box-money">{{ changeMoney(store.$state.userInfo?.total || 0) }}</span>
</view>
</view>
</view>
<view class="user-info-buttom">
<view v-for="(item, i) in userAssetsInfo" :key="i" class="user-info-item" :style="i === 0 ? { textAlign: 'left' } : i === 1 ? { textAlign: 'center' } : { textAlign: 'right' }">
<view class="user-info-item-left">
<view class="user-info-item-t">{{ t(item.t) }}</view>
</view>
<view v-if="!isShowInfo" class="user-info-item-money">******</view>
<view v-else class="user-info-item-money" :class="item.class" :style="{ color: item.color, wordWrap: breakWord }">{{ changeMoney(item.num) }}</view>
</view>
</view>
</div>
</view>
</div>
<div class="bottom">
<view class="user-info-top-right">
<div class="button" @click="goWeb">
<img class="recharge" :src="recharge" mode="" />
<div class="label">{{ t('user.chongzhi') }}</div>
</div>
<div class="line"></div>
<div class="button" @click="goPage('/subPackages/withdrawal/withdrawal')">
<img :src="withdraw" mode="" />
<div class="label">{{ t('user.tixian') }}</div>
</div>
</view>
</div>
<div class="blockList">
<view v-for="(item, i) in pageListArr" :key="i" class="block" @click="blockClick(item)">
<div class="img_wrap">
<image :src="item.imgUrl" />
</div>
<div class="text">{{ t(item.name) }}</div>
</view>
</div>
</view>
<CustomTabbar :id="4" />
</template>
<script lang="ts" setup>
import CustomTabbar from '@/components/custom-tabbar/custom-tabbar.vue'
import { useI18n } from 'vue-i18n'
import { computed, ref } from 'vue'
import { useCounterStore } from '@/store/store'
import { onShow } from '@dcloudio/uni-app'
import { getCzhiurlApi } from '@/api/user'
import { changeMoney, getColor2 } from '@/common/common'
import recharge from '@/static/image/user/recharge.png'
import withdraw from '@/static/image/user/withdraw.png'
// 导入图片资源
import touxiangImg from '@/static/image/user/touxiang.png'
import icon1Img from '@/static/image/user/icon1.png'
import icon2Img from '@/static/image/user/icon2.png'
import icon3Img from '@/static/image/user/icon3.png'
import icon4Img from '@/static/image/user/icon4.png'
import icon5Img from '@/static/image/user/icon5.png'
import icon6Img from '@/static/image/user/icon6.png'
import icon7Img from '@/static/image/user/icon7.png'
const store = useCounterStore()
// 基于准备好的dom，初始化echarts实例
const kefu_url = ref('')
const getCzhiurlFn = async () => {
const res = await getCzhiurlApi()
if (res.code === 1) {
kefu_url.value = res.data.kefu_url
}
}
// 手机号脱敏
const desensitization = (str: string) => {
if (!str) return
return str
.split('')
.map((item, i) => {
if (i >= 3 && i <= 6) {
return '*'
}
return item
})
.join('')
}
const goWeb = () => {
window.open(kefu_url.value)
}
onShow(() => {
getCzhiurlFn()
store.getUserInfo()
})
const goPage = (url: string, is = false) => {
if (is) {
goWeb()
return
}
uni.navigateTo({ url })
}
const { t } = useI18n()
const isShowInfo = ref(false)
const pageListArr = [
{
name: 'user.yinhangzhanghu',
imgUrl: icon1Img,
url: '/subPackages/bankAccount/bankAccount'
},
{
name: 'user.shouru',
imgUrl: icon2Img,
url: '/subPackages/transactionLog/transactionLog'
},
{
name: 'user.benrenqueren',
imgUrl: icon3Img,
url: '/subPackages/real_name/real_name'
},
{
name: 'user.rizhisuoyin',
imgUrl: icon4Img,
url: '/subPackages/changePassword/changePassword'
},
{
name: 'user.shiwuchuli',
imgUrl: icon5Img,
url: '/subPackages/transactionPassions/transactionPassions'
},
{
name: 'user.kefuzhongxin',
imgUrl: icon6Img,
url: '/subPackages/customerService/customerService',
kefu: true
},
{
name: 'user.zhuxiao',
imgUrl: icon7Img,
logout: true
}
]
const blockClick = (e) => {
if (e.logout) {
store.clearState()
} else if (e.kefu) {
goWeb()
} else {
goPage(e.url)
}
}
const money = computed(() => {
return store.$state.userInfo?.money || 0
})
const count_market = computed(() => {
return store.$state.userInfo?.shizhi || 0
})
const count_losses = computed(() => {
return store.$state.userInfo?.my_losses?.count_losses || 0
})
const count_color = computed(() => {
return getColor2(store.$state.userInfo?.my_losses?.count_losses || 0)
})
const userAssetsInfo = ref([
{
t: 'user.xianjinyue',
num: money,
tou: '#50AFF0',
color: '#fff'
},
{
t: 'user.beiyongzijin',
num: count_market,
tou: '#50F0AA',
color: '#fff'
},
{
t: 'user.fudongsunyi',
num: count_losses,
tou: '#C850F0',
class: count_color
}
])
</script>
<style scoped lang="scss">
::v-deep .van-button--normal {
padding: 0;
}
uni-view {
box-sizing: border-box;
}
* {
font-weight: 500;
}
::v-deep .van-button {
width: 4.0625rem;
height: 1.5rem;
border-radius: 1.5625rem;
.van-button__text {
font-size: $uni-font-size-1;
}
}
.box {
height: calc(var(--vh) * 100 - 4.375rem);
overflow: auto;
.page-list-box {
margin-top: 0.75rem;
.page-list-item {
margin: 0 0.94rem;
height: 3.6875rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.5rem;
border-bottom: 0.05rem solid #ffffff50;
background: #f8fafc;
margin-bottom: 0.31rem;
border-radius: 0.75rem;
.image_wrap {
width: 1.44rem;
height: 1.44rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 1.5rem;
}
.page-list-item-icon {
width: 0.94rem;
height: 0.94rem;
}
}
}
.user-info {
width: 21.5625rem;
height: 12.94rem;
border-radius: 2.81rem;
margin: 0rem auto 0;
background: url('@/static/image/user/info_bg.png');
background-size: 100% 100%;
background-color: $color-primary;
position: relative;
z-index: 100;
.head {
padding: 0.94rem;
border-radius: 1.5rem 1.5rem 0 0;
.user-info-buttom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.9375rem;
}
.user-info-top {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
margin-top: 1rem;
.user-info-top-left {
.zichan-box {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
.showIcon {
margin-left: 0.625rem;
}
.zichan-box-title {
font-size: 0.81rem;
color: $color-black;
}
.zichan-box-money {
font-weight: 500;
font-size: 1.2rem;
color: $color-white;
text-align: center;
}
}
}
}
.user-info-item {
width: 6.5625rem;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0.8rem;
.user-info-item-money {
width: 100%;
line-height: 1rem;
font-size: 0.85rem;
font-weight: 500;
color: $color-white;
margin-top: 0.3125rem;
word-wrap: break-word;
white-space: nowrap;
}
.user-info-item-left {
.user-info-item-t {
font-size: 0.8rem;
line-height: 0.875rem;
color: $color-black;
}
.user-info-item-tou {
width: 0.4063rem;
height: 0.4063rem;
border-radius: 50%;
margin-right: 0.4375rem;
}
}
}
}
}
.bottom {
height: 5.25rem;
margin: -3rem 0 2.5rem;
position: relative;
z-index: 100;
.user-info-top-right {
margin: 0 0.94rem;
display: flex;
justify-content: space-around;
align-items: center;
height: 5.25rem;
.button {
width: 9.5rem;
height: 3.8rem;
background: url('@/static/image/user/button_bg.png');
background-size: 100% 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
img {
width: 0.63rem;
height: 0.75rem;
margin-bottom: 0.2rem;
transform: scale(1.3);
}
.label {
font-size: 0.75rem;
color: $color-white;
font-weight: 500;
}
}
}
}
.blockList {
padding: 0rem 1rem 0;
border-radius: 1rem;
display: flex;
flex-wrap: wrap;
.block {
width: 25%;
.img_wrap {
width: 1.88rem;
height: 1.88rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
image {
width: 1.88rem;
height: 1.88rem;
}
}
.text {
font-size: 0.71rem;
text-align: center;
padding: 0 0.3rem;
color: $color-white;
margin: 0.5rem 0;
}
}
}
.top {
width: 100%;
// height: 3.0625rem;
padding: 0.9375rem;
.user-info-bottom {
position: absolute;
top: 5.9063rem;
left: 0.6563rem;
width: 22.125rem;
height: 3.625rem;
border-radius: 1.25rem;
display: flex;
justify-content: space-between;
.zichan-chart {
width: 2.875rem;
height: 2.875rem;
margin-right: 1.0938rem;
margin-top: 0.3125rem;
}
}
.user-info-right {
position: absolute;
top: 2.0313rem;
right: 0.9375rem;
font-weight: 500;
font-size: $uni-font-size-1;
color: #50aff0;
display: flex;
justify-content: center;
align-items: center;
.icon-arrow {
width: 0.375rem;
height: 0.6563rem;
}
}
.user-info-left {
display: flex;
align-items: center;
.user-info-box {
display: flex;
flex-direction: column;
justify-content: center;
font-weight: 500;
font-size: 1rem;
span {
height: 0.625rem;
margin-bottom: 0.3125rem;
line-height: 0.625rem;
}
}
}
.headImg {
border-radius: 50%;
height: 2.4375rem;
width: 2.4375rem;
margin-right: 0.7813rem;
}
}
}
</style>
src/store/store.ts 0 → 100644
import { defineStore } from 'pinia'
import { userInfoType } from './storeType'
import { getUserInfoApi } from '@/api/user'
import { reLaunch } from '@/common/common'
interface userState {
token: null | string
userId: null | number
tabbarHeight: null | string
userInfo: null | userInfoType
navigaterHeight: null | string
pageHeight: null | string
}
export const useCounterStore = defineStore('counter', {
state: (): userState => ({
token: null,
userId: null,
userInfo: null,
tabbarHeight: '3.16rem',
navigaterHeight: '4.375rem',
pageHeight: '667px'
}),
actions: {
async getUserInfo() {
// 调用获取个人信息接口 来判断是否需要跳转登录页
const res = await getUserInfoApi({ user_id: this.$state.userInfo?.user_id })
if (res.code === 1) {
uni.setStorageSync('userInfo', res.data)
this.$state.userInfo = res.data
}
},
// 清除个人信息
clearState() {
this.$state = {
token: null,
userId: null,
userInfo: null,
tabbarHeight: '5.503rem'
} as userState
uni.removeStorageSync('token')
uni.removeStorageSync('userId')
uni.removeStorageSync('userInfo')
uni.removeStorageSync('tabbarHeight')
reLaunch('/subPackages/login/login')
}
}
})
src/store/storeType.ts 0 → 100644
export interface userInfoType {
birthday: any
avatar: string
bio: string
change_mini_price: string
createtime: number
email: string
gender: number
group_id: number
id: number
is_auth: number
joinip: string
jointime: number
level: number
loginfailure: number
loginip: string
logintime: number
maxsuccessions: number
mobile: string
money: string | number
nickname: string
password: string
prevtime: string | number
salt: string
score: number
shizhi: string
status: string
successions: number
sxf: string
sxfzdi: string
token: string
total: string
true_name: string
updatetime: number
username: string
verification: string
}
src/style/index.scss 0 → 100644
* {
box-sizing: border-box;
}
.van-toast__text {
color: #ffffff !important;
}
.van-toast__icon {
color: #ffffff !important;
}
.van-button {
font-family: var(--van-base-font) !important;
}
.van-haptics-feedback {
font-family: var(--van-base-font) !important;
}
.text_hied {
overflow: hidden; //超出的文本隐藏
text-overflow: ellipsis; //溢出用省略号显示
white-space: nowrap; //溢出不换行
}
src/style/output.scss 0 → 100644
/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-style: solid;
/* 2 */
border-color: currentColor;
/* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-moz-tab-size: 4;
/* 3 */
-o-tab-size: 4;
tab-size: 4;
/* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
/* 4 */
font-feature-settings: normal;
/* 5 */
font-variation-settings: normal;
/* 6 */
-webkit-tap-highlight-color: transparent;
/* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0;
/* 1 */
line-height: inherit;
/* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0;
/* 1 */
color: inherit;
/* 2 */
border-top-width: 1px;
/* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
/* 1 */
font-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */
border-collapse: collapse;
/* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-feature-settings: inherit;
/* 1 */
font-variation-settings: inherit;
/* 1 */
font-size: 100%;
/* 1 */
font-weight: inherit;
/* 1 */
line-height: inherit;
/* 1 */
letter-spacing: inherit;
/* 1 */
color: inherit;
/* 1 */
margin: 0;
/* 2 */
padding: 0;
/* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role='button'] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
/* 1 */
vertical-align: middle;
/* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
display: none;
}
*,
::before,
::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.mx-\[1\.88rem\] {
margin-left: 1.88rem;
margin-right: 1.88rem;
}
.my-\[\.8rem\] {
margin-top: 0.8rem;
margin-bottom: 0.8rem;
}
.ml-10 {
margin-left: 2.5rem;
}
.ml-\[0\.75rem\] {
margin-left: 0.75rem;
}
.mr-\[0\.16rem\] {
margin-right: 0.16rem;
}
.mr-\[0\.25rem\] {
margin-right: 0.25rem;
}
.mr-\[0\.63rem\] {
margin-right: 0.63rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-\[\.5rem\] {
margin-top: 0.5rem;
}
.mt-\[0\.31rem\] {
margin-top: 0.31rem;
}
.mt-\[0\.4rem\] {
margin-top: 0.4rem;
}
.mt-\[0\.78rem\] {
margin-top: 0.78rem;
}
.mt-\[1\.44rem\] {
margin-top: 1.44rem;
}
.mt-\[0\.48rem\] {
margin-top: 0.48rem;
}
.mt-\[0\.38rem\] {
margin-top: 0.38rem;
}
.mt-\[0\.28rem\] {
margin-top: 0.28rem;
}
.block {
display: block;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.list-item {
display: list-item;
}
.hidden {
display: none;
}
.h-\[1\.63rem\] {
height: 1.63rem;
}
.h-full {
height: 100%;
}
.w-\[1\.72rem\] {
width: 1.72rem;
}
.w-full {
width: 100%;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-2 {
flex: 2 2 0%;
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.overflow-hidden {
overflow: hidden;
}
.border {
border-width: 1px;
}
.bg-\[\#fff\] {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-user {
--tw-bg-opacity: 1;
background-color: rgb(99 141 170 / var(--tw-bg-opacity));
}
.px-\[\.75rem\] {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.pb-\[0\.4rem\] {
padding-bottom: 0.4rem;
}
.pr-\[\.5rem\] {
padding-right: 0.5rem;
}
.pt-\[0\.4rem\] {
padding-top: 0.4rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-\[0\.9375rem\] {
font-size: 0.9375rem;
}
.text-\[0\.94rem\] {
font-size: 0.94rem;
}
.text-\[1\.2rem\] {
font-size: 1.2rem;
}
.text-\[1rem\] {
font-size: 1rem;
}
.text-base {
font-size: 0.63rem;
}
.text-lg {
font-size: 0.75rem;
}
.text-mini {
font-size: 0.38rem;
}
.text-sm {
font-size: .5625rem;
}
.font-bold {
font-weight: 700;
}
.text-primary {
--tw-text-opacity: 1;
color: rgb(14 14 14 / var(--tw-text-opacity));
}
.text-red {
--tw-text-opacity: 1;
color: rgb(234 53 34 / var(--tw-text-opacity));
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
src/style/tailwind.scss 0 → 100644
@tailwind base;
@tailwind components;
@tailwind utilities;
\ No newline at end of file
src/subPackages/bankAccount/accountLog.vue 0 → 100644
<script setup lang="ts">
import { Ref, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { BankInfoType } from '@/api/bankAccount/indexType'
import { addBankApi } from '@/api/bankAccount'
import { showLoadingToast, showSuccessToast } from 'vant'
import { goBack } from '@/common/common'
const form: Ref<BankInfoType> = ref({
shiming_name: '',
bank_card: '',
bank_address: '',
bank_name: '',
bank_code: ''
})
const formList = [
{
label: 'account.zhanghaoming',
dataName: 'shiming_name',
msgName: 'checkMsg.shuruxinming'
},
{
label: 'account.zhanghao',
dataName: 'bank_card',
msgName: 'checkMsg.shuruzhanghao'
},
{
label: 'account.yinghangming',
dataName: 'bank_name',
msgName: 'checkMsg.shuruyinhangming'
},
{
label: 'account.fenhangmingceng',
dataName: 'bank_address',
msgName: 'checkMsg.shurufenhangming'
},
{
label: 'account.fenhangbianhap',
dataName: 'bank_code',
msgName: 'checkMsg.shurufenhanghaomao'
}
]
const { t } = useI18n()
// 提交表单
const submitFn = async () => {
showLoadingToast({ forbidClick: true, duration: 0 })
const res = await addBankApi(form.value)
if (res.code === 1) {
showSuccessToast(res.data.msg)
goBack()
}
}
</script>
<template>
<Navigater :title="t('account.cunquzhanghaodengji')"></Navigater>
<view class="Box">
<view class="box-form-card">
<view v-for="(item, i) in formList" :key="i" class="box-form-item">
<view class="box-form-item-label"> &nbsp;&nbsp;{{ t(item.label) }}</view>
<van-field v-model="form[item.dataName]" :placeholder="t(item.msgName)" />
</view>
<van-button class="btn" type="primary" @click="submitFn">{{ t('account.cunquzhanghaodengjibtn') }}</van-button>
</view>
</view>
</template>
<style lang="scss" scoped>
::v-deep .van-field__control {
height: 2rem;
border: none;
font-weight: 400;
font-size: 0.9375rem;
color: $color-white;
&::placeholder {
color: $color-gray;
}
}
::v-deep .van-field {
height: 3.375rem;
background: transparent;
}
::v-deep .van-field__body {
height: 3.375rem;
background: #ffffff10;
border: 0.06rem solid #ffffff16;
border-radius: 0.5rem;
padding: 1.0938rem 0.9375rem 0.9688rem 1.25rem;
.van-field__right-icon {
padding: 0;
margin-right: 0.625rem;
.van-icon__image {
width: 1.19rem;
}
}
}
::v-deep .van-button {
width: 100%;
height: 2.75rem;
background: $color-primary;
border-radius: 0.5rem;
font-size: 0.9375rem;
font-weight: 500;
margin: 2.5rem 0 0;
}
::v-deep .van-button__text {
font-size: 0.9375rem;
font-weight: 500;
}
::v-deep .van-field {
padding: 0;
}
.Box {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1rem;
.box-form-card {
width: 100%;
padding: 0.94rem 0;
.btn {
margin-top: 1.25rem;
height: 3.06rem;
border-radius: 0.5rem;
color: $color-black;
}
.box-form-item {
display: flex;
flex-direction: column;
margin-bottom: 1.2rem;
.box-form-item-label {
margin-bottom: 0.5938rem;
font-weight: 500;
font-size: $uni-font-size-2;
color: $color-white;
line-height: 0.75rem;
}
}
}
.box-top {
width: 11.4688rem;
height: 11.4688rem;
background: #ffffff;
border-radius: 50%;
font-weight: 300;
font-size: 2.75rem;
display: flex;
align-items: center;
justify-content: center;
}
}
</style>
src/subPackages/bankAccount/bankAccount.vue 0 → 100644
<template>
<Navigater :title="t('user.yinhangzhanghu')" />
<view class="inlet" @click="goPage">
<van-icon name="plus" size="1.7rem" color="#1E72E3"></van-icon>
<div class="label">{{ t('account.cunquzhanghaodengji') }}</div>
</view>
<scroll-view scroll-y :style="{ height: `calc(${store.pageHeight} - 11rem)` }">
<view class="account-card-list">
<NotData v-if="!bankList.length" />
<div v-for="(item, index) in bankList" :key="index" class="card">
<view class="name">{{ item.bank_name }}({{ item.shiming_name }})</view>
<view class="num">{{ item.bank_num }}</view>
<van-icon class="delete" name="delete-o" color="#fff" size="20" @click="delBank(item.id)" />
</div>
</view>
</scroll-view>
</template>
<script setup lang="ts">
import { getBankListApi, delBankApi } from '@/api/bankAccount'
import { BankInfoType } from '@/api/bankAccount/indexType'
import { useCounterStore } from '@/store/store'
import { useI18n } from 'vue-i18n'
import { Ref, ref } from 'vue'
import { showSuccessToast } from 'vant'
import { onShow } from '@dcloudio/uni-app'
const { t } = useI18n()
// 页面基础配置
const store = useCounterStore()
type BankListType = [BankInfoType | never]
const bankList: Ref<BankListType> = ref([])
const delBank = async (id: number | string) => {
const res = await delBankApi(id)
if (res.code === 1) {
showSuccessToast(res.data.msg)
getBankLsit()
}
}
const getBankLsit = async () => {
const res = await getBankListApi()
if (res.code === 1) {
bankList.value = res.data.user_bankcard
// showSuccessToast(t('toastText.chenggong'))
}
console.log(res, 'bank')
}
onShow(() => {
getBankLsit()
})
const goPage = () => {
uni.navigateTo({ url: '/subPackages/bankAccount/accountLog' })
}
</script>
<style lang="scss" scoped>
* {
font-weight: 500;
}
body {
height: 100%;
}
.bg {
width: 100%;
// height: 100%;
position: absolute;
top: 0;
left: 0;
}
.inlet {
height: 5rem;
border-radius: 0.5rem;
margin: 0.8125rem 0.94rem;
background: #ffffff10;
border: 0.06rem solid #ffffff16;
text-align: center;
.van-icon {
width: 1.31rem;
height: 1.31rem;
margin-top: 1.19rem;
}
.label {
font-size: 0.75rem;
margin-top: 0.25rem;
color: $color-primary;
}
}
.account-card-list {
align-items: center;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
.account-card {
position: relative;
width: 20.8125rem;
height: 11.0313rem;
padding-top: 1.4063rem;
background: #ffffff;
border-radius: 0.9375rem;
margin-bottom: 0.8125rem;
display: flex;
justify-content: space-between;
position: relative;
.bank-account-number {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3.1563rem;
background: #f8fafc;
border-radius: 0 0 0.9375rem 0.9375rem;
font-weight: 300;
font-size: 1.3438rem;
color: #010101;
text-align: center;
line-height: 3.1563rem;
}
.account-del-icon {
margin-right: 1.0625rem;
width: 0.7813rem;
height: 0.9063rem;
}
.account-info {
margin-left: 1.0625rem;
z-index: 9;
.bank-name {
font-size: $uni-font-size-1;
}
.user-name {
font-size: $uni-font-size-1;
}
}
}
}
.card {
height: 5.63rem;
width: calc(100vw - 1.88rem);
margin: 0 0.94rem;
padding: 0.94rem 0.63rem;
background: url('@/static/image/user/bank_bg.png');
background-color: $color-primary;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 0.63rem;
display: flex;
flex-direction: column;
justify-content: space-around;
position: relative;
color: #fff;
.delete {
width: 0.88rem;
height: 0.88rem;
position: absolute;
right: 0.94rem;
top: calc((5.63rem - 1rem) / 2);
}
}
.card + .card {
margin-top: 0.3rem;
}
</style>
src/subPackages/changePassword/changePassword.vue 0 → 100644
<script setup lang="ts">
import { reactive } from 'vue'
import { useI18n } from 'vue-i18n'
import { updatePasswordApi } from '@/api/changePassword'
import { showFailToast, showLoadingToast, showSuccessToast, showToast } from 'vant'
import icon1 from '@/static/1.png'
import icon2 from '@/static/2.png'
const form = reactive({
old_password: '',
new_Password: '',
repeat_new_password: ''
})
const formList = reactive([
{
label: 'transactionPassions.jiumima',
dataName: 'old_password',
msgName: 'checkMsg.shurujiumima',
isShow: false
},
{
label: 'transactionPassions.xingmima',
dataName: 'new_Password',
msgName: 'checkMsg.shuruxingmima',
isShow: false
},
{
label: 'transactionPassions.xingmima2',
dataName: 'repeat_new_password',
msgName: 'checkMsg.shuruxingmima',
isShow: false
}
])
const { t } = useI18n()
const submit = async () => {
showLoadingToast({ forbidClick: true, duration: 0 })
if (form.old_password === '') {
return showToast(t('changePassword.tip1'))
}
if (form.new_Password === '') {
return showToast(t('changePassword.tip2'))
}
if (form.repeat_new_password === '') {
return showToast(t('changePassword.tip2'))
}
if (form.new_Password.length < 6 || form.new_Password.length > 10) {
return showToast(t('changePassword.tip3'))
}
if (form.new_Password !== form.repeat_new_password) {
return showToast(t('changePassword.tip4'))
}
const res = await updatePasswordApi(form)
if (res.code === 1) {
showSuccessToast(res.msg)
// 清除token 以及用户信息
uni.setStorageSync('token', null)
uni.setStorageSync('userId', null)
uni.setStorageSync('userInfo', null)
setTimeout(() => {
// 提示用户
showFailToast(t('login.user_info_null'))
setTimeout(() => {
// 跳转登录
uni.navigateTo({
url: '/subPackages/login/login'
})
}, 1500)
}, 1500)
}
}
const showPass = (i: number) => {
formList[i].isShow = !formList[i].isShow
}
</script>
<template>
<Navigater :title="t('user.rizhisuoyin')"></Navigater>
<view class="Box">
<!-- <view class="box-top"> </view> -->
<view class="box-form-card">
<!-- <view class="title">{{ t('changePassword.xiugaidenglumima') }}</view> -->
<view v-for="(item, i) in formList" :key="i" class="box-form-item">
<view class="box-form-item-label"> &nbsp;&nbsp;{{ t(item.label) }}</view>
<van-field v-model="form[item.dataName]" :right-icon="item.isShow ? icon1 : icon2" :type="item.isShow ? 'text' : 'password'" :placeholder="t(item.msgName)" @click-right-icon="showPass(i)" />
<!-- <img src="@/static/1.png" class="input-img" /> -->
</view>
<van-button class="btn" type="primary" @click="submit">{{ t('transactionPassions.queren') }}</van-button>
</view>
</view>
</template>
<style lang="scss" scoped>
::v-deep .van-field__control {
height: 2rem;
border: none;
font-weight: 400;
font-size: 0.9375rem;
color: $color-white;
&::placeholder {
color: $color-gray;
}
}
::v-deep .van-field {
height: 3.375rem;
background: transparent;
}
::v-deep .van-field__body {
height: 3.375rem;
background: #ffffff10;
border: 0.06rem solid #ffffff16;
border-radius: 0.5rem;
padding: 1.0938rem 0.9375rem 0.9688rem 1.25rem;
.van-field__right-icon {
padding: 0;
margin-right: 0.625rem;
.van-icon__image {
width: 1.19rem;
}
}
}
::v-deep .van-button {
width: 100%;
height: 2.75rem;
background: $color-primary;
border-radius: 0.5rem;
font-size: 0.9375rem;
font-weight: 500;
margin: 2.5rem 1rem 0;
}
::v-deep .van-button__text {
color: $color-black;
font-size: 0.9375rem;
font-weight: 500;
}
::v-deep .van-field {
padding: 0;
}
.Box {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1rem;
.box-form-card {
width: 100%;
height: 31.9688rem;
display: flex;
flex-direction: column;
align-items: center;
.title {
font-weight: 500;
font-size: 1.1563rem;
color: #040404;
line-height: 1.1563rem;
margin-bottom: 1.875rem;
}
.box-form-item {
display: flex;
flex-direction: column;
margin-top: 0.9375rem;
position: relative;
width: 100%;
.box-form-item-label {
height: 2.75rem;
display: flex;
align-items: center;
font-weight: 500;
font-size: 0.875rem;
line-height: 0.75rem;
color: $color-white;
}
}
}
.box-top {
width: 11.4688rem;
height: 11.4688rem;
background: transparent;
border-radius: 50%;
font-weight: 300;
font-size: 2.75rem;
color: #cbcccd;
display: flex;
align-items: center;
justify-content: center;
}
}
</style>
src/subPackages/confirm/confirm.vue 0 → 100644
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
</script>
<template>
<Navigater :title="t('user.benrenqueren')" />
<view class="box">
<view class="chatu"> 插图 </view>
<view class="title"> 本人確認書類のご提出完了 </view>
<view class="box-box"> </view>
<view class="box-box"> </view>
</view>
</template>
<style lang="scss" scoped>
.box {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 1.1875rem;
.title {
font-weight: 300;
font-size: 0.8438rem;
color: #040404;
line-height: 2.0938rem;
margin-top: 1.0938rem;
margin-bottom: 0.3125rem;
}
.box-box {
width: 19.8125rem;
height: 2.5rem;
border-radius: 1.2188rem;
border: 0.0313rem solid #50aff0;
margin-top: 1.0938rem;
}
.chatu {
width: 21.75rem;
height: 12.3438rem;
font-weight: 300;
font-size: 5.5rem;
background: #fdfefe;
color: #d0d3d5;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.625rem;
}
}
</style>
src/subPackages/customerService/customerService.vue 0 → 100644
<script setup lang="ts">
import { ref } from 'vue'
import { useI18n } from 'vue-i18n'
import Navigator from '@/components/navigator/navigator.vue'
const { t } = useI18n()
const appId = ref(1)
const appInfo = ref({
name: 'LINEAPP',
tip: ''
})
const checkApp = (id: number) => {
appId.value = id
}
</script>
<template>
<Navigator :title="t('user.kefuzhongxin')" />
<view class="box">
<view class="title"> {{ t('customerService.title') }} </view>
<view class="app-box">
<view class="app-logo">logo</view>
<view class="app-name">{{ appInfo.name }}</view>
<view class="app-title">WD TREE</view>
</view>
<view class="app-card-box">
<view class="app-card" @click="checkApp(1)">
<view class="app-card-logo" :class="appId == 1 ? 'active' : ''"></view>
<view class="app-card-tip">{{ t('customerService.shiyong') }}{{ appInfo.name }}</view>
<view class="app-card-t">{{ t('customerService.tip') }}</view>
<img src="@/static/image/customerService/right.png" class="app-card-right" />
</view>
<view class="app-card" @click="checkApp(2)">
<view class="app-card-logo" :class="appId == 2 ? 'active' : ''"></view>
<view class="app-card-tip">{{ t('customerService.shiyong') }}{{ appInfo.name }}</view>
<view class="app-card-t">{{ t('customerService.tip2') }}</view>
<img src="@/static/image/customerService/right.png" class="app-card-right" />
</view>
</view>
</view>
</template>
<style lang="scss" scoped>
body {
background: #ffffff;
}
.box {
width: 100%;
padding-top: 8.9688rem;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1.2813rem 0 1.2813rem;
.app-card-box {
margin-top: 3.6563rem;
// margin-bottom: 8.5938rem;
display: flex;
.app-card:nth-child(1) {
margin-right: 0.5938rem;
}
.app-card {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 10.0313rem;
height: 14.1563rem;
background: #e9f4fc;
border-radius: 0.5938rem;
opacity: 0.66;
padding-top: 1.9063rem;
.app-card-logo.active {
background: #46abef;
}
.app-card-logo {
width: 4rem;
height: 4rem;
background: #dde8f0;
border-radius: 50%;
border: 0.0313rem solid #dde8f0;
}
.app-card-tip {
font-weight: 300;
font-size: 0.9375rem;
color: #050505;
margin-top: 0.8438rem;
}
.app-card-t {
font-weight: 300;
font-size: $uni-font-size-1;
color: #050505;
}
.app-card-right {
width: 1.4063rem;
// margin-top: 2.4063rem;
position: absolute;
bottom: 0.9375rem;
left: 4.5938rem;
}
}
}
.app-box {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3.25rem;
.app-name {
font-weight: 300;
font-size: 1.25rem;
color: #050505;
font-size: 1.25rem;
margin-top: 1.25rem;
line-height: 1.25rem;
}
.app-title {
font-weight: 300;
font-size: 1rem;
color: #050505;
line-height: 1rem;
margin-top: 0.4375rem;
}
.app-logo {
width: 7.3438rem;
height: 7.3438rem;
background: #c6c8ca;
border-radius: 50%;
font-weight: 300;
font-size: 1.9063rem;
color: #050606;
display: flex;
justify-content: center;
align-items: center;
}
}
.title {
font-weight: 300;
font-size: 1.25rem;
color: #050606;
line-height: 2.0938rem;
span {
color: #46abef;
}
}
}
</style>
src/subPackages/details/details.vue 0 → 100644
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import { getNewDetailApi } from '@/api/record/record'
import { newDetailType } from '@/api/record/recordType'
import { onLoad } from '@dcloudio/uni-app'
import { ref, Ref } from 'vue'
import { useCounterStore } from '@/store/store'
const { t } = useI18n()
const store = useCounterStore()
const newData: Ref<newDetailType> = ref({
content: '',
createtime: 0,
id: 0,
image: '',
other_id: 0,
title: '',
updatetime: 0
})
const loadding = ref(true)
const getNewDetailFn = async (id: number | string) => {
loadding.value = true
const res = await getNewDetailApi(id)
loadding.value = false
if (res.code === 1) {
newData.value = res.data
}
}
// 格式化时间
function formatTimestamp(timestamp: number | string) {
const date = new Date(timestamp)
const year = date.getFullYear()
// 月份从0开始，所以我们需要加1
const month = ('0' + (date.getMonth() + 1)).slice(-2)
const day = ('0' + date.getDate()).slice(-2)
const hours = ('0' + date.getHours()).slice(-2)
const minutes = ('0' + date.getMinutes()).slice(-2)
return `${year}/${month}/${day} ${hours}:${minutes}`
}
onLoad(({ id }) => {
if (id) {
getNewDetailFn(id)
}
})
</script>
<template>
<Navigater :title="t('details.xiaoxi')" />
<van-loading v-if="loadding" type="spinner" style="text-align: center; margin-top: 20px" />
<scroll-view v-else scroll-y :style="{ height: `calc(${store.pageHeight} - 3.125rem)` }">
<view class="box">
<view class="title-box">
<view class="title">
{{ newData.title }}
</view>
<view class="createtime">
{{ formatTimestamp(newData.createtime * 1000) }}
</view>
</view>
<view class="content-box">
<rich-text :nodes="newData.content" style="color: #fff"></rich-text>
</view>
</view>
</scroll-view>
</template>
<style lang="scss" scoped>
::v-deep.ma__p {
color: $color-white;
}
.box {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
}
.content-box {
width: 100%;
padding: 1.375rem 0.7188rem 6.25rem 1.875rem;
font-size: 0.875rem;
}
.title-box {
width: 20.9375rem;
height: 6.25rem;
padding: 1rem 0.625rem 0.9063rem 0.9375rem;
border-bottom: 1px solid #afafaf;
.title {
font-weight: 500;
font-size: 1rem;
color: $color-white;
}
.createtime {
margin-top: 0.3125rem;
font-size: 0.875rem;
color: $color-gray;
text-align: right;
}
}
</style>
src/subPackages/index/dadan/dadan.vue 0 → 100644
<template>
<Navigater :title="t('dadan.title')" />
<view class="gupiao_list">
<view class="button_group">
<view class="button" :class="{ active: pageType === 0 }" @click="changePageType(0)">{{ t('hongli.button1') }}</view>
<view class="button" :class="{ active: pageType === 1 }" @click="changePageType(1)">{{ t('hongli.button2') }}</view>
</view>
<view v-show="pageType === 0" class="column flex">
<view class="text-center">{{ t('dadan.column_name') }}</view>
<view class="text-center">{{ t('dadan.column_daima') }}</view>
<view class="text-center">{{ t('dadan.column_xianjia') }}</view>
<view class="text-center">{{ t('dadan.column_jiage') }}</view>
</view>
<scroll-view scroll-y class="content">
<view v-for="(item, index) in dadanList" v-show="pageType === 0" :key="index" class="gupiao1 flex" @click="openWindow(item)">
<view class="tt">{{ item.product_name }}</view>
<view class="text-center">{{ item.product_code }}</view>
<view class="red">{{ changeMoney(item.now_price) }}</view>
<view class="red">{{ changeMoney(item.hedging_price) }}</view>
</view>
<view v-show="pageType === 1" class="card2">
<view v-for="(item, index) in shenqingList" :key="index" class="gupiao2">
<div class="top">
<div class="title">{{ item?.product_name }}</div>
<div class="daima">{{ item?.product_code }}</div>
</div>
<div class="row">
<div class="left">
<view class="label">{{ t('hongli.column_jiage') }}</view>
<view class="value red">{{ changeMoney(item.buy_in_price) }}</view>
</div>
<div class="right">
<view class="label">{{ t('jiaoyi.shenqingliang') }}</view>
<view class="value red">{{ Math.floor(item.buy_in_num * 100) }}</view>
</div>
</div>
<div class="row">
<div class="left">
<view class="label">{{ t('hongli.column_chengjiaoe') }}</view>
<view class="value red">{{ changeMoney(Math.floor(item.buy_in_amount)) }}</view>
</div>
<div class="right">
<view class="label">{{ t('hongli.column_zhuangtai') }}</view>
<view v-if="item.status == '2'" class="value" style="color: #0df69e"> {{ t('hongli.tip1') }} </view>
<view v-if="item.status == '3'" class="value red">{{ t('hongli.tip2') }} </view>
<view v-if="item.status == '1'" class="value" style="color: #fff">{{ t('hongli.tip3') }}</view>
</div>
</div>
</view>
</view>
<NotData v-if="(pageType === 0 && dadanList.length === 0) || (pageType === 1 && shenqingList.length === 0)" />
</scroll-view>
</view>
<van-popup v-model:show="gupiaoWindowShow" class="buy_window" v-bind="windowOptions">
<view class="title">{{ t('dadan.title2') }}</view>
<view class="row_wrap">
<view class="row" style="width: 100%">
<view class="label">{{ t('dadan.column_name') }}：</view>
<view class="value text_ellipsis">{{ windowDetail.product_name }}</view>
</view>
<view class="row">
<view class="label">{{ t('dadan.column_daima') }}：</view>
<view class="value">{{ windowDetail.product_code }}</view>
</view>
<view class="row">
<view class="label">{{ t('dadan.column_jiage') }}：</view>
<view class="value">{{ windowDetail.hedging_price }}</view>
</view>
<view class="row">
<view class="label">{{ t('dadan.heji') }}：</view>
<view class="value">{{ changeMoney(totalPrice) }}</view>
</view>
<view class="row">
<view class="label" style="color: red">{{ t('dadan.zhuyi') }}：</view>
<view class="value" style="color: red">{{ `1${t('dadan.unit')}=100${t('dadan.unit2')}` }}</view>
</view>
</view>
<view class="flex justify-center my-[.8rem]">
<van-stepper v-model="buyParams.num" input-width="100" button-size="2rem" integer />
</view>
<view class="input_wrap">
<input v-model="buyParams.jiaoyipass" :placeholder="t('dadan.jiaoyipass')" autocomplete="false" :type="showPass ? 'text' : 'password'" />
</view>
<view class="button" @click="buy">{{ t('gupiaoDetail.submit') }}</view>
<van-icon class="close" name="cross" color="#333" size="1.2rem" @click="gupiaoWindowShow = false" />
</van-popup>
</template>
<script setup lang="ts">
import { getDadanListApi, buyDadanApi, getUserMoneyApi, getUserMonitoringApi } from '@/api/index/index'
import { onHide, onLoad, onShow } from '@dcloudio/uni-app'
import { useI18n } from 'vue-i18n'
import { ref, computed } from 'vue'
import { showLoadingToast, showToast } from 'vant'
import { changeMoney } from '@/common/common'
const { t } = useI18n()
onLoad(() => {
getUserMoney()
})
let id: any = null
onShow(() => {
getUserMonitoringFn()
getXinguList()
id = setInterval(() => {
getXinguList()
}, 20000)
})
onHide(() => {
clearInterval(id)
})
const showPass = ref(false)
const pageType = ref(0)
const changePageType = async (e: number) => {
pageType.value = e
}
// 获取申请列表数据
const shenqingList = ref([])
const getUserMonitoringFn = async () => {
const res = await getUserMonitoringApi()
if (res.code === 1) {
shenqingList.value = res.data.data
}
console.log(shenqingList.value, 'shenqingList.value')
}
// 獲取新股列表
const dadanList = ref([])
const getXinguList = async () => {
const res = await getDadanListApi()
dadanList.value = res.data
}
// 獲取手續費
const userMoneyInfo = ref({})
const getUserMoney = async () => {
const res = await getUserMoneyApi()
res.data.sxf = Number(res.data.sxf)
res.data.sxfzdi = Number(res.data.sxfzdi)
userMoneyInfo.value = res.data
}
// 彈窗
const gupiaoWindowShow = ref(false)
const windowOptions = {
position: 'bottom',
'close-on-click-overlay': true,
'safe-area-inset-bottom': true,
round: true
}
const windowDetail = ref({
hedging_price: 0
})
const openWindow = (e: any) => {
windowDetail.value = e
gupiaoWindowShow.value = true
}
const totalPrice = computed(() => {
return buyParams.value.num * 100 * Number(windowDetail.value.hedging_price)
})
// 購買
const buyParams = ref({
monitoring_id: '',
num: 1,
jiaoyipass: ''
})
const buy = async () => {
if (!buyParams.value.jiaoyipass) {
return showToast(t('dadan.jiaoyipass'))
}
showLoadingToast({ forbidClick: true, duration: 0 })
buyParams.value.monitoring_id = windowDetail.value.id
const res = await buyDadanApi(buyParams.value)
gupiaoWindowShow.value = false
if (res.code === 1) {
getUserMonitoringFn()
showToast(res.msg)
}
}
</script>
<style scoped lang="scss">
.content {
height: calc(var(--vh) * 100 - 3.13rem - 2.75rem - 2.5rem);
overflow: auto;
.card2 {
padding: 0.75rem 0;
}
}
uni-view {
text-align: center;
}
.flex_direction {
flex-direction: column;
}
.text-center {
display: flex;
justify-content: center;
align-items: center;
}
.flex1 {
width: 25%;
}
.text_ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gupiao_list {
margin-bottom: 0.31rem;
.button_group {
height: 2.75rem;
margin: 0 0.94rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.31rem;
.button {
width: 50%;
height: 2.75rem;
font-size: 0.88rem;
display: flex;
align-items: center;
justify-content: center;
background: #1c2a3b;
border: 0.06rem solid #565358;
color: $color-gray;
border-radius: 0.5rem;
}
.active {
background: $color-primary;
border: 0.05rem solid $color-primary;
color: $color-black;
font-weight: 500;
}
}
.column,
.gupiao {
padding: 0.52rem 0rem;
margin: 0 0.94rem;
display: flex;
text-align: center;
height: 2.5rem;
align-items: center;
> view {
flex: 1;
color: #a0a5b0;
font-size: 0.75rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.gupiao1 {
height: 2.81rem;
padding: 0.52rem;
display: flex;
border-bottom: 1px solid #ffffff50;
text-align: center;
align-items: center;
margin: 0 0.63rem;
margin-bottom: 0.1rem;
> view {
flex: 1;
font-size: $uni-font-size-lg;
white-space: pre-wrap;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
color: $color-gray;
text-overflow: ellipsis;
}
.tt {
color: $color-white;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
}
.gupiao2 {
margin: 0 1rem;
padding: 0.5rem;
border-bottom: 1px solid #ffffff50;
.top {
display: flex;
align-items: center;
gap: 1.56rem;
.title {
font-size: 0.94rem;
font-weight: 500;
color: $color-white;
text-align: left;
}
.daima {
height: 1.19rem;
border-radius: 0.31rem;
color: $color-white;
font-size: 0.75rem;
display: flex;
align-items: center;
background: $color-primary;
padding: 0.2rem 0.5rem;
}
}
.row {
justify-content: space-between;
align-items: center;
.left,
.right {
display: flex;
justify-content: space-between;
.label {
color: $color-gray;
font-size: 0.88rem;
&::after {
content: '：';
}
}
.value {
color: $color-gray;
font-size: 0.88rem;
}
}
}
}
.gupiao2 + .gupiao2 {
margin-top: 0.31rem;
}
.column {
text-align: center;
}
}
.buy_window {
padding: 0 0.8rem 3rem;
background: #fff;
.title {
text-align: center;
padding: 0.8rem 0 0.5rem;
font-size: 1rem;
color: $color-black;
}
.row_wrap {
display: flex;
flex-wrap: wrap;
.row {
display: flex;
align-items: center;
width: 50%;
padding: 0.24rem 0.56rem;
color: #fff;
.label {
color: $color-gray;
}
view {
color: $color-black;
font-size: 0.775rem;
}
}
}
.button {
height: 3.06rem;
line-height: 3.06rem;
width: 100%;
text-align: center;
border-radius: 1.25rem;
background-color: $color-primary;
color: #fff;
font-size: 0.81rem;
margin-top: 1rem;
}
.close {
position: absolute;
width: 2.75rem;
height: 2.75rem;
padding: 1rem;
right: 0.5rem;
top: 0.5rem;
}
}
::v-deep .van-stepper__minus,
::v-deep .van-stepper__plus {
width: 1.63rem;
height: 1.63rem;
border: 0.06rem solid $color-primary;
border-radius: 50%;
background: transparent;
&::before {
background: $color-primary;
}
&::after {
background: $color-primary;
}
}
::v-deep .van-stepper__minus--disabled,
::v-deep .van-stepper__plus--disabled {
border-color: #ccc;
&::before {
background: #ccc;
}
&::after {
background: #ccc;
}
}
::v-deep .van-stepper__input {
background: transparent;
margin: 0 0.63rem;
width: 2.6rem;
color: #333;
}
.input_wrap {
display: flex;
align-items: center;
height: 3.06rem;
border-radius: 0.75rem;
margin-bottom: 0.94rem;
background: #ffffff10;
border: 0.03rem solid #7b8a9c !important;
padding: 0 0.88rem;
// max-width: 20rem;
margin-left: auto;
margin-right: auto;
font-size: 1rem;
gap: 1rem;
input {
flex: 1;
text-align: left;
.uni-input-placeholder {
color: $color-gray;
text-align: center;
}
}
}
::v-deep .uni-input-input {
color: $color-black;
text-align: center;
}
</style>
src/subPackages/index/gendan/gendan.vue 0 → 100644
<template>
<Navigater :is-show-back="false" :title="t('gendan.title')" style="background: transparent; color: black">
<template #left>
<img class="back" src="/static/arrow-left.png" @click="goBack" />
<!-- <view class="record" @click="goPage('./record')">{{ t('gendan.jilu') }}</view> -->
</template>
<template #right>
<img class="record" src="/static/3.png" @click="goPage('./record')" />
<!-- <view class="record" @click="goPage('./record')">{{ t('gendan.jilu') }}</view> -->
</template>
</Navigater>
<NotData v-if="gupiaoList.length === 0"></NotData>
<scroll-view v-else scroll-y :style="{ height: `calc(${store.pageHeight} - 60px)` }">
<view class="box_list">
<view v-for="(item, index) in gupiaoList" :key="index" class="box">
<view class="title-box">
<view class="title-box-left">{{ item.issuer }}</view>
<view class="title-box-right">{{ changeMoney(item.fund_size) }}</view>
</view>
<view class="info-box">
<view class="info-box-left">
<view class="name">{{ t('gendan.name') }}: {{ item.product_name }}</view>
<view class="money"
>{{ t('gendan.yingli') }} <span>{{ changeMoney(item.estimated_profit) }}%</span></view
>
</view>
<view class="info-box-right" @click="openWindow(item)">
{{ t('gendan.button') }}
</view>
</view>
<view class="time-box">
<view class="time"> {{ t('gendan.jiezhishijian') }}{{ item.end_time }} </view>
</view>
</view>
<!-- <view class="row">
<view class="info">
<view>
<view class="label">{{ t('gendan.fadanren') }}：</view>
<view>{{ item.issuer }}</view>
</view>
<view>
<view class="label">{{ t('gendan.name') }}：</view>
<view>{{ item.product_name }}</view>
</view>
<view>
<view class="label">{{ t('gendan.zijinguimo') }}：</view>
<view>{{ changeMoney(item.fund_size) }}</view>
</view>
<view>
<view class="label">{{ t('gendan.jiezhishijian') }}：</view>
<view>{{ item.end_time }}</view>
</view>
</view>
<view class="button" @click="openWindow(item)">{{ t('gendan.button') }}</view>
</view>
<view class="yingli">
<view class="label">{{ t('gendan.yingli') }}：</view>
<view class="text-red">{{ changeMoney(item.estimated_profit) }}%</view>
</view> -->
</view>
</scroll-view>
<van-popup v-model:show="gupiaoWindowShow" class="buy_window" v-bind="windowOptions">
<view class="row_wrap">
<view class="row">
<view class="label">{{ t('gendan.fadanren') }}：</view>
<view class="value">{{ windowDetail.product_name }}</view>
</view>
<view class="row">
<view class="label">{{ t('gendan.zijinguimo') }}：</view>
<view class="value">{{ changeMoney(windowDetail.fund_size) }}</view>
</view>
<view class="row">
<view class="label">{{ t('gendan.zuiditouzi') }}：</view>
<view class="value">{{ changeMoney(windowDetail.mini_buy_in) }}</view>
</view>
<view class="row">
<view class="label">{{ t('gendan.mairujine') }}：</view>
<view class="value">
<van-field v-model="buyParams.money" type="number" :placeholder="t('gendan.placeholder')" />
</view>
</view>
</view>
<view class="button" @click="buy">{{ t('gupiaoDetail.submit') }}</view>
</van-popup>
</template>
<script setup lang="ts">
import { getGendanListApi, buyGendanApi } from '@/api/index/index'
import { onLoad } from '@dcloudio/uni-app'
import { useI18n } from 'vue-i18n'
import { changeMoney, goPage } from '@/common/common'
import { ref } from 'vue'
import { showToast } from 'vant'
import { useCounterStore } from '@/store/store'
const store = useCounterStore()
const { t } = useI18n()
onLoad(() => {
getGendanList()
})
const goBack = () => {
uni.navigateBack({})
}
// 獲取新股列表
const gupiaoList = ref([])
const getGendanList = async () => {
const res = await getGendanListApi()
gupiaoList.value = res.data.data
}
// 彈窗
const gupiaoWindowShow = ref(false)
const windowOptions = {
position: 'bottom',
'close-on-click-overlay': true,
'safe-area-inset-bottom': true,
round: true
}
const windowDetail = ref({
hedging_price: 0
})
const openWindow = (e: any) => {
windowDetail.value = e
gupiaoWindowShow.value = true
}
// 購買
const buyParams = ref({
follow_id: 0,
money: null
})
const buy = async () => {
if (!buyParams.value.money) {
gupiaoWindowShow.value = false
showToast(t('gendan.warning1'))
return
}
const reg = /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/
if (!reg.test(buyParams.value.money)) {
gupiaoWindowShow.value = false
showToast(t('gendan.warning2'))
return
}
buyParams.value.follow_id = windowDetail.value.id
const res = await buyGendanApi(buyParams.value)
gupiaoWindowShow.value = false
buyParams.value.money = null
getGendanList()
if (res.code === 1) {
showToast(res.msg)
}
}
</script>
<style scoped lang="scss">
uni-page-body {
height: 100%;
background: linear-gradient(191deg, #c6dbff 0%, #f5f7fb 100%);
}
.box_list {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 0.3125rem;
}
.box {
width: 21.25rem;
height: 10.1875rem;
padding: 1.3125rem 1.25rem 0.9375rem;
background: #ffffff;
box-shadow: 0rem 0.25rem 0.625rem 0rem rgba(43, 80, 237, 0.06);
border-radius: 0.8125rem;
display: flex;
flex-direction: column;
// justify-content: center;
align-items: center;
margin-bottom: 0.9375rem;
.time-box {
width: 100%;
margin-top: 0.625rem;
}
.time {
text-align: left;
font-weight: 400;
font-size: 0.8125rem;
color: #a0aabb;
}
.info-box {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
// width: 18.75rem;
height: 4.0938rem;
background: #f5f5f5;
border-radius: 0.375rem;
border: 0.0313rem solid #f2f2f2;
margin-top: 0.6563rem;
padding: 0.625rem 0.9375rem 0.9375rem;
.info-box-right {
width: 3.75rem;
height: 1.6875rem;
line-height: 1.6875rem;
text-align: center;
background: #0c68ff;
border-radius: 0.8438rem;
font-weight: 500;
font-size: 0.8125rem;
color: #ffffff;
letter-spacing: 0.0625rem;
}
.info-box-left {
display: flex;
flex-direction: column;
justify-content: space-between;
// align-items: center;
.name {
font-weight: 500;
font-size: 30rpx;
color: #1e1f22;
line-height: 42rpx;
text-align: left;
font-style: normal;
}
.money {
font-weight: 400;
font-size: 26rpx;
color: #9ea0a0;
line-height: 37rpx;
text-align: left;
font-style: normal;
span {
color: #db503f;
}
}
}
}
.title-box {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
.title-box-left {
font-weight: 600;
font-size: 1rem;
color: #2a2a2a;
line-height: 1.4063rem;
text-align: left;
font-style: normal;
}
.title-box-right {
font-weight: 600;
font-size: 1.125rem;
color: #db503f;
line-height: 1.5625rem;
text-align: right;
font-style: normal;
}
}
}
.back {
position: absolute;
top: 1rem;
left: 1.0625rem;
width: 0.625rem;
height: 1.0625rem;
}
.record {
position: absolute;
// height: 100%;
width: 0.875rem;
height: 1rem;
// padding: 0 1rem;
top: 1.0313rem;
right: 0.9375rem;
}
.gupiao_list {
.gupiao {
margin: 0.52rem;
padding: 0.52rem 0.9rem;
border-radius: 0.62rem;
background-color: #fff;
text-align: center;
.row {
display: flex;
justify-content: space-between;
align-items: center;
.info {
> view {
text-align: left;
display: flex;
}
.label {
color: $uni-text-color-gray;
}
}
.button {
background-color: $uni-color-primary;
color: #fff;
height: 1.4rem;
line-height: 1.4rem;
padding: 0 0.7rem;
border-radius: 0.3rem;
}
}
.yingli {
display: flex;
justify-content: center;
border-top: 0.06rem solid $uni-text-color-gray;
padding-top: 0.3rem;
margin-top: 0.1rem;
}
}
}
.buy_window {
background-color: #f4ffff;
padding: 0 0.81rem 1.25rem 0.81rem;
.title {
text-align: center;
padding: 0.8rem 0 0.5rem;
font-size: 1rem;
}
.row_wrap {
padding-top: 1rem;
.row {
display: flex;
justify-content: space-between;
padding: 0.24rem 0.56rem;
color: #fff;
view {
color: $uni-text-color;
font-size: 0.775rem;
}
::v-deep .van-cell {
padding: 0 !important;
}
::v-deep .van-field__control {
text-align: right;
}
}
}
.button {
height: 2.19rem;
line-height: 2.19rem;
width: 100%;
text-align: center;
border-radius: 1.03rem;
background-color: $uni-color-primary;
color: #fff;
font-size: 0.81rem;
margin-top: 0.75rem;
}
}
</style>
src/subPackages/index/gendan/record.vue 0 → 100644
<template>
<Navigater :title="t('gendanjilu.title')" />
<scroll-view scroll-y :style="{ height: `calc(${store.pageHeight} - 3.125rem)` }">
<view class="gupiao_list">
<view v-for="(item, index) in gupiaoList" :key="index" class="gupiao">
<view class="flex justify-between items-center">
<view>
<view class="text-left text-[1rem]">{{ item.product_name }}</view>
<view class="text-lg">{{ t('gendanjilu.dingdanhao') }}：{{ item.order_sn }}</view>
</view>
<view class="button" @click="sell(item)">{{ t('gendanjilu.button') }}</view>
</view>
<view class="flex justify-between mt-[.5rem]">
<view>
<view class="text-red">{{ changeMoney(item.buy_in_money) }}</view>
<view class="text-lg">{{ t('gendanjilu.mairujine') }}</view>
</view>
<view>
<view class="text-red">{{ changeMoney(item.yesterday_profit) }}</view>
<view class="text-lg">{{ t('gendanjilu.zuorishouyi') }}</view>
</view>
<view>
<view class="text-red">{{ changeMoney(item.total_profit) }}</view>
<view class="text-lg">{{ t('gendanjilu.zongshouyi') }}</view>
</view>
</view>
<view class="flex pt-[0.4rem] mt-[0.4rem] bt">
<view class="text-gray">{{ t('gendanjilu.zhuangtai') }}：</view>
<view v-if="item.status === '1'">{{ t('gendanjilu.status1') }}</view>
<view v-else-if="item.status === '2'">{{ t('gendanjilu.status2') }}</view>
<view v-else-if="item.status === '3'">{{ t('gendanjilu.status3') }}</view>
</view>
<view class="block">
<view>{{ t('gendanjilu.mairushijian') }}：{{ item.buying_time }}</view>
<view v-show="item.end_time">{{ t('gendanjilu.maichushijian') }}：{{ item.end_time }}</view>
</view>
</view>
<view v-if="gupiaoList.length === 0" class="nodata">{{ t('common.nodata') }}</view>
</view>
</scroll-view>
</template>
<script setup lang="ts">
import { showConfirmDialog, showToast } from 'vant'
import { getGendanRecordListApi, sellGendanApi } from '@/api/index/index'
import { onLoad } from '@dcloudio/uni-app'
import { useI18n } from 'vue-i18n'
import { changeMoney } from '@/common/common'
import { ref } from 'vue'
import { useCounterStore } from '@/store/store'
const store = useCounterStore()
const { t } = useI18n()
onLoad(() => {
getGendanList()
})
// 獲取新股列表
const gupiaoList = ref([])
const getGendanList = async () => {
const res = await getGendanRecordListApi()
gupiaoList.value = res.data
}
// 賣出
const sell = async (e: any) => {
console.log(e)
showConfirmDialog({
message: t('gendanjilu.window_title')
}).then(async (res) => {
if (res) {
const res2 = await sellGendanApi({ follow_id: e.id })
if (res2.code === 1) {
showToast(res2.msg)
getGendanList()
}
}
})
// buyParams.value.money = null
// getGendanList()
// uni.showToast({
// title: res.msg,
// icon: 'none'
// })
}
</script>
<style scoped lang="scss">
.gupiao_list {
.gupiao {
margin: 0.52rem;
padding: 0.52rem 0.9rem;
border-radius: 0.62rem;
background-color: #fff;
text-align: center;
.button {
background-color: $uni-color-primary;
color: #fff;
height: 1.4rem;
line-height: 1.4rem;
padding: 0 0.7rem;
border-radius: 0.3rem;
}
.bt {
border-top: 0.03rem solid $uni-text-color-gray;
}
.block {
background-color: $uni-bg-color-gray2;
padding: 0.52rem;
margin-top: 0.22rem;
text-align: left;
border-radius: 0.22rem;
}
}
}
</style>
src/subPackages/index/gupiaoDetail/components/gupiaoChart.vue 0 → 100644
<template>
<view id="chart" style="width: 100%; height: 30.31rem"></view>
</template>
<script lang="ts" setup>
import { init, dispose } from 'klinecharts'
import { onMounted, onUnmounted, watch } from 'vue'
const props = defineProps({
value: {
type: Array,
default: () => []
}
})
let chart: any = null
watch(
() => props.value,
(newData) => {
chart?.applyNewData(newData)
},
{ deep: true }
)
const chartOption = {
grid: {
show: true,
horizontal: {
show: false,
size: 1,
color: '#333',
style: 'dashed',
dashedValue: [2, 2]
},
vertical: {
show: false,
size: 1,
color: '#333',
style: 'dashed',
dashedValue: [2, 2]
}
},
// 蜡烛图
candle: {
type: 'candle_solid',
// 网格线
// 提示
tooltip: {
showRule: 'none'
},
bar: {
upColor: '#0DF69E',
downColor: '#F52311',
noChangeColor: '#888888',
upBorderColor: '#0DF69E',
downBorderColor: '#F52311',
noChangeBorderColor: '#888888',
upWickColor: '#0DF69E',
downWickColor: '#F52311',
noChangeWickColor: '#888888'
}
},
indicator: {
bars: [
{
upColor: '#0DF69E',
downColor: '#F52311'
}
]
},
// x轴
xAxis: {
// x轴线
axisLine: {
show: true,
color: '#e5e8f6'
}
},
// y轴
yAxis: {
// y轴线
axisLine: {
color: '#e5e8f6'
},
// x轴分割文字
tickText: {
color: '#666'
},
// x轴分割线
tickLine: {
color: '#e5e8f6'
}
},
// 图表之间的分割线
separator: {
color: '#e5e8f6'
}
}
onMounted(() => {
chart = init('chart')
chart.setStyles(chartOption)
chart.createIndicator('MA', false, { id: 'candle_pane' })
chart.createIndicator('VOL')
chart.createIndicator('KDJ')
})
onUnmounted(() => {
dispose('chart')
})
</script>
<style scoped lang="scss"></style>
src/subPackages/index/gupiaoDetail/gupiaoDetail.vue 0 → 100644
<template>
<Navigater v-if="isShow" :isdma="`(${gupiaoDetail.shuzidaima})`" :title="`${gupiaoDetail.name}`">
<template #right>
<div class="collect" @click="collect">
<image v-if="collectInfo == 0" src="/static/image/index/star-o2.png" mode="" />
<image v-else src="/static/image/index/star.png" mode="" />
</div>
</template>
</Navigater>
<div v-if="isShow" class="content" :style="{ height: contentHeight }">
<div class="head">
<div class="left">
<div class="title">{{ gupiaoDetail.name }}</div>
<div class="daima">{{ gupiaoDetail.shuzidaima }}</div>
</div>
<div class="right">
<div class="price">{{ gupiaoDetail.price }}</div>
</div>
</div>
<div class="zd">
<div class="text-primary">
<van-icon :class="getColor(gupiaoDetail, true)" name="down" size=".9rem" />
</div>
<div class="" :class="getColor(gupiaoDetail)">({{ gupiaoDetail.zhangdiebaifenbi }}%)</div>
</div>
<div class="card">
<div class="flex justify-between">
<div class="flex flex-1 text-left de" style="width: 9.375rem">
<div class="text-gray">{{ t('gupiaoDetail.label1') }}：</div>
<div class="text-value">{{ gupiaoDetail.open }}</div>
</div>
<div class="flex flex-1 text-left de2" style="width: 9.375rem">
<div class="text-gray">{{ t('gupiaoDetail.label2') }}：</div>
<div class="text-value">{{ gupiaoDetail.close }}</div>
</div>
</div>
<div class="flex justify-between">
<div class="flex flex-1 text-left de" style="width: 9.375rem">
<div class="text-gray">{{ t('gupiaoDetail.label3') }}：</div>
<div class="text-value" style="color: #ff0021">{{ gupiaoDetail.high }}</div>
</div>
<div class="flex flex-1 text-left de2" style="width: 9.375rem">
<div class="text-gray">{{ t('gupiaoDetail.label4') }}：</div>
<div class="text-value">{{ gupiaoDetail.low }}</div>
</div>
</div>
<div class="flex justify-between">
<div class="flex flex-1 text-left de" style="width: 9.375rem">
<div class="text-gray">{{ t('gupiaoDetail.label5') }}：</div>
<div class="text-value" style="color: #ff0021">{{ gupiaoDetail.vol }}</div>
</div>
<div class="flex flex-1 text-left de2" style="width: 9.375rem">
<div class="text-gray">{{ t('gupiaoDetail.label6') }}：</div>
<div class="text-value">{{ gupiaoDetail.totalMoney }}({{ t('gupiaoDetail.yi') }})</div>
</div>
</div>
</div>
<div class="date_wrap">
<div v-for="(item, index) in columns" :key="index" :class="{ active: item.value == dateActive }" class="date">
<span @click="getChart(gupiaoDetail.id, item.value)">{{ item.label }}</span>
<div v-if="index < columns.length - 1" class="line"></div>
</div>
</div>
<div class="chart_wrap">
<GupiaoChart :value="chartValue" />
</div>
<div class="box">
<div class="button_wrap">
<div class="button" :class="{ active: buyGupiaoParams.buytype === 0 }" @click="changeType(0)">{{ t('gupiaoDetail.shijia') }}</div>
<div class="button" :class="{ active: buyGupiaoParams.buytype === 1 }" @click="changeType(1)">{{ t('gupiaoDetail.xianjia') }}</div>
</div>
<div class="submit_wrap">
<div v-show="buyGupiaoParams.buytype === 1" class="row">
<div class="title">{{ t('gupiaoDetail.inputLabel1') }}</div>
<div class="wrap">
<van-stepper v-model="price" :placeholder="buyGupiaoParams.price" input-width="50" min="0" button-size="1.8rem" step="0.1" @blur="priceChange" />
</div>
</div>
<div class="row">
<div class="title">{{ t('gupiaoDetail.inputLabel2') }}</div>
<div class="wrap">
<van-stepper v-model="buyGupiaoParams.shuliang" input-width="50" button-size="1.8rem" digit />
</div>
</div>
<div v-if="userMoneyInfo.peizi_data === '1'" class="row">
<div class="title">{{ t('gupiaoDetail.inputLabel3') }}</div>
<div class="wrap">
<van-stepper v-model="buyGupiaoParams.ganggan_ratio" input-width="50" button-size="1.8rem" digit @update:model-value="changeganggan_ratio" />
</div>
</div>
<div class="button_wrap">
<div class="button" :class="{ active: buyGupiaoParams.fangxiang === 'duo' }" @click="buyGupiaoParams.fangxiang = 'duo'">{{ t('gupiaoDetail.maiduo') }}</div>
<div class="button" :class="{ active: buyGupiaoParams.fangxiang === 'kong' }" @click="buyGupiaoParams.fangxiang = 'kong'">{{ t('gupiaoDetail.maikong') }}</div>
</div>
<div class="button submit" @click="openWindow()">{{ t('gupiaoDetail.submit') }}</div>
</div>
</div>
</div>
<van-popup v-model:show="gupiaoWindowShow" class="buy_window" v-bind="windowOptions">
<van-icon class="close" name="cross" color="#333" size="1.2rem" @click="gupiaoWindowShow = false" />
<div class="title row">{{ gupiaoDetail.name }}/{{ gupiaoDetail.shuzidaima }}</div>
<div class="row_group">
<div class="row">
<div class="label">{{ t('gupiaoDetail.windowLabel1') }}</div>
<div v-if="buyGupiaoParams.buytype == 0" class="value">{{ gupiaoDetail.price ? changeMoney(gupiaoDetail.price) : '-' }}</div>
<div v-else class="value">{{ price ? changeMoney(price) : gupiaoDetail.price ? changeMoney(gupiaoDetail.price) : '-' }}</div>
</div>
<div class="row">
<div class="label">{{ t('gupiaoDetail.windowLabel2') }}</div>
<div class="value">{{ buyGupiaoParams.shuliang }}</div>
</div>
<div class="row">
<div class="label">{{ t('gupiaoDetail.windowLabel3') }}</div>
<div v-if="buyGupiaoParams.buytype == 0" class="value">
{{
gupiaoDetail.price !== '-'
? userMoneyInfo.peizi_data === '1'
? changeMoney((gupiaoDetail.price * buyGupiaoParams.shuliang) / buyGupiaoParams.ganggan_ratio)
: changeMoney(gupiaoDetail.price * buyGupiaoParams.shuliang)
: '-'
}}
</div>
<div v-else class="value">
{{
price !== ''
? buyGupiaoParams.price
? userMoneyInfo.peizi_data === '1'
? changeMoney((price * buyGupiaoParams.shuliang) / buyGupiaoParams.ganggan_ratio)
: changeMoney(price * buyGupiaoParams.shuliang)
: '-'
: gupiaoDetail.price !== '-'
? userMoneyInfo.peizi_data === '1'
? changeMoney((gupiaoDetail.price * buyGupiaoParams.shuliang) / buyGupiaoParams.ganggan_ratio)
: changeMoney(gupiaoDetail.price * buyGupiaoParams.shuliang)
: '-'
}}
</div>
</div>
<div class="row">
<div class="label">{{ t('gupiaoDetail.windowLabel4') }}</div>
<div class="value">{{ gupiaoDetail.price !== '-' ? changeMoney(gupiaoDetail.price * buyGupiaoParams.shuliang) : '-' }}</div>
</div>
<div class="row">
<div class="label">{{ t('gupiaoDetail.windowLabel6') }}</div>
<div v-if="buyGupiaoParams.buytype === 0" class="value">{{ userMoneyInfo.peizi_data === '1' ? changeMoney(heji / buyGupiaoParams.ganggan_ratio) : changeMoney(heji) }}</div>
<div v-else class="value">
{{
price === ''
? userMoneyInfo.peizi_data === '1'
? changeMoney((gupiaoDetail.price * (buyGupiaoParams.shuliang || 0)) / buyGupiaoParams.ganggan_ratio)
: changeMoney(gupiaoDetail.price * (buyGupiaoParams.shuliang || 0))
: userMoneyInfo.peizi_data === '1'
? changeMoney((price * (buyGupiaoParams.shuliang || 0)) / buyGupiaoParams.ganggan_ratio)
: changeMoney(price * (buyGupiaoParams.shuliang || 0))
}}
</div>
</div>
<div class="row">
<div class="label">{{ t('gupiaoDetail.windowLabel7') }}</div>
<div class="value">{{ changeMoney(userMoneyInfo.money) }}</div>
</div>
</div>
<div class="button" @click="buyGupiao">{{ t('gupiaoDetail.submit') }}</div>
</van-popup>
</template>
<script setup lang="ts">
import GupiaoChart from './components/gupiaoChart.vue'
import { useCounterStore } from '@/store/store'
import { useI18n } from 'vue-i18n'
import { getGupiaoDetailApi, getTickerKApi, collectApi, collectDetailApi, getUserMoneyApi, buyGupiaoApi } from '@/api/index/index'
import { timestempToDate, getColor, changeMoney } from '@/common/common'
import { onHide, onLoad, onShow } from '@dcloudio/uni-app'
import { ref } from 'vue'
import { buyGupiaoType } from '@/api/index/indexType'
import { closeToast, showConfirmDialog, showLoadingToast, showToast } from 'vant'
const { t } = useI18n()
// 页面基础配置
const store = useCounterStore()
console.log(store)
const contentHeight = `calc(${store.pageHeight} - 3.125rem)`
onLoad(async (options) => {
getUserMoney()
buyGupiaoParams.value.pro_id = options?.id
})
const changeganggan_ratio = () => {
if (buyGupiaoParams.value.ganggan_ratio < 1) {
buyGupiaoParams.value.ganggan_ratio = 1
} else if (buyGupiaoParams.value.ganggan_ratio > 100) {
buyGupiaoParams.value.ganggan_ratio = 100
}
}
let gpdId: any = null
onShow(async () => {
await getGupiaoDetail(buyGupiaoParams.value.pro_id)
getChart(gupiaoDetail.value.id, dateActive.value)
gpdId = setInterval(async () => {
await getGupiaoDetail(buyGupiaoParams.value.pro_id)
await getChart(gupiaoDetail.value.id, dateActive.value)
}, 10000)
})
onHide(() => {
clearInterval(gpdId)
})
// 获取股票详情
const gupiaoDetail = ref({
is_zixuan: 0,
price: '-'
})
const price = ref('')
const isShow = ref(false)
const getGupiaoDetail = async (id: any) => {
const res = await getGupiaoDetailApi({ id })
isShow.value = true
res.data.time = timestempToDate(res.data.updatetime * 1000, '/')
res.data.totalMoney = Math.floor(((res.data.vol * res.data.price * 1000) / 100000000) * 100) / 100
gupiaoDetail.value = res.data
collectInfo.value = res.data.is_zixuan
buyGupiaoParams.value.price = res.data.price
}
const columns = [
{ label: t('gupiaoDetail.tip3'), value: 1 },
{ label: t('gupiaoDetail.tip4'), value: 2 },
{ label: t('gupiaoDetail.tip5'), value: 3 },
{ label: t('gupiaoDetail.tip6'), value: 4 },
{ label: t('gupiaoDetail.tip7'), value: 5 },
{ label: t('gupiaoDetail.tip8'), value: 6 },
{ label: t('gupiaoDetail.tip9'), value: 7 },
{ label: t('gupiaoDetail.tip10'), value: 8 }
]
const changeType = (e) => {
buyGupiaoParams.value.buytype = e
if (e === 1 && !price.value) {
price.value = buyGupiaoParams.value.price
}
}
// 股票K线
const dateActive = ref(1)
const chartValue = ref({})
const getChart = async (id: number, kline_type: number = 0) => {
dateActive.value = kline_type
const res = await getTickerKApi({ kline_type: dateActive.value, id })
const kLineList = res.data.map((item: any) => {
return {
close: item.c,
high: item.h,
low: item.l,
open: item.o,
timestamp: item.t * 1000,
volume: item.v
}
})
chartValue.value = kLineList
}
// 收藏股票
const collectInfo = ref(0)
const collect = async () => {
const res = await collectApi({ id: gupiaoDetail.value.id })
const info = await collectDetailApi({ id: gupiaoDetail.value.id })
collectInfo.value = info.data.msg === 'yes' ? 1 : 0
showToast(res.data.msg)
}
// 购买股票
const buyGupiaoParams = ref<buyGupiaoType>({
buytype: 0,
fangxiang: 'duo',
price: 0,
pro_id: 0,
shuliang: 1,
ganggan_ratio: 10
})
const gupiaoWindowShow = ref(false)
const windowOptions = {
position: 'bottom',
'close-on-click-overlay': true,
'safe-area-inset-bottom': true,
round: true
}
const heji = ref(0)
const openWindow = (e: string) => {
const price1 = buyGupiaoParams.value.buytype === 0 ? Number(gupiaoDetail.value.price) : Number(price.value)
const sxf = Number(parseFloat(userMoneyInfo.value.sxf * price1 * Number(buyGupiaoParams.value.shuliang)).toFixed(3))
if (sxf > userMoneyInfo.value.sxfzdi) {
shouxufei.value = sxf
} else {
shouxufei.value = Number(parseFloat(userMoneyInfo.value.sxfzdi).toFixed(3))
}
heji.value = (price1 || 0) * (buyGupiaoParams.value.shuliang || 0)
gupiaoWindowShow.value = true
}
const priceChange = () => {
if (price.value) {
price.value = Number(price.value).toFixed(1)
}
}
const buyGupiao = async () => {
showLoadingToast({ forbidClick: true, duration: 0 })
const params = { ...buyGupiaoParams.value }
params.price = buyGupiaoParams.value.buytype === 0 ? Number(gupiaoDetail.value.price) : price.value !== '' ? Number(price.value) : Number(gupiaoDetail.value.price)
params.ganggan_ratio = userMoneyInfo.value.peizi_data === '1' ? buyGupiaoParams.value.ganggan_ratio : 1
const res = await buyGupiaoApi(params)
if (res.code === 1) {
closeToast()
getUserMoney()
showConfirmDialog({
message: res.data.msg,
confirmButtonText: t('gupiaoDetail.tip11'),
cancelButtonText: t('gupiaoDetail.tip12')
})
.then(() => {
// on confirm
uni.switchTab({ url: '/pages/jiaoyi/jiaoyi' })
})
.catch(() => {
// on cancel
})
setTimeout(() => {
gupiaoWindowShow.value = false
}, 1500)
} else {
closeToast()
showToast({
message: res.msg,
// message: '您的餘額不足，請儲值\n2625000000.請儲值',
wordBreak: 'break-all'
})
}
}
// 获取手续费
const userMoneyInfo = ref({})
const shouxufei = ref(0)
const getUserMoney = async () => {
const res = await getUserMoneyApi()
res.data.sxf = Number(res.data.sxf)
res.data.sxfzdi = Number(res.data.sxfzdi)
userMoneyInfo.value = res.data
}
</script>
<style scoped lang="scss">
.hh {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
}
.collect {
position: absolute;
right: 0;
height: 100%;
padding: 0 1.5rem;
display: flex;
align-items: center;
image {
width: 1.31rem;
height: 1.31rem;
}
}
.de {
display: flex;
align-items: center;
}
.text-left {
text-align: left;
}
button {
font-family: none;
}
.content {
overflow: auto;
.head {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0.7rem 0.94rem 0;
.title {
font-size: 0.94rem;
color: $color-white;
font-weight: 500;
}
.daima {
font-size: 0.75rem;
color: $color-gray;
}
.price {
font-size: 1.5rem;
font-weight: 500;
color: $color-white;
}
}
.box {
width: 23.4375rem;
height: 17.1875rem;
border-top-left-radius: 1.5625rem;
border-top-right-radius: 1.5625rem;
background: #ffffff10;
z-index: 9;
}
.zd {
display: flex;
align-items: center;
justify-content: flex-end;
text-align: center;
margin: 0 0.94rem;
}
.jiage {
margin-top: 0.7188rem;
text-align: center;
color: #fff;
font-size: 1.5rem;
font-weight: 500;
}
.card {
margin: 0.5938rem auto 0;
padding: 0 0.9375rem;
border-radius: 1.03rem;
margin-top: 0.34rem;
text-align: left;
.text-gray {
color: #a6abb5;
font-size: 0.9rem;
}
.text-value {
font-size: 0.9rem;
color: $color-white;
}
.de2 {
display: flex;
justify-content: flex-end;
height: 1.13rem;
margin: 0.2rem 0;
}
}
.date_wrap {
height: 2.13rem;
margin: 0.9375rem 0.84rem 0;
padding: 0.3125rem 0;
border-radius: 0.9rem;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.34rem;
background: #ffffff10;
border: 0.06rem solid #ffffff16;
padding: 0 0.3rem;
.date {
text-align: center;
position: relative;
display: flex;
align-items: center;
span {
width: 2.2rem;
height: 1.5rem;
border-radius: 0.63rem;
line-height: 1.5rem;
font-size: 0.75rem;
color: $color-gray;
transition: width 0.3s;
}
}
.line {
width: 0.06rem;
height: 0.94rem;
background: #aeaeae;
margin: 0 0.2rem;
border-radius: 0.19rem;
}
.active {
span {
width: 3rem;
background-color: $color-primary;
color: #fff;
}
}
}
.chart_wrap {
padding: 0.56rem 1.25rem 2.56rem;
margin-top: 0.34rem;
}
.button_wrap {
padding: 1.25rem 1.25rem 0.625rem;
display: flex;
gap: 0.63rem;
.button {
color: $color-gray;
background: #1c2a3b;
border: 0.06rem solid #565358;
}
.active {
background-color: $color-primary;
color: #fff;
border: 0.06rem solid $color-primary;
}
}
.button {
width: 10rem;
height: 2.44rem;
line-height: 2.44rem;
text-align: center;
color: #fff;
font-size: 0.9375rem;
background: #fff;
border-radius: 0.5rem;
}
.submit {
height: 3.0625rem !important;
line-height: 3.0625rem !important;
width: 100% !important;
margin-top: 0.63rem !important;
background-color: $color-primary;
color: #fff;
}
.submit_wrap {
border-radius: 1.03rem;
padding: 0 1.56rem 1.25rem;
.row {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0.63rem 0;
.title {
font-size: 0.8125rem;
color: $color-white;
}
}
.wrap {
.van-field {
width: 15.0625rem;
height: 2.0625rem;
display: flex;
align-items: center;
border-radius: 1.25rem;
border: 0.03rem solid #d2d2f8;
padding: 0 0.88rem;
margin-left: auto;
margin-right: auto;
font-size: 1rem;
margin: 0.38rem 0 0.59rem;
}
}
.button_wrap {
padding: 0;
}
}
}
.buy_window {
padding: 0 0.81rem 1.8rem 0.81rem;
background: #fff;
.row_group {
display: flex;
flex-wrap: wrap;
.row {
width: 50%;
}
}
.title {
text-align: center;
padding: 0.8rem 0 0.5rem;
font-size: 1rem;
color: $color-black;
}
.row {
display: flex;
justify-content: space-between;
padding: 0.64rem 0.56rem;
div {
font-size: 0.81rem;
}
.label {
color: $color-gray;
}
.value {
color: $color-black;
}
}
.title {
justify-content: center;
}
.button {
height: 3.06rem;
line-height: 3.06rem;
width: 100%;
text-align: center;
border-radius: 1.25rem;
background-color: $color-primary;
font-size: 0.81rem;
margin-top: 1.25rem;
font-weight: 500;
color: #fff;
}
.close {
position: absolute;
width: 2.75rem;
height: 2.75rem;
padding: 1rem;
right: 0.5rem;
top: 0rem;
}
}
::v-deep .van-stepper__minus,
::v-deep .van-stepper__plus {
width: 1.63rem;
height: 1.63rem;
border: 0.06rem solid $color-primary;
border-radius: 50%;
background: transparent;
&::before {
background: $color-primary;
}
&::after {
background: $color-primary;
}
}
::v-deep .van-stepper__minus--disabled,
::v-deep .van-stepper__plus--disabled {
border-color: #ccc;
&::before {
background: #ccc;
}
&::after {
background: #ccc;
}
}
::v-deep .van-stepper__input {
background: transparent;
margin: 0 0.63rem;
width: 5.6rem !important;
color: $color-white;
}
</style>
src/subPackages/index/hongli/hongli.vue 0 → 100644
<template>
<Navigater :title="t('hongli.title')" />
<view class="button_group">
<view class="button" :class="{ active: pageType === 0 }" @click="changePageType(0)">{{ t('hongli.button1') }}</view>
<view class="button" :class="{ active: pageType === 1 }" @click="changePageType(1)">{{ t('hongli.button2') }}</view>
</view>
<view v-show="pageType === 0" class="column flex">
<view>{{ t('hongli.column_name') }}</view>
<view>{{ t('hongli.column_jiage') }}</view>
<view>{{ t('hongli.column_daima') }}</view>
</view>
<scroll-view scroll-y class="content">
<view class="gupiao_list">
<view v-show="pageType === 0">
<NotData v-if="gupiaoList.length === 0"></NotData>
<view v-for="(item, index) in gupiaoList" :key="index" class="gupiao1 flex" @click="openWindow(item)">
<view class="tt">{{ item?.product?.name }}</view>
<view class="red">{{ changeMoney(item.buy_in_money) }}</view>
<view>{{ item?.product?.shuzidaima }}</view>
</view>
</view>
<view v-show="pageType === 1" class="card2">
<NotData v-if="shenqingList.length === 0"></NotData>
<view v-for="(item, index) in shenqingList" :key="index" class="gupiao2">
<div class="top">
<div class="title">{{ item?.product?.name }}</div>
<div class="daima">{{ item?.product?.shuzidaima }}</div>
</div>
<div class="row">
<div class="left">
<view class="label">{{ t('hongli.column_jiage') }}</view>
<view class="value red">{{ changeMoney(item.buy_in_money) }}</view>
</div>
<div class="right">
<view class="label">{{ t('jiaoyi.shenqingliang') }}</view>
<view v-if="item.order_status == '2' || item.order_status == '3' || item.order_status == '4'" class="value red">{{ Math.floor(item.final_num) }}</view>
<view v-else class="value red">{{ Math.floor(item.buy_in_num) }}</view>
</div>
</div>
<div class="row">
<div class="left">
<view class="label">{{ t('hongli.column_chengjiaoe') }}</view>
<view class="value">{{ changeMoney(Math.floor(item.buy_in_amount)) }}</view>
</div>
<div class="right">
<view class="label">{{ t('hongli.column_zhuangtai') }}</view>
<view v-if="item.status == '2'" class="value" style="color: #0df69e"> {{ t('hongli.tip1') }} </view>
<view v-if="item.status == '3'" class="value red">{{ t('hongli.tip2') }} </view>
<view v-if="item.status == '1'" class="value" style="color: #fff">{{ t('hongli.tip3') }}</view>
</div>
</div>
</view>
</view>
</view>
</scroll-view>
<van-popup v-model:show="gupiaoWindowShow" class="buy_window" v-bind="windowOptions">
<view class="title">{{ t('hongli.title2') }}</view>
<view class="row_wrap">
<view class="row" style="width: 100%">
<view class="label">{{ t('hongli.column_name') }}：</view>
<view class="value">{{ windowDetail.name }}</view>
</view>
<view class="row">
<view class="label">{{ t('hongli.column_daima') }}：</view>
<view class="value">{{ windowDetail.shuzidaima }}</view>
</view>
<view class="row">
<view class="label">{{ t('hongli.window_shijia') }}：</view>
<view class="value">{{ changeMoney(windowDetail.price) }}</view>
</view>
<view class="row">
<view class="label">{{ t('hongli.window_zhangdie') }}：</view>
<view class="value">{{ windowDetail.zhangdiebaifenbi }}%</view>
</view>
<view class="row">
<view class="label">{{ t('hongli.column_jiage') }}：</view>
<view class="value">{{ changeMoney(windowDetail.buy_in_money) }}</view>
</view>
<view class="row">
<view class="label">{{ t('hongli.window_heji') }}：</view>
<view class="value">{{ changeMoney(totalPrice) }}</view>
</view>
<view class="row">
<view class="label">{{ t('hongli.window_yue') }}：</view>
<view class="value">{{ changeMoney(userMoneyInfo.money) }}</view>
</view>
<view class="row" style="width: 100%; justify-content: space-between">
<view class="label">{{ t('ipo.windowLabel2') }}（{{ t('ipo.zang') }}）</view>
<van-stepper v-model="buyParams.num" integer step="1" />
</view>
</view>
<view class="button" @click="buy">{{ t('gupiaoDetail.submit') }}</view>
<van-icon class="close" name="cross" color="#333" size="1.2rem" @click="gupiaoWindowShow = false" />
</van-popup>
</template>
<script setup lang="ts">
import { getHongliListApi, buyHongliApi, getUserMoneyApi } from '@/api/index/index'
import { onHide, onShow } from '@dcloudio/uni-app'
import { useI18n } from 'vue-i18n'
import { changeMoney } from '@/common/common'
import { ref, computed } from 'vue'
import { showLoadingToast, showToast } from 'vant'
const { t } = useI18n()
let inId: any = null
onShow(() => {
getHongliList()
getUserMoney()
inId = setInterval(() => {
getHongliList()
getUserMoney()
}, 10000)
})
onHide(() => {
clearInterval(inId)
})
const pageType = ref(0)
const changePageType = async (e: number) => {
pageType.value = e
}
// 獲取新股列表
const gupiaoList = ref([])
const shenqingList = ref([])
const getHongliList = async () => {
const res = await getHongliListApi()
gupiaoList.value = res.data.pro_list
shenqingList.value = res.data.order_list
}
// 獲取手續費
const userMoneyInfo = ref({})
const getUserMoney = async () => {
const res = await getUserMoneyApi()
res.data.sxf = Number(res.data.sxf)
res.data.sxfzdi = Number(res.data.sxfzdi)
userMoneyInfo.value = res.data
}
// 彈窗
const gupiaoWindowShow = ref(false)
const windowOptions = {
position: 'bottom',
'close-on-click-overlay': true,
'safe-area-inset-bottom': true,
round: true
}
const windowDetail = ref({
hedging_price: 0
})
const openWindow = (e: any) => {
windowDetail.value = e
gupiaoWindowShow.value = true
}
const totalPrice = computed(() => {
return buyParams.value.num * 100 * Number(windowDetail.value.buy_in_money)
})
// 購買
const buyParams = ref({
dividend_id: 0,
num: 1
})
const buy = async () => {
showLoadingToast({ forbidClick: true, duration: 0 })
buyParams.value.dividend_id = windowDetail.value.id
const res = await buyHongliApi(buyParams.value)
gupiaoWindowShow.value = false
getHongliList()
getUserMoney()
if (res.code === 1) {
showToast({
message: res.msg
})
}
}
</script>
<style scoped lang="scss">
.content {
height: calc(var(--vh) * 100 - 3.13rem - 2.75rem - 2.5rem);
overflow: auto;
.card2 {
padding: 0.75rem 0;
}
}
.column {
padding: 0.52rem 0rem;
margin: 0 0.63rem;
display: flex;
text-align: center;
height: 2.5rem;
align-items: center;
> view {
flex: 1;
color: #a0a5b0;
font-size: 0.75rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.a {
align-items: center;
}
.button_group {
height: 2.75rem;
margin: 0 0.94rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.31rem;
.button {
width: 50%;
height: 2.75rem;
font-size: 0.88rem;
display: flex;
align-items: center;
justify-content: center;
background: #1c2a3b;
border: 0.06rem solid #565358;
color: $color-gray;
border-radius: 0.5rem;
}
.active {
background: $color-primary;
border: 0.05rem solid $color-primary;
color: $color-black;
font-weight: 500;
}
}
.gupiao_list {
margin-bottom: 0.31rem;
align-items: center;
justify-content: center;
width: 100%;
.column,
.gupiao {
height: 3.5rem;
padding: 0.52rem 0rem;
display: flex;
background-color: rgb(10, 31, 55, 0.7);
border-radius: 0.3125rem;
text-align: center;
margin-bottom: 0.625rem;
> view {
flex: 1;
font-size: $uni-font-size-lg;
white-space: pre-wrap;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
text-overflow: ellipsis;
}
}
.gupiao1 {
height: 2.81rem;
padding: 0.52rem;
display: flex;
border-bottom: 1px solid #ffffff50;
text-align: center;
margin-bottom: 0.1rem;
margin: 0 0.63rem;
> view {
flex: 1;
font-size: $uni-font-size-lg;
white-space: pre-wrap;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
color: $color-gray;
text-overflow: ellipsis;
}
.tt {
color: $color-white;
}
}
.gupiao2 {
margin: 0 1rem;
padding: 0.5rem;
border-bottom: 1px solid #ffffff50;
.top {
display: flex;
align-items: center;
gap: 1.56rem;
.title {
font-size: 0.94rem;
font-weight: 500;
color: $color-white;
}
.daima {
height: 1.19rem;
border-radius: 0.31rem;
color: $color-white;
font-size: 0.75rem;
display: flex;
align-items: center;
background: $color-primary;
padding: 0.2rem 0.5rem;
}
}
.row {
justify-content: space-between;
align-items: center;
.left,
.right {
display: flex;
justify-content: space-between;
.label {
color: $color-gray;
font-size: 0.88rem;
&::after {
content: '：';
}
}
.value {
color: $color-white;
font-size: 0.88rem;
}
}
}
}
.gupiao2 + .gupiao2 {
margin-top: 0.31rem;
}
.text_ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
width: 100%;
}
}
.buy_window {
padding: 0 0.8rem 3rem;
background: #fff;
.title {
text-align: center;
padding: 0.8rem 0 0.5rem;
font-size: 1rem;
color: $color-black;
}
.row_wrap {
display: flex;
flex-wrap: wrap;
.row {
&:nth-of-type(2n + 1) {
width: 55%;
}
display: flex;
width: 45%;
align-items: center;
padding: 0.24rem 0.56rem;
color: #fff;
.label {
color: $color-gray;
}
view {
color: $color-black;
font-size: 0.8rem;
}
}
}
.button {
height: 3.06rem;
line-height: 3.06rem;
width: 100%;
text-align: center;
border-radius: 1.25rem;
background-color: $color-primary;
color: #fff;
font-size: 0.81rem;
margin-top: 1rem;
}
.close {
position: absolute;
width: 2.75rem;
height: 2.75rem;
padding: 1rem;
right: 0.5rem;
top: 0.5rem;
}
}
::v-deep .van-stepper__minus,
::v-deep .van-stepper__plus {
width: 1.63rem;
height: 1.63rem;
border: 0.06rem solid $color-primary;
border-radius: 50%;
background: transparent;
&::before {
background: $color-primary;
}
&::after {
background: $color-primary;
}
}
::v-deep .van-stepper__minus--disabled,
::v-deep .van-stepper__plus--disabled {
border-color: #ccc;
&::before {
background: #ccc;
}
&::after {
background: #ccc;
}
}
::v-deep .van-stepper__input {
background: transparent;
margin: 0 0.63rem;
width: 2.6rem;
color: #333;
}
</style>
src/subPackages/index/ipo/ipo.vue 0 → 100644
<template>
<Navigater :title="t('ipo.title')" />
<view class="button_group">
<view class="button" :class="{ active: pageType === 0 }" @click="changePageType(0)">{{ t('ipo.button1') }}</view>
<view class="button" :class="{ active: pageType === 1 }" @click="changePageType(1)">{{ t('ipo.button2') }}</view>
</view>
<scroll-view scroll-y :style="{ height: `calc(var(--vh) * 100 - 3.13rem - 2.75rem)` }">
<view class="gupiao_list">
<view v-show="pageType === 0">
<view v-for="(item, index) in shengoulist" :key="index" class="gupiao1" @click="openWindow(item)">
<div class="top">
<div class="title">{{ item?.name }}</div>
<div class="daima">{{ item?.shuzidaima }}</div>
<div class="date">
<span>{{ t('jiaoyi.chouqianri') }}：</span>
<span>{{ item.chouqiandate }}</span>
</div>
</div>
<div class="bottom">
<div class="left">
<div class="row">
<div class="label">{{ t('ipo.jiage') }}：</div>
<div class="value price">{{ changeMoney(item.chengxiaojia) }}</div>
</div>
<div class="row">
<div class="label">{{ t('ipo.shuliang') }}：</div>
<div class="value">1000000</div>
</div>
</div>
<div class="right">{{ t('ipo.button1') }}</div>
</div>
</view>
<NotData v-if="shengoulist.length === 0"></NotData>
</view>
<view v-show="pageType === 1">
<NotData v-if="xinguApply.length === 0"></NotData>
<view v-for="(item, index) in xinguApply" :key="index" class="gupiao2">
<div class="top">
<div class="flex">
<div class="title">{{ item?.product?.name }}</div>
<div class="daima">{{ item?.product?.shuzidaima }}</div>
</div>
<div class="date">
<span>{{ t('jiaoyi.chouqianri') }}：</span>
<span>{{ item?.product.chouqiandate }}</span>
</div>
</div>
<div class="row">
<div class="left">
<view class="label">{{ t('jiaoyi.jiage') }}</view>
<view class="value primary">{{ changeMoney(item.price) }}</view>
</div>
<div class="right">
<view class="label">{{ t('jiaoyi.zhognqianshuliang') }}</view>
<view class="value">{{ item.zhongqianshu }}</view>
</div>
</div>
<div class="row">
<div class="left">
<view class="label">{{ t('jiaoyi.shenqingliang') }}</view>
<view class="value">{{ item.shengoushuliang }}</view>
</div>
<div class="right">
<view class="label">{{ t('jiaoyi.renjiaogushu') }}</view>
<view class="value">{{ item.renjiaonum || 0 }}</view>
</div>
</div>
<div class="row">
<div class="left">
<view class="label">{{ t('jiaoyi.txt1') }}</view>
<view class="value">{{ changeMoney(item.yingrenjiao) }}</view>
</div>
<div class="right">
<view class="label">{{ t('jiaoyi.txt2') }}</view>
<view class="value">{{ changeMoney(item.yirenjiao) }}</view>
</div>
</div>
<div class="button">{{ getText(item) }}</div>
</view>
</view>
</view>
</scroll-view>
<van-popup v-model:show="gupiaoWindowShow" class="buy_window" v-bind="windowOptions">
<div class="head">
<view class="title">{{ windowDetail.name }}</view>
<div class="daima">{{ windowDetail.shuzidaima }}</div>
</div>
<view class="row">
<view class="label">{{ t('ipo.windowLabel1') }}</view>
<view class="value">{{ changeMoney(windowDetail.chengxiaojia) }}</view>
</view>
<view class="row">
<view class="label">{{ t('ipo.windowLabel2') }}（{{ t('ipo.zang') }}）</view>
<van-stepper v-model="shengouParams.shuliang" step="1" />
</view>
<view class="button" @click="shengou">{{ t('gupiaoDetail.submit') }}</view>
<van-icon class="close" name="cross" color="#333" size="1.2rem" @click="gupiaoWindowShow = false" />
</van-popup>
</template>
<script setup lang="ts">
import { getXinguListApi, shengouApi, getXinguApplyApi } from '@/api/index/index'
import { onHide, onShow } from '@dcloudio/uni-app'
import { useI18n } from 'vue-i18n'
import { ref } from 'vue'
import { changeMoney } from '@/common/common'
import { showLoadingToast, showToast } from 'vant'
const { t } = useI18n()
let id: any = null
onShow(() => {
getXinguList()
getXinguApply()
id = setInterval(() => {
getXinguApply()
}, 10000)
})
onHide(() => {
clearInterval(id)
})
const pageType = ref(0)
const changePageType = async (e: number) => {
pageType.value = e
}
const getText = (item) => {
if (item.status === '0') {
return t('jiaoyi.txt3')
} else if (item.status === '1' && item.is_examine === 0) {
return t('jiaoyi.txt4')
} else if (item.status === '1' && item.is_examine === 1) {
return t('jiaoyi.txt5')
} else if (item.status === '1' && item.is_examine === 2) {
return t('jiaoyi.txt6')
} else if (item.status === '2') {
return t('jiaoyi.txt6')
}
}
const shengoulist = ref([])
const jieshulist = ref([])
const xinguApply = ref([])
const getXinguApply = async () => {
const res = await getXinguApplyApi()
if (res.code === 1) {
xinguApply.value = res.data
console.log(res, 'res')
}
}
const getXinguList = async () => {
const res = await getXinguListApi()
shengoulist.value = res.data.data.filter((item: any) => item.status === '1')
jieshulist.value = res.data.data.filter((item: any) => item.status === '2')
console.log(jieshulist.value, 'jieshulist.value')
console.log(shengoulist.value)
}
const gupiaoWindowShow = ref(false)
const windowOptions = {
position: 'bottom',
'close-on-click-overlay': true,
'safe-area-inset-bottom': true,
round: true
}
const windowDetail = ref({})
const openWindow = (e: any) => {
windowDetail.value = e
console.log(windowDetail.value)
gupiaoWindowShow.value = true
}
const shengouParams = ref({
price: '',
shuliang: 1000,
id: ''
})
const shengou = async () => {
showLoadingToast({ forbidClick: true, duration: 0 })
shengouParams.value.id = windowDetail.value.id
shengouParams.value.price = windowDetail.value.chengxiaojia
const res = await shengouApi(shengouParams.value)
getXinguApply()
gupiaoWindowShow.value = false
showToast({
message: res.data.msg
})
}
</script>
<style scoped lang="scss">
.info-box {
display: flex;
width: 20.9375rem;
height: 2.3125rem;
border-radius: 0.1563rem;
background: rgb(11, 33, 58, 0.8);
padding-left: 0.625rem;
.row {
flex: 0.8;
align-items: end;
justify-content: flex-start;
}
}
.van-field {
width: 50%;
border: 0.03rem solid $uni-color-primary;
padding: 0.12rem 0.5rem;
border-radius: 0.16rem;
}
.ul {
background-color: #fff;
margin-top: 0.88rem;
.li {
height: 2rem;
padding: 0 1.09rem 0 1.25rem;
display: flex;
align-items: center;
justify-content: space-between;
image {
width: 0.94rem;
height: 0.94rem;
margin-right: 0.63rem;
}
}
.li + .li {
border-top: 0.03rem solid $uni-text-color;
}
}
.button_group {
height: 2.75rem;
margin: 0 0.94rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.31rem;
.button {
width: 50%;
height: 2.75rem;
font-size: 0.88rem;
display: flex;
align-items: center;
justify-content: center;
background: #1c2a3b;
border: 0.06rem solid #565358;
color: $color-gray;
border-radius: 0.5rem;
}
.active {
background: $color-primary;
border: 0.05rem solid $color-primary;
color: $color-black;
font-weight: 500;
}
}
.gupiao_list {
padding: 0 0 1.25rem;
.gupiao1 {
margin: 0 1rem;
padding: 0.5rem 0.31rem;
border-bottom: 0.05rem solid #aeaeae;
margin-top: 0.63rem;
.top {
display: flex;
align-items: center;
justify-content: space-between;
.title {
max-width: 5.5rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 0.94rem;
font-weight: 500;
color: $color-white;
}
.daima {
height: 1.19rem;
background: $color-primary;
border-radius: 0.31rem;
color: #fff;
font-size: 0.75rem;
padding: 0 0.38rem;
display: flex;
align-items: center;
}
.date {
span {
color: #afafaf;
font-size: 0.75rem;
}
}
}
.bottom {
display: flex;
justify-content: space-between;
align-items: flex-end;
.row {
display: flex;
margin-top: 0.56rem;
align-items: center;
.label {
font-size: 0.81rem;
color: $color-gray;
}
.value {
font-size: 0.81rem;
color: $color-white;
}
.price {
color: $color-red;
}
}
.right {
width: 7.5rem;
height: 2.13rem;
background: $color-primary;
color: $color-white;
border-radius: 0.38rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.75rem;
font-weight: 500;
}
}
}
.gupiao2 {
margin: 0 1rem;
padding: 0.5rem 0.31rem;
margin-top: 0.63rem;
border-bottom: 0.05rem solid #aeaeae;
.top {
display: flex;
align-items: center;
justify-content: space-between;
.flex {
gap: 1rem;
}
.title {
max-width: 5.5rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 0.94rem;
font-weight: 500;
color: $color-white;
}
.daima {
height: 1.19rem;
background: $color-primary;
border-radius: 0.31rem;
color: #fff;
font-size: 0.75rem;
padding: 0 0.38rem;
display: flex;
align-items: center;
}
.date {
span {
color: #afafaf;
font-size: 0.75rem;
}
}
}
.row {
display: flex;
justify-content: space-between;
height: 1.13rem;
align-items: center;
margin-top: 0.63rem;
.left,
.right {
display: flex;
.label {
color: $color-gray;
font-size: 0.81rem;
&::after {
content: '：';
}
}
.value {
color: $color-white;
font-size: 0.81rem;
}
.primary {
color: $color-red;
}
}
}
.button {
height: 2.13rem;
background: $color-primary;
border-radius: 0.38rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.75rem;
margin-top: 0.63rem;
color: #fff;
font-weight: 500;
}
}
}
.buy_window {
padding: 1.88rem 1.25rem 3rem;
background: #fff;
.close {
position: absolute;
width: 2.75rem;
height: 2.75rem;
padding: 1rem;
right: 0.5rem;
top: 0.5rem;
}
.head {
display: flex;
gap: 1.25rem;
align-items: center;
padding: 0 0.31rem;
position: relative;
.title {
font-size: 1rem;
color: $color-black;
}
.daima {
height: 1.19rem;
background: $color-primary;
border-radius: 0.31rem;
font-size: 0.75rem;
color: #fff;
padding: 0 0.31rem;
display: flex;
justify-content: center;
align-items: center;
}
}
.row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.25rem 0.31rem 0;
.value {
color: $color-red;
font-size: 0.88rem;
}
.label {
font-size: 0.88rem;
color: $color-gray;
}
}
.button {
height: 3.06rem;
line-height: 3.06rem;
width: 100%;
text-align: center;
border-radius: 1.25rem;
background: $color-primary;
color: #fff;
font-size: 0.81rem;
margin-top: 2rem;
}
.input_wrap {
border: 0.03rem solid $uni-color-primary;
padding: 0.12rem 0.5rem;
border-radius: 0.16rem;
}
}
::v-deep .van-stepper__minus,
::v-deep .van-stepper__plus {
width: 1.63rem;
height: 1.63rem;
border: 0.06rem solid $color-primary;
border-radius: 50%;
background: transparent;
&::before {
background: $color-primary;
}
&::after {
background: $color-primary;
}
}
::v-deep .van-stepper__minus--disabled,
::v-deep .van-stepper__plus--disabled {
border-color: #ccc;
&::before {
background: #ccc;
}
&::after {
background: #ccc;
}
}
::v-deep .van-stepper__input {
background: transparent;
margin: 0 0.63rem;
width: 2.6rem;
color: #333;
}
</style>
src/subPackages/index/rongzi/rongzi.vue 0 → 100644
<template>
<view class="">
<view class="navigator">
<slot name="left"></slot>
<view class="back" @click="goBack">
<van-icon name="arrow" color="#fff" size="1.3rem" />
</view>
<view class="title" style="display: flex; align-items: center; justify-content: center; width: 70%">
<view class="title hh">{{ t('rongzi.title') }}</view>
</view>
</view>
<view v-if="state == -1" class="body-box">
<scroll-view scroll-y :style="{ height: `calc(${store.pageHeight} - 3.125rem)` }" class="container">
<div class="bg"></div>
<view class="money">
<view class="tip-box">
<div class="left">
<view class="tip">{{ t('rongzi.tip38') }}</view>
<view class="value"
>{{ t('rongzi.tip39') }}<span>{{ t('rongzi.tip40') }}</span></view
>
</div>
</view>
<view class="card">
<view class="tab-flex">
<view class="tab-li">
<img src="/static/image/rongzi/logo1.png" class="icon" />
<div class="right">
<view class="desc">{{ t('rongzi.tip1') }}</view>
<view class="main">{{ t('rongzi.tip2') }}</view>
</div>
</view>
<view class="tab-li">
<img src="/static/image/rongzi/logo2.png" class="icon" />
<div class="right">
<view class="desc">{{ t('rongzi.tip3') }}</view>
<view class="main">{{ t('rongzi.tip4') }}</view>
</div>
</view>
<view class="tab-li">
<img src="/static/image/rongzi/logo3.png" class="icon big_img" />
<div class="right">
<view class="desc">{{ t('rongzi.tip5') }}</view>
<view class="main">{{ t('rongzi.tip6') }}</view>
</div>
</view>
</view>
<view class="sq-txt">{{ t('rongzi.tip7') }}</view>
<view class="color-gary">
<view>{{ t('rongzi.tip8') }}</view>
<view>{{ t('rongzi.tip9') }}</view>
<view>{{ t('rongzi.tip10') }}</view>
</view>
<view class="info-box">
<view class="title">{{ t('rongzi.tip11') }}</view>
<view class="list">
<view style="width: auto; color: #fff">￥</view>
<input v-model="params.money" style="font-size: 1.3125rem" type="number" :placeholder="t('rongzi.tip12')" />
</view>
<view class="xian"></view>
</view>
<view class="info-box">
<view class="fs-16 list title">{{ t('rongzi.tip13') }}</view>
<view class="list">
<view class="list-title">{{ t('rongzi.tip15') }}</view>
<view>
<input v-model="params.name" :placeholder="t('rongzi.tip14')" class="info-input" />
</view>
</view>
<view class="xian"></view>
<view class="list">
<view class="list-title">{{ t('rongzi.tip16') }}</view>
<view>
<input v-model="params.card" :placeholder="t('rongzi.tip17')" class="info-input" />
</view>
</view>
<view class="xian"></view>
<view class="list">
<view class="list-title">{{ t('rongzi.tip18') }}</view>
<view>
<input v-model="params.address" :placeholder="t('rongzi.tip19')" class="info-input" />
</view>
</view>
<view class="xian"></view>
<view class="list">
<view class="list-title">{{ t('rongzi.tip20') }}</view>
<view>
<input v-model="params.phone" :placeholder="t('rongzi.tip21')" class="info-input" />
</view>
</view>
<view class="xian"></view>
<view class="list">
<view class="list-title">{{ t('rongzi.tip22') }}</view>
<view>
<input v-model="params.mail" :placeholder="t('rongzi.tip23')" class="info-input" />
</view>
</view>
<view class="xian"></view>
</view>
<view class="sumbit" @click="saveSumbit()">{{ t('rongzi.tip24') }}</view>
</view>
</view>
</scroll-view>
</view>
<view v-else class="state-container">
<image v-if="state === 0" class="state-image" src="/static/image/rongzi/state11.png" mode="widthFix" />
<image v-if="state === 1" class="state-image1" src="/static/image/rongzi/state22.png" mode="widthFix" />
<image v-if="state === 2" class="state-image2" src="/static/image/rongzi/state33.png" mode="widthFix" />
<view v-if="state === 0" class="tip1">{{ tip1 }}</view>
<view v-if="state === 1" class="tip1 green">{{ tip1 }}</view>
<view v-if="state === 2" class="tip1 red">{{ tip1 }}</view>
<view class="tip2">{{ tip2 }}</view>
<view class="but-box">
<view class="first" @click="goWeb()">{{ t('rongzi.tip36') }}</view>
<view v-if="state == 0" class="last" @click="switchTab('/pages/index/index')">{{ t('rongzi.tip37') }}</view>
<view v-else-if="state == 1" class="last" @click="state = -1">{{ t('rongzi.tip25') }}</view>
<view v-else-if="state == 2" class="last" @click="state = -1">{{ t('rongzi.tip26') }}</view>
</view>
</view>
</view>
</template>
<script lang="ts" setup>
import { onShow } from '@dcloudio/uni-app'
import { useI18n } from 'vue-i18n'
import { getRongziApi, rongziApi } from '@/api/index/index'
import { switchTab, goBack } from '@/common/common'
import { ref, computed } from 'vue'
import { getCzhiurlApi } from '@/api/user'
// import bg from '@/static/image/rongzi/bg.png'
// import bg from '@/static/image/rongzi/bg.png'
import { useCounterStore } from '@/store/store'
import { closeToast, showLoadingToast, showToast } from 'vant'
const store = useCounterStore()
const { t } = useI18n()
// 页面基础配置
onShow(() => {
getRongziList()
getCzhiurlFn()
})
const kefu_url = ref('')
const getCzhiurlFn = async () => {
const res = await getCzhiurlApi()
if (res.code === 1) {
kefu_url.value = res.data.kefu_url
}
}
const goWeb = () => {
window.open(kefu_url.value)
}
// 獲取融资详情
const rongziInfo = ref({})
const getRongziList = async () => {
showLoadingToast({ forbidClick: true })
const res = await getRongziApi()
rongziInfo.value = res.data.data
if (res.data?.state === 0) {
state.value = 0
} else if (res.data?.state === 1) {
state.value = 1
} else if (res.data?.state === 2) {
state.value = 2
} else {
state.value = -1
}
closeToast()
}
const state = ref(-1)
const tip1 = computed(() => {
const text = [t('rongzi.tip27'), t('rongzi.tip28'), t('rongzi.tip29')]
return text[state.value]
})
const tip2 = computed(() => {
const text2 = [t('rongzi.tip30'), t('rongzi.tip31'), t('rongzi.tip32')]
return text2[state.value]
})
const params = ref({
money: null,
name: null,
card: null,
address: null,
phone: null,
mail: null,
income: null,
credit: null,
qualifications: null
})
let ist = true
const saveSumbit = async () => {
if (!ist) return
ist = false
if (params.value.money < 500000) {
ist = true
return showToast({
icon: 'none',
message: t('rongzi.tip33')
})
}
if (params.value.money > 3000000) {
ist = true
return showToast({
message: t('rongzi.tip34')
})
}
if (validInfo() === true) {
const res = await rongziApi(params.value)
ist = true
params.value = {
money: null,
name: null,
card: null,
address: null,
phone: null,
mail: null,
income: null,
credit: null,
qualifications: null
}
if (res.code === 1) {
state.value = 0
}
closeToast()
} else {
ist = true
}
}
const validInfo = () => {
if (params.value.name && params.value.card && params.value.address && params.value.phone && params.value.mail) {
return true
} else {
showToast({
message: t('rongzi.tip35')
})
return false
}
}
</script>
<style scoped lang="scss">
.container {
position: relative;
.bg {
height: calc(var(--vh) * 100);
// background: url('@/static/image/rongzi/bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
width: 100%;
position: fixed;
// top: -3.13rem;
z-index: -1;
}
}
.uni-app--maxwidth {
overflow-x: hidden;
}
.header {
position: fixed;
background: #ffffff;
width: 100%;
display: flex;
height: 3.125rem;
padding: 0.625rem;
z-index: 9;
display: flex;
justify-content: space-between;
.back {
width: 0.5rem;
height: 1rem;
}
.title {
margin-right: 2.5rem;
color: #000;
}
}
.money {
overflow: hidden;
}
.tip-box {
overflow: hidden;
height: 8.13rem;
margin: 0.94rem 1rem;
position: relative;
display: flex;
justify-content: center;
border-radius: 1rem;
z-index: 100;
background: url('@/static/image/rongzi/bg.png');
background-size: 100% 100%;
background-color: $color-primary;
align-items: center;
.tip {
color: #fff;
text-align: center;
font-family: 'PingFang SC';
font-style: normal;
font-weight: 600;
line-height: normal;
font-size: 0.84rem;
}
.value {
color: #fff;
text-align: center;
font-family: 'PingFang SC';
font-size: 2.375rem;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 0.31rem;
span {
color: #fff;
font-family: 'PingFang SC';
font-size: 1.125rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
}
}
.top-bg {
width: 100%;
height: 18.75rem;
}
.tab-flex {
box-sizing: border-box;
display: flex;
justify-content: space-between;
width: 100%;
border-radius: 1.5rem;
padding: 0.63rem 0;
}
.card {
padding: 0.3rem 0.94rem 2rem;
position: relative;
z-index: 100;
}
.tab-li {
text-align: center;
border-radius: 0.94rem;
align-items: center;
width: 32%;
padding: 0.31rem;
background: #ffffff10;
border: 0.06rem solid #ffffff16;
.icon {
width: 3.06rem;
height: 3.06rem;
padding: 0.2rem;
margin: 0 auto;
}
.right {
padding-left: 0.31rem;
}
.desc {
color: $color-white;
font-weight: bold;
font-size: 0.75rem;
text-align: center;
margin: 0.31rem 0;
}
.main {
color: $color-gray;
font-size: 0.75rem;
text-align: center;
}
.big_img {
padding: 0.3rem;
}
}
.sq-txt {
margin: 0.625rem;
color: $color-white;
font-size: 1.125rem;
}
.color-gary {
font-size: 0.75rem;
margin: 0.3125rem 0.625rem;
uni-view {
color: $color-gray;
white-space: pre;
margin-top: 0.63rem;
}
}
.info-box {
margin: 1.25rem 0.625rem;
border-radius: 0.625rem;
padding: 0.625rem;
.title {
color: $color-white;
}
}
.xian {
border-bottom: 0.0625rem solid transparent;
margin-bottom: 0.6rem;
}
.list {
line-height: 2.5rem;
display: flex;
align-items: center;
margin: 0.31rem 0;
width: 100%;
::v-deep .uni-input-input {
font-size: 0.875rem;
color: $color-white;
}
::v-deep .uni-input-placeholder {
font-size: 0.875rem;
color: $color-gray;
}
}
.list .list-title {
width: 6.4375rem;
line-height: 1.375rem;
color: $color-white;
}
.list > view {
font-size: 0.875rem;
}
.mt-10 {
margin-top: 0.625rem;
}
input {
font-size: 1.125rem;
width: 100%;
height: 1.875rem;
line-height: 0.9375rem;
color: $color-black;
border: 0.05rem solid $color-white;
border-radius: 0.38rem;
padding: 0 0.51rem;
}
.file-box {
width: 6.25rem;
height: 6.25rem;
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
border-radius: 0.625rem;
}
.sumbit {
background: $color-primary;
color: $color-white;
font-weight: 500;
margin: 0.625rem;
border-radius: 1.13rem;
line-height: 3.125rem;
text-align: center;
}
.upload-Image {
display: flex;
align-items: center;
}
.ml-10 {
margin-left: 0.625rem;
}
.state-container {
overflow: hidden;
text-align: center;
overflow: hidden;
.state-image {
width: 16rem;
margin: 6.25rem auto 1.5625rem auto;
display: block;
}
.state-image1 {
width: 16rem;
margin: 6.25rem auto 1.5625rem auto;
display: block;
}
.state-image2 {
width: 16rem;
margin: 6.25rem auto 1.5625rem auto;
display: block;
}
.tip1 {
font-size: 1rem;
font-weight: 600;
color: #fff;
}
.tip2 {
font-size: 0.8rem;
font-weight: 400;
color: #a6a6a6;
padding: 0.5rem 0 2.25rem 0;
margin: 0 1rem;
}
.but-box {
display: flex;
justify-content: space-around;
view {
width: 10.5rem;
height: 2.9375rem;
line-height: 2.9375rem;
border-radius: 0.625rem;
}
.first {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: $color-primary;
font-weight: 500;
border-radius: 0.5rem;
color: $color-black;
}
.last {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 0.5rem;
background: #1c2a3b;
border: 0.06rem solid #565358;
color: $color-gray;
}
}
}
.navigator {
height: 3.13rem;
position: relative;
display: flex;
justify-content: center;
align-items: center;
.back {
position: absolute;
left: 0;
height: 100%;
padding-left: 1.0625rem;
display: flex;
align-items: center;
.van-icon {
transform: rotate(180deg);
}
}
.title {
font-size: 0.9375rem;
color: $color-white;
font-weight: 500;
text-align: center;
}
}
</style>
src/subPackages/index/scratchLottery/scratchLottery.vue 0 → 100644
<template>
<div class="container">
<div class="bg">
<div class="navigator">
<van-icon name="arrow-left" color="#fff" size="1.25rem" :style="arrowStyle" @click="goBack"></van-icon>
</div>
<div class="logo">
<img src="/static/image/index/guajiang/logo.png" alt="" />
</div>
<div class="bgTitle"></div>
<!-- <div class="count">
<span>{{ t('index.guajiangCount1') }}</span>
<span class="num">{{ showCount }}</span>
<span>{{ t('index.guajiangCount2') }}</span>
</div> -->
<div class="canvasWrap">
<canvas ref="bottomCanvas" canvas-id="bottomCanvas" class="bottomCanvas"></canvas>
<canvas ref="topCanvas" canvas-id="topCanvas" class="topCanvas" @touchmove="touchmove"></canvas>
<img class="jiangpin" :src="guajiangIcon" alt="" />
<div class="center">{{ guajiangResult }}</div>
</div>
<div class="bottom">
<div class="row" @click="recordWindow = true">
<image src="/static/image/index/guajiang/gift.png" mode="" />
<span>{{ t('index.guajiangRecord') }}</span>
</div>
</div>
</div>
</div>
<van-popup v-model:show="recordWindow" position="bottom" class="recordWindow">
<div class="close" @click="recordWindow = false">
<van-icon name="cross" color="#fff" />
</div>
<div class="title">{{ t('index.guajiangRecord') }}</div>
<div v-if="recordList.length === 0" class="nodata">{{ t('common.nodata') }}</div>
<div class="recordList">
<div v-for="(item, index) in recordList" :key="index" class="row">
<div class="left">{{ item.status === 1 ? t('index.guajiangSuccess') : t('index.guajiangFail') }}</div>
<div class="center" :class="item.status === 1 ? 'success' : 'fail'">{{ item.name }}</div>
<div class="right">{{ timestempToDate(item.updatetime * 1000) }}</div>
</div>
</div>
</van-popup>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { getLotteryHistoryApi, getLotteryDrawApi, getLotteryCountApi } from '@/api/index'
import { onLoad } from '@dcloudio/uni-app'
import weigua from '@/static/image/index/guajiang/weigua.png'
import yigua from '@/static/image/index/guajiang/yigua.png'
import { useI18n } from 'vue-i18n'
import { timestempToDate, goBack } from '@/common/common'
const { t } = useI18n()
const guajiangStatus = ref(false)
const recordWindow = ref(false)
const guajiangResult = ref('')
const guajiangIcon = ref('')
const recordList = ref([])
const guajiangCount = ref(0)
const showCount = ref(0)
onLoad(() => {
getLotteryHistoryList()
getLotteryCount()
initBottomCanvas()
initTopCanvas()
})
const bottomCtx = ref(null)
const bottomCanvas = ref(null)
const topCtx = ref(null)
const topCanvas = ref(null)
const initBottomCanvas = () => {
setTimeout(() => {
// 底图
bottomCtx.value = uni.createCanvasContext('bottomCanvas')
const backgroundImage = new Image()
backgroundImage.src = yigua
backgroundImage.onload = function () {
console.log(backgroundImage.currentSrc, bottomCanvas.value.$el.clientWidth)
bottomCtx.value.drawImage(backgroundImage.currentSrc, 0, 0, bottomCanvas.value.$el.clientWidth, bottomCanvas.value.$el.clientWidth)
bottomCtx.value.draw()
}
}, 0)
}
const initTopCanvas = () => {
setTimeout(() => {
// 顶部图
topCtx.value = uni.createCanvasContext('topCanvas')
const backgroundImage = new Image()
backgroundImage.src = weigua
backgroundImage.onload = function () {
topCtx.value.drawImage(backgroundImage.currentSrc, 0, 0, topCanvas.value.$el.clientWidth, topCanvas.value.$el.clientWidth)
topCtx.value.draw()
}
}, 0)
}
const touchmove = (e) => {
if (!guajiangStatus.value) {
guajiang()
guajiangStatus.value = true
}
if (guajiangCount.value === 0) {
return
}
const x = e.changedTouches[0].x
const y = e.changedTouches[0].y
clearArcFun(x, y, 30, topCtx.value)
topCtx.value.draw(true)
}
const clearArcFun = (x, y, r, cxt) => {
// (x,y)为要清除的圆的圆心，r为半径，cxt为context
let stepClear = 1 // 别忘记这一步
clearArc(x, y, r)
function clearArc(x, y, radius) {
const calcWidth = radius - stepClear
const calcHeight = Math.sqrt(radius * radius - calcWidth * calcWidth)
const posX = x - calcWidth
const posY = y - calcHeight
const widthX = 2 * calcWidth
const heightY = 2 * calcHeight
if (stepClear <= radius) {
cxt.clearRect(posX, posY, widthX, heightY)
stepClear += 1
clearArc(x, y, radius)
}
}
}
// // 获取抽奖历史
const getLotteryHistoryList = async () => {
const res = await getLotteryHistoryApi()
recordList.value = res.data
}
// // 获取抽奖次数
const getLotteryCount = async () => {
const res = await getLotteryCountApi()
console.log(res)
guajiangCount.value = res.data.count
showCount.value = res.data.count
}
const guajiang = async () => {
showCount.value = 0
guajiangStatus.value = false
guajiangResult.value = ''
guajiangIcon.value = ''
const res = await getLotteryDrawApi()
if (res.code === 1) {
guajiangResult.value = res.data?.product?.name
guajiangIcon.value = res.data?.product?.icon
getLotteryHistoryList()
// getLotteryCount()
}
}
</script>
<style lang="scss" scoped>
.container {
overflow: hidden;
height: calc(var(--vh) * 100);
touch-action: none;
}
.bg {
background: url('@/static/image/index/guajiang/bg.png');
height: calc(var(--vh) * 100);
background-size: 100% 100%;
background-repeat: no-repeat;
overflow: hidden;
position: relative;
.navigator {
position: absolute;
height: 3.13rem;
display: flex;
align-items: center;
justify-content: center;
padding-left: 1rem;
image {
width: 0.625rem;
height: 1.0547rem;
padding: 0 1rem;
box-sizing: content-box;
}
}
.logo {
margin: 9vh 1.25rem 0;
display: flex;
justify-content: flex-end;
img {
width: 5.31rem;
height: 2.38rem;
object-fit: contain;
}
}
.bgTitle {
background: url('@/static/image/index/guajiang/title.png');
width: calc(100vw - 2.5rem);
height: 6.25rem;
object-fit: contain;
padding: 0 1.25rem;
background-size: 100% auto;
background-repeat: no-repeat;
margin: 1vh auto 0;
}
.count {
text-align: center;
color: $color-primary;
margin: 1rem 0;
font-weight: 900;
.num {
color: #666;
margin: 0 0.31rem;
}
}
}
.content {
position: relative;
display: none;
img {
margin: 0 0.5rem;
width: calc(100vw - 1rem);
}
.center {
position: absolute;
text-align: center;
width: 80%;
left: 10%;
color: #8ebbff;
font-size: 1.63rem;
font-weight: bold;
top: 40%;
}
}
.canvasWrap {
margin: 0 0.5rem;
width: calc(100vw - 1rem);
height: calc(100vw - 1rem);
position: relative;
touch-action: manipulation;
background: url('@/static/image/index/guajiang/wrap.png');
background-size: 100% 100%;
padding: 1rem;
canvas {
width: calc(100% - 2rem);
height: calc(100vw - 3rem);
position: absolute;
}
.bottomCanvas {
z-index: 10;
}
.topCanvas {
z-index: 100;
}
.center {
display: none;
position: absolute;
text-align: center;
width: 80%;
left: 10%;
color: #8ebbff;
font-size: 1.63rem;
font-weight: bold;
top: 43%;
z-index: 50;
}
.jiangpin {
position: absolute;
text-align: center;
width: 80%;
object-fit: contain;
left: 10%;
color: #8ebbff;
font-size: 1.63rem;
font-weight: bold;
top: 10%;
z-index: 50;
}
}
.bottom {
display: flex;
.row {
display: flex;
align-items: center;
margin: 1rem;
gap: 0.3rem;
span {
color: $color-white;
}
}
image {
width: 1.44rem;
height: 1.44rem;
}
}
.window {
width: 21.56rem;
height: 16.25rem;
border-radius: 1rem;
padding: 1.38rem 1.56rem;
.title {
font-size: 1.13rem;
color: #004eaa;
text-align: center;
}
.center {
color: #8ebbff;
font-size: 1.63rem;
font-weight: bold;
margin: 2.31rem auto 3.88rem;
text-decoration: underline;
text-align: center;
}
.button {
width: 100%;
height: 2.75rem;
line-height: 2.75rem;
background: #004eaa;
border-radius: 1.38rem;
text-align: center;
font-weight: bold;
color: #fff;
font-size: 1.13rem;
}
}
.recordWindow {
height: 70vh;
background: #ffffff10;
backdrop-filter: blur(10px);
border-radius: 1.25rem 1.25rem 0 0;
.close {
position: absolute;
right: 1rem;
top: 1rem;
.van-icon {
font-size: 1.33rem;
font-weight: bold;
}
}
.title {
margin: 1.88rem auto 1.56rem;
text-align: center;
color: #ffecb9;
font-weight: bold;
font-size: 1.13rem;
position: relative;
&::before {
content: '';
position: absolute;
width: 3.5rem;
height: 0.81rem;
background: url('@/static/image/index/guajiang/right.png');
background-size: 100% 100%;
left: 23vw;
top: 0.45rem;
}
&::after {
content: '';
position: absolute;
width: 3.5rem;
height: 0.81rem;
background: url('@/static/image/index/guajiang/left.png');
background-size: 100% 100%;
left: 62vw;
top: 0.45rem;
}
}
.recordList {
height: 51vh;
overflow: auto;
.row {
display: flex;
justify-content: space-between;
padding: 0 1rem;
height: 2.75rem;
align-items: center;
.left {
color: #fff;
font-size: 0.81rem;
}
.center {
max-width: 50vw;
font-size: 0.94rem;
}
.right {
color: #fff;
font-size: 0.7rem;
}
.success {
color: #8ebbff;
}
.fail {
color: #e80004;
}
}
}
.nodata {
color: #888;
font-size: 1.13rem;
}
}
.canvasWindow {
border-radius: 1rem;
padding: 1rem;
.canvasWrap {
margin: 0;
width: calc(100vw - 4rem);
height: calc(100vw - 4rem);
position: relative;
canvas {
width: 100%;
height: calc(100vw - 4rem);
position: absolute;
}
.bottomCanvas {
z-index: 10;
}
.topCanvas {
z-index: 100;
}
.center {
position: absolute;
text-align: center;
width: 80%;
left: 10%;
color: #8ebbff;
font-size: 1.63rem;
font-weight: bold;
top: 43%;
z-index: 50;
}
}
}
</style>
src/subPackages/indexLoading/indexLoading.vue 0 → 100644
<template>
<view class="cardimg">
<div class="label">{{ data[labelIndex].label }}</div>
<div class="progress">
<div class="inside" :style="{ width: `${progressWidth}%` }"></div>
</div>
</view>
</template>
<script lang="ts" setup>
import { onHide, onShow } from '@dcloudio/uni-app'
import { Ref, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { check_token } from '@/api/index'
const { t } = useI18n()
const labelIndex = ref(0)
const progressWidth = ref(0)
const data = ref([
{ label: `${t('indexLoading.label1')}`, show: false },
{ label: `${t('indexLoading.label2')}`, show: false },
{ label: `${t('indexLoading.label3')}`, show: false },
{ label: `${t('indexLoading.label4')}`, show: false },
{ label: `${t('indexLoading.label5')}`, show: false },
{ label: `${t('indexLoading.label6')}`, show: false }
])
onShow(() => {
checkToken()
startTimer()
progressWidth.value = 0
labelIndex.value = 0
})
onHide(() => {
clearInterval(timer.value)
})
let islogin = false
const checkToken = async () => {
const res = await check_token()
if (res.code === 1) {
islogin = res.data.login
}
}
const timer: Ref<any> = ref(null)
const startTimer = () => {
let index = 0
timer.value = setInterval(() => {
console.log(labelIndex.value)
console.log(data.value[labelIndex.value].label)
if (index >= data.value.length - 1) {
clearInterval(timer.value)
if (!islogin) {
uni.navigateTo({
url: '/subPackages/login/login'
})
} else {
uni.switchTab({
url: '/pages/index/index'
})
}
return
}
progressWidth.value += 100 / 5
labelIndex.value += 1
refreshData(index++)
}, 800)
}
const refreshData = (index: any) => {
data.value[index].show = true
}
</script>
<style lang="scss">
.progress {
width: 90%;
height: 0.5rem;
border-radius: 0.31rem;
background: #eee;
position: fixed;
bottom: calc(var(--vh) * 10);
.inside {
height: 0.5rem;
border-radius: 0.31rem;
background: $color-primary;
width: 0;
position: absolute;
top: 0;
left: 0;
transition: all 1.7s;
}
}
.label {
position: fixed;
bottom: calc(var(--vh) * 12);
color: #fff;
text-align: center;
}
.cardimg {
background: url('@/static/image/login/loading.png');
background-repeat: no-repeat;
background-size: 100% 100%;
min-height: calc(var(--vh) * 100);
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.logo {
img {
width: 11.25rem;
height: 11.25rem;
margin-top: 2rem;
}
}
</style>
src/subPackages/jiaoyi/jiaoyiDetail/jiaoyiDetail.vue 0 → 100644
<template>
<Navigater :title="t('jiaoyiDetail.title')" />
<view class="info">
<view class="flex justify-between">
<view class="tt">{{ jiaoyiDetail?.product?.name }}</view>
<view class="tt">{{ jiaoyiDetail?.yingsun }}</view>
</view>
<view class="flex">
<view class="text-base">{{ jiaoyiDetail?.product?.shuzidaima }}</view>
<view class="tag">{{ detailRows[0].value }}</view>
</view>
<view class="flex"></view>
</view>
<view class="rows">
<view v-for="(item, index) in detailShowRows" :key="index" class="row">
<view class="label">{{ item.label }}</view>
<view class="value" :class="getTextColor(item)">{{ item.key === 'yingkui' || item.key === 'sellprice' ? changeMoney(item.value) : item.value }}</view>
</view>
</view>
</template>
<script setup lang="ts">
import { computed, ref } from 'vue'
import { getOrderDetailApi } from '@/api/order'
import { onLoad } from '@dcloudio/uni-app'
import { changeMoney, timestampToDate3 } from '@/common/common'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const ismai = ref('1')
onLoad(async (options) => {
ismai.value = options?.ismai
console.log(ismai.value, 'options?.ismai')
await getOrderDetailfn(options?.id)
})
const getTextColor = (item) => {
if (item.key === 'yingkui' && Number(item.value) > 0) {
return 'txt-green'
} else if (item.key === 'yingkui' && Number(item.value) < 0) {
return 'txt-red'
} else {
return 'text-ping'
}
}
const jiaoyiDetail = ref({})
const getOrderDetailfn = async (id: string) => {
const res = await getOrderDetailApi({ id, type: '1' })
jiaoyiDetail.value = res.data
for (const i in detailRows.value) {
const key = detailRows.value[i].key
for (const s in res.data) {
if (key === s) {
detailRows.value[i].value = res.data[s]
break
}
}
// 特殊处理
if (key === 'sellprice') {
detailRows.value[i].value = !Number(detailRows.value[i].value) ? '-' : detailRows.value[i].value
}
if (key === 'price') {
detailRows.value[i].value = changeMoney(Number(detailRows.value[i].value))
}
if (key === 'buytime' || key === 'selltime') {
if (key === 'selltime') {
detailRows.value[i].value = detailRows.value[i].value ? timestampToDate3(detailRows.value[i].value * 1000) : '-'
}
} else if (key === 'shizhi') {
detailRows.value[i].value = changeMoney(detailRows.value[i].value)
}
}
console.log(res)
}
const tip1 = computed(() => (ismai.value === '1' ? t('jiaoyiDetail.shuliang1') : t('jiaoyiDetail.shuliang')))
const detailShowRows = computed(() => {
if (jiaoyiDetail.value.status === '1') {
return detailRows.value.filter((item) => !item.hidden)
}
return detailRows.value
})
const detailRows = ref([
{ label: t('jiaoyiDetail.leixing'), key: 'status_str', value: '' },
{ label: t('jiaoyiDetail.danhao'), key: 'order_sn', value: '' },
{ label: t('jiaoyiDetail.mairushijian'), key: 'buytime', value: '' },
{ label: t('jiaoyiDetail.mairujia'), key: 'price', value: '' },
{ label: t('jiaoyiDetail.maichushijian'), key: 'selltime', value: '', hidden: true },
{ label: t('jiaoyiDetail.maichujia'), key: 'sellprice', value: '', hidden: true },
{ label: tip1, key: 'shuliang', value: '' },
{ label: t('jiaoyiDetail.yingkui'), key: 'yingkui', value: '' },
{ label: t('jiaoyiDetail.mairuzongjia'), key: 'shizhi', value: '' },
{ label: t('jiaoyiDetail.ganggan'), key: 'ganggan_ratio', value: '' },
{ label: t('jiaoyi.sxf'), key: 'sxf_pc', value: '', hidden: true }
])
</script>
<style lang="scss" scoped>
.txt-green {
color: $color-green !important;
}
.txt-red {
color: $color-red !important;
}
.info {
width: 20.9063rem;
height: 3.9688rem;
padding: 0.8rem 0.8rem;
margin: 0.5rem auto 0;
border-top-right-radius: 1.25rem;
border-top-left-radius: 1.25rem;
.tag {
display: none;
height: 1rem;
border-radius: 0.1563rem;
color: #fff;
font-size: 0.625rem;
padding: 0 0.375rem;
margin-left: 0.3125rem;
}
.tt {
color: $color-white;
font-size: 1.19rem;
font-weight: 500;
}
.text-base {
font-size: 0.81rem;
color: #afafaf;
font-weight: 500;
}
}
.rows {
background-color: linear-gradient(168deg, #08182b 0.74%, #1b5191 99.61%);
padding: 1.4375rem 1.875rem 0 2.1875rem;
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
.row {
font-size: $uni-font-size-lg;
height: 2.38rem;
display: flex;
justify-content: space-between;
align-items: center;
.label {
color: $color-gray;
font-size: 0.875rem;
}
.value {
color: $color-white;
font-size: 0.875rem;
}
}
}
</style>
src/subPackages/login/login.vue 0 → 100644
<template>
<view class="container">
<view class="wrap">
<img class="bg" :src="bg" />
<view class="title">{{ t('login.tip3') }}</view>
<view class="mas">
<view class="input_wrap" @click="phoneFocus = true">
<input v-model="loginParams.account" :placeholder="t('login.account_placeholder')" :focus="phoneFocus" @blur="phoneFocus = false" />
</view>
<view class="input_wrap" @click="passwordFocus = true">
<input v-model="loginParams.password" :placeholder="t('login.password_placeholder')" :type="showPassword ? 'text' : 'password'" :focus="passwordFocus" @blur="passwordFocus = false" />
<van-icon :name="showPassword ? 'eye-o' : 'closed-eye'" color="#7B8A9C" size="1.3rem" @click.stop="showPassword = !showPassword" />
</view>
</view>
<view class="button-wrap">
<view class="button" @click="login">{{ t('login.button_text') }}</view>
<view class="text" @click="reLaunch('/subPackages/register/register')">{{ t('login.register') }}</view>
<view class="button circle_button" @click="reLaunch('/subPackages/register/register')">{{ t('register.tip4') }}</view>
</view>
</view>
</view>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { loginApi } from '@/api/login/login'
import { switchTab, reLaunch, checkInput } from '@/common/common'
import { useCounterStore } from '@/store/store'
import { showSuccessToast } from 'vant'
import bg from '@/static/image/login/logo.png'
// import phone from '@/static/image/login/phone.png'
// import password from '@/static/image/login/password.png'
// import eye from '@/static/image/login/eye.png'
// import eye_close from '@/static/image/login/eye-close.png'
import { onShow } from '@dcloudio/uni-app'
const { t } = useI18n()
const store = useCounterStore()
const loginParams = ref({
account: '',
password: ''
})
const showPassword = ref(false)
const phoneFocus = ref(false)
const passwordFocus = ref(false)
const checkArr = [
{ key: 'account', message: t('login.account_error') },
{ key: 'password', message: t('login.password_error') }
]
onShow(() => {
loginParams.value.account = uni.getStorageSync('account') || ''
loginParams.value.password = uni.getStorageSync('password') || ''
})
const login = async () => {
if (!checkInput(checkArr, loginParams.value)) {
return
}
uni.showLoading({ mask: true })
const res = await loginApi(loginParams.value)
uni.hideLoading()
if (res.code === 1) {
uni.setStorageSync('token', res.data.userinfo.token)
uni.setStorageSync('userId', res.data.userinfo.id)
uni.setStorageSync('userInfo', res.data.userinfo)
uni.setStorageSync('account', loginParams.value.account)
uni.setStorageSync('password', loginParams.value.password)
store.token = res.data.userinfo.token
store.userId = res.data.userinfo.userId
store.getUserInfo()
showSuccessToast(res.msg)
setTimeout(() => {
switchTab('/pages/index/index')
}, 1000)
}
}
</script>
<style lang="scss" scoped>
.navigator {
width: 100%;
height: 3.13rem;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 1rem;
.van-icon {
transform: rotate(180deg);
}
}
body {
height: 100vh;
}
.wrap {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
height: calc(var(--vh) * 100);
}
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
.bg {
width: 17.5rem;
margin: 5rem auto 0;
border-radius: 0.63rem;
}
.title {
color: $color-white;
font-size: 1.25rem;
font-weight: 600;
margin: 3.75rem 0 3.44rem;
}
}
.name {
margin: 2.3vh auto 9.54vh;
font-size: 1.5rem;
color: $uni-color-primary;
}
.input_wrap {
display: flex;
align-items: center;
height: 3.06rem;
border-radius: 0.75rem;
margin-bottom: 0.94rem;
background: #ffffff10;
border: 0.03rem solid #7b8a9c !important;
padding: 0 0.88rem;
max-width: 20rem;
margin-left: auto;
margin-right: auto;
font-size: 1rem;
gap: 1rem;
input {
flex: 1;
text-align: left;
.uni-input-placeholder {
color: $color-gray;
}
}
.pwd {
padding: 0.2rem;
}
img {
width: 1.5rem;
height: 1.5rem;
object-fit: contain;
}
}
.button-wrap {
width: 20rem;
margin-top: 1.875rem;
.text {
color: $color-gray;
font-size: 0.9375rem;
line-height: 3.125rem;
}
.button {
height: 3.75rem;
border-radius: 2.63rem;
display: flex;
justify-content: center;
align-items: center;
color: $color-black;
background: $color-primary;
font-weight: 500;
font-size: 1.13rem;
}
.circle_button {
border: 0.06rem solid $color-gray;
background: transparent !important;
color: $color-gray;
margin-bottom: 1.875rem;
}
}
.mas {
width: 20rem;
border-radius: 1.25rem;
}
</style>
src/subPackages/market/zhishuDetail/zhishuDetail.vue 0 → 100644
<template>
<Navigater v-if="isShow" :title="`${gupiaoDetail.name}`"> </Navigater>
<view v-if="isShow" class="content" :style="{ height: contentHeight }">
<div class="head">
<div class="left">
<div class="title">{{ gupiaoDetail.name }}</div>
<div class="daima">{{ gupiaoDetail.zimudaima }}</div>
</div>
<div class="right">
<div class="price" :class="getColor(gupiaoDetail)">{{ gupiaoDetail.price }}</div>
</div>
</div>
<view class="zd">
<view class="text-primary text-lg">
<text v-if="gupiaoDetail.zhangdiebaifenbi === 0"> - </text>
<van-icon v-else :class="getColor(gupiaoDetail, true)" name="down" size=".9rem" />
</view>
<view class="text-lg" :class="getColor(gupiaoDetail)">({{ gupiaoDetail.zhangdiebaifenbi }}%)</view>
</view>
<view class="card">
<view class="flex justify-between">
<view class="flex flex-1 text-left de" style="width: 9.375rem">
<view class="text-lg text-gray hh2">{{ t('gupiaoDetail.label1') }}：</view>
<view class="text-lg" style="color: #141414">{{ gupiaoDetail.open }}</view>
</view>
<view class="flex flex-1 text-left de2" style="width: 9.375rem">
<view class="text-lg text-gray hh2">{{ t('gupiaoDetail.label2') }}：</view>
<view class="text-lg" style="color: #141414">{{ gupiaoDetail.close }}</view>
</view>
</view>
<view class="flex justify-between">
<view class="flex flex-1 text-left de" style="width: 9.375rem">
<view class="text-lg text-gray hh2">{{ t('gupiaoDetail.label3') }}：</view>
<view class="text-lg" style="color: #141414">{{ gupiaoDetail.high }}</view>
</view>
<view class="flex flex-1 text-left de2" style="width: 9.375rem">
<view class="text-lg text-gray hh2">{{ t('gupiaoDetail.label4') }}：</view>
<view class="text-lg" style="color: #141414">{{ gupiaoDetail.low }}</view>
</view>
</view>
<!-- <view class="flex justify-between">
<view class="flex flex-1 text-left de" style="width: 9.375rem">
<view class="text-lg text-gray hh2">{{ t('gupiaoDetail.label5') }}：</view>
<view class="text-lg" style="color: #fff">{{ gupiaoDetail.vol }}</view>
</view>
<view class="flex flex-1 text-left de2" style="width: 9.375rem">
<view class="text-lg text-gray hh2">{{ t('gupiaoDetail.label6') }}：</view>
<view class="text-lg" style="color: #fff">{{ gupiaoDetail.totalMoney }}({{ t('gupiaoDetail.yi') }})</view>
</view>
</view> -->
</view>
<view class="date_wrap">
<div v-for="(item, index) in columns" :key="index" :class="{ active: item.value == dateActive }" class="date">
<span @click="getChart(gupiaoDetail.id, item.value)">{{ item.label }}</span>
<div v-if="index < columns.length - 1" class="line"></div>
</div>
</view>
<view class="chart_wrap">
<GupiaoChart :value="chartValue" />
</view>
</view>
</template>
<script setup lang="ts">
import GupiaoChart from '@/subPackages/index/gupiaoDetail/components/GupiaoChart.vue'
import { useCounterStore } from '@/store/store'
import { useI18n } from 'vue-i18n'
import { getTickerKApi } from '@/api/index/index'
import { timestempToDate, getColor } from '@/common/common'
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import { getZhishuDetailApi } from '@/api/market/market'
const { t } = useI18n()
// 页面基础配置
const store = useCounterStore()
console.log(store)
const contentHeight = `calc(${store.pageHeight} - 3.125rem)`
onLoad(async (option) => {
await getGupiaoDetail(option.id)
getChart(option.id, dateActive.value)
})
// 获取股票详情
const gupiaoDetail = ref({
is_zixuan: 0,
price: '-'
})
const isShow = ref(false)
const getGupiaoDetail = async (id: any) => {
const res = await getZhishuDetailApi({ id })
isShow.value = true
res.data.time = timestempToDate(res.data.updatetime * 1000, '/')
res.data.totalMoney = Math.floor(((res.data.vol * res.data.price * 1000) / 100000000) * 100) / 100
gupiaoDetail.value = res.data
}
const columns = [
{ label: t('gupiaoDetail.tip3'), value: 1 },
{ label: t('gupiaoDetail.tip4'), value: 2 },
{ label: t('gupiaoDetail.tip5'), value: 3 },
{ label: t('gupiaoDetail.tip6'), value: 4 },
{ label: t('gupiaoDetail.tip7'), value: 5 },
{ label: t('gupiaoDetail.tip8'), value: 6 },
{ label: t('gupiaoDetail.tip9'), value: 7 },
{ label: t('gupiaoDetail.tip10'), value: 8 }
]
// 股票K线
const dateActive = ref(1)
const chartValue = ref({})
const getChart = async (id: number, kline_type: number = 0) => {
dateActive.value = kline_type
const res = await getTickerKApi({ kline_type: dateActive.value, id, type: 2 })
const kLineList = res.data.map((item: any) => {
return {
close: item.c,
high: item.h,
low: item.l,
open: item.o,
timestamp: item.t * 1000,
volume: item.v
}
})
chartValue.value = kLineList
}
</script>
<style scoped lang="scss">
.hh {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
}
.collect {
position: absolute;
right: 0;
height: 100%;
padding: 0 1.5rem;
display: flex;
align-items: center;
image {
width: 1.31rem;
height: 1.31rem;
}
}
.de {
display: flex;
align-items: center;
}
.text-left {
text-align: left;
}
button {
font-family: none;
}
.content {
overflow: auto;
.head {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0.7rem 0.94rem 0;
.title {
font-size: 0.94rem;
color: $color-black;
font-weight: 500;
}
.daima {
font-size: 0.75rem;
color: #aeaeae;
}
.price {
font-size: 1.5rem;
font-weight: 500;
color: $color-black;
}
}
.box {
width: 23.4375rem;
height: 17.1875rem;
border-top-left-radius: 1.5625rem;
border-top-right-radius: 1.5625rem;
background: #fff;
z-index: 9;
}
.zd {
display: flex;
align-items: center;
justify-content: flex-end;
text-align: center;
margin: 0 0.94rem;
}
.jiage {
margin-top: 0.7188rem;
text-align: center;
color: #fff;
font-size: 1.5rem;
font-weight: 500;
}
.card {
margin: 0.5938rem auto 0;
padding: 0 0.9375rem;
border-radius: 1.03rem;
margin-top: 0.34rem;
text-align: left;
.text-lg {
color: #fff;
}
.text-gray {
color: #a6abb5;
}
.de2 {
display: flex;
justify-content: flex-end;
height: 1.13rem;
margin: 0.2rem 0;
}
}
.date_wrap {
height: 2.13rem;
margin: 0.9375rem 0.84rem 0;
padding: 0.3125rem 0;
border-radius: 0.5rem;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.34rem;
background: $color-white;
.date {
text-align: center;
position: relative;
display: flex;
align-items: center;
span {
width: 2.2rem;
height: 1.5rem;
border-radius: 0.63rem;
line-height: 1.5rem;
font-size: 0.75rem;
color: $color-black;
transition: width 0.3s;
}
}
.line {
width: 0.06rem;
height: 0.94rem;
background: #aeaeae;
margin: 0 0.2rem;
border-radius: 0.19rem;
}
.active {
span {
width: 3rem;
background-color: $color-primary;
color: #fff;
}
}
}
.chart_wrap {
padding: 0.56rem 1.25rem 2.56rem;
margin-top: 0.34rem;
}
.button_wrap {
padding: 1.25rem 1.25rem 0.625rem;
display: flex;
gap: 0.63rem;
.button {
border: 0.06rem solid #e3e8ef;
color: $color-primary;
}
.active {
background-color: $color-primary;
color: #fff;
}
}
.button {
width: 10rem;
height: 2.44rem;
line-height: 2.44rem;
text-align: center;
color: #fff;
font-size: 0.9375rem;
background: #fff;
border-radius: 0.5rem;
}
.submit {
height: 3.0625rem !important;
line-height: 3.0625rem !important;
width: 100% !important;
margin-top: 0.63rem !important;
background-color: $color-primary;
color: #fff;
}
.submit_wrap {
background-color: #fff;
border-radius: 1.03rem;
padding: 0 1.56rem 1.25rem;
.row {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0.63rem 0;
.title {
font-size: 0.8125rem;
color: #141316;
}
}
.input_wrap {
.van-field {
width: 15.0625rem;
height: 2.0625rem;
display: flex;
align-items: center;
border-radius: 1.25rem;
border: 0.03rem solid #d2d2f8;
padding: 0 0.88rem;
margin-left: auto;
margin-right: auto;
font-size: 1rem;
margin: 0.38rem 0 0.59rem;
}
}
.button_wrap {
padding: 0;
}
}
}
.buy_window {
background-color: #f4ffff;
padding: 0 0.81rem 1.25rem 0.81rem;
.row_group {
display: flex;
flex-wrap: wrap;
.row {
width: 50%;
}
}
.title {
text-align: center;
padding: 0.8rem 0 0.5rem;
font-size: 1rem;
}
.row {
display: flex;
justify-content: space-between;
padding: 0.64rem 0.56rem;
view {
color: $color-black;
font-size: 0.81rem;
}
.label {
color: $color-gray;
}
.value {
color: $color-black;
}
}
.title {
justify-content: center;
}
.button {
height: 3.06rem;
line-height: 3.06rem;
width: 100%;
text-align: center;
border-radius: 0.8rem;
background-color: $color-primary;
color: $color-black;
font-size: 0.94rem;
margin-top: 1.25rem;
font-weight: 500;
color: #fff;
}
.close {
position: absolute;
width: 2.75rem;
height: 2.75rem;
padding: 1rem;
right: 0.5rem;
top: 0rem;
}
}
::v-deep .van-popup--round {
border-radius: 1.88rem 1.88rem 0 0 !important;
}
::v-deep .van-stepper__minus,
::v-deep .van-stepper__plus {
width: 1.63rem;
height: 1.63rem;
border: 0.06rem solid $color-primary;
border-radius: 50%;
background: transparent;
&::before {
background: $color-primary;
}
&::after {
background: $color-primary;
}
}
::v-deep .van-stepper__minus--disabled,
::v-deep .van-stepper__plus--disabled {
border-color: #ccc;
&::before {
background: #ccc;
}
&::after {
background: #ccc;
}
}
::v-deep .van-stepper__input {
background: transparent;
margin: 0 0.63rem;
width: 2.6rem;
}
</style>
src/subPackages/message/message.vue 0 → 100644
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import { ref } from 'vue'
import { getUserMessageApi, getUserMessageDetailApi } from '@/api/message'
import { onLoad } from '@dcloudio/uni-app'
import { timestampToDate2 } from '@/common/common'
const { t } = useI18n()
const UserMessageList = ref([])
const messgaeInfo = ref({})
onLoad(() => {
getUserMessage()
getUserMessageDetail()
})
const params = ref({
page: 1
})
const getUserMessage = async (type?) => {
if (type === 'plus') {
if (params.value.page < messgaeInfo.value.last_page) {
params.value.page += 1
} else {
return
}
}
const res = await getUserMessageApi(params.value)
if (res.code === 1) {
messgaeInfo.value = res.data
if (params.value.page === 1) {
UserMessageList.value = res.data.data
} else {
UserMessageList.value = [...UserMessageList.value, ...res.data.data]
}
}
}
const getUserMessageDetail = async () => {
await getUserMessageDetailApi()
}
</script>
<template>
<Navigater :title="t('message.xiaoxi')" />
<view>
<scroll-view scroll-y class="container" @scrolltolower="getUserMessage('plus')">
<view v-for="(item, index) in UserMessageList" :key="index">
<view class="createtime">{{ timestampToDate2(item.createtime) }}</view>
<view class="content">{{ item.content }}</view>
</view>
<NotData v-if="UserMessageList.length === 0" />
</scroll-view>
</view>
</template>
<style lang="scss" scoped>
.container {
height: calc(var(--vh) * 100 - 3.13rem);
padding-bottom: 1rem;
}
.content {
color: #fff;
background-color: rgba(10, 31, 54, 0.8);
margin: 0.625rem;
padding: 0.9375rem 0.625rem;
font-size: $uni-font-size-1;
border-radius: 0.625rem;
}
.createtime {
font-size: $uni-font-size-1;
color: #747474;
text-align: center;
padding-top: 0.625rem;
}
</style>
src/subPackages/order/order.vue 0 → 100644
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import { getOrderDetailApi } from '@/api/order'
// import { paramsType } from '@/api/order/indexType'
import { onMounted, ref } from 'vue'
const { t } = useI18n()
const order = ref({})
const props = defineProps({
id: {
type: String
},
type: String
})
// 获取股票详情
const getOrderDetailFn = async () => {
console.log(props.id)
const res = await getOrderDetailApi(props)
if (res.code === 1) {
order.value = res.data
}
console.log(res)
}
onMounted(() => {
getOrderDetailFn()
})
</script>
<template>
<Navigater :title="t('order.tip1')" />
<view class="box">
<view class="title-box">
<view class="name">{{ order?.product?.name }}</view>
<view class="code">{{ order?.product?.shuzidaima }}</view>
</view>
<van-cell-group class="order-box">
<van-cell title="訂單號:" :value="order.order_sn" :arrow="false"></van-cell>
<van-cell title="買入時間:" :value="order.buytime" :arrow="false"></van-cell>
<van-cell title="賣出時間:" :value="order.selltime" :arrow="false" v-if="order.status === '2'"></van-cell>
<van-cell title="買入價格:" :value="order.price" :arrow="false"></van-cell>
<van-cell v-if="order.status === '2'" title="賣出價格:" :value="order.sellprice" :arrow="false"></van-cell>
<van-cell title="持有數量:" :value="order.shuliang" :arrow="false"></van-cell>
<van-cell title="原始保證金:" :value="order.benjin" :arrow="false"></van-cell>
<van-cell title="槓桿倍數:" :value="order.ganggan_ratio" :arrow="false"></van-cell>
<van-cell title="買入手續費:" :value="order.sxf_gyf" :arrow="false"></van-cell>
<van-cell v-if="order.status === '2'" title="賣出手續費:" :value="order.sxf_pc" :arrow="false"></van-cell>
<van-cell title="市值:" :value="order.shizhi" :arrow="false"></van-cell>
<van-cell title="類型:" :value="order.buy_type == '0' ? '市價' : '限價'" :arrow="false"></van-cell>
<van-cell v-if="order.status === '2'" title="證交稅:" :value="order.se_fee" :arrow="false"></van-cell>
<van-cell v-if="order.status === '2'" title="證交稅:" :value="order.se_fee" :arrow="false"></van-cell>
<van-cell title="状態" :value="order.status_str" :arrow="false" class="zt"></van-cell>
</van-cell-group>
<!-- <view class="centen">
<view class="row">
<view class="leab">已实现损益</view>
<view class="data">-309.92</view>
</view>
</view> -->
</view>
</template>
<style lang="scss" scoped>
body {
background: #fff;
}
.box {
width: 100%;
.centen {
padding: 0 20px;
.row {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.title-box {
margin-top: 1.5625rem;
margin-bottom: 1.5625rem;
text-align: center;
.name {
font-weight: 600;
font-size: 1.25rem;
}
.code {
font-size: 1rem;
}
}
}
</style>
src/subPackages/real_name/real_name.vue 0 → 100644
<script setup lang="ts">
import { computed, Ref, ref } from 'vue'
import Navigator from '@/components/navigator/navigator.vue'
import { getRealnameApi, subRealnameApi } from '@/api/real_name'
import { RealNameType } from '@/api/real_name/indexType'
import { useI18n } from 'vue-i18n'
import { onLoad } from '@dcloudio/uni-app'
import { closeToast, showLoadingToast, showSuccessToast, showToast } from 'vant'
import { useCounterStore } from '@/store/store'
import config from '@/utils/config'
const store = useCounterStore()
const { t } = useI18n()
const form: Ref<RealNameType> = ref({
true_name: '',
id_card: '',
id_card_img_1: '',
id_card_img_2: '',
status_msg: null,
status: ''
})
const progressImg1 = ref(false)
const progressImgjidu1 = ref(50)
const progressImg2 = ref(false)
const progressImgjidu2 = ref(19)
const id_card_img_1 = ref('')
const id_card_img_2 = ref('')
const getRealname = async () => {
showLoadingToast({
message: t('toastText.tip1'),
forbidClick: true,
overlay: true,
loadingType: 'spinner'
})
const res = await getRealnameApi()
if (res.code === 1) {
if (res.data) {
form.value = res.data
id_card_img_1.value = form.value.id_card_img_1
id_card_img_2.value = form.value.id_card_img_2
}
} else {
showToast(res.msg)
}
closeToast()
}
onLoad(() => {
getRealname()
})
let istrue = true
// 提交实名
const submitRealName = async () => {
if (store.userInfo?.is_auth === 1 && form.value.status !== '') {
return showToast(t('real_name.tip1'))
}
if (form.value.status === '0') {
return showToast(t('real_name.tip2'))
}
if (!istrue) return
istrue = false
const res = await subRealnameApi(form.value)
setTimeout(() => {
istrue = true
}, 1000)
if (res.code === 1) {
showSuccessToast(res.msg)
setTimeout(() => {
getRealname()
store.getUserInfo()
}, 2000)
} else {
showToast(res.msg)
}
}
const baseURL = computed(() => {
return config.baseURL
})
const uploadImage = (type: number) => {
if (form.value.status === '0') {
return showToast(t('real_name.tip2'))
}
if (form.value.status === '1') {
return showToast(t('real_name.tip3'))
}
try {
uni.chooseImage({
sourceType: ['album', 'camera'], // 从相册选择
sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
success: (chooseImageRes) => {
const tempFilePaths = chooseImageRes.tempFilePaths
const filePath = tempFilePaths[0]
console.log(tempFilePaths, 'tempFilePaths')
// showToast(filePath)
switch (type) {
case 1:
id_card_img_1.value = filePath
progressImg1.value = true
progressImgjidu1.value = 60
break
case 2:
id_card_img_2.value = filePath
progressImg2.value = true
progressImgjidu2.value = 69
break
}
uni.showLoading({
title: t('real_name.tip16'),
mask: true
})
uni.uploadFile({
// url: '/api.php/common/upload', // 仅爲示例，非真实的接口地址
url: baseURL.value + '/common/upload?lang=' + uni.getStorageSync('locale'),
// url: 'https://adminjdhgjhs.jpinsoo.com/api.php/common/upload?lang=' + uni.getStorageSync('locale'), // 仅爲示例，非真实的接口地址
// url: 'https://admin.pzenabackend.com/api.php/common/upload?lang=' + uni.getStorageSync('locale'), // 仅爲示例，非真实的接口地址
filePath: filePath,
name: 'file',
header: {
token: uni.getStorageSync('token')
},
success: (uploadFileRes) => {
const resData = JSON.parse(uploadFileRes.data)
if (resData.code !== 1) {
showToast(t('real_name.tip4'))
}
// showToast(tempFilePaths + '---' + resData)
console.log('resData.data.fullurl', resData.data.fullurl)
switch (type) {
case 1:
form.value.id_card_img_1 = resData.data.fullurl
// id_card_img_1.value = resData.data.fullurl
progressImgjidu1.value = 99
progressImg1.value = false
showSuccessToast(t('real_name.tip5'))
break
case 2:
form.value.id_card_img_2 = resData.data.fullurl
// id_card_img_2.value = resData.data.fullurl
progressImgjidu2.value = 99
progressImg2.value = false
showSuccessToast(t('real_name.tip6'))
break
}
uni.hideLoading()
}
})
}
})
} catch (error) {
showToast(error + 'xxx')
}
}
</script>
<template>
<Navigator :title="t('real_name.realName')" />
<view v-if="form.status == '0'">
<view class="u-text-center u-font-xl" style="color: #fff; font-weight: 500">{{ t('real_name.tip2') }}</view>
</view>
<view v-if="form.status == '1'">
<view class="u-text-center u-font-xl" style="color: #fff; font-weight: 500">{{ t('real_name.tip7') }}</view>
</view>
<view v-if="form.status == 2" style="height: 3.13rem; width: 100%; color: #fff; display: flex; align-items: center; padding: 15rpx; justify-content: center">
{{ t('real_name.tip15') }}{{ form.status_msg }}
</view>
<view class="info-list">
<view class="input-item" style="margin-bottom: 0.9375rem">
<view class="input-item-lebal">{{ t('real_name.tip8') }}</view>
<input v-model="form.true_name" type="text" :disabled="form.status === '1' || form.status == '0'" :placeholder="t('real_name.tip9')" style="text-align: right" />
</view>
<view class="input-item">
<view class="input-item-lebal">{{ t('real_name.tip10') }}</view>
<input v-model="form.id_card" :disabled="form.status === '1' || form.status == '0'" type="text" maxlength="16" :placeholder="t('real_name.tip11')" style="text-align: right" />
</view>
</view>
<view class="upload-image">
<view class="upload-image-box" @click="uploadImage(1)">
<image :src="id_card_img_1 != '' ? id_card_img_1 : `/static/image/authentication/zheng1.png`" mode=""> </image>
<view style="font-size: 0.5rem; color: #fff; font-weight: 400; text-align: center">{{ t('real_name.tip12') }}</view>
<v-solt>
<u-line-progress v-show="progressImg1" active-color="#2979ff" :striped="true" :striped-active="true" :percent="progressImgjidu1"></u-line-progress>
</v-solt>
</view>
<view @click="uploadImage(2)">
<image class="upload-image-box" :src="id_card_img_2 != '' ? id_card_img_2 : `/static/image/authentication/fan1.png`" mode=""> </image>
<view style="font-size: 0.5rem; color: #fff; font-weight: 400; text-align: center">{{ t('real_name.tip13') }}</view>
<v-slot>
<u-line-progress v-show="progressImg2" active-color="#2979ff" :striped="true" :striped-active="true" :percent="progressImgjidu2"></u-line-progress>
</v-slot>
</view>
</view>
<butto v-if="form.status === '2' || form.status === ''" :disabled="progressImg1 == true || progressImg2 == true || form.status === '1'" class="submit" @click="submitRealName">
{{ t('real_name.tip14') }}
</butto>
</template>
<style lang="scss" scoped>
::v-deep .uni-toast__content {
}
::v-deep .uni-toast {
padding: 0rem 0.63rem;
}
input {
font-size: 1.125rem;
height: 1.875rem;
line-height: 0.9375rem;
}
.wrap {
box-sizing: border-box;
}
.u-text-center {
margin-top: 2.0313rem;
display: flex;
justify-content: center;
align-items: center;
}
.input-item {
padding: 0 1.25rem;
height: 3.375rem;
display: -webkit-box;
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 0.05rem solid #f2f4f6;
::v-deep .uni-input-placeholder {
font-weight: 500;
color: $color-gray;
font-size: 0.9375rem;
}
.input-item-lebal {
font-size: 0.8125rem;
color: $color-gray;
}
input {
font-weight: 500;
font-size: 0.9375rem;
color: #c0c2c4;
padding-left: 1.5rem;
flex: 1;
}
}
.upload-image {
display: flex;
justify-content: space-between;
padding: 0.625rem;
gap: 0.63rem;
margin-top: 3rem;
image {
width: 100%;
height: 6.1875rem;
border-radius: 0.4063rem;
}
text {
padding-top: 12rpx;
}
}
.submit {
display: block;
height: 2.8125rem;
line-height: 2.8125rem;
text-align: center;
font-size: 1rem;
color: $color-black;
font-weight: 500;
background: $color-primary;
border-radius: 0.5rem;
margin: 2.5rem 0.625rem 0.625rem 0.625rem;
}
.success-icon {
width: 5rem;
height: 6.25rem;
margin-top: 10%;
}
.info-list {
margin: 1.25rem 0.5625rem 0;
border-radius: 0.25rem;
}
</style>
src/subPackages/recharge/recharge.vue 0 → 100644
<script setup lang="ts">
import Navigator from '@/components/navigator/navigator.vue'
import { useCounterStore } from '@/store/store'
import { ref } from 'vue'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const store = useCounterStore()
const number = ref(0)
const moneyList = [1000000, 2000000, 5000000, 10000000, 20000000, 50000000]
const checkMoney = (item: number) => {
number.value = item
}
</script>
<template>
<Navigator />
<view class="top-money"> {{ store.$state.userInfo?.money }} </view>
<view class="recharge-box">
<view class="recharge-box-title">{{ t('recharge.chongzhijine') }}</view>
<!-- 允许输入数字，调起带符号的纯数字键盘 -->
<van-field v-model="number" type="number" />
<view class="money-tag-box">
<view v-for="(item, i) in moneyList" :key="i" class="money-tag" :class="number == item ? 'active' : ''" @click="checkMoney(item)">
{{ item.toLocaleString() }}
</view>
</view>
<view class="sumbit">{{ t('recharge.queren') }}</view>
</view>
<view class="tip">{{ t('recharge.zhuyishixiang') }}:</view>
</template>
<style lang="scss" scoped>
.tip {
margin-top: 0.7813rem;
margin-left: 1.125rem;
font-weight: 300;
font-size: $uni-font-size-1;
color: #292828;
}
.top-money {
width: 100%;
height: 4.5313rem;
display: flex;
justify-content: center;
align-items: center;
background: #f9fafb;
margin-top: 0.4688rem;
font-weight: 400;
font-size: 1.5rem;
color: #080707;
}
.recharge-box {
width: 100%;
height: 13rem;
background: #f9fafb;
margin-top: 0.4375rem;
padding: 1.2813rem 1.2188rem 1.0938rem 1.1563rem;
.sumbit {
width: 21rem;
height: 1.5938rem;
margin-top: 0.5313rem;
display: flex;
justify-content: center;
align-items: center;
background: #50b0f2;
border-radius: 0.8125rem;
font-weight: 300;
font-size: $uni-font-size-1;
color: #fefbfb;
}
.money-tag-box {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 1.2188rem;
.money-tag.active {
background: #50aff0;
color: #fbfcfc;
}
.money-tag {
width: 6.3438rem;
height: 1.5313rem;
border-radius: 0.75rem;
border: 0.0625rem solid #50b0f2;
opacity: 0.59;
font-weight: 500;
font-size: $uni-font-size-1;
color: #292828;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.7188rem;
}
}
.van-field {
margin-top: 0.4688rem;
width: 21.0625rem;
height: 1.6563rem;
background: #f9fafb;
border-radius: 0.8125rem;
border: 0.0625rem solid #50b0f2;
padding: 0 0 0 0.625rem;
display: flex;
align-items: center;
::v-deep .van-field__control {
line-height: 0;
}
}
.recharge-box-title {
font-weight: 300;
font-size: $uni-font-size-1;
color: #080707;
}
}
</style>
src/subPackages/register/register.vue 0 → 100644
<template>
<view class="container">
<view class="wrap">
<view class="title">{{ t('register.tip4') }}</view>
<view class="mas">
<view class="input_wrap" @click="phoneFocus = true">
<input v-model="registerParams.account" :placeholder="t('register.account_placeholder')" :focus="phoneFocus" autocomplete="false" @blur="phoneFocus = false" />
</view>
<view class="input_wrap" @click="passwordFocus = true">
<input
v-model="registerParams.password"
:placeholder="t('register.password_placeholder')"
:type="showPassword ? 'text' : 'password'"
:focus="passwordFocus"
autocomplete="false"
@blur="passwordFocus = false"
/>
<van-icon :name="showPassword ? 'eye-o' : 'closed-eye'" color="#7B8A9C" size="1.3rem" @click.stop="showPassword = !showPassword" />
</view>
<view class="input_wrap" @click="rePasswordFocus = true">
<input
v-model="registerParams.again_password"
:placeholder="t('register.password_again_placeholder')"
:focus="rePasswordFocus"
autocomplete="false"
:type="showRePassword ? 'text' : 'password'"
@blur="rePasswordFocus = false"
/>
<van-icon :name="showRePassword ? 'eye-o' : 'closed-eye'" color="#7B8A9C" size="1.3rem" @click.stop="showRePassword = !showRePassword" />
</view>
<view class="input_wrap" @click="codeFocus = true">
<input v-model="registerParams.yaoqingma" :placeholder="t('register.code_placeholder')" :focus="codeFocus" @blur="codeFocus = false" />
</view>
</view>
<view class="button-wrap">
<view class="button" @click="register">{{ t('register.tip4') }}</view>
<view class="button circle_button" @click="reLaunch('/subPackages/login/login')">{{ t('login.button_text') }}</view>
</view>
</view>
</view>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { registerApi } from '@/api/login/login'
import { reLaunch, checkInput, switchTab } from '@/common/common'
import { showFailToast, showLoadingToast, showSuccessToast, showToast } from 'vant'
import { useCounterStore } from '@/store/store'
// import bg from '@/static/image/login/logo.png'
// import phone from '@/static/image/login/phone.png'
// import password from '@/static/image/login/password.png'
const { t } = useI18n()
const store = useCounterStore()
const registerParams = ref({
account: '',
password: '',
again_password: '',
yaoqingma: ''
})
const showPassword = ref(false)
const showRePassword = ref(false)
const phoneFocus = ref(false)
const passwordFocus = ref(false)
const rePasswordFocus = ref(false)
const codeFocus = ref(false)
const checkArr = [
{ key: 'account', message: t('register.account_error') },
{ key: 'password', message: t('register.password_error') },
{ key: 'again_password', message: t('register.password_again_error') },
{ key: 'yaoqingma', message: t('register.code_error') }
]
const register = async () => {
const reg = /^(070|080|090)\d{8}$/
if (!checkInput(checkArr, registerParams.value)) {
return
}
if (!reg.test(registerParams.value.account)) {
return showToast(t('register.tip1'))
}
if (registerParams.value.password.length < 6 || registerParams.value.password.length > 10) {
return showToast(t('register.tip2'))
}
if (registerParams.value.password !== registerParams.value.again_password) {
showFailToast(t('register.password_repeat_error'))
return
}
showLoadingToast({ mask: true })
const res = await registerApi(registerParams.value)
// closeToast()
if (res.code === 1) {
uni.setStorageSync('token', res.data.userinfo.token)
uni.setStorageSync('userId', res.data.userinfo.id)
uni.setStorageSync('userInfo', res.data.userinfo)
store.token = res.data.userinfo.token
store.userId = res.data.userinfo.userId
store.getUserInfo()
showSuccessToast(res.msg)
setTimeout(() => {
switchTab('/pages/index/index')
}, 1000)
} else {
showFailToast(res.msg)
}
}
</script>
<style lang="scss" scoped>
.navigator {
width: 100%;
height: 3.13rem;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 1rem;
.van-icon {
transform: rotate(180deg);
}
}
.button-wrap {
width: 20rem;
margin-top: 1.875rem;
.text {
color: $color-gray;
font-size: 0.9375rem;
line-height: 3.125rem;
}
.button {
height: 3.75rem;
border-radius: 2.63rem;
display: flex;
justify-content: center;
align-items: center;
color: $color-black;
background: $color-primary;
font-weight: 500;
font-size: 1.13rem;
}
.circle_button {
border: 0.06rem solid $color-gray;
background: transparent !important;
color: $color-gray;
margin-top: 1.875rem;
}
}
.mas {
width: 20rem;
border-radius: 1.25rem;
}
.wrap {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
height: calc(var(--vh) * 100);
}
.container {
text-align: center;
margin: 0 auto;
.bg {
width: 17.5rem;
margin: 5rem auto 0;
border-radius: 0.63rem;
}
.title {
color: $color-white;
font-size: 1.25rem;
font-weight: 600;
margin: 3.75rem 0 3.44rem;
}
.input_wrap {
display: flex;
align-items: center;
height: 3.06rem;
border-radius: 0.75rem;
margin-bottom: 0.94rem;
background: #ffffff10;
border: 0.03rem solid #7b8a9c !important;
padding: 0 0.88rem;
max-width: 20rem;
margin-left: auto;
margin-right: auto;
font-size: 1rem;
gap: 1rem;
input {
flex: 1;
text-align: left;
.uni-input-placeholder {
color: $color-gray;
}
}
.pwd {
padding: 0.2rem;
}
img {
width: 1.5rem;
height: 1.5rem;
object-fit: contain;
}
}
}
.logo {
width: 7.5rem;
height: 7.5rem;
margin: 14vh auto 0vh;
}
.name {
margin: 0vh auto 9.54vh;
font-size: 1.5rem;
color: $uni-color-primary;
}
</style>
src/subPackages/search/search.vue 0 → 100644
<template>
<div class="container">
<view class="top-box">
<van-icon name="arrow-left" size="1.3rem" color="#fff" @click="goBack" />
<view class="input_wrap">
<img src="/static/image/index/search2.png" class="search-icon" />
<input v-model="code" :placeholder="t('search.tip3')" auto-focus @confirm="search" />
</view>
<view class="search_text" @click="search">{{ t('search.title') }}</view>
</view>
<view class="content">
<view v-if="!searchValue.length" class="keyword">
<view v-for="item in history" :key="item" class="keyword-list">
<view class="keyword-item" @click="clickSearch(item)">
<view class="keyword-item-left">{{ item }}</view>
<image src="/static/image/searchNavigation/close.png" class="keyword-close" @click.stop="delkeyword(item)" />
</view>
</view>
</view>
<view class="list">
<NotData v-if="!searchValue.length" />
<view v-for="item in searchValue" :key="item.id" class="list-item" @click="goPage(item.id)">
<view class="item-title">
<span class="title">{{ item.name }} {{ item.shuzidaima }} </span>
<span :class="getColor(item)">{{ item.price }}&nbsp; {{ item.zhangdieshu }}({{ item.zhangdiebaifenbi }}%)</span>
</view>
<van-icon name="arrow" color="#fff"></van-icon>
</view>
</view>
</view>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { searchStock } from '@/api/search'
import { onLoad } from '@dcloudio/uni-app'
import { closeToast, showLoadingToast } from 'vant'
// import icon1 from '@/static/arrow-left.png'
import { getColor } from '@/common/common'
const { t } = useI18n()
const code = ref('')
const history = ref([])
const searchValue = ref([])
const search = async () => {
if (!code.value.trim()) return
showLoadingToast({
message: t('search.tip2'),
forbidClick: true,
overlay: true
})
const res = await searchStock({ code: code.value })
closeToast()
if (res.code === 1) {
if (res.data.result.length) {
if (!history.value.find((item) => item === code.value)) {
addHistory()
getHistory()
}
}
searchValue.value = res.data.result
}
}
const clickSearch = (value) => {
code.value = value
search()
}
// 添加搜索历史
const addHistory = () => {
history.value.push(code.value)
uni.setStorageSync('history', history.value)
}
// 获取搜索历史
const getHistory = () => {
history.value = uni.getStorageSync('history') || []
}
// 跳转详情
const goPage = (id: number) => {
uni.navigateTo({
url: '/subPackages/index/gupiaoDetail/gupiaoDetail?id=' + id
})
}
const goBack = () => {
uni.navigateBack({})
}
// 删除记录
const delkeyword = (value) => {
history.value = history.value.filter((item) => item !== value)
uni.setStorageSync('history', history.value)
}
onLoad(() => {
getHistory()
})
</script>
<style lang="scss" scoped>
.container {
overflow: hidden;
}
.uni-input-placeholder {
font-size: 0.8125rem !important;
}
.nav {
width: 100%;
height: 3.125rem;
}
.top-box {
width: 100%;
height: 3.125rem;
display: flex;
align-items: center;
margin: 0.53rem 0;
gap: 1rem;
.search {
width: 4.375rem;
height: 2rem;
margin-left: 0.625rem;
margin-right: 0.9375rem;
}
.search_text {
color: $color-white;
font-size: 0.875rem;
padding-right: 1rem;
}
.van-icon {
padding-left: 1rem;
}
.input_wrap {
width: 14.375rem;
flex: 1;
height: 2.75rem;
border-radius: 1.88rem;
background: #ffffff10;
border: 0.03rem solid #565358;
line-height: 2.75rem;
padding: 0 0.94rem;
font-size: 0.9375rem;
display: flex;
align-items: center;
gap: 0.5rem;
.search-icon {
width: 1rem;
height: 1rem;
}
.input-placeholder {
color: #aeaeae;
}
}
}
.content {
width: 100%;
height: calc(var(--vh) * 100 - 3.125rem - 1.06rem);
overflow: auto;
.list {
.not-data {
text-align: center;
margin-top: 6.25rem;
color: #0e0e0e;
}
.list-item {
height: 4.0625rem;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 1rem;
border-bottom: 0.06rem solid #aeaeae;
.arrow {
width: 1.25rem;
height: 1.25rem;
}
.item-title {
height: 4.0625rem;
font-weight: 600;
font-size: $uni-font-size-lg;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
span {
font-size: $uni-font-size-lg;
font-weight: 400;
margin-top: 0.3125rem;
}
.title {
color: $color-white;
}
}
}
}
.keyword {
margin-top: 0.4375rem;
display: flex;
flex-flow: wrap;
font-size: $uni-font-size-2;
.keyword-item {
width: 23.4375rem;
height: 2.125rem;
padding: 0.5rem 0.9375rem 0.4063rem 0.9375rem;
height: 1.7188rem;
display: flex;
align-items: center;
justify-content: space-between;
.keyword-item-left {
color: #a6a6a6;
font-size: 0.875rem;
}
.keyword-close {
width: 0.6995rem;
height: 0.6995rem;
}
}
}
}
::v-deep.uni-input-input {
font-size: 0.82rem !important;
}
uni-input {
flex: 1;
}
</style>
src/subPackages/seting/seting.vue 0 → 100644
<script setup lang="ts">
// import { Ref, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { useCounterStore } from '@/store/store'
const store = useCounterStore()
const { t } = useI18n()
const goPage = (url: string) => {
uni.navigateTo({ url })
}
const logout = () => {
console.log('logout!!')
console.log(store.clearState, 'store.clearState!!')
store.clearState()
}
</script>
<template>
<Navigater :title="t('seting.sheding')" />
<view class="card">
<view class="form-item">
<view class="form-title">{{ t('seting.xingming') }}</view>
<view class="form-val">{{ store.$state.userInfo?.true_name || '' }}</view>
</view>
<view class="form-item">
<view class="form-title">{{ t('seting.zhanghu') }}</view>
<view class="form-val">{{ store.$state.userInfo?.username || '' }}</view>
</view>
<view class="form-item" @click="goPage('/subPackages/changePassword/changePassword')">
<view class="form-title">{{ t('seting.denglumima') }}</view>
<van-icon name="arrow" color="#fff"></van-icon>
</view>
<view class="form-item" @click="goPage('/subPackages/transactionPassions/transactionPassions')">
<view class="form-title">{{ t('seting.zijinmima') }}</view>
<van-icon name="arrow" color="#fff"></van-icon>
</view>
<view class="logout" @click="logout">
{{ t('seting.logout') }}
</view>
</view>
</template>
<style lang="scss" scoped>
.card {
width: 100%;
height: 14.6563rem;
// background: #ffffff;
margin-top: 0.625rem;
display: flex;
flex-direction: column;
align-items: center;
.logout {
width: 21rem;
height: 2.75rem;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.875rem;
background: $color-primary;
border-radius: 1.13rem;
font-weight: 300;
font-size: 0.9375rem;
color: #fff;
}
.form-item {
width: 100%;
height: 2.125rem;
padding: 0 1.1875rem 0 1.1875rem;
display: flex;
justify-content: space-between;
align-items: center;
// border-bottom: 0.06rem solid #adc3d1;
.form-title {
font-weight: 300;
font-size: $uni-font-size-2;
color: $color-white;
}
.form-val {
font-weight: 300;
font-size: $uni-font-size-2;
color: $color-white;
}
img {
height: 0.9688rem;
}
}
}
</style>
src/subPackages/switchLanguage/switchLanguage.vue 0 → 100644
<script setup lang="ts">
import { computed, Ref, ref } from 'vue'
import { useI18n } from 'vue-i18n'
const { t, locale } = useI18n()
type itmeType = {
name: string
val: string
isShow: boolean
}
type listType = [itmeType]
const check1 = computed(() => locale.value === 'cn')
const check2 = computed(() => locale.value === 'jp')
const check3 = computed(() => locale.value === 'en')
const check4 = computed(() => locale.value === 'sp')
const check5 = computed(() => locale.value === 'fr')
const list: Ref<listType> = ref([
// {
// name: 'yuyan.zhongwenjianti',
// val: 'cn',
// isShwo: check1
// },
{
name: 'yuyan.ribenyu',
val: 'jp',
isShwo: check2
},
{
name: 'yuyan.yinyu',
val: 'en',
isShwo: check3
},
{
name: 'yuyan.xibanyayu',
val: 'sp',
isShwo: check4
},
{
name: 'yuyan.fayu',
val: 'fr',
isShwo: check5
}
])
const checkLocale = (val: string) => {
uni.setStorageSync('locale', val)
locale.value = val
console.log(check1.value, 'check1')
console.log(check2.value, 'check2')
console.log(check3.value, 'check3')
console.log(check4.value, 'check4')
console.log(check5.value, 'check5')
}
</script>
<template>
<Navigater :title="t('user.qiehuanyuyan')" />
<view class="box">
<view class="title">
<img src="/static/image/user/language.png" />
<span>{{ t('user.qiehuanyuyan') }}</span>
</view>
<view class="list">
<view v-for="(item, i) in list" :key="i" class="item" @click="checkLocale(item.val)"
><span :class="{ check: item.val === locale }">{{ t(item.name) }}</span>
<img v-if="item.val === locale" src="/static/image/user/checked.png" />
<img v-else src="/static/image/user/circle.png" />
</view>
</view>
</view>
</template>
<style lang="scss" scoped>
.box {
padding: 0 1.25rem;
}
.title {
margin-top: 0.9375rem;
display: flex;
align-items: center;
img {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.625rem;
}
span {
color: $color-black;
font-size: 1rem;
font-weight: 500;
}
}
.list {
// background: #08182b;
margin-top: 0.9063rem;
.item {
width: 100%;
height: 3.125rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0.56rem;
align-items: center;
border-bottom: 0.06rem solid #c8ccd2;
.link {
width: 18.4375rem;
height: 0.0313rem;
}
span {
font-weight: 400;
font-size: 0.875rem;
color: $color-gray;
}
img {
width: 1rem;
}
.check {
color: $color-black;
}
}
}
</style>
src/subPackages/transactionLog/components/incomeLog.vue 0 → 100644
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import { CzType } from '@/api/transactionLog/indexType'
import { changeMoney } from '@/common/common'
import { computed, onMounted, ref } from 'vue'
interface PropsType {
data: Array<CzType>
value: Number
}
onMounted(() => {
console.log(props.data)
})
const props = defineProps<PropsType>()
const { t } = useI18n()
const emit = defineEmits(['bottom'])
// const shenhe_str = ref([t('incomeLog.daishenhe'), t('incomeLog.yipizhun'), t('incomeLog.shenheshibai')])
const text1 = computed(() => t('transactionLog.tip2'))
const text2 = computed(() => t('transactionLog.tip3'))
const text3 = computed(() => t('transactionLog.tip4'))
const remark = ref([text1, text2, text3])
const bottomFn = () => {
emit('bottom')
}
</script>
<template>
<scroll-view scroll-y :style="{ height: `calc(var(--vh) * 100 - 7.5rem)`, overflow: 'hidden' }" @scrolltolower="bottomFn">
<NotData v-if="data.length === 0" />
<view class="list-box">
<view v-for="item in props.data" :key="item.id" class="list-item">
<div class="flex">
<div class="left">
<view class="list-item-shouru" style="color: #fff; font-size: 0.9375rem; font-weight: 500">{{ props.value === 1 ? t('incomeLog.shourujilu') : t('incomeLog.zhichujilu') }}</view>
<view class="list-item-time" style="margin: 0.3rem 0">{{ t('incomeLog.dingdanbianhao') }}:{{ item.order_sn }}</view>
<view class="list-item-time" style="text-align: left">{{ item.createtime }}</view>
</div>
<div class="right">
<view class="list-item-shouru">{{ changeMoney(item.money) }}</view>
<view v-if="props.value === 1" class="list-item-tag green_tag">{{ item.remark }}</view>
<view v-if="props.value === 2" class="list-item-tag">{{ remark[Number(item.status)].value }}</view>
</div>
</div>
</view>
</view>
</scroll-view>
</template>
<style lang="scss" scoped>
.list-box {
display: flex;
flex-direction: column;
align-items: center;
padding: 0.25rem 0;
.list-item {
width: 21.5625rem;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0.625rem 0.625rem;
margin-bottom: 0.4375rem;
border-bottom: 0.06rem solid #c8c8c8;
.flex {
display: flex;
justify-content: space-between;
align-items: center;
.right {
text-align: right;
}
}
.list-item-left {
display: flex;
align-items: center;
justify-content: space-between;
}
.list-item-right {
display: flex;
justify-content: space-between;
align-items: center;
}
.list-item-tag {
padding: 0.1rem 0.7rem;
margin-top: 0.3125rem;
display: flex;
align-items: center;
justify-content: center;
background: $color-red;
border-radius: 1.25rem;
font-weight: 500;
font-size: 0.75rem;
color: $color-white;
display: inline-block;
}
.green_tag {
background: $color-green;
color: $color-black;
}
.list-item-shouru {
font-weight: 500;
font-size: 0.9375rem;
font-weight: 600;
color: $color-green;
}
.list-item-time {
color: $color-gray;
text-align: right;
font-size: 0.8125rem;
line-height: 1.125rem;
}
}
}
</style>
src/subPackages/transactionLog/components/orderLog.vue 0 → 100644
<script setup lang="ts">
import { onMounted } from 'vue'
import { JyType } from '@/api/transactionLog/indexType'
import { useI18n } from 'vue-i18n'
import { changeMoney } from '@/common/common'
import { useCounterStore } from '@/store/store'
const store = useCounterStore()
const { t } = useI18n()
interface PropsType {
data: Array<JyType>
}
const props = defineProps<PropsType>()
onMounted(() => {
console.log(props.data, 'props')
})
const emit = defineEmits(['bottom'])
const bottomFn = () => {
emit('bottom')
}
</script>
<template>
<scroll-view scroll-y :style="{ height: `calc(${store.pageHeight} - 3.125rem)` }" @scrolltolower="bottomFn">
<NotData v-if="data.length === 0" />
<view class="list-box">
<view v-for="item in props.data" :key="item.id" class="item">
<div class="head">{{ item.name }}</div>
<div class="title">{{ item.gpName }}</div>
<div class="label">{{ item.gpCode }}</div>
<div class="label">{{ t('transactionLog.tip1') }}：{{ item.order_sn }}</div>
<div class="row">
<div class="label">{{ item.createtime }}</div>
<div class="price" :class="item.money > 0 ? 'txt-green' : 'txt-red'">{{ changeMoney(item.money) }}</div>
</div>
</view>
</view>
</scroll-view>
</template>
<style lang="scss" scoped>
.txt-green {
color: #0cd17c;
}
.txt-red {
color: #ff0021;
}
.mt-10 {
margin-top: 0.625rem;
}
.record-text {
margin-top: 1.25rem;
font-size: 0.75rem;
color: #999;
}
.list-box .item:first-child {
margin-top: 0.625rem;
}
.list-box {
padding-bottom: 1.25rem;
padding: 0 0.75rem 1rem;
.item {
width: 100%;
padding: 1.3125rem 0.9375rem 0 0.9375rem;
box-sizing: border-box;
border-radius: 0.375rem;
margin-top: 0.625rem;
background: #1c2a3b;
border: 0.05rem solid #565358;
border-radius: 0.63rem;
padding: 0.63rem;
margin: 0.69rem 0;
.head {
font-size: 0.94rem;
font-weight: 500;
text-align: center;
color: $color-white;
position: relative;
margin-bottom: 1.13rem;
&::before {
content: '';
width: 4.38rem;
height: 0.1rem;
background: $color-gray;
border-radius: 0.19rem;
bottom: -0.16rem;
position: absolute;
left: calc(50% - 2.19rem);
}
}
.title {
color: $color-white;
font-size: 0.94rem;
font-weight: 500;
}
.label {
font-size: 0.81rem;
color: $color-gray;
}
.row {
display: flex;
justify-content: space-between;
align-items: center;
.price {
font-size: 1.44rem;
font-weight: 500;
}
}
.info-box {
height: 4.5938rem;
background: rgb(13, 46, 85, 0.7);
border-radius: 0.9375rem;
margin-top: 0.625rem;
padding: 1rem 0.625rem 0.9063rem 0.9375rem;
display: flex;
align-items: center;
justify-content: space-between;
.money {
font-size: 1rem;
font-weight: 600;
}
.info-box-left {
display: flex;
flex-direction: column;
justify-content: space-between;
.gpName {
color: #fff;
font-size: 0.875rem;
font-weight: 500;
}
.biaohao {
color: #a0a5b0;
font-size: 0.8125rem;
}
}
}
.time {
font-size: 0.8125rem;
color: #a0a5b0;
line-height: 0.8125rem;
text-align: right;
font-weight: 400;
}
.date {
display: flex;
align-items: center;
font-size: 0.9375rem;
max-height: 14.5625rem;
color: #545861;
margin-top: 0.3125rem;
.gpCode {
color: #0f75fc;
font-size: 0.75rem;
font-weight: 500;
background: #ddebff;
border-radius: 0.1875rem;
line-height: 1.0625rem;
padding: 0.125rem 0.375rem;
margin-right: 0.3125rem;
}
.name {
font-size: 0.9375rem;
color: #fff;
font-weight: 500;
}
}
.note {
font-weight: 600;
// color: #cacee0;
}
.xian {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
}
.list-item {
width: 21.5625rem;
height: 5.1875rem;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 0.5313rem 1.375rem 0.7188rem 1.375rem;
background: #ffffff;
border-radius: 0.9375rem;
margin-bottom: 0.4375rem;
.list-item-bottom {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.list-item-bottom-right {
font-weight: 300;
font-size: $uni-font-size-1;
color: #1b70ab;
}
.list-item-bottom-left {
display: flex;
align-items: center;
width: 11.875rem;
justify-content: space-between;
.list-item-bottom-remarks {
font-weight: 300;
font-size: $uni-font-size-1;
color: #1b70ab;
display: flex;
justify-content: center;
align-items: center;
span {
color: #c02d1a;
margin-right: 0.1563rem;
}
}
.list-item-bottom-money {
font-weight: 300;
font-size: $uni-font-size-1;
color: #1b70ab;
// margin-right: 5.3125rem;
}
}
}
.list-item-top {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.list-item-top-rigth {
font-weight: 300;
font-size: $uni-font-size-1;
color: #000203;
}
.list-item-top-left {
display: flex;
align-items: center;
.list-item-money {
width: 3.4688rem;
font-weight: 300;
font-size: $uni-font-size-1;
color: #000203;
}
.list-item-tag {
width: 5.6563rem;
// height: 0.875rem;
display: flex;
justify-content: center;
align-items: center;
// background: #a6d5f5;
border-radius: 0.4375rem;
font-weight: 300;
font-size: $uni-font-size-1;
// color: #fdfefe;
overflow: hidden; //超出的文本隐藏
text-overflow: ellipsis; //溢出用省略号显示
white-space: pre-wrap; //溢出不换行
}
}
}
}
}
</style>
src/subPackages/transactionLog/transactionLog.vue 0 → 100644
<script setup lang="ts">
// import SearchNavigation from '@/components/searchNavigation/searchNavigation.vue'
import { onMounted, Ref, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import OrderLog from './components/orderLog.vue'
import IncomeLog from './components/incomeLog.vue'
import { getLiuShuiApi } from '@/api/transactionLog'
import { JyType, CzType } from '@/api/transactionLog/indexType'
import { onLoad, onReachBottom } from '@dcloudio/uni-app'
import Navigator from '@/components/navigator/navigator.vue'
import { closeToast, showLoadingToast } from 'vant'
const { t } = useI18n()
interface TabType {
title: string
value: number
}
const isLs = ref(false)
onLoad((option) => {
console.log(option, 'option')
if (option?.isLs === '1') {
isLs.value = true
tabValue.value = 3
} else {
isLs.value = false
tabValue.value = 1
}
})
const tabValue: Ref<Number> = ref(1)
const tabList: Ref[TabType] = ref([
{
title: 'transactionLog.tab2',
value: 1
},
{
title: 'transactionLog.tab3',
value: 2
}
])
const checkTab = (value: number) => {
tabValue.value = value
jyPage.value = 1
jyData.value = []
czPage.value = 1
czData.value = []
tlPage.value = 1
tlData.value = []
getLiuShuiFn()
}
onMounted(() => {
getLiuShuiFn()
})
const jyData: Ref[JyType] = ref([])
const jyPage = ref(1)
const jyLastPage = ref(1)
const czData: Ref[CzType] = ref([])
const czPage = ref(1)
const czLastPage = ref(1)
const tlData: Ref[CzType] = ref([])
const tlPage = ref(1)
const tlLastPage = ref(1)
const getLiuShuiFn = async () => {
if (tabValue.value === 1 && czPage.value > czLastPage.value) {
return
} else if (tabValue.value === 2 && tlPage.value > tlLastPage.value) {
return
} else if (tabValue.value === 3 && jyPage.value > jyLastPage.value) {
return
}
showLoadingToast({
message: t('search.tip2'),
mask: true,
loadingType: 'spinner'
})
isLoading.value = true
let page = 1
switch (tabValue.value) {
case 1:
page = czPage.value
break
case 2:
page = tlPage.value
break
case 3:
page = jyPage.value
break
}
const res = await getLiuShuiApi({ type: tabValue.value, page })
closeToast()
if (res.code === 1) {
if (tabValue.value === 3) {
jyLastPage.value = res.data.last_page
if (jyPage.value <= jyLastPage.value) {
jyPage.value++
}
res.data.data.forEach((element) => {
const arr = element.detailed.split('|')
element.name = arr[0]
if (arr[1]) {
element.gpCode = arr[2]
element.gpName = arr[4]
element.isshow = true
} else {
element.isshow = false
}
jyData.value.push(element)
})
}
if (tabValue.value === 1) {
czLastPage.value = res.data.last_page
if (czPage.value <= czLastPage.value) {
czPage.value++
}
res.data.data.forEach((element) => {
czData.value.push(element)
})
}
if (tabValue.value === 2) {
tlLastPage.value = res.data.last_page
if (tlPage.value <= tlLastPage.value) {
tlPage.value++
}
res.data.data.forEach((element) => {
tlData.value.push(element)
})
}
}
isLoading.value = false
}
const isLoading = ref(false)
onReachBottom(() => {})
const bottomFn = () => {
getLiuShuiFn()
}
</script>
<template>
<Navigator class="top" :title="isLs ? t('index.button4') : t('user.shouru')" />
<view class="bg-[#fff]"> </view>
<view v-if="!isLs" class="tab-box">
<view v-for="item in tabList" :key="item.value" class="tab-box-item" :class="tabValue === item.value ? 'active' : ''" @click="checkTab(item.value)">
{{ t(item.title) }}
</view>
</view>
<OrderLog v-if="isLs && tabValue === 3" :data="jyData" @bottom="bottomFn" />
<IncomeLog v-if="!isLs && tabValue === 1" :data="czData" :value="tabValue" @bottom="bottomFn" />
<IncomeLog v-if="!isLs && tabValue === 2" :data="tlData" :value="tabValue" @bottom="bottomFn" />
</template>
<style lang="scss" scoped>
.list {
background: rgb(10, 30, 54, 0.5);
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
}
.loading-box {
display: flex;
justify-content: center;
align-content: center;
}
uni-page-body {
height: 100%;
}
.tab-box {
width: 100%;
padding: 0.8125rem 1.3125rem;
display: flex;
align-items: center;
gap: 0.63rem;
.tab-box-item.active {
background: $color-primary;
color: $color-black;
border: 0;
}
.tab-box-item {
flex: 1;
height: 2.13rem;
padding: 0.25rem 0.5rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.875rem;
background: #1c2a3b;
border: 0.05rem solid #565358;
color: $color-gray;
}
}
</style>
src/subPackages/transactionPassions/transactionPassions.vue 0 → 100644
<script setup lang="ts">
import { ref, Ref, reactive, computed } from 'vue'
import { useI18n } from 'vue-i18n'
import { PayPasswordType } from '@/api/transactionPassions/indexType'
import { setPayPasswordApi } from '@/api/transactionPassions'
import { useCounterStore } from '@/store/store'
import { showLoadingToast, showSuccessToast, showToast } from 'vant'
import { getWithdrawal } from '@/api/user'
import { onLoad } from '@dcloudio/uni-app'
import icon1 from '@/static/1.png'
import icon2 from '@/static/2.png'
const store = useCounterStore()
const form: Ref<PayPasswordType> = ref({
new_pay_password: '',
old_pay_password: '',
re_pay_password: '',
user_id: store.$state.userId
})
const paypassword = ref('')
onLoad(() => {
getWithdrawalFn()
})
const getWithdrawalFn = async () => {
const res = await getWithdrawal(store.$state.userId)
if (res.code === 1) {
paypassword.value = res.data.user_info.paypassword
// paypassword.value = ''
console.log(paypassword.value, 'vvvv')
}
console.log(res)
}
const isIf = computed(() => {
return paypassword.value === '' ? null : true
})
const formList = reactive([
{
label: 'transactionPassions.jiumima',
dataName: 'old_pay_password',
msgName: 'checkMsg.shurujiumima',
isShow: false,
isIf: isIf
},
{
label: 'transactionPassions.xingmima',
dataName: 'new_pay_password',
msgName: 'checkMsg.shuruxingmima',
isShow: false,
isIf: true
},
{
label: 'transactionPassions.xingmima2',
dataName: 're_pay_password',
msgName: 'checkMsg.shuruxingmima',
isShow: false,
isIf: true
}
])
const { t } = useI18n()
const showPass = (i: number) => {
formList[i].isShow = !formList[i].isShow
}
const submit = async () => {
showLoadingToast({ forbidClick: true, duration: 0 })
if (paypassword.value !== '') {
if (form.value.old_pay_password === '') {
return showToast(t('transactionPassions.tip1'))
}
}
if (form.value.new_pay_password === '') {
return showToast(t('transactionPassions.tip2'))
}
if (form.value.re_pay_password === '') {
return showToast(t('transactionPassions.tip2'))
}
if (form.value.new_pay_password.length < 6 || form.value.new_pay_password.length > 10) {
return showToast(t('transactionPassions.tip3'))
}
if (form.value.new_pay_password !== form.value.re_pay_password) {
return showToast(t('transactionPassions.tip4'))
}
const res = await setPayPasswordApi(form.value)
if (res.code === 1) {
showSuccessToast(res.data.msg)
setTimeout(() => {
uni.switchTab({
url: '/pages/user/user'
})
}, 1000)
}
}
</script>
<template>
<Navigater :title="t('user.shiwuchuli')"></Navigater>
<view class="Box">
<view class="box-form-card">
<view v-for="(item, i) in formList" v-show="item.isIf" :key="i" class="box-form-item">
<view class="box-form-item-label"> &nbsp;&nbsp;{{ t(item.label) }}</view>
<van-field v-model="form[item.dataName]" :right-icon="item.isShow ? icon1 : icon2" :type="item.isShow ? 'text' : 'password'" :placeholder="t(item.msgName)" @click-right-icon="showPass(i)" />
</view>
<van-button class="btn" type="primary" @click="submit">{{ t('transactionPassions.queren') }}</van-button>
</view>
</view>
</template>
<style lang="scss" scoped>
::v-deep .van-field__control {
height: 2rem;
border: none;
font-weight: 400;
font-size: 0.9375rem;
color: $color-white;
&::placeholder {
color: #afafaf;
}
}
::v-deep .van-field {
height: 3.375rem;
background: transparent;
}
::v-deep .van-field__body {
height: 3.375rem;
background: #ffffff10;
border: 0.06rem solid #ffffff16;
border-radius: 0.5rem;
padding: 1.0938rem 0.9375rem 0.9688rem 1.25rem;
.van-field__right-icon {
padding: 0;
margin-right: 0.625rem;
.van-icon__image {
width: 1.19rem;
}
}
}
::v-deep .van-button {
width: 100%;
height: 2.75rem;
background: $color-primary;
border-radius: 0.5rem;
font-size: 0.9375rem;
font-weight: 500;
margin: 2.5rem 1rem 0;
}
::v-deep .van-button__text {
color: $color-black;
font-size: 0.9375rem;
font-weight: 500;
}
::v-deep .van-field {
padding: 0;
}
.Box {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1rem;
.box-form-card {
width: 100%;
height: 31.9688rem;
display: flex;
flex-direction: column;
align-items: center;
.title {
font-weight: 500;
font-size: 1.1563rem;
color: #040404;
line-height: 1.1563rem;
margin-bottom: 1.875rem;
}
.box-form-item {
display: flex;
flex-direction: column;
margin-top: 0.9375rem;
position: relative;
width: 100%;
.box-form-item-label {
height: 2.75rem;
display: flex;
align-items: center;
font-weight: 500;
font-size: 0.875rem;
line-height: 0.75rem;
color: $color-white;
}
}
}
.box-top {
width: 11.4688rem;
height: 11.4688rem;
background: transparent;
border-radius: 50%;
font-weight: 300;
font-size: 2.75rem;
color: #cbcccd;
display: flex;
align-items: center;
justify-content: center;
}
}
</style>
src/subPackages/webview/webview.vue 0 → 100644
<script setup lang="ts">
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
const webviewUrl = ref('')
onLoad((options) => {
webviewUrl.value = options.url as string
})
</script>
<template>
<web-view :src="webviewUrl"></web-view>
</template>
<style lang="scss" scoped></style>
src/subPackages/withdrawal/withdrawal.vue 0 → 100644
<script setup lang="ts">
import Navigator from '@/components/navigator/navigator.vue'
import { useCounterStore } from '@/store/store'
import { getBankListApi } from '@/api/bankAccount'
import { submitWithdrawalApi } from '@/api/withdrawal'
import { BankInfoType } from '@/api/bankAccount/indexType'
import { WithdrawalType } from '@/api/withdrawal/indexType'
import { Ref, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { onShow } from '@dcloudio/uni-app'
import { closeToast, showLoadingToast, showSuccessToast, showToast } from 'vant'
import ka from '@/static/image/user/ka.png'
const { t } = useI18n()
const store = useCounterStore()
onShow(() => {
getBankListFn()
})
const bankData: Ref<BankInfoType> = ref({
id: null,
bank_address: '',
bank_card: '',
bank_code: '',
bank_name: '',
shiming_name: '',
bank_num: ''
})
type BankInfoListType = [BankInfoType]
const bankDataList: Ref<BankInfoListType> = ref([])
const checkBank = (item: BankInfoType) => {
bankData.value = item
showCenter.value = false
}
// 获取银行卡数据
const getBankListFn = async () => {
showLoadingToast({
message: t('toastText.tip1'),
forbidClick: true,
overlay: true,
loadingType: 'spinner'
})
const res = await getBankListApi()
if (res.code === 1) {
bankDataList.value = res.data.user_bankcard
if (res.data.user_bankcard.length) {
bankData.value = res.data.user_bankcard[0]
}
}
closeToast()
}
const bankNum = () => {
const phoneNumber = bankData.value.bank_num
if (phoneNumber) return phoneNumber.substring(0, 3) + '****' + phoneNumber.substring(phoneNumber.length - 3)
}
const showCenter = ref(false)
const from: Ref<WithdrawalType> = ref({
bankcard_id: '',
money: '',
pass: '',
user_id: store.userId
})
const goPage = (url: string) => {
uni.navigateTo({ url })
}
const sumbitLoading = ref(false)
const sumbit = async () => {
from.value.bankcard_id = bankData.value?.id || null
console.log(from.value.bankcard_id, 'from.value.bankcard_id')
if (from.value.bankcard_id === '' || !from.value.bankcard_id) {
return showToast(t('withdrawal.tip4'))
}
if (from.value.money === '' || !from.value.money) {
return showToast(t('withdrawal.tip5'))
}
if (from.value.pass === '' || !from.value.pass) {
return showToast(t('withdrawal.tip6'))
}
sumbitLoading.value = true
const res = await submitWithdrawalApi(from.value)
from.value = {
bankcard_id: '',
money: '',
pass: '',
user_id: store.userId
}
sumbitLoading.value = false
if (res.code === 1) {
showSuccessToast(res.data.msg)
store.getUserInfo()
setTimeout(() => {
uni.switchTab({
url: '/pages/user/user'
})
}, 2000)
}
console.log(res)
}
</script>
<template>
<van-popup v-model:show="showCenter" round class="check-bank-popup">
<view class="check-bank-popup-title">
{{ t('withdrawal.title') }}
</view>
<div class="wrap">
<view v-for="item in bankDataList" :key="item.id" class="twBank" @click="checkBank(item)">
<view class="u-flex">
<view class="">
<view class="u-font-blod">{{ item.bank_num }}</view>
<view class="u-light-color">{{ item.bank_name }}&nbsp;{{ item.shiming_name }} </view>
</view>
</view>
<view class="iiiimg">
<van-icon name="arrow" color="#fff" size="1.4rem"></van-icon>
</view>
</view>
</div>
</van-popup>
<Navigator :title="t('user.tixian')" />
<div class="container">
<view class="top-money">
<span>{{ t('withdrawal.zhanghuyue') }}</span> {{ Number(store.$state.userInfo?.money).toLocaleString() }}
</view>
<view class="box">
<view v-if="bankDataList.length === 0" class="bank-crad" @click="goPage('/subPackages/bankAccount/bankAccount')">
<view style="display: flex; align-items: center">
<img :src="ka" alt="" style="width: 1.3125rem; height: 1.0625rem; margin-right: 0.625rem" />
<view class="bank-crad-left">{{ t('withdrawal.tip3') }}</view>
</view>
<view class="bank-crad-right">
<van-icon name="arrow" color="#7B8A9C" size="1.2rem"></van-icon>
</view>
</view>
<view v-else class="bank-check-box" @click="showCenter = true">
<view class="bank-check-box-left">
<view class="bank-check-box-left-top">
{{ bankData.bank_name }}&nbsp;<span>({{ bankNum() }})</span>
</view>
<view class="bank-check-box-left-bottom">{{ t('withdrawal.chikaren') }}:&nbsp;{{ bankData.shiming_name }}</view>
</view>
<view class="bank-check-box-right">
<van-icon name="arrow" color="#fff" size="1.4rem"></van-icon>
</view>
</view>
<view class="recharge-box">
<view class="recharge-box-title">{{ t('withdrawal.tilingjine') }}</view>
<!-- 允许输入数字，调起带符号的纯数字键盘 -->
<van-field v-model="from.money" type="number" :placeholder="t('withdrawal.tip1')" />
<view class="recharge-box-title a">{{ t('withdrawal.jiaoyimima') }}</view>
<!-- 允许输入数字，调起带符号的纯数字键盘 -->
<van-field v-model="from.pass" type="password" :placeholder="t('withdrawal.tip2')" />
<van-button :loading="sumbitLoading" class="sumbit" @click="sumbit">{{ t('recharge.queren') }}</van-button>
</view>
<view class="tip">{{ t('withdrawal.zhuyishixiang') }}:</view>
<view class="tip1">{{ t('withdrawal.tip7') }}</view>
<view class="tip1">{{ t('withdrawal.tip8') }}</view>
<view class="tip1">{{ t('withdrawal.tip9') }}</view>
<view class="tip1">{{ t('withdrawal.tip10') }}</view>
</view>
</div>
</template>
<style lang="scss" scoped>
.container {
height: calc(var(--vh) * 100 - 3.13rem);
overflow: auto;
}
.bank-crad {
width: 100%;
height: 4.5313rem;
padding: 1.3438rem 2.2188rem 1.1563rem 1.2188rem;
display: flex;
justify-content: space-between;
align-items: center;
.bank-crad-left {
text-align: center;
color: $color-white;
}
.bank-crad-right {
img {
height: 1.1563rem;
}
}
}
.text {
font-weight: 300;
font-size: 0.75rem;
color: #292828;
margin-left: 1.125rem;
}
.check-bank-popup {
background: #fff;
width: 21.875rem;
max-height: 25rem;
padding: 1.25rem 1.25rem 3.125rem 1.25rem;
.wrap {
max-height: 20rem;
overflow: auto;
}
.twBank {
padding: 0.9375rem 0.3125rem;
border-radius: 0.4375rem;
margin-top: 0.625rem;
display: flex;
align-items: center;
justify-content: space-between;
height: 4.63rem;
padding: 0.94rem 0.63rem;
background: url('@/static/image/user/bank_bg.png');
background-color: $color-primary;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 0.63rem;
.u-flex {
display: flex;
flex-direction: row;
align-items: center;
font-size: 0.875rem;
.u-font-blod {
font-weight: 600;
color: #fff;
}
.u-light-color {
color: #fff;
}
}
.iiiimg {
img {
width: 0.75rem;
}
}
}
.check-bank-popup-title {
font-size: 1.125rem;
color: #fff;
text-align: center;
}
}
.tip {
margin-top: 0.7813rem;
margin-left: 1.125rem;
font-size: $uni-font-size-1;
color: #a0a5b0;
}
.tip1 {
font-size: $uni-font-size-1;
margin-left: 1.125rem;
color: #a0a5b0;
}
.bank-check-box {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 4.5313rem;
padding: 1.3438rem 0.9063rem 1.1563rem 1.2188rem;
background: url('@/static/image/user/bank_bg.png');
background-color: $color-primary;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 0.63rem;
height: 5.63rem;
width: calc(100vw - 1.88rem);
margin: 0 0.94rem;
padding: 0.94rem 0.63rem;
color: #fff;
.bank-check-box-right {
img {
height: 1.1563rem;
}
}
.bank-check-box-left {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 0.63rem;
.bank-check-box-left-top {
font-weight: 0.125rem;
}
.bank-check-box-left-bottom {
font-weight: 300;
color: #fff;
}
}
}
.bank-check-box-title {
margin-top: 0.7813rem;
margin-left: 1.1875rem;
font-weight: 300;
font-size: 0.8438rem;
color: #080707;
}
.top-money {
height: 8.13rem;
background-image: url('@/static/image/user/withdraw_bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
background-color: $color-primary;
margin: 0 1rem;
border-radius: 1.25rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 1.6rem;
color: #fff;
span {
color: #fff;
margin-bottom: 1rem;
font-size: 0.94rem;
}
}
.box {
margin-top: 1.25rem;
padding-bottom: 1rem;
}
.recharge-box {
width: 100%;
margin-top: 0.4375rem;
padding: 1.2813rem 1.2188rem 1.0938rem 1.1563rem;
.sumbit {
width: 100%;
height: 3.06rem;
margin-top: 1.7188rem;
display: flex;
justify-content: center;
align-items: center;
background: $color-primary;
border-radius: 0.5rem;
::v-deep .van-button__text {
font-weight: 500;
font-size: 0.875rem;
color: $color-black;
}
}
.van-field {
margin-top: 0.7188rem;
height: 3.06rem;
background: #ffffff10;
border: 0.05rem solid #ffffff10;
// border: 0.05rem solid #aeaeae;
border-radius: 0.63rem;
display: flex;
align-items: center;
::v-deep .van-field__control {
line-height: 0;
font-size: 0.875rem;
color: $color-white;
&::placeholder {
color: #afafaf;
}
}
}
.a {
margin-top: 0.9063rem;
}
.recharge-box-title {
font-weight: 500;
font-size: 0.875rem;
color: $color-gray;
}
}
</style>
src/uni.scss 0 → 100644
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
$uni-color-primary: #EE2560;
$uni-color-gray: #f8f8f8;
$uni-color-primary2: #50aff099;
$color-green: #0DF69E;
$color-red: #F52311;
$color-black: #141316;
$color-primary: #1E72E3;
$color-gray: #8B919E;
$color-white: #fff;
/* 文字基本颜色 */
$uni-text-color: #0e0e0e; //基本色
$uni-text-color-gray: #a5a5a5;
$uni-text-color-red: #DA475A;
$uni-text-color-green: #47B082;
/* 背景颜色 */
$uni-bg-color: #ffffff;
$uni-bg-color-gray: #f8f8f8;
$uni-bg-color-gray2: #f2f4f5;
$uni-bg-color-hover: #f1f1f1; //点击状态颜色
$uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色
/* 边框颜色 */
$uni-border-color: #c8c7cc;
/* 尺寸变量 */
/* 文字尺寸 */
$uni-font-size-sm: 0.5rem;
$uni-font-size-base: 0.63rem;
$uni-font-size-lg: 0.75rem;
$uni-font-size-1: 0.75rem;
$uni-font-size-2: 0.8125rem;
/* 图片尺寸 */
$uni-img-size-sm: 40rpx;
$uni-img-size-base: 52rpx;
$uni-img-size-lg: 80rpx;
/* Border Radius */
$uni-border-radius-sm: 4rpx;
$uni-border-radius-base: 6rpx;
$uni-border-radius-lg: 12rpx;
$uni-border-radius-circle: 50%;
/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20rpx;
$uni-spacing-row-lg: 30rpx;
/* 垂直间距 */
$uni-spacing-col-sm: 8rpx;
$uni-spacing-col-base: 16rpx;
$uni-spacing-col-lg: 24rpx;
/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
/* 文章场景相关 */
$uni-color-title: #2c405a; // 文章标题颜色
$uni-font-size-title: 40rpx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle: 36rpx;
$uni-color-paragraph: #3f536e; // 文章段落颜色
$uni-font-size-paragraph: 30rpx;
\ No newline at end of file
src/utils/config.ts 0 → 100644
// 测试
const baseURL = '/api.php'
export default {
/* 服务器地址 */
baseURL
}
src/utils/http.ts 0 → 100644
import axios from 'axios'
import { showFailToast } from 'vant'
// 创建axios实例
const service = axios.create({
timeout: 20000 // 请求超时时间
})
// 请求拦截器
service.interceptors.request.use(
(config) => {
console.log(config)
const token = uni.getStorageSync('token')
config.headers.token = token
if (uni.getStorageSync('locale') === '' || !uni.getStorageSync('locale')) {
uni.setStorageSync('locale', 'jp')
}
if (config?.params) {
config.params.lang = uni.getStorageSync('locale')
} else {
config.params = { lang: uni.getStorageSync('locale') }
}
return config
},
(error) => {
// 请求错误处理
console.log(error) // for debug
Promise.reject(error)
}
)
// 响应拦截器
service.interceptors.response.use(
(response) => {
// 对响应数据做处理，例如只返回data部分
const res = response.data
// 根据业务判断是否需要进行错误处理
if (res.code !== 1) {
showFailToast(res.msg)
}
return res
},
(error) => {
const res = error.response.data
// token 过期处理
if (res.code === 401) {
console.log('token 过期处理')
// 清除token 以及用户信息
uni.setStorageSync('token', null)
uni.setStorageSync('userId', null)
uni.setStorageSync('userInfo', null)
// 提示用户
// showFailToast('ユーザー情報が無効になりました。再ログインしてください')
// uni.showToast({
// title: 'ユーザー情報が無効になりました。再ログインしてください',
// icon: 'none'
// })
// 跳转登录
uni.reLaunch({
url: '/subPackages/indexLoading/indexLoading'
})
setTimeout(() => {
location.reload()
}, 500)
return Promise.reject(error)
}
// 响应错误处理
console.log('err' + error) // for debug
// showFailToast(error.msg || 'error')
showFailToast({
duration: 2000,
message: error.msg || 'error'
})
// uni.showToast({
// title: error.msg || 'error',
// icon: 'none'
// })
return Promise.reject(error)
}
)
export default service
tailwind.config.js 0 → 100644
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{vue,js,ts,jsx,tsx}'],
theme: {
colors: {
primary: '#50aff0'
},
fontSize: {
mini: '0.38rem',
sm: '0.5rem',
base: '0.63rem',
lg: '0.75rem'
},
extend: {
colors: {
user: '#638daa'
},
flex: {
2: '2 2 0%'
}
},
textColor: {
primary: '#0e0e0e',
grey: '#A5A5A5',
red: '#EA3522',
green: '#31CC43'
}
},
plugins: []
}
tsconfig.json 0 → 100644
{
"compilerOptions": {
"target": "esnext",
"useDefineForClassFields": true,
"module": "esnext",
"moduleResolution": "node",
"strict": true,
"jsx": "preserve",
"sourceMap": true,
"resolveJsonModule": true,
"esModuleInterop": true,
"lib": ["esnext", "dom"],
"types": ["@dcloudio/types"],
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
},
"include": ["src/**/*.ts", "src/**/*.js", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}
vite.config.ts 0 → 100644
import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import { resolve } from 'path'
import eslintPlugin from 'vite-plugin-eslint'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
uni(),
eslintPlugin({
cache: false
})
],
server: {
host: '0.0.0.0',
port: 8080, // 端口号
hmr: true,
open: false, // 启动后是否自动打开浏览器
proxy: {
'/api': {
target: 'http://129.226.60.49:9906', // 目标源，目标服务器，真实请求地址
// target: 'https://admin.backendshtllc.com/', // 目标源，目标服务器，真实请求地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '/api') // 重写真实路径,替换/api
}
}
},
resolve: {
alias: {
'@': resolve(__dirname, 'src')
}
},
css: {
preprocessorOptions: {
scss: {
additionalData: `
@use "@/style/output.scss";
`,
silenceDeprecations: ['legacy-js-api']
}
}
}
})
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment