/**
 * 云矿机：矿机管理
 * libingke
 * 2018/05/09
 */

/**
 * 表单
 * @type {{start_time: null, end_time: null, type: null, status: null}}
 */
var form1 = {
    start_time:null,
	end_time:null,
	type:null,
	status:null
};

layui.use('laydate', function(){
    var laydate = layui.laydate;
    laydate.render({
        elem: '#date_range',
		//type: 'datetime',
        range: '~',
        done: function(value, date, endDate){
            $('#date_range').val(value);
            query(1);
        }
    });
});

$(function () {
	$('input').bind('keypress', function(event) {
		if(event.keyCode == "13")
			query(1);
	});

	$(".select1").bind("change",function(){ query(1); });

	var responseHandler = function (res) {
		if (res.message !== '') {
			msg_no_200(res.message);
			return false;
		}

		if (res.response.code != 200) {
			msg_no_200("[" + res.response.code + "] " + res.response.message);
			console.log(res)
			return false;
		}

		return {
			"rows": res.response.data.rows,
			"total": res.response.data.count
		};
	};

    /**
     * 初始化表格
     */
    $("#table1").bootstrapTable({
        queryParams: function (params) {
			$date_range = $("#date_range");
			form1.type=$('form#form1 select[name="type"]').val();
			form1.status=$('form#form1 select[name="status"]').val();
            if ($date_range.val()==='') {
                form1.start_time=null;
                form1.end_time=null;
            } else {
                var value=$date_range.val();
                var t=value.split(' ~ ', 2);
                form1.start_time=t[0] + ' 00:00:00';
                form1.end_time=t[1] + ' 23:59:59';
            }
            form1.page = params.pageNumber;
            form1.page_size = params.pageSize;

			//obj
			api_type = 'get';
			return {
				'type': api_type,
				'url': url_table1,
				'headers': getMinerHeaders(url_key, api_type),
				'query': form1
			};
        },
        pageSize: 20,
        responseHandler: responseHandler,
		onDblClickRow: function (row) {
			//copyText(row.pool_id);
		},
        columns:[
			{field: 'id', title: '矿机编号', valign: "middle", align: "center"},
			{
				field: 'type', title: '矿机类型', valign: "middle", align: "center",
				formatter: function (v) {
					switch (v)
					{
						case 1: $t = '新手标';break;
						case 2: $t = '标准矿机';break;
						case 3: $t = '限购矿机';break;
						default: $t = '';
					}
					return $t;
				}
			},
			{field: 'name', title: '矿机名称', valign: "middle", align: "center"},
			{field: 'miner_coin', title: '单位赠币', valign: "middle", align: "center"},
			{field: 'basic_yield', title: '基本币量', valign: "middle", align: "center"},
			{field: 'presented_yield', title: '赠送币量', valign: "middle", align: "center"},
			{field: 'duration', title: '矿机周期(天)', valign: "middle", align: "center"},
			{field: 'sold', title: '已售矿机', valign: "middle", align: "center"},
			{
				field: 'created_at', title: '添加时间', valign: "middle", align: "center",
				formatter: function (v) { return UnixToDate(DateToUnix(v));}
			},
			{
				field: 'status', title: '状态', valign: "middle", align: "center",
				formatter: function (v) {
					switch (v)
					{
						case 1: $t = '<span style="color: #808080">下线</span>';break;
						case 2: $t = '<span style="color: green">上线</span>';break;
						case 100: $t = '<span style="color: red">已删除</span>';break;
						default: $t = '';
					}
					return $t;
				}
			},
			{
				field: 'status', title: '操作', valign:"middle", align:"left",
				formatter: function (v, k) {
					kid = k.id;
					switch (v)
					{
						case 1://glyphicon glyphicon-chevron-up
							$t = '<a onclick="opt.editRow.init(\''+kid+'\')" title="编辑"><span class="glyphicon glyphicon-edit"></a>&nbsp;&nbsp;'
								+ '<a onclick="opt.viewRow.init(\''+kid+'\')" title="查看"><span style="color: #67809f" class="glyphicon glyphicon-eye-open"></span></a>&nbsp;&nbsp;'
								+ '<a onclick="opt.setOnLine.init(\''+kid+'\')" title="上线"><span style="color: #f36a5a" class="glyphicon glyphicon-chevron-up"></a>&nbsp;&nbsp;&nbsp;'
								+ '<a onclick="opt.deleteRow.init(\''+kid+'\')" title="删除"><span style="color: #c5535a" class="glyphicon glyphicon-trash"></a>';
							break;
						case 2:
							$t = '<a onclick="opt.editRow.init(\''+kid+'\')" title="编辑"><span class="glyphicon glyphicon-edit"></a></a>&nbsp;&nbsp;'
								+ '<a onclick="opt.viewRow.init(\''+kid+'\')" title="查看"><span style="color: #67809f" class="glyphicon glyphicon-eye-open"></span></a>&nbsp;&nbsp;'
								+ '<a onclick="opt.setOffLine.init(\''+kid+'\')" title="下线"><span style="color: gray" class="glyphicon glyphicon-chevron-down"></a>&nbsp;&nbsp;&nbsp;'
								+ '<a onclick="opt.deleteRow.init(\''+kid+'\')" title="删除"><span style="color: #c5535a" class="glyphicon glyphicon-trash"></a>';
							break;
						//case 100:$t = '';break;
						default: $t = '';
					}
					return $t;
				}
			}
		]
    });
});

