import Vue from 'vue'
import App from './App'
//引入vuex
import store from './store'
import uView from "uview-ui";
Vue.use(uView);

import {
	router
} from './router/index.js'
import {
	req,
	req1,
	apiUrl
} from './api/index.js'
import toast from './api/tos.js'

import myNav from "@/components/my-navbar/index.vue"
Vue.component('myNav', myNav)
// import apploading from "@/components/apploading/apploading.vue"
// Vue.component('apploading', apploading)
// 考虑规范性,使用 module.exports 导出,应该使用 require 引用
let Chinese = require('./static/locales/zh-CN.js')
let English = require('./static/locales/en-US.js')
let mn = require('./static/locales/mn.js')
let ms = require('./static/locales/ms.js')
let kr = require('./static/locales/kr.js')
let fre = require('./static/locales/fre.js')
let ger = require('./static/locales/ger.js')
let ily = require('./static/locales/ily.js')
let jp = require('./static/locales/jp.js')

const isWhiteRoute = (url) => {
	if (!url) return true
	let path = url
	const qIndex = path.indexOf('?')
	if (qIndex >= 0) path = path.slice(0, qIndex)
	const hashIndex = path.indexOf('#')
	if (hashIndex >= 0) path = path.slice(0, hashIndex)
	const whiteList = [
		'/pages/startup/startup',
		'/pages/index/index',
		'/pages/login/index',
		'/pages/login/register',
		'/pages/login/forget',
		'/pages/lang/lang'
	]
	return whiteList.includes(path)
}

const interceptToLogin = (method) => {
	uni.addInterceptor(method, {
		invoke(args) {
			const url = args && args.url
			if (isWhiteRoute(url)) return args
			if (uni.getStorageSync('token')) return args
			uni.reLaunch({
				url: '/pages/login/index'
			})
			return false
		}
	})
}

interceptToLogin('navigateTo')
interceptToLogin('redirectTo')
interceptToLogin('reLaunch')
interceptToLogin('switchTab')

Vue.mixin({
	onShow() {
		// 全局弃用深色主题：强制持久化为浅色
		uni.setStorageSync('theme', 'light')
		
		// 强制使用浅色主题
		if (this.$store && this.$store.state && this.$store.state.lightTheme) {
			this.theme = this.$store.state.lightTheme
			
			// 设置tabBar样式为浅色主题
			if (typeof uni.setTabBarStyle === 'function') {
				uni.setTabBarStyle({
					color: this.theme.fu_text || '#909090',
					selectedColor: '#007AFF',
					backgroundColor: this.theme.backgroundColor,
					borderStyle: 'white',
					borderColor: 'rgb(238, 238, 238)'
				})
			}
			if (typeof uni.setTabBarItem === 'function' && this.$t) {
				const i18n = this.$t('message')
				if (i18n && i18n.tabBar) {
					uni.setTabBarItem({
						index: 0,
						text: i18n.tabBar.home
					})
					uni.setTabBarItem({
						index: 1,
						text: i18n.tabBar.market
					})
					uni.setTabBarItem({
						index: 2,
						text: i18n.tabBar.cycle
					})
					uni.setTabBarItem({
						index: 3,
						text: i18n.tabBar.lever
					})
					uni.setTabBarItem({
						index: 4,
						text: i18n.tabBar.assets
					})
				}
			}
			
			// 设置状态栏样式
			// #ifdef APP-PLUS
			if (typeof plus !== 'undefined' && typeof plus.navigator === 'object') {
				plus.navigator.setStatusBarStyle('dark')
			}
			// #endif
		}

		const token = uni.getStorageSync('token')
		if (token) return
		const pages = getCurrentPages()
		if (!pages || !pages.length) return
		const current = pages[pages.length - 1]
		const path = '/' + (current.route || '')
		const whiteList = [
			'/pages/startup/startup',
			'/pages/index/index',
			'/pages/login/index',
			'/pages/login/register',
			'/pages/login/forget',
			'/pages/lang/lang'
		]
		if (!whiteList.includes(path)) {
			uni.reLaunch({
				url: '/pages/login/index'
			})
		}
		
	}
})
// VueI18n
import VueI18n from 'vue-i18n'

// VueI18n
Vue.use(VueI18n)

Vue.config.productionTip = false

// VueI18n
// 注意下述代码务必放在代码 "Vue.prototype._i18n = i18n" 上方
const i18n = new VueI18n({
	// 默认语言
	locale: 'jp',
	// 引入语言文件
	messages: {
		'zh-cn': Chinese,
		'en-us': English,
		'mn': mn,
		'ms': ms,
		'kr': kr,
		'fre': fre,
		'ger': ger,
		'ily': ily,
		'jp': jp
	}
})

