ZZWX/public/wechat/js/trave_around_main.js

//Created by HBuilder.
//User: Miracle~
//Date: 2016/11/15
//Time: 17：00
//切换出发地
//页面加载
$("#loading_html").show();
window.onload = function() {
	baseInfo(791); //默认显示上海

}

function baseInfo(area_id) {
	var param = {
		cityid: area_id, //起始地点
		page: 1, //当前第几页
		limit: 1000, //每页多少个
	}
	ZZLog(base_api + "around/getlist&" + JSON.stringify(param));
	$.ajax({
		type: "post",
		url: base_api + "around/getlist",
		data: param,
		dataType: 'json',
		success: function(res_data) {
			ZZLog(res_data);
			if(res_data.flag == true) {
				base_html(res_data.data.list);
			} else {
				alert(res_data.mag);
			}
		},
		error: function(e) {
			ZZLog(e);
		}
	});
}

function base_html(data) {
	//展示周边游数据
	var temp_rim = '';
	//==============================
	for(var i = 0, j = data.length; i < j; i++) {
		var str = '';
		switch(data[i].type) {
			case '372':
				str = 'images/img-zhitongbashi.png';
				break;
			case '370':
				str = 'images/img-chejing.png';
				break;
			case '376':
				str = 'images/img-bashi.png';
				break;
			case '371':
				str = 'images/img-chejiu.png';
				break;
			default:
				break;
		}
		temp_rim += '<li onclick="rimDidClicked(' + data[i].pro_id + ')" travel_type="' + data[i].type + '" style="background-image: url(' + pic_api + data[i].img + ');height: 1.3rem;border-radius: 0.05rem;" class="ub rim_travel ui_m_l10 ui_m_r10 ui_m_b10 ui_m_r10 ui_m_b10 ub-ver ub-pe">' +
			'<img style="height: 0.17rem;position: absolute;top: 0.1rem;" src="' + str + '"/>' +
			'<div style="background-color: rgba(0, 0, 0, 0.5);padding-top: 0.06rem;padding-bottom: 0.08rem;padding-right: 0.08rem;padding-left: 0.08rem;border-radius: 0.05rem;" class="ub ub-pe uc-bl1 uc-br1">' +
			'<div class="ub-f1 ub ub-ver">' +
			'<div style="opacity: 0.8;" class="ulev2 white_color">' + data[i].zname + '</div>' +
			'<div style="font-size: 0.11rem;opacity: 0.8;" class="white_color">' + data[i].tickdes + ' </div>' +
			'</div>' +
			'<div class="ub ub-ae">' +
			'<span style="font-size: 0.11rem;opacity: 0.8;" class="white_color">￥</span>' +
			'<span style="opacity: 0.8;" class="white_color ulev5">' + parseInt(Math.ceil(data[i].price)) + '</span>' +
			'</div>' +
			'</div>' +
			'</li>'
	}
	//================================
	//	for(var i = 0, j = data.length; i < j; i++) {
	//		temp_rim += '<li onclick="select_pro(' +data[i].pro_id + ') "style="background-image: url(' + pic_api + data[i].img + ');height: 1.3rem;" class="ub rim_travel ui_m_l10 ui_m_r10 ui_m_b10 ui_m_r10 ui_m_b10 ub-ver ub-pe">' +
	//			'<img style="height: 0.17rem;position: absolute;top: 0.1rem;" src="images/img-zhitongbashi.png"/>' +
	//			'<div style="background-color: rgba(0, 0, 0, 0.5);padding-top: 0.05rem;" class="ub ub-pe ui_p_l10 ui_p_r10 ui_p_b10 uc-bl1 uc-br1">' +
	//			'<div class="ub-f1 ub ub-ver">' +
	//			'<div style="opacity: 0.8;" class="ulev2 white_color ui_m_b05">' + data[i].zname + '</div>' +
	//			'<div style="font-size: 0.11rem;opacity: 0.8;" class="white_color">' + data[i].tickdes + ' </div>' +
	//			'</div>' +
	//			'<div class="ub ub-ae">' +
	//			'<span style="font-size: 0.11rem;opacity: 0.8;" class="white_color">￥</span>' +
	//			'<span style="opacity: 0.8;" class="white_color ulev5">' + parseInt(Math.ceil(data[i].price)) + '</span>' +
	//			'</div>' +
	//			'</div>' +
	//			'</li>'
	//	}
	$("#rim_travel").html(temp_rim);
	$("#rim_travel").show();
}

function change_start(which_obj) {
	var no = $(which_obj).attr("which_span");
	if(no == 1) {
		//显示上海出发
		$("#span_no_1").html("上海出发");
		$("#span_no_2").html("杭州");
		$("#span_no_3").html("南京");
		$("#span_no_1").removeClass("normal");
		$("#span_no_2").removeClass("clicker");
		$("#span_no_3").removeClass("clicker");
		$("#span_no_1").addClass("clicker");
		$("#span_no_2").addClass("normal");
		$("#span_no_3").addClass("normal");
		$("#div_no_1").removeClass("normal_bottom_div");
		$("#div_no_2").removeClass("click_bottom_div");
		$("#div_no_3").removeClass("click_bottom_div");
		$("#div_no_1").addClass("click_bottom_div");
		$("#div_no_2").addClass("normal_bottom_div");
		$("#div_no_3").addClass("normal_bottom_div");
		//获取上海数据
		baseInfo(791);
	} else if(no == 2) {
		//显示苏州出发
		$("#span_no_1").html("上海");
		$("#span_no_2").html("杭州出发");
		$("#span_no_3").html("南京");
		$("#span_no_2").removeClass("normal");
		$("#span_no_1").removeClass("clicker");
		$("#span_no_3").removeClass("clicker");
		$("#span_no_2").addClass("clicker");
		$("#span_no_1").addClass("normal");
		$("#span_no_3").addClass("normal");
		$("#div_no_2").removeClass("normal_bottom_div");
		$("#div_no_1").removeClass("click_bottom_div");
		$("#div_no_3").removeClass("click_bottom_div");
		$("#div_no_2").addClass("click_bottom_div");
		$("#div_no_1").addClass("normal_bottom_div");
		$("#div_no_3").addClass("normal_bottom_div");
		//获取苏州数据
		baseInfo(923);
	} else {
		//显示杭州出发
		$("#span_no_1").html("上海");
		$("#span_no_2").html("杭州");
		$("#span_no_3").html("南京出发");
		$("#span_no_3").removeClass("normal");
		$("#span_no_1").removeClass("clicker");
		$("#span_no_2").removeClass("clicker");
		$("#span_no_3").addClass("clicker");
		$("#span_no_1").addClass("normal");
		$("#span_no_2").addClass("normal");
		$("#div_no_3").removeClass("normal_bottom_div");
		$("#div_no_1").removeClass("click_bottom_div");
		$("#div_no_2").removeClass("click_bottom_div");
		$("#div_no_3").addClass("click_bottom_div");
		$("#div_no_1").addClass("normal_bottom_div");
		$("#div_no_2").addClass("normal_bottom_div");
		baseInfo(810); //显示南京出发
	}
}

function select_pro(pro_id) {
	//转跳详情
	window.location.href = 'travel_around_detail.html?pro_id=' + pro_id; //地点选择
}

function rimDidClicked(pro_id) {
	window.location.href = './travel_around_detail.html?pro_id=' + pro_id;
}