YangHuOperation/web/maintain/std_glj_lib/js/main.js

/**
 * Created by Zhong on 2017/8/14.
 */
$(function () {
    let dispNameArr;
    let compilationsArr;
    let usedCom;
    let deleteCount = 0;
    let preDeleteId = null;
    let selCompilationId;
    $('#del').on('hidden.bs.modal', function () {
        deleteCount = 0;
    });
    getCompilationList(function (datas) {
        compilationsArr = datas;
        getAllGljLib(function (dispNames, compilationsUsedArr) {
            usedCom = compilationsUsedArr;
            dispNameArr = dispNames;
            //添加
            $('#addBtn').click(function () {
                let compilationName = $('#compilationSels option:selected').text();
                let compilationId = $('#compilationSels option:selected').val();
                let libName = $('#libNameTxt').val();
                if(libName.trim().length === 0){
                    alert('名称不可为空！');
                    $('#libNameTxt').val('')
                }
                else if(compilationsUsedArr.indexOf(compilationId) !== -1){// compilationsUsedArr;//在该编办下已建库，限制一个编办只能有一个库
                    alert('该编办已被绑定！');
                    $('#libNameTxt').val('')
                }
                else if(dispNames.indexOf(libName) !== -1){
                    alert('此人材机库已存在！');
                    $('#libNameTxt').val('')
                }
                else if(compilationName.trim().length === 0){
                    alert('编办不可为空！');
                }
                else{
                    let newGljLib = {};
                    newGljLib.dispName = libName;
                    newGljLib.compilationId = compilationId;
                    newGljLib.compilationName = compilationName;
                    newGljLib.creator = oprtor;
                    newGljLib.appType = "建筑";
                    $('#libNameTxt').val('');
                    createGljLib(newGljLib, dispNameArr, usedCom);
                }
            });

            $('#edit').on('shown.bs.modal', function () {
                setTimeout(function () {
                    $('#renameText').focus();
                }, 100);
            });

            $('#add').on('shown.bs.modal', function () {
                setTimeout(function () {
                    $('#libNameTxt').focus();
                }, 100);
            });

            $('#add').on('hidden.bs.modal', function () {
                $('#libNameTxt').val('');
            });

            //重命名
            $("#showArea").on("click", "[data-target = '#edit']", function(){
                let renameId = $(this).parent().parent().attr("id");
                let compilationName = $(this).parent().parent().children()[1].textContent;
                $('#compilationEdit option').text(compilationName);
                $('#renameText').val($(this).parent().parent().find('td:first-child').text());
                $("#renameA").attr("renameId", renameId);
            });
            $("#renameA").click(function(){
                let newName = $("#renameText").val();
                let libId = $(this).attr("renameId");
                let jqSel = "#" + libId + " td:first" + " a";
                let orgName = $(jqSel).text();
                if(newName.trim().length === 0){
                    alert("名称不可为空！");
                    $("#renameText").val('');
                }
                else if(dispNameArr.indexOf(newName) !== -1){
                    alert("该人材机库已存在！");
                    $("#renameText").val('');
                }
                else{
                    renameGljLib({ID: libId, newName: newName, orgName: orgName}, dispNameArr);
                }
            });
            //删除
            $("#showArea").on("click", "[data-target = '#del']", function(){
                let deleteId = $(this).parent().parent().attr("id");
                $("#deleteA").attr("deleteId", deleteId);
                let delLibName = $(`#${deleteId}`).find('td:first').text();
                $('#del').find('.modal-body h5').text(`准备删除 “${delLibName}”，会导致已引用此库的地方出错，确定要删除吗？`)
            });
            $("#deleteA").click(function(){
                let deleteId = $(this).attr("deleteId");
                if(preDeleteId && preDeleteId !== deleteId){
                    deleteCount = 0;
                }
                preDeleteId = deleteId;
                deleteCount++;
                let jqSel = "#" + deleteId + " td:first" + " a";
                let libName = $(jqSel).text();
                let compilationName = $("#" + deleteId + " td:eq(1)").text();
                if(deleteCount === 3){
                    for(let i = 0, len = compilationsArr.length; i < len; i++){
                        if(compilationsArr[i].name === compilationName.trim()){
                            usedCom.splice(usedCom.indexOf(compilationsArr[i]._id), 1);
                            break;
                        }
                    }
                    removeGljLib({libId: deleteId, libName: libName}, dispNameArr);
                    deleteCount = 0;
                }
            });


        });
    });
    let selLibId = -1;
    const importType = {
        price: 1,
        component: 2
    };
    let importAction;
    $("#showArea").on("click", ".import-data", function () {
        importAction = importType.price;
        let id = $(this).data("id");
        id = parseInt(id);
        if (isNaN(id) || id <= 0) {
            return false;
        }
        selLibId = id;
        $("#import").modal("show");
    });
    $("#showArea").on("click", ".import-components", function () {
        importAction = importType.component;
        let id = $(this).data("id");
        id = parseInt(id);
        if (isNaN(id) || id <= 0) {
            return false;
        }
        selLibId = id;
        $("#import").modal("show");
    });
    function importExcel(url) {
        $.bootstrapLoading.start();
        const self = $(this);
        console.log(self);
        try {
            let formData = new FormData();
            let file = $("input[name='import_data']")[0];
            if (file.files.length <= 0) {
                throw '请选择文件!';
            }
            formData.append('file', file.files[0]);
            // 获取人材机库id
            if (selLibId <= 0) {
                return false;
            }
            formData.append('gljLibId', selLibId);
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                cache: false,
                contentType: false,
                processData: false,
                beforeSend: function() {
                    self.attr('disabled', 'disabled');
                    self.text('上传中...');
                },
                success: function(response){
                    self.removeAttr('disabled');
                    self.text('确定导入');
                    if (response.err === 0) {
                        $.bootstrapLoading.end();
                        const message = response.msg !== undefined ? response.msg : '';
                        if (message !== '') {
                            alert(message);
                        }
                        // 成功则关闭窗体
                        $('#import').modal("hide");
                    } else {
                        $.bootstrapLoading.end();
                        const message = response.msg !== undefined ? response.msg : '上传失败!';
                        alert(message);
                    }
                },
                error: function(){
                    $.bootstrapLoading.end();
                    alert("与服务器通信发生错误");
                    self.removeAttr('disabled');
                    self.text('确定导入');
                }
            });
        } catch(error) {
            alert(error);
            $.bootstrapLoading.end();
        }
    }
    //导入数据
    $("#data-import").click(function() {
        // 导入单价
        if (importAction === importType.price) {
            importExcel.call(this, '/stdGljRepository/api/importPrice');
        } else {
            // 导入组成物
            importExcel.call(this, '/stdGljRepository/api/importComponents');
        }
    });
    //设置补充人材机库分类树模板
    $("#showArea").on("click", ".set-comple", function () {
        let id = $(this).data("id");
        id = parseInt(id);
        if (isNaN(id) || id <= 0) {
            return false;
        }
        selLibId = id;
        $('#templateA').addClass('disabled');
        $('#template').modal('show');
        $('#compilations').empty();
        for (let data of compilationsArr) {
            let $opt = $(`<option value="${data._id}">${data.name}</option>`);
            $('#compilations').append($opt);
        }
        $('#compilations').change();
    });
    $('#compilations').change(function () {
        selCompilationId = $(this).select().val();
        CommonAjax.get(`api/classTemplateCount/${selCompilationId}`, function (rstData) {
            rstData.data.count > 0 ?
                $('#templateText').text('该费用定额下已有人材机分类树模板数据，是否确认覆盖数据？') :
                $('#templateText').text('确认是否将此库的分类树设置成该费用定额下补充人材机分类树模板？');
            $('#templateA').removeClass('disabled');
        });
    });
    $('#templateA').click(function () {
        if (selLibId <= 0 && selCompilationId) {
            return false;
        }
        $.bootstrapLoading.start();
        CommonAjax.post('api/initClassTemplate', {gljLibId: selLibId, compilationId: selCompilationId}, function () {
            $.bootstrapLoading.end();
            $('#template').modal('hide');
        }, function () {
            $.bootstrapLoading.end();
            $('#template').modal('hide');
        });
    });
});