/**
 * 操作中心
 */
var opt = {
	_key: url_key,
	_config: {
		info:{url: url_info, type: 'get'},
		edit:{url: url_edit, type: 'post'},
		delete:{url: url_delete, type: 'post'},
		online:{url: url_online, type: 'post'},
		offline:{url: url_offline, type: 'post'},
	},
	ajax: function (data, callback) {
		$.ajax({
			url: "/admin/public/ajax?case=miner_query",
			type: 'POST',
			data: data,
			dataType: 'json',
			success: function (res) {
				if (res.message !== '') {
					msg_no_200(res.message);
					return false;
				}

				if (res.response.code != 200) {
					msg_no_200("[" + res.response.code + "] " + res.response.message);
					return false;
				}

				if ((callback && typeof(callback)==="function")) {
					callback(res.response);
				} else {
					msg_no_200("回调显示错误");
				}
			},
			error: server_error
		});
	},

	//编辑行
	editRow: {
		init: function(kid) {
			opt.ajax({
				type: opt._config.info.type,
				url: opt._config.info.url,
				headers: getMinerHeaders(opt._key, opt._config.info.type),
				query: {id:kid}
			}, this.render);
		},
		render: function (ret) {
			str = ret.data;
			opt.openRow(str, 'edit');
			//渲染时间插件
			layui.laydate.render({
				elem: '.timer' //指定元素
				,type: 'datetime'
				,value: str.online_time === null ? null : new Date(str.online_time * 1000)
			});
			$(".select-type option[value= '"+str.type+"']").attr("selected","selected");
			$(".select-lv option[value= '"+str.class+"']").attr("selected","selected");
		},
		after: function (ret) {
			msg_200(ret.message);
			query(1)
		}
	},

	//查看行
	viewRow: {
		init: function(kid) {
			opt.ajax({
				type: opt._config.info.type,
				url: opt._config.info.url,
				headers: getMinerHeaders(opt._key, opt._config.info.type),
				query: {id:kid}
			}, this.after);
		},
		after: function (ret) {
			str = ret.data;
			opt.openRow(str, 'view');
			$(".select-type option[value= '"+str.type+"']").attr("selected","selected");
			$(".select-lv option[value= '"+str.class+"']").attr("selected","selected");
		}
	},

	//删除行
	deleteRow: {
		init: function(kid) {
			that=this;
			s=[{name:'id', value:kid}];
			index=layer.confirm('确认删除?', {
				skin: 'layui-layer-myRed'
			}, function(index){
				opt.ajax({
					type: opt._config.delete.type,
					url: opt._config.delete.url,
					headers: getMinerHeaders(opt._key, opt._config.delete.type, s),
					data: s
				}, that.after);
				layer.close(index);
			});
		},
		after: function (ret) {
			msg_200(ret.message);
			query(1)
		}
	},

	//上线
	setOnLine: {
		init: function(kid) {
			that=this;
			s=[{name:'id', value:kid}];
			index=layer.confirm('确认上线?', {
				skin: 'layui-layer-myBlue'
			}, function(index){
				opt.ajax({
					type: opt._config.online.type,
					url: opt._config.online.url,
					headers: getMinerHeaders(opt._key, opt._config.online.type, s),
					data: s
				}, that.after);
				layer.close(index);
			});
		},
		after: function (ret) {
			msg_200(ret.message);
			query(1)
		}
	},

	//下线
	setOffLine: {
		init: function(kid) {
			that=this;
			s=[{name:'id', value:kid}];
			index=layer.confirm('确认下线?', {
				skin: 'layui-layer-myGray'
			}, function(index){
				opt.ajax({
					type: opt._config.offline.type,
					url: opt._config.offline.url,
					headers: getMinerHeaders(opt._key, opt._config.offline.type, s),
					data: s
				}, that.after);
				layer.close(index);
			});
		},
		after: function (ret) {
			msg_200(ret.message);
			query(1)
		}
	},

	//显示行
	openRow: function (str, type) {
		var lv = '';
		str.duration = typeof(str.duration) === 'undefined' ? '' : str.duration/86400;
		for (var i=1; i <= 10; i++) {
			lv += '<option value='+i+'>'+i+'</option>'
		}
		add_style=type==='view'?' disabled ':'';
		html = '<div class="layui-row edit" style="padding:5px 40px 0 40px">'+
			'<form id="edit_form" class="layui-form-item" action="javascript:void(0)" method="post">'+
			'<input type="hidden" name="id" value='+str.id+'>'+
			'<div class="layui-unselect layui-form-select">'+
			'<label class="my-label">矿机类型</label>'+
			'<div class="layui-input-block">'+
			'<select'+add_style+' class="my-select select-type" name="type"> <option value="1">新手标</option> <option value="2">标准矿机</option> <option value="3">限购矿机</option> </select>'+
			'</div></div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">矿机名称</label>'+
			'<div class="layui-input-block">'+
			'<input'+add_style+' class="my-input" type="text" name="name" required  lay-verify="required" placeholder="" autocomplete="off" value='+str.name+'>'+
			'</div></div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">名称缩写</label>'+
			'<div class="layui-input-block">'+
			'<input'+add_style+' class="my-input" type="text" name="abbreviation" required  lay-verify="required" placeholder="" autocomplete="off" value='+str.abbreviation+'>'+
			'</div></div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">矿机等级</label>'+
			'<div class="layui-input-block"><select'+add_style+' class="my-select select-lv" name="class">'+lv+	'</select></div> </div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">矿机数量</label>'+
			'<div class="layui-input-block">'+
			'<input'+add_style+' class="my-input" type="text" name="miner_count" required  lay-verify="required" placeholder="" autocomplete="off" value='+str.miner_count+'>'+
			'</div></div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">每台价格</label>'+
			'<div class="layui-input-block">'+
			'<input'+add_style+' class="my-input" type="text" name="miner_amount" required  lay-verify="required" placeholder="" autocomplete="off" value='+str.miner_amount+'>'+
			'</div></div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">基本币量</label>'+
			'<div class="layui-input-block">'+
			'<input'+add_style+' class="my-input" type="text" name="basic_yield" required  lay-verify="required" placeholder="" autocomplete="off" value='+str.basic_yield +'>'+
			'</div> </div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">赠送币量</label>'+
			'<div class="layui-input-block">'+
			'<input'+add_style+' class="my-input" type="text" name="presented_yield" required  lay-verify="required" placeholder="" autocomplete="off" value='+str.presented_yield +'>'+
			'</div></div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">期限(天)</label>'+
			'<div class="layui-input-block">'+
			'<input type="hidden" id="duration" name="duration" value="">'+
			'<input'+add_style+' class="my-input" type="text" id="duration-data" required  lay-verify="required" placeholder="天" autocomplete="off" value='+str.duration +'>'+
			'</div></div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">发放日期</label>'+
			'<div class="layui-input-block">'+
			'<input type="hidden" id="online_time" name="online_time" value="'+str.online_time+'">'+
			'<input'+add_style+' class="my-input timer" type="text" id="online_time-data" placeholder="" autocomplete="off">'+
			'</div> </div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">发放数量</label>'+
			'<div class="layui-input-block">'+
			'<input'+add_style+' class="my-input" type="text" name="quantity" required  lay-verify="required" placeholder="个" autocomplete="off" value='+str.quantity +'>'+
			'</div></div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">发起人起购份数</label>'+
			'<div class="layui-input-block">'+
			'<input'+add_style+' class="my-input" style="width:98%" type="text" name="initiator_miner_limit" required  lay-verify="required" placeholder="个" autocomplete="off" value='+str.initiator_miner_limit +'>'+
			'</div> </div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">年化收益</label>'+
			'<div class="layui-input-block">'+
			'<input'+add_style+' class="my-input" type="text" name="annual_yield" required  lay-verify="required" placeholder="个" autocomplete="off" value='+str.annual_yield +'>'+
			'</div></div>'+
			'<div class="layui-form-item">'+
			'<label class="my-label">单位赠币</label>'+
			'<div class="layui-input-block">'+
			'<input'+add_style+' class="my-input" type="text" name="miner_coin" required  lay-verify="required" placeholder="个" autocomplete="off" value='+str.miner_coin +'>'+
			'</div> </div>'+
			'<div class="layui-form-item layui-form-text">'+
			'<label class="my-label">矿机介绍</label>'+
			'<div class="layui-input-block">'+
			'<textarea'+add_style+' name="presentation" placeholder="请输入内容" class="layui-textarea">'+str.presentation+'</textarea>'+
			'</div> </div><br>'+
			'<div class="layui-form-item layui-form-text">'+
			'<label class="my-label">交易须知</label>'+
			'<div class="layui-input-block">'+
			'<textarea'+add_style+' name="trade_information" placeholder="请输入内容" class="layui-textarea">'+str.trade_information+'</textarea>'+
			'</div> </div>'+
			'</form> </div>';

		if (type === 'edit') {
			open = layer.open({
				type: 1,
				content: html,
				id: 'edit-row-open'+str.id,
				skin: 'layui-layer-myBlue-big',
				title: '编辑矿机信息',
				scrollbar: false,
				area: '680px',
				btn: ['立即提交', '取消'],
				btnAlign: 'c',
				btn1: function() {
					duration = $('#duration-data').val();
					duration = duration%1 === 0 ? duration*86400 : 0;
					$('#duration').val(duration);

					online_time = $('#online_time-data').val();
					if (online_time==='null' || online_time==='') {//online_time为空时无法签名，所以无法设置为空
						//online_time = '';
						$('#online_time').remove();
					} else {
						temp = new Date(online_time).getTime();
						online_time = isNaN(temp) ? '' : temp/1000;
						$('#online_time').val(online_time);
					}

					postData = $('#edit_form').serializeArray();
					opt.ajax({
						type: opt._config.edit.type,
						url: opt._config.edit.url,
						headers: getMinerHeaders(opt._key, opt._config.edit.type, postData),
						data: postData
					}, opt.editRow.after);

					layer.close(open);
				}
			});
		} else if (type === 'view') {
			open = layer.open({
				type: 1,
				content: html,
				id: 'view-row-open'+str.id,
				skin: 'layui-layer-myGray-big',
				title: '查看矿机信息',
				scrollbar: false,
				area: '680px',
				btn: ['关闭']
			});
			text=$('textarea');
			text.attr("style", "min-height:80px");
			text.attr("style", "max-height:100px");
		}
	}
};