// 图表库实例化后储存的函数
console.log("加载kline")
var widget = null
// 进入页面 默认展示的产品
var index_market = 'btcusdt'
// 进入页面 默认展示的产品周期
var index_activeCycle = 1
// 价格精度 默认4位小数
var pricescale = 4

var bb_type = 1

var lastminClose = 0

// window.TradingView.onready 确保在html的dom加载完成后在调用
window.TradingView.onready(function() {
	// chartConfig 在chartConfig.js里面
	// 给chartConfig添加展示周期
	chartConfig.interval = index_activeCycle
	// 给chartConfig添加展示产品
	chartConfig.symbol = index_market

	// 初始化 TradingView
	widget = new window.TradingView.widget(chartConfig)

	widget && widget.onChartReady && widget.onChartReady(function() {
		// 这是k线图 展示的 7日均线和30日均线。
		widget.chart().createStudy('Moving Average', false, false, [7], null, {
			'Plot.linewidth': 2,
			'Plot.color': '#2ba7d6'
		})
		widget.chart().createStudy('Moving Average', false, false, [30], null, {
			'Plot.linewidth': 2,
			'Plot.color': '#de9f66'
		})
		setTimeout(() => {
			widget.chart().resetData()
		}, 1000)
	})
})

let baseUrl = 'https://jyshd.pp1008.top/';