Vue.prototype._goback = function() {
	uni.navigateBack()
}
Vue.prototype.$store = store
Vue.prototype._i18n = i18n
Vue.prototype.router = router
Vue.prototype.post = req
Vue.prototype.get = req1
Vue.prototype.tos = toast
Vue.prototype.upload = apiUrl

Vue.prototype.connectWS = function() {
	console.log("websocket开始链接")
	var that = this
	uni.connectSocket({
		url: 'wss://jyshd.pp1008.top:17878',
	})
	uni.onSocketOpen(function(res) {
		console.log('WebSocket连接已打开！');
		getApp().globalData.socket = true
		if (getApp().globalData.period) {
			console.log(getApp().globalData.period, "时段重新链接")
			that.sendSocketMessage({
				'subs': 'tradenow',
				"user_id": uni.getStorageSync("user_id"),
				"sub": "market." + getApp().globalData.symbol + ".kline." + getApp().globalData
					.period,
				"id": "BTC",
			})
			that.sendSocketMessage({
				'subs': 'depth',
				"user_id": uni.getStorageSync("user_id"),
				"sub": "market." + getApp().globalData.symbol + ".depth.step0",
				"id": "BTC",
			})
			uni.$emit("reConnect")
		} else if (getApp().globalData.symbol) {
			console.log(getApp().globalData.symbol, "重新链接")
			that.sendSocketMessage({
				'subs': 'tradenow',
				"user_id": uni.getStorageSync("user_id"),
				"sub": "market." + getApp().globalData.symbol + ".kline.1min",
				"id": "BTC",
			})
			that.sendSocketMessage({
				'subs': 'depth',
				"user_id": uni.getStorageSync("user_id"),
				"sub": "market." + getApp().globalData.symbol + ".depth.step0",
				"id": "BTC",
			})
			uni.$emit("reConnect")
		} else {
			that.onSocketMessage()
		}
	});
	uni.onSocketError(function(res) {
		console.log('WebSocket连接打开失败，请检查！');
		getApp().globalData.socket = false
		clearInterval(getApp().globalData.reConnect)
		getApp().globalData.reConnect = setInterval(function() {
			if (getApp().globalData.socket == false) {
				that.connectWS()
			} else {
				clearInterval(getApp().globalData.reConnect)
			}
		}, 2000)
	});
	uni.onSocketClose(function(res) {
		console.log('WebSocket 已关闭！');
		getApp().globalData.socket = false
		clearInterval(getApp().globalData.reConnect)
		getApp().globalData.reConnect = setInterval(function() {
			if (getApp().globalData.socket == false) {
				that.connectWS()
			} else {
				clearInterval(getApp().globalData.reConnect)
			}
		}, 2000)
	});
}

Vue.prototype.onSocketMessage = function() {
	var that = this
	uni.onSocketMessage(function(res) {
		var msg = JSON.parse(res.data)
		// console.log(msg)
		if (msg.ping) {
			that.sendSocketMessage({
				"pong": msg.ping
			})
		} else if (msg.tick) {
			// console.log('链接的币种',msg.ch.split(".")[1])
			if (msg.subs == "depth") {
				// console.log('深度',msg)
				if (msg.ch && that.coinInfo && that.coinInfo.symbol && msg.ch == "market." + that.coinInfo.symbol + ".depth.step0") {
					// console.log('深度',msg.tick)
					that.tick = msg.tick
				}
			} else {
				// console.log(msg.tick)
				if (msg.ch && that.coinInfo && that.coinInfo.symbol && msg.ch == "market." + that.coinInfo.symbol + ".kline.1min") {
					// console.log('最后一分钟数据',msg.tick)
					that.lastData = msg.tick
				}
				if (msg.ch && that.coinInfo && that.coinInfo.symbol && msg.ch == "market." + that.coinInfo.symbol + ".kline.1day") {
					// console.log('一天内数据',msg.tick)
					that.dayData = msg.tick
				}
			}
		} else if (msg.data) {
			// 所有历史数据
			// console.log('所有历史数据',msg.data)
			that.lastData = msg.data[msg.data.length - 1]
		} else {
			// console.log(msg)
		}
	});
}

Vue.prototype.changeExchange = function() {
		var that = this
		uni.closeSocket({
			fail: function() {
				that.connectWS()
			}
		})
	},

	//发送消息
	Vue.prototype.sendSocketMessage = function(msg) {
		// console.log(msg)
		uni.sendSocketMessage({
			data: JSON.stringify(msg),
			success: function(res) {

			},
			complete: function(res) {

			}
		});
	},

	Vue.prototype._formatDate = function(thisData) {
		var date = new Date(thisData);
		var YY = date.getFullYear() + '-';
		var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
		var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
		var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
		var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ":";
		var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
		// return YY + MM + DD + " " + hh + mm + ss;
		return MM + DD + " " + hh + mm + ss;
	}

App.mpType = 'app'

const app = new Vue({
	i18n,
	...App,
	//挂载
	store
})
app.$mount()