lineStationUpload.js 4.72 KB
/**
 * 
 * @JSName : common.js(运管功能公共js)
 * 
 * @Author : bsth@lq
 * 
 * @Description : TODO(运管功能公共js)
 * 
 * @Data : 2016年6月29日 上午9:21:17
 *
 * @Version 公交调度系统BS版 0.1
 * 
 */

(function(){

    $('#line').select2({
        ajax: {
            url: '/realSchedule/findLine',
            type: 'post',
            dataType: 'json',
            delay: 150,
            data: function(params){
                return{line: params.term};
            },
            processResults: function (data) {
                return {
                    results: data
                };
            },
            cache: true
        },
        templateResult: function(repo){
            if (repo.loading) return repo.text;
            var h = '<span>'+repo.text+'</span>';
            return h;
        },
        escapeMarkup: function (markup) { return markup; },
        minimumInputLength: 1,
        templateSelection: function(repo){
            return repo.text;
        },
        language: {
            noResults: function(){
                return '<span style="color:red;font-size: 12px;">没有搜索到线路!</span>';
            },
            inputTooShort : function(e) {
                return '<span style="color:gray;font-size: 12px;"><i class="fa fa-search"></i> 输入线路搜索线路</span>';
            },
            searching : function() {
                return '<span style="color:gray;font-size: 12px;"> 正在搜索线路...</span>';
            }
        }
    });

	// 绑定查询事件
	$("#search").click(searchM);
	// 绑定上传事件
	$("#upload").click(uploadM);
	// 绑定全部移到右边事件
	$("#to_right").click(function(){
		$("#left_div tbody tr:not(.muted)").click();
	});
	// 绑定全部移到左边事件
	$("#to_left").click(function(){
		$("#right_div tbody tr:not(.muted)").click();
	});
	// 查询方法
	function searchM() {
		// 清空已选定列表
		$("#right_div table tbody").empty();
		var params = {};
		// 取得输入框的值
        var inputs = $(".param input,select");
		// 遍历数组
		$.each(inputs, function(i, element) {
			params[$(element).attr("name")] = $(element).val();
		});
		var i = layer.load(2);
		$get('/line', params, function(data) {
			var bodyHtm = template('lineStation_list_temp', {
				list : data.content
			});
			$("#left_div table tbody").empty();
			$("#left_div table tbody").append(bodyHtm);
			$("#left_div tbody tr:not(.muted)").click(_click);
			layer.close(i);
		});
	}

	// 上传方法
	function uploadM() {
        // 取得输入框的值
        var trs = $("#right_div tbody tr input");
        if (trs.length == 0) {
            alert("请选择线路");
            return;
        }else if(trs.length > 1){
            alert("一次只能上传一条线路");
            return;
        }
        var ids ="0,";
        // 遍历数组
        $.each(trs, function(i, element) {
            ids +=$(element).val()+",";
        });
        var params = {"ids":ids};
        $.ajax({
            type: 'get',url: '/trmg/setXL',
            data: params ,dataType:'text',
            success:function(data) {
                if(data == 'success'){
                    alert("上传成功");
                }else if(data == '0'){
                    alert("上传失败,线路编号有0");
                }else{
                    alert("上传失败");
                }

            }, error : function() {
                alert("操作失败");
            }

        });
	}

	// 表格行的单击事件
	function _click() {
		var tmpTr = $(this).clone();
		tmpTr.unbind("click").click(_click);
		// 判断父DIV的ID
		if ($(this).closest(".table-container").attr("id") == "left_div") {
			// 把要移动行的class=".seq"的HTML的内容设成另一分类的最后一个序号
			$(".seq",tmpTr).html($("#right_div tbody tr:not(.muted)").length + 1);
			$("#right_div tbody").append(tmpTr);
			nextAllChildSeqMinusOne($(this));
		} else {
			// 把要移动行的class=".seq"的HTML的内容设成另一分类的最后一个序号
			$(".seq",tmpTr).html($("#left_div tbody tr:not(.muted)").length + 1);
			$("#left_div tbody").append(tmpTr);
			nextAllChildSeqMinusOne($(this));
		}
		$(this).remove();
	}

	// 后面所有兄弟节点的中class=".seq"的HTML的内容自减 1
	function nextAllChildSeqMinusOne(theElement){
		$.each(theElement.nextAll(),function(i,e){
			$(".seq",e).html($(".seq",e).html() - 1);
		});
	}
	// 保存左边空表格
	var leftDivTemplate = $("#left_div table").clone(true);
	// 把左边表格的格式复制到右边
	$("#right_div").append(leftDivTemplate);

})();