// 请求封装
function http2(url, data, method, token) {
	return new Promise((resolve, reject) => {
		axios({
				headers: {
					"Content-Type": "application/x-www-form-urlencoded"
				},
				method: method,
				url: baseUrl + url,
				data: Qs.stringify(data)
			})
			.then(res => {
				if (res.status == 200) {
					resolve(res.data)
				} else {
					reject()
					// alertError('请求超时')
				}
			})
			.catch(err => {
				// alertError('请求超时')
			})
	})
}
// 弹窗
function alertError(title) {
	document.addEventListener('plusready', function() {
		console.log('......')
	})
	try {
		plus.nativeUI.toast(title, {
			// icon:'/static/common/toast-error.png',
			style: 'inline',
			verticalAlign: 'top'
		});
	} catch (e) {
		//TODO handle the exception
	}
}
var app = new Vue({
	el: '#app',
	data: {
		token: "",
		Language: '',
		name_sx: '',
		symbol: "",
		newData: {
			close: 0,
		},
		title: "",
		tab: 1,
		newDay: {
			high: 0,
			low: 0
		},
		depth: "",
		coinInfo: "",
		period: "1min",
		coindata: {},
		exchange_rate: 6,
		current: 1,
		buyurl: '',
		sellurl: '',

		market_jd: 6,
		price_jd: 4,
		zhezhaoceng: 1,

		changeflag: true,
	},
	created() {

	},
	mounted() {
		var that = this
		var storage = window.localStorage;
		that.token = storage.getItem("token");
		that.exchange_rate = storage.getItem("ratenum")
		that.name_sx = storage.getItem("ratename")
		that.Language = storage.getItem("Language")
		console.log('语言为' + that.Language);
		this.getLanguage()
		this.getCionInfo()

		Event.on('changeflag', data => {
			// console.log('分钟线数据',data)
			this.changeflag = data
		})
		Event.on('zhezhaoceng', data => {
			// console.log('分钟线数据',data)
			this.zhezhaoceng = data
		})
		// 拿到实时数据 在这里画
		Event.on('newData', data => {
			// console.log('分钟线数据',data)
			this.newData = data
		})

		Event.on('newDay', data => {
			// console.log('一天的数据',data)
			this.newDay = data
		})
		Event.on('depth', data => {
			// console.log('深度',data)
			this.depth = data
		})
		Event.on('reconnect', data => {
			// console.log('reconnect',data)
			console.log(data)
			// 如果socket断了重连 需要重新请求aptusdt的历史数据
			if (bb_type == 2) {
				// setTimeout( ()=> {
				// 	this.getHistory(data)
				// }, 500)
			}
		})
	},
	destroyed: function() {
		// clearInterval(this.alone)
	},
	methods: {
		getexchange() {
			var that = this
			http2('api/publics/exchange_list', {}, "POST", this.token).then(res => {
				if (res.code == 1) {
					let data = res.data
					let cha = data.find(item => item.id == 2)

					if (that.Language == 'zh-cn') {
						// that.exchange_rate=res.data
						let obj = data.find(item => item.id == 2)
						if (obj) {
							that.exchange_rate = obj.exchange
							that.name_sx = obj.name_sx
						}
					}
					if (that.Language == 'en-us') {
						// that.exchange_rate=res.data
						let obj = data.find(item => item.id == 4)
						if (obj) {
							that.exchange_rate = obj.exchange
							that.name_sx = obj.name_sx
						} else {
							that.exchange_rate = cha.exchange
							that.name_sx = cha.name_sx
						}
					}
					if (that.Language == 'mn') {
						// that.exchange_rate=res.data
						let obj = data.find(item => item.id == 11)
						if (obj) {
							that.exchange_rate = obj.exchange
							that.name_sx = obj.name_sx
						} else {
							that.exchange_rate = cha.exchange
							that.name_sx = cha.name_sx
						}
					}
					if (that.Language == 'ms') {
						// that.exchange_rate=res.data
						let obj = data.find(item => item.id == 5)
						if (obj) {
							that.exchange_rate = obj.exchange
							that.name_sx = obj.name_sx
						} else {
							that.exchange_rate = cha.exchange
							that.name_sx = cha.name_sx
						}
					}
					if (that.Language == 'kr') {
						// that.exchange_rate=res.data
						let obj = data.find(item => item.id == 7)
						if (obj) {
							that.exchange_rate = obj.exchange
							that.name_sx = obj.name_sx
						} else {
							that.exchange_rate = cha.exchange
							that.name_sx = cha.name_sx
						}
					}
					if (that.Language == 'fre') {
						// that.exchange_rate=res.data
						let obj = data.find(item => item.id == 9)
						if (obj) {
							that.exchange_rate = obj.exchange
							that.name_sx = obj.name_sx
						} else {
							that.exchange_rate = cha.exchange
							that.name_sx = cha.name_sx
						}
					}
					if (that.Language == 'ger') {
						// that.exchange_rate=res.data
						let obj = data.find(item => item.id == 3)
						if (obj) {
							that.exchange_rate = obj.exchange
							that.name_sx = obj.name_sx
						} else {
							that.exchange_rate = cha.exchange
							that.name_sx = cha.name_sx
						}
					}
					if (that.Language == 'ily') {
						// that.exchange_rate=res.data
						let obj = data.find(item => item.id == 10)
						if (obj) {
							that.exchange_rate = obj.exchange
							that.name_sx = obj.name_sx
						} else {
							that.exchange_rate = cha.exchange
							that.name_sx = cha.name_sx
						}
					}
					if (that.Language == 'jp') {
						// that.exchange_rate=res.data
						let obj = data.find(item => item.id == 8)
						if (obj) {
							that.exchange_rate = obj.exchange
							that.name_sx = obj.name_sx
						} else {
							that.exchange_rate = cha.exchange
							that.name_sx = cha.name_sx
						}
					}
				}
			})
		},
		numFilter(item) {
			if (item == undefined || item == null) {
				return 0;
			} else {
				if (Number(item) < 10) {
					return Number(item).toFixed(6);
				} else if (Number(item) >= 10 && Number(item) < 1000) {
					return Number(item).toFixed(4);
				} else if (Number(item) >= 1000 && Number(item) < 1000000) {
					return (Number(item) / 1000).toFixed(4) + ' K';
				} else if (Number(item) >= 1000000 && Number(item) < 10000000000) {
					return (Number(item) / 1000000).toFixed(2) + ' M';
				} else {
					return (Number(item) / 10000000000).toFixed(2) + ' B';
				}
			}
		},
		getCionInfo() {
			http2('api/Contract/get_curr_con', {
				symbol: this.symbol
			}, "POST").then(res => {
				console.log('币种信息', res)
				if (res.code == 1) {
					this.coindata = res.data
					// this.newData.close = res.data.close
					//  https://h5.apec.io/#/pages/transaction/index
					this.market_jd = res.data.market_jd
					pricescale = res.data.price_jd
					this.price_jd = res.data.price_jd
				}
			})
		},
		overlay() {
			var e1 = document.getElementById('modal-overlay');
			e1.style.visibility = (e1.style.visibility == "visible") ? "hidden" : "visible";
		},
		getDay() {
			http2('api/market/get_day_kline', {
				symbol: this.symbol
			}, "POST", this.token).then(res => {
				console.log('获取一天最高最低', res)
				if (res.code == 1) {
					Event.emit('newDay', res.data)
					setTimeout(() => {
						this.getDay()
					}, 10000)
				}
			})
		},
		getLanguage() {
			var args = window.location.href.split('?');
			if (args[0] == window.location.href) {
				return "";
			};
			var arr = args[1].split('&');
			var obj = {};
			for (var i = 0; i < arr.length; i++) {
				var arg = arr[i].split('=');
				obj[arg[0]] = arg[1];
			}
			// console.log(obj)
			this.symbol = obj.symbol
			this.getDay()
			bb_type = obj.bb_type
			console.log('bb_type', bb_type)
			this.title = obj.title
			index_market = obj.symbol

			this.buyurl = 'https://' + obj.h5_url + '/#/pages/transaction/index?type=buy&symbol=' + this.symbol
			this.sellurl = 'https://' + obj.h5_url + '/#/pages/transaction/index?type=sell&symbol=' + this
				.symbol
			console.log(this.buyurl)
			console.log(this.sellurl)

			// 如果是aptusdt币种，进页面先接口请求历史数据
			if (bb_type == 2) {
				console.log('进入币币模式')
				this.changeflag = false
				setTimeout(() => {
					this.getHistory()
				}, 1000)
			} else {
				console.log('进入线上模式')
			}
		},
		change(e) {
			if (!this.changeflag) return
			// 1 为平均K线； 3 为面积图
			index_activeCycle = e
			this.tab = e
			if (e == 1) {
				this.period = "1min"
			} else if (e == 5) {
				this.period = "5min"
			} else if (e == 15) {
				this.period = "15min"
			} else if (e == 30) {
				this.period = "30min"
			} else if (e == 60) {
				this.period = "60min"
			} else if (e == '1D') {
				this.period = "1day"
			}
			this.changeflag = false
			if (bb_type == 2) {
				widget.chart().setChartType(e == '0' ? 3 : 1)
				widget.chart().setResolution(e)
				this.getHistory(this.period)
			} else {
				widget.chart().setChartType(e == '0' ? 3 : 1)
				widget.chart().setResolution(e)
			}
		},
		getHistory(e) {
			var that = this
			var period = this.period
			if (e) {
				console.log("分钟线", e)
				period = e
			}
			http2('api/market/get_apt_kline', {
				period: period,
				symbol: this.symbol
			}, "POST").then(res => {
				console.log('历史数据请求', res)
				if (res.code == 1) {
					if (period == '1min') {
						lastminClose = res.data[res.data.length - 1].close
						that.newData = res.data[res.data.length - 1]
						Event.emit('data', res.data)
					} else {
						res.data[res.data.length - 1].close = lastminClose
						Event.emit('data', res.data)
						that.newData.close = lastminClose
					}
				}
			})
		},
	}
})