function getAllGljLib(callback){
    $.ajax({
        type: 'post',
        url: 'api/getAllGljLib',
        dataType: 'json',
        success: function (result) {
            let dispNames = [];
            let compilationsUsedArr = [];
            if(result.data.length > 0){
                for(let i = 0; i < result.data.length; i++){
                    compilationsUsedArr.push(result.data[i].compilationId);//已建库的编办
                    let id = result.data[i].ID;
                    let libName = result.data[i].dispName;
                    let createDate = result.data[i].createDate.split(' ')[0];
                    let compilationName = result.data[i].compilationName;
                    let compilationId = result.data[i].compilationId;
                    let rationLibs = result.data[i].rationLibs;
                    let rationLibsName = '';
                    for(let j = 0; j < rationLibs.length; j++){
                        rationLibsName += rationLibs[j].dispName + "</br>";
                    }
                    dispNames.push(result.data[i].dispName);
                    $("#showArea").append(
                        "<tr id='"+id+"' data-compilationId='"+ compilationId + "'>" +
                        "<td><a href='/stdGljRepository/glj?gljLibId="+id+"'>"+libName+"</a></td>" +
                        "<td>"+compilationName+" </td>" +
                        "<td>"+rationLibsName+" </td>" +
                        "<td>"+createDate+" </td>" +
                        "<td><a href='javascript:void(0);' data-toggle='modal' data-target='#edit' title='编辑'>" +
                        "<i class='fa fa-pencil-square-o'></i></a> <a href='javascript:void(0);' data-toggle='modal' data-target='#del' class='text-danger' title='删除'>" +
                        "<i class='fa fa-remove'></i></a></td>" +
                        "<td><a class='btn btn-secondary btn-sm import-data' href='javacript:void(0);' data-id='"+ id +"' title='导入数据'><i class='fa fa-sign-in fa-rotate-90'></i>导入</a></td>" +
                        "<td><a class='btn btn-secondary btn-sm import-components' href='javacript:void(0);' data-id='"+ id +"' title='导入组成物'><i class='fa fa-sign-in fa-rotate-90'></i>导入</a></td>" +
                        "<td><a class='btn btn-secondary btn-sm set-comple' href='javacript:void(0);' data-id='"+ id +"' title='将分类树设为补充模板数据'><i class='fa fa-sign-in fa-rotate-90'></i>设置</a></td>" +
                        "</tr>");
                }
            }
            callback(dispNames, compilationsUsedArr);
        }
    });
}
function getCompilationList(callback){
    $.ajax({
        type: 'post',
        url: 'api/getCompilationList',
        dataType: 'json',
        success: function (result) {
            for(let i = 0; i < result.data.length; i++){
                let $option =  $("<option >"+ result.data[i].name +"</option>");
                $option.val( result.data[i]._id);
                $('#compilationSels').append($option);
            }
            $('#compilationSels').on("change", function () {
            });
            callback(result.data);
        }
    });
}
function createGljLib(gljLibObj, dispNamesArr, usedCom){
    $.ajax({
        type: 'post',
        url: 'api/createGljLib',
        data: {gljLibObj: JSON.stringify(gljLibObj)},
        dataType: 'json',
        success: function (result) {
            if(result.data){
                let id = result.data.ID;
                let libName = result.data.dispName;
                let createDate = result.data.createDate.split(' ')[0];
                let compilationName = result.data.compilationName;
                dispNamesArr.push(libName);
                usedCom.push(gljLibObj.compilationId);
                $("#showArea").append(
                    "<tr id='"+id+"' data-compilationId='"+ gljLibObj.compilationId + "'>" +
                    "<td><a href='/stdGljRepository/glj?gljLibId="+id+"'>"+libName+"</a></td>" +
                    "<td>"+compilationName+" </td>" +
                    "<td>"+''+" </td>" +
                    "<td>"+createDate+" </td>" +
                    "<td><a href='javascript:void(0);' data-toggle='modal' data-target='#edit' title='编辑'>" +
                    "<i class='fa fa-pencil-square-o'></i></a> <a href='javascript:void(0);' data-toggle='modal' data-target='#del' class='text-danger' title='删除'>" +
                    "<i class='fa fa-remove'></i></a></td>" +
                    "<td><a class='btn btn-secondary btn-sm import-data' href='javacript:void(0);' data-id='"+ id +"' title='导入数据'><i class='fa fa-sign-in fa-rotate-90'></i>导入</a></td>" +
                    "<td><a class='btn btn-secondary btn-sm import-components' href='javacript:void(0);' data-id='"+ id +"' title='导入组成物'><i class='fa fa-sign-in fa-rotate-90'></i>导入</a></td>" +
                    "<td><a class='btn btn-secondary btn-sm set-comple' href='javacript:void(0);' data-id='"+ id +"' title='将分类树设为补充模板数据'><i class='fa fa-sign-in fa-rotate-90'></i>设置</a></td>" +
                    "</tr>");
            }
            $('#cancelBtn').click();
        }
    })
}
function renameGljLib(renameObj, dispNames){
    $.ajax({
        type: 'post',
        url: 'api/renameGljLib',
        data: {oprtor: oprtor, renameObj: JSON.stringify(renameObj)},
        dataType: 'json',
        success: function (result) {
            if(!result.error){
                let jqSel = "#" + renameObj.ID + " td:first" + " a";
                $(jqSel).text(renameObj.newName);
                let index = dispNames.indexOf(renameObj.orgName);
                dispNames.splice(index, 1);
                dispNames.splice(index, 0, renameObj.newName);
            }
            $('#editCancelBtn').click();
            $('#renameText').val('');
        }
    })
}
function removeGljLib(delObj, dispNames){
    $.bootstrapLoading.start();
    $.ajax({
        type: 'post',
        url: 'api/removeGljLib',
        data: {oprtor: oprtor, libId: delObj.libId},
        dataType: 'json',
        success: function (result) {
            if(!result.error){
                if(result.message === '此人材机库已被引用！'){
                    $('#delCancelBtn').click();
                    alert("此人材机库已被引用，不可删除！");
                }
                else if(result.message === '删除成功'){
                    var jqSel = "#"+ delObj.libId;
                    $(jqSel).remove();
                    let index = dispNames.indexOf(delObj.libName);
                    dispNames.splice(index, 1);
                    $('#delCancelBtn').click();
                }
            }
            $.bootstrapLoading.end();
        },
        error: function () {
            alert('服务器出错！');
            $.bootstrapLoading.end();
        }
    })

}