ZZCX_yii/backend/modules/motorcade/assets/js/add_car.js

/**
 * Created by Steven on 2017/1/3.
 */
// var depart_single = []; //单结的用车单位id列表
$(window).load(function () {
    $('.select_screen').comboSelect();
    $(".form_date").datetimepicker({
        format: 'yyyy-mm-dd',
        autoclose: true,
        minView: 2,
        pickerPosition: "bottom-left"
    });
    setCookie('url', window.location.pathname, 10);
    //批量CheckBox的点击事件
    $("#checkbox_muti").change(function () {
        var is_check = $("#checkbox_muti").is(':checked');
        if (is_check) { //批量
            $("#date_picker1").show();
        } else {
            $("#date_picker1").hide();
        }
    });
    $("#stroke_select").change(function () {
        day_number();
    })
    $("#price_type").change(function () {
        var price_type = $("#price_type").val();
        if (price_type == 477) {
            $("#price_type_text").html('元/次');
        } else {
            $("#price_type_text").html('元/座');
        }

    });
    single();
    $("#busorder-use_bus_org_id").change(function () {
        single();

    })
});
function single() {
    if($.inArray(parseInt($("#busorder-use_bus_org_id").val()), depart_single) >= 0){
        // var name = 'BusOrder[single_contact]';
        // var input = '<input id="single_contact" class="form-control" style="width: 100px; margin-left: 10px" type="text" name="'+ name + '" placeholder="单结收款人" style="margin-left: 10px;"/>';
        // $("#single").append(input);
        $("#single").removeClass('hidden')
    }else{
        $("#single").addClass('hidden');
        // $("#single_contact").remove()
    }
}
//验证输入
function check() {
    var num = $("#stroke_tbody tr").length;
    for (var i = 0; i < num; i++) {
        numberStr = $("#stroke_tbody tr").eq(i).find("td:first input:visible").val();
        if (numberStr == "") {
            Command: parent.toastr["warning"]("行程站点不能为空");
            $("#stroke_tbody tr").eq(i).find("td:first input:visible").css('border-color', '#a94442');
            //$("#stroke_tbody tr:not([name^='warning'])").eq(i).parent().append("<tr name='warning'><td colspan='4' style='text-align: left;color:#a94442;'>行程站点不能为空</td></tr>");
            return false;
        }
    }

}

//根据天数安排行程
function day_number() {
    var dayno = $("#stroke_select").val();
    var travel_html = "";
    for (var i = 0; i < dayno; i++) {
        j = i + 1;
        var option = '';
        for (var k = 1; k <= dayno; k++) {
            option += option = '<option value="' + k + '">第' + k + '天</option>';
        }
        travel_html += '<tr class="stroke_tr"><td>' + '<input type="hidden" name="tr_no" value="' + j + '">' + '<input name = "BusItinerary[' + j + '][station_name]" type = "text" class= "form-control" style="width: 300px;"  placeholder="输入站点 / 区域名称"></td>' +
            '<td><select aria-controls="sample_2" class="form-control" name="BusItinerary[' + j + '][inout_type]">' +
            '<option value="108">上</option><option value="109">上下</option><option value="110">下</option> </select></td>' +
            '<td style="display: flex;justify-content: center;"><select aria-controls="sample_2" class="form-control" name="BusItinerary[' + j + '][day_seq_id]">' +
            option +
            '</select> <div id="time_id' + j + '" style="margin-left: 10px;" class="timepicker_box"><span class="form-inline timepicker"> <input type="text" class="form-control" value="00:00" name="BusItinerary[' + j + '][start_time]" readonly>' +
            '<span class="glyphicon glyphicon-time"></span></span><div class="timepicker_select" style="z-index: 10"><div class="select_hour_box"></div><div class="select_minute_box"></div></div>' +
            '</div></td>' +
            '<td style="vertical-align: middle !important;"><button type="button" onclick="delete_travel_number(this) "class="btn btn-danger">删除 </button></td></tr>'
    }
    $("#stroke_tbody").html(travel_html);
    getJS('http://img.zhizhuchuxing.cn/zzframe/dists/js/module.js');
}
//删除当前行程
function delete_travel_number(index) {
    var tr_num = $("#stroke_tbody tr").length;   //行程的条数
    if (tr_num <= 1) {
        Command: parent.toastr["warning"]('必须保证添加一个站点信息！！！');
        return false;
    }
    $(index).closest('.stroke_tr').remove();
}

