502 lines
16 KiB
JavaScript
502 lines
16 KiB
JavaScript
var selltime = 0;
|
||
option = null;
|
||
var order_data = {};
|
||
var timer = '';
|
||
var resorderlist = {};
|
||
var timer_orderlist = '';
|
||
var _sell_time = 0;
|
||
var _ftime = 0;
|
||
|
||
|
||
|
||
function getdata(pid) {
|
||
var url = "/index/index/ajaxpro.html?pid=" + pid;
|
||
$.get(url, function(data) {
|
||
var old_price = $('#jk').html();
|
||
// console.log(old_price);
|
||
if (old_price * 10 < data.Price * 10) {
|
||
$('#jk').removeClass('fall');
|
||
$('#jk').addClass('rise');
|
||
} else if (old_price * 10 > data.Price * 10) {
|
||
$('#jk').addClass('fall');
|
||
$('#jk').removeClass('rise');
|
||
}
|
||
$('#jk').html(data.Price);
|
||
$('#jk').html(data.Price);
|
||
$('#jk').html(data.Price);
|
||
newprice = data.Price;
|
||
});
|
||
//$.get('/index/index/product');
|
||
// $.get('/index/index/order');
|
||
}
|
||
|
||
|
||
|
||
|
||
//选择时间
|
||
$('.period-widget').click(function() {
|
||
|
||
$('.period-widget').removeClass('active');
|
||
$(this).addClass('active');
|
||
order_sen = $(this).attr('data-sen');
|
||
order_shouyi = $(this).attr('data-shouyi');
|
||
order_kuishun = $(this).attr('data-kuishun');
|
||
var yuqi = (((order_shouyi * 0.01 * order_price) * 10 + order_price * 10) / 10).toFixed(2);
|
||
$('#yuqi').html(yuqi)
|
||
|
||
});
|
||
//选择金额
|
||
// $('.amount-box').click(function() {
|
||
// $('.amount-box').removeClass('active');
|
||
// $('.other-amount').removeClass('active');
|
||
// $(this).addClass('active');
|
||
// order_price = $(this).attr('data-price');
|
||
// $('#money').html(' ￥' + order_price);
|
||
// if (my_money < order_price) {
|
||
// $('.no-money').removeClass('ng-hide');
|
||
// } else {
|
||
// $('.no-money').addClass('ng-hide');
|
||
// }
|
||
// $('.no-min').addClass('ng-hide');
|
||
// $('.no-max').addClass('ng-hide');
|
||
// var yuqi = (((order_shouyi * 0.01 * order_price) * 10 + order_price * 10) / 10).toFixed(2);
|
||
// $('#yuqi').html(yuqi)
|
||
// });
|
||
|
||
$('.other-amount').click(function() {
|
||
$('.amount-box').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
});
|
||
$('.other-amount input').bind('input propertychange', function() {
|
||
var inputdata = $('.other-amount input').val();
|
||
if (inputdata * 10 < min * 10) {
|
||
$('.no-min').removeClass('ng-hide');
|
||
$('.no-money').addClass('ng-hide');
|
||
$('.button').attr('disabled', 'disabled');
|
||
} else if (inputdata * 10 > max * 10) {
|
||
$('.no-max').removeClass('ng-hide');
|
||
$('.no-money').addClass('ng-hide');
|
||
$('.button').attr('disabled', 'disabled');
|
||
} else {
|
||
$('.no-min').addClass('ng-hide');
|
||
$('.no-max').addClass('ng-hide');
|
||
$('.button').removeAttr('disabled');
|
||
}
|
||
order_price = inputdata;
|
||
$('#money').html(' ￥' + order_price);
|
||
|
||
});
|
||
|
||
function toggle_order_confirm_panel(type) {
|
||
|
||
if (type == 'lookup') {
|
||
var typename = '买涨';
|
||
order_type = 0;
|
||
|
||
$('.order_type').removeClass('fall');
|
||
$('.order_type').addClass('rise');
|
||
} else if(type=="lookdown") {
|
||
var typename = '买跌';
|
||
order_type = 1;
|
||
|
||
$('.order_type').addClass('fall');
|
||
$('.order_type').removeClass('rise');
|
||
} else {
|
||
var typename = '委买';
|
||
order_type = 2;
|
||
|
||
$('.order_type').addClass('fall');
|
||
$('.order_type').removeClass('rise');
|
||
}
|
||
|
||
$('.order_type').html(typename);
|
||
$('.pro_mengban').addClass('glass_mask');
|
||
$('.order-confirm-panel').addClass('open');
|
||
|
||
|
||
}
|
||
|
||
/**
|
||
* 下单
|
||
* @author lukui 2017-06-30
|
||
* @return {[type]} [description]
|
||
*/
|
||
function addorder() {
|
||
var postdata = "order_type=" + order_type + "&order_pid=" + order_pid + "&order_price=" + order_price + "&order_sen=" + order_sen + "&order_shouyi=" + order_shouyi + "&order_kuishun=" + order_kuishun + "&newprice=" + newprice;
|
||
var posturl = "/index/user/addorder";
|
||
|
||
toggle_order_close_panel()
|
||
|
||
$('.order_mengban').addClass('glass_mask');
|
||
$('.paysuccess').hide();
|
||
|
||
$('.order-state-panel').show();
|
||
$('.order-state-panel .wait').removeClass('ng-hide');
|
||
|
||
if (order_price > my_money) {
|
||
err_info('资金不足，请先充值');
|
||
return;
|
||
}
|
||
if (order_price < order_min_price) {
|
||
err_info('最小下注金额为' + order_min_price);
|
||
return;
|
||
}
|
||
if (order_price > order_max_price) {
|
||
err_info('最大下注金额为' + order_max_price);
|
||
return;
|
||
}
|
||
|
||
|
||
$.post(posturl, postdata, function(resdata) {
|
||
|
||
if (resdata.type == 1) {
|
||
|
||
resdata.data = jQuery.parseJSON(Base64.decode(resdata.data));
|
||
|
||
//倒计时
|
||
$('.pay_order_sen').html(resdata.data.endprofit);
|
||
$('.img_circle_right').attr('style', '-webkit-animation: run ' + resdata.data.endprofit + 's linear;')
|
||
$('.img_circle_lift').attr('style', '-webkit-animation: runaway ' + resdata.data.endprofit + 's linear;')
|
||
|
||
//下方提示
|
||
if (resdata.data.ostyle == 0) {
|
||
$('.pay_order_type').html('买涨');
|
||
$('.pay_order_type').addClass('rise');
|
||
$('.pay_order_type').removeClass('fall');
|
||
} else {
|
||
$('.pay_order_type').html('买跌');
|
||
$('.pay_order_type').addClass('fall');
|
||
$('.pay_order_type').removeClass('rise');
|
||
}
|
||
//$('.order-state-panel').hide();
|
||
$('.order-state-panel .wait').addClass('ng-hide');
|
||
|
||
$('.pay_order_price').html(resdata.data.fee);
|
||
$('.pay_order_buypricee').html(resdata.data.buyprice);
|
||
|
||
$('.order-state-panel .wait').addClass('ng-hide');
|
||
$('.order-state-panel .paysuccess').removeClass('ng-hide');
|
||
$('.order-state-panel .paysuccess').addClass('success');
|
||
//余额
|
||
$('.pay_mymoney').html(resdata.data.commission);
|
||
//转盘倒计时
|
||
|
||
|
||
selltime = resdata.data.selltime;
|
||
order_data = resdata.data;
|
||
$('.paysuccess').show();
|
||
_sell_time = order_data.selltime - order_data.buytime;
|
||
timer = setInterval("endtimes()", 1000);
|
||
} else {
|
||
err_info(resdata.data);
|
||
}
|
||
|
||
});
|
||
}
|
||
|
||
|
||
//转盘倒计时
|
||
function endtimes() {
|
||
|
||
var timestamp = Date.parse(new Date());
|
||
timestamp = timestamp / 1000;
|
||
_sell_time--;
|
||
var newsen = _sell_time;
|
||
$('.pay_order_sen').html(newsen);
|
||
|
||
var old_price = $('.data-price').html();
|
||
|
||
var yuce_case = 0;
|
||
if (order_data.buyprice * 10 < newprice * 10) {
|
||
$('.data-price').removeClass('fall');
|
||
$('.data-price').addClass('rise');
|
||
|
||
if (order_data.ostyle == 0) { //买涨
|
||
yuce_case = '+' + (order_data.fee * order_data.endloss / 100);
|
||
$('.yuce').removeClass('fall');
|
||
$('.yuce').addClass('rise');
|
||
} else {
|
||
// yuce_case = order_data.fee*-1;
|
||
yuce_case = '-' + (order_data.fee * order_data.lossrate / 100);
|
||
$('.yuce').removeClass('rise');
|
||
$('.yuce').addClass('fall');
|
||
}
|
||
|
||
} else if (order_data.buyprice * 10 > newprice * 10) {
|
||
$('.data-price').addClass('fall');
|
||
$('.data-price').removeClass('rise');
|
||
|
||
if (order_data.ostyle == 0) { //买涨
|
||
yuce_case = '-' + (order_data.fee * order_data.lossrate / 100);
|
||
$('.yuce').removeClass('rise');
|
||
$('.yuce').addClass('fall');
|
||
} else {
|
||
yuce_case = '+' + (order_data.fee * order_data.endloss / 100);
|
||
$('.yuce').removeClass('fall');
|
||
$('.yuce').addClass('rise');
|
||
}
|
||
} else {
|
||
yuce_case = order_data.fee;
|
||
}
|
||
$('.yuce').html('￥' + yuce_case);
|
||
|
||
if (newsen <= 0) {
|
||
$('.paysuccess').addClass('ng-hide');
|
||
$('.paysuccess').removeClass('success');
|
||
$('.order-state-panel .wait').removeClass('ng-hide');
|
||
//请求检测订单
|
||
//get_this_order();
|
||
clearInterval(timer)
|
||
//停止ajax
|
||
clearTimeout(ccout);
|
||
//go order
|
||
goorder();
|
||
}
|
||
|
||
|
||
}
|
||
|
||
function goorder() {
|
||
|
||
var posturl = '/index/user/goorder';
|
||
var postdata = 'price=' + newprice + "&oid=" + order_data.oid + "&order_rand=" + order_data.order_rand;
|
||
|
||
$.post(posturl, postdata, function(res) {
|
||
console.log(res);
|
||
if (res == 1 || res == 3) {
|
||
get_this_order();
|
||
} else if (res == 2) {
|
||
setTimeout('goorder()', 100);
|
||
} else {
|
||
get_this_order();
|
||
}
|
||
|
||
});
|
||
}
|
||
|
||
|
||
function get_this_order() {
|
||
var tourl = "/index/user/get_this_order?oid=" + order_data.oid;
|
||
$.get(tourl, function(resdata) {
|
||
if (resdata) {
|
||
resdata = jQuery.parseJSON(Base64.decode(resdata));
|
||
console.log(resdata);
|
||
$('.order-state-panel .wait').addClass('ng-hide');
|
||
$('.ordersuccess').removeClass('ng-hide');
|
||
$('.ordersuccess').addClass('success');
|
||
|
||
|
||
if (resdata.is_win == 1) {
|
||
$('.result_profit').addClass('rise')
|
||
$('.result_profit').removeClass('fall')
|
||
//var _ploss = (resdata.ploss*10+resdata.fee*10)/10;
|
||
var _ploss = (resdata.ploss * 10) / 10;
|
||
$('.result_profit').html('￥' + _ploss);
|
||
|
||
$('.endprice').addClass('rise')
|
||
$('.endprice').removeClass('fall')
|
||
} else if (resdata.is_win == 2) {
|
||
$('.result_profit').addClass('fall')
|
||
$('.result_profit').removeClass('rise')
|
||
$('.result_profit').html('￥' + resdata.ploss);
|
||
$('.endprice').addClass('fall')
|
||
$('.endprice').removeClass('rise')
|
||
} else {
|
||
$('.result_profit').removeClass('rise')
|
||
$('.result_profit').removeClass('fall')
|
||
$('.result_profit').html('￥' + resdata.ploss);
|
||
$('.endprice').removeClass('rise')
|
||
$('.endprice').removeClass('fall')
|
||
|
||
}
|
||
$('.endprice').html('￥' + resdata.sellprice);
|
||
ccout = setTimeout("getonedata()", 1000);
|
||
|
||
} else {
|
||
// $('.ordersuccess').addClass('ng-hide');
|
||
// $('.ordersuccess').removeClass('success');
|
||
// err_info('获取失败，请在订单列表查看');
|
||
get_this_order();
|
||
}
|
||
});
|
||
}
|
||
/**
|
||
* 继续下单
|
||
* @author lukui 2017-06-30
|
||
* @return {[type]} [description]
|
||
*/
|
||
function continue_order() {
|
||
|
||
close_order();
|
||
if (order_type == 0) {
|
||
var _type = 'lookup';
|
||
} else if(order_type == 1) {
|
||
var _type = 'lookdown';
|
||
}else {
|
||
var _type = 'weituo';
|
||
}
|
||
toggle_order_confirm_panel(_type);
|
||
}
|
||
|
||
/**
|
||
* 关闭窗口
|
||
* @author lukui 2017-06-30
|
||
* @return {[type]} [description]
|
||
*/
|
||
function close_order() {
|
||
clearInterval(timer)
|
||
$('.order_mengban').removeClass('glass_mask');
|
||
$('.order-state-panel').hide();
|
||
$('.ordersuccess').removeClass('success');
|
||
$('.ordersuccess').addClass('ng-hide');
|
||
$('.order_fail').addClass('ng-hide');
|
||
|
||
|
||
}
|
||
|
||
/**
|
||
* 持仓明细
|
||
*/
|
||
function toggle_history_order_panel() {
|
||
var type = $('.history-panel').attr('ng-include');
|
||
if (type == 1) {
|
||
|
||
|
||
//ajax order
|
||
var ajaxorderurl = "/index/user/ajaxorder?pid=" + order_pid;
|
||
$.get(ajaxorderurl, function(resdata) {
|
||
|
||
resdata = jQuery.parseJSON(Base64.decode(resdata));
|
||
|
||
resorderlist = resdata;
|
||
|
||
if (resorderlist.length >= 1) {
|
||
_ftime = resorderlist[0]['time'];
|
||
} else {
|
||
var timestamp = Date.parse(new Date());
|
||
_ftime = timestamp / 1000;
|
||
}
|
||
//show_order_list();
|
||
|
||
timer_orderlist = setInterval("show_order_list()", 1000);
|
||
$('.history-panel').css('top', '50%')
|
||
$('.history-panel').css('bottom', '10%')
|
||
$('.history-panel').attr('ng-include', 0);
|
||
})
|
||
|
||
} else {
|
||
$('.history-panel').css('top', '500%')
|
||
$('.history-panel').css('bottom', '100%')
|
||
$('.history-panel').attr('ng-include', 1);
|
||
clearInterval(timer_orderlist)
|
||
}
|
||
|
||
|
||
|
||
}
|
||
/**
|
||
* 订单列表
|
||
* @return {[type]} [description]
|
||
*/
|
||
function show_order_list() {
|
||
var html = '';
|
||
|
||
if (resorderlist.length == 0) {
|
||
$('.trade_history_list ul').html(' ');
|
||
return false;
|
||
}
|
||
|
||
_ftime++;
|
||
$.each(resorderlist, function(k, v) {
|
||
|
||
console.log(_ftime);
|
||
var timestamp = Date.parse(new Date());
|
||
var _end_time = (v.selltime - _ftime);
|
||
var baifenbi = (_end_time / v.endprofit) * 100;
|
||
console.log(_ftime);
|
||
if (_end_time > 0) {
|
||
|
||
var chaprice = newprice - v.buyprice;
|
||
var closeprice = 0;
|
||
var closeprice_class = '';
|
||
if (v.ostyle == 0) {
|
||
var ostyle_class = "buytop";
|
||
var ostyle_class2 = 'in_money';
|
||
var ostyle_name = "买涨";
|
||
if (chaprice > 0) {
|
||
closeprice = '+' + (order_data.fee * order_data.endloss / 100);
|
||
closeprice_class = 'in_money';
|
||
} else if (chaprice < 0) {
|
||
closeprice = '-' + (order_data.fee * order_data.lossrate / 100);
|
||
closeprice_class = 'out_money';
|
||
} else {
|
||
closeprice = v.fee;
|
||
closeprice_class = '';
|
||
}
|
||
} else {
|
||
var ostyle_class = "buydown";
|
||
var ostyle_name = "买跌";
|
||
var ostyle_class2 = 'out_money';
|
||
|
||
if (chaprice < 0) {
|
||
closeprice = '+' + (order_data.fee * order_data.endloss / 100);
|
||
closeprice_class = 'in_money';
|
||
} else if (chaprice > 0) {
|
||
closeprice = '-' + (order_data.fee * order_data.lossrate / 100);
|
||
closeprice_class = 'out_money';
|
||
} else {
|
||
closeprice = v.fee;
|
||
closeprice_class = '';
|
||
}
|
||
|
||
}
|
||
|
||
html += '<li ng-repeat="o in trade_order_list" class="">\
|
||
<section>\
|
||
<p style="margin: 0">\
|
||
<span class="ng-binding">' + v.ptitle + '</span>\
|
||
<span class="ng-binding ' + ostyle_class2 + '"><i class="' + ostyle_class + '"></i>' + ostyle_name + '（￥' + v.fee + '）</span>\
|
||
</p>\
|
||
<p style="margin: 0" class="ng-binding">\
|
||
' + v.buyprice + '-<span class="ng-binding ' + closeprice_class + '">' + newprice + '</span>\
|
||
</p>\
|
||
<p style="margin: 0" class="ng-binding">' + getLocalTime(v.buytime) + '</p>\
|
||
</section><section>\
|
||
<p style="margin: 0px;" class="ng-binding ' + closeprice_class + '">' + closeprice + '</p>\
|
||
<p style="margin: 0" class="ng-binding">' + formatSeconds2(_end_time) + '</p>\
|
||
</section>\
|
||
<article class="">\
|
||
<span class="move_width" style="width: ' + baifenbi + '%; transition-duration: 1s;">\
|
||
</span>\
|
||
<i>\
|
||
<em></em>\
|
||
</i>\
|
||
</article>\
|
||
</li>';
|
||
|
||
$('.trade_history_list ul').html(html);
|
||
|
||
} else {
|
||
|
||
resorderlist.splice(k, 1);
|
||
}
|
||
})
|
||
|
||
}
|
||
|
||
/**
|
||
* 订单错误提示
|
||
* @param {[type]} data 错误信息
|
||
* @return {[type]} [description]
|
||
*/
|
||
function err_info(data) {
|
||
$('.order-state-panel .paysuccess').addClass('ng-hide');
|
||
$('.order-state-panel .paysuccess').removeClass('success');
|
||
$('.order-state-panel .ordersuccess').addClass('ng-hide');
|
||
$('.order-state-panel .ordersuccess').removeClass('success');
|
||
|
||
$('.order-state-panel .wait').addClass('ng-hide');
|
||
$('.fail-info').html(data);
|
||
$('.order_fail').removeClass('ng-hide');
|
||
} |