//增加每天的行程条数
function add_travel_number(index) {
    var a = $("#stroke_tbody tr").length;   //行程的条数
    var dayno = $("#stroke_select").val();
    var option = '';
    for (var k = 1; k <= dayno; k++) {
        option += option = '<option value="' + k + '">第' + k + '天</option>';
    }
    var tr_no = $("input[name='tr_no']:last").length > 0 ? (parseInt($("input[name='tr_no']:last").val()) + 1) : 0;
    var travel_html = '<tr class="stroke_tr"><td>' + '<input type="hidden" name="tr_no" value="' + tr_no + '">' + '<div class="form-group"><div class="form-inline"><input name = "BusItinerary['
        + tr_no + '][station_name]" type = "text" class= "form-control" style="width: 300px;" placeholder="输入站点 / 区域名称"></div></div></td>'
        + '<td><div class="form-group"><div class="form-inline"><select aria-controls="sample_2" class="form-control" name="BusItinerary[' + tr_no + '][inout_type]">' +
        '<option value="108">上</option><option value="109">上下</option><option value="110">下</option> </select></div></div></td>' +
        '<td style="display: flex;justify-content: center;"><div class="form-group"><div class="form-inline"><select aria-controls="sample_2" class="form-control" name="BusItinerary[' + tr_no + '][day_seq_id]">' +
        option +
        '</select> <div id="time_id' + tr_no + '" style="margin-left: 10px;" class="timepicker_box"><span class="form-inline timepicker"> <input type="text" class="form-control" value="00:00" name="BusItinerary[' + tr_no + '][start_time]" readonly>' +
        '<span class="glyphicon glyphicon-time"></span></span><div class="timepicker_select" style="z-index: 10"><div class="select_hour_box"></div><div class="select_minute_box"></div></div>' +
        '</div></div></div></td>' +
        '<td style="vertical-align: middle !important;"><button type="button" onclick="delete_travel_number(this) " class="btn btn-danger">删除 </button></td></tr>';
    $("#stroke_tbody").append(travel_html);
    getJS('http://img.zhizhuchuxing.cn/zzframe/dists/js/module.js');
}

/**
 * User:Steven
 *
 * 添加用车单位
 */
function add_department() {
    var depart_name = $("input[name='depart_name']").val();
    var depart_type = $("input[name='depart_type']:checked").val();
    var settle_type = $("input[name='settle_type']:checked").val();
    var settle_cycle = $("input[name='settle_cycle']:checked").val();
    $.ajax({
        type: 'POST',
        url: '/motorcade/bus/add-bus-depart',
        dataType: 'json',
        data: {
            'BusDepartment[depart_name]': depart_name,
            'BusDepartment[depart_type]': depart_type,
            'BusDepartment[settle_type]': settle_type,
            'BusDepartment[settle_cycle]': settle_cycle
        },
        success: function (data) {
            if (data.code == 0) {
                //更新列表中的数据
                $(".close").click();
                $.pjax.reload({container: "#bus_department", timeout: 2000});
                Command: parent.toastr["success"]("用车单位添加成功");
                jQuery('#bus_department').on('pjax:success', function () {
                    $('.js-example-placeholder-single').select2({
                        placeholder: "输入关键字进行检索",
                        language: {
                            noResults: function (params) {
                                var result = $('<span>没有匹配的用车单位 </span><a id="add" data-toggle="modal" href="#responsive" onclick="addDepartment()"><i class="fa fa-plus"></i> 添加用车单位 </a>');
                                return result;
                            }
                        }
                    });
                });
            } else {
                //$(".close").click();
                if (Array.isArray(data.data)) {
                    $.each(data.data, function (key, item) {
                        var firstKey = Object.keys(item)[0];
                        Command: parent.toastr["warning"](item[firstKey]);
                    })
                } else {
                    var firstKey = Object.keys(data.data)[0];
                    Command: parent.toastr["warning"](data.data[firstKey]);
                }
            }
        },
        error: function (data) {
        }
    });
}

//设置cookie

function setCookie(name, value, expireHours) {
    document.cookie = name + "=" + escape(value) + ((expireHours == null) ? "" : "; expires=" + (expireHours * 60 * 1000));
}

//获取cookie

function getCookie(name) {
    var strCookie = document.cookie;
    var arrCookie = strCookie.split(";");
    for (var i = 0; i < arrCookie.length; i++) {
        var arr = arrCookie[i].split("=");
        if (arr[0] == name) return arr[1];
    }
    return null;
}
function getUrlArgStr() {
    var q = location.search.substr(1);
    var qs = q.split('&');
    var argStr = '';
    if (qs) {
        for (var i = 0; i < qs.length; i++) {
            argStr += qs[i].substring(0, qs[i].indexOf('=')) + '=' + qs[i].substring(qs[i].indexOf('=') + 1) + '&';
        }
    }
    return argStr;
}
function getJS(url) {
    return new Promise(function (resolve, reject) {
        var script = document.createElement('script');
        script.type = "text/javascript";

        if (script.readyState) {  //IE
            script.onreadystatechange = function () {
                if (script.readyState == "loaded" ||
                    script.readyState == "complete") {
                    script.onreadystatechange = null;
                    resolve('success: ' + url);
                }
            };
        } else {  //Others
            script.onload = function () {
                resolve('success: ' + url);
            };
        }

        script.onerror = function () {
            reject(Error(url + 'load error!'));
        };

        script.src = url + '?' + 'time=' + Date.parse(new Date());
        document.body.appendChild(script);

    });
}

function pjaxFinish(type,msg) {
    z.showTip(type, msg);
    search(-2);
    z.hideModal('#float-div');
    closeLoading();
}