report/public/static/modular/gate/integral/integralInfo_select.js

/**
 * 初始化人才认定申报详情对话框
 */
var locked = false;
var IntegralInfoDlg = {
    integralInfoData: {}
};

/**
 * 关闭此对话框
 */
IntegralInfoDlg.close = function () {
    parent.layer.close(window.parent.TalentInfo.layerIndex);
}

/**
 * 初始化表格的列
 */
IntegralInfoDlg.initFileTypeColumn = function () {
    return [
        {field: 'selectItem', checkbox: false, visible: false},
        {title: '名称', field: 'name', visible: true, align: 'left', valign: 'middle', width: "82%", 'class': 'uitd_showTip',
            formatter: function (value, row, index) {
                let str = '<div class="word-wrap">';
                if (row.must == 1) {
                    str = str + '<i class="fa fa-paste"></i><span style="font-weight:bold;color:red;font-size:14px;font-family:宋体"> * </span> ' + value;
                }
                if (row.must == 2) {
                    str = str + '<i class="fa fa-paste"></i>' + value;
                }
                str = str + '<br /><span id="desc_' + row.rel + '">' + row.description + '</span></div>'
                return str;
            }
        },
        {title: '模板', field: 'templateUrl', visible: true, align: 'center', valign: 'middle', width: "8%",
            formatter: function (value, row, index) {
                if (value == null || value == '' || value == 'null') {
                    return '无';
                }
                return "<button type='button' onclick=\"IntegralInfoDlg.downloadFile('" + row.id + "',3)\" style='margin-right: 10px' class=\"btn btn-xs btn-primary\">" +
                        "<i class=\"fa fa-download\"></i>下载" +
                        "</button>";
            }
        },
        {title: '操作', field: 'id', visible: true, align: 'center', valign: 'middle', width: "10%",
            formatter: function (value, row, index) {
                return IntegralInfoDlg.validUploadButton(1, value, '');
            }
        }
    ]
};
IntegralInfoDlg.changeAndLoadFile = function () {
    var table = $(".fileTable");
    var items = $("select[name='item_id[]']");
    var item_id = [];
    for (var i = 0; i < items.length; i++) {
        let _id = items.eq(i).val();
        if (_id) {
            item_id.push(_id);
        }
    }
    if (item_id.length == 0) {
        table.bootstrapTable("destroy");
        return;
    }
    var ajax = new $ax("/common/api/findCommonFileType", function (data) {
        if (data == null || data.length == 0) {
            return;
        }
        table.bootstrapTable("destroy");
        table.bootstrapTable({
            columns: IntegralInfoDlg.initFileTypeColumn(),
            data: data.rows,
            showHeader: true,
            rowStyle: function (row, index) {
                return {classes: ""};
            },
            onPostBody: function (data) {
                for (var k in data) {
                    var files = data[k].files;
                    var html = '<ul class="imgs"><li style="width: 70%;font-weight: bold;padding-top: 5px;">附件原名</li><li style="width: 10%;font-weight: bold;padding-top: 5px;">预览</li><li style="width: 20%;font-weight: bold;padding-top: 5px;">操作</li>';
                    for (var key in files) {
                        var btn = "";
                        btn = IntegralInfoDlg.validUploadButton(2, data[k].id, files[key].id);
                        var sn = files[key].url.lastIndexOf(".");
                        var suffix = files[key].ext; //files[key].url.substring(sn + 1, files[key].url.length);
                        var imgStr = "";
                        if (suffix == "pdf" || suffix == "PDF") {
                            imgStr = "<button type='button'  onclick=\"Feng.showPdf('" + files[key].url + "','" + files[key].id + "','" + files[key].orignName + "')\" class=\"btn btn-xs btn-danger\"><i class=\"fa fa-file-pdf-o\" aria-hidden=\"true\"></i></button>";
                        } else if (suffix == "xlsx" || suffix == "XLSX" || suffix == 'xls' || suffix == 'XLS' || suffix == 'docx' || suffix == 'doc' || suffix == 'DOCX' || suffix == 'DOC') {
                            imgStr = "<button type='button'  onclick=\"Feng.showExcel('" + files[key].url + "','" + files[key].id + "','" + files[key].orignName + "')\" class=\"btn btn-xs btn-danger\"><i class=\"fa fa-file-excel-o\" aria-hidden=\"true\"></i></button>";
                        } else {
                            imgStr = '<img class=\"imgUrl\" onclick=\"Feng.showImg(this)\" src=\"' + files[key].url + '\" style=\"width:25px;height:25px;\">';
                        }

                        html += '<li data-id="' + files[key].id + '">\n\
                                    <div>' + (data[k].step != 1 ? '<input type="hidden" name="uploadFiles[]" value="' + files[key].id + '">' : "") + '</div>\n' +
                                '<div style="width: 70%;">' + files[key].orignName + '</div>\n' +
                                '<div style="width: 10%;">' + imgStr + '</div>\n' +
                                '<div style="width: 20%;">' + btn + '</div>\n\
                                    </li>';
                    }
                    html = html + '</ul>';
                    table.find("tr[data-index='" + k + "']").after('<tr class="detail-view"><td colspan="5">' + html + '</td></tr>');
                }
                $("td.uitd_showTip").bind("mouseover", function () {
                    var htm = $(this).html();
                    $(this).webuiPopover({title: '详情', content: htm, trigger: 'hover'}).webuiPopover('show');
                });
            },
        });
    }, function (data) {
        Feng.error("查询失败!" + data.responseJSON.message + "!");
    });
    var queryData = {};
    queryData["mainId"] = $("#id").val();
    queryData['project'] = CONFIG.project_integral_apply;
    queryData['type'] = $("#type").val();
    queryData["itemId"] = item_id;
    queryData['checkState'] = $("#checkState").val();
    ajax.set(queryData);
    ajax.start();
}

IntegralInfoDlg.onProjectTypeChange = function (obj) {
    var projectType = $(obj).val();
    var projectObj = $(obj).parents("table").find("select[name='projectId[]']")
    Feng.addAjaxSelect({
        "obj": projectObj,
        "displayCode": "id",
        "displayName": "name",
        "type": "GET",
        "url": "/common/api/getIntegralProjectsByType/projectType/" + projectType
    });
}
IntegralInfoDlg.onProjectChange = function (obj) {
    var projectId = $(obj).val();
    var itemObj = $(obj).parents("table").find("select[name='item_id[]']")
    Feng.addAjaxSelect({
        "obj": itemObj,
        "displayCode": "id",
        "displayName": "name",
        "bindData": "unit",
        "type": "GET",
        "url": "/common/api/getIntegralItemsByProject/projectId/" + projectId
    });
}
IntegralInfoDlg.onItemChange = function (obj) {
    var unit = $(obj).find("option:selected").data("unit");
    var parent = $(obj).parents("table");
    if (typeof unit != "undefined" && unit) {
        parent.find(".unit").html("（" + unit + "）");
    } else {
        parent.find(".unit").html("");
    }
    IntegralInfoDlg.changeAndLoadFile();
}

var currentTable = null;
var currentTr = null;
//选择附件并显示附件名
IntegralInfoDlg.checkFile = function (content, fileTypeId, fileId) {
    currentTable = $(content).parents(".fileTable");
    currentTr = $(content).parents("tr").data("index");
    if (!IntegralInfoDlg.validateIsEdit())
        return;
    $("#upload_file").unbind("change");
    $("#upload_file").change(function () {
        if (!Feng.chkFileInvalid(this.files[0], 5, 10))
            return;
        IntegralInfoDlg.upload(fileTypeId, fileId);
    });
    $('#upload_file').val("");
    $('#upload_file').click();
}
//上传附件
IntegralInfoDlg.upload = function (fileTypeId, fileId) {
    var id = $("#id").val();
    if (!IntegralInfoDlg.validateIsEdit())
        return;
    if (fileId != null && fileId != 'null') {
        $("#fileId").val(fileId)
    } else {
        $("#fileId").val("");
    }
    $("#mainId").val(id);
    $("#fileTypeId").val(fileTypeId);
    var index = layer.load(0, {shade: false, time: 0});
    $("#index").val(index);
    $("#uploadForm").submit();
}
//删除附件
IntegralInfoDlg.deleteFile = function (id, state) {
    if (!IntegralInfoDlg.validateIsEdit())
        return;
    var operation = function () {
        var ajax = new $ax(Feng.ctxPath + "/common/api/deleteFile", function (data) {
            if (data.code = 200) {
                Feng.success(data.msg);
                $("input[name='uploadFiles[]'][value='" + id + "']").parents("li").remove();
                //$("#fileTable").bootstrapTable("refresh", {});
            } else {
                Feng.error(data.msg);
            }
        }, function (data) {
            Feng.error("删除失败!" + data.responseJSON.message + "!");
        });
        ajax.set("id", id);
        ajax.set("type", 1);
        ajax.start();
    }
    Feng.confirm("删除后无法恢复，确认删除吗?", operation);
}


/**
 * 校验是否显示按钮
 * @param type      类型  1-上传按钮，2-修改删除按钮
 * @param row
 * @returns {string}
 */
IntegralInfoDlg.validUploadButton = function (type, fileTypeId, fileId) {
    var files = $("#files").val();
    files = files.split(",");
    var checkState = $("#checkState").val();
    var realState = $("#realState").val();
    //console.log(checkState, realState);
    if (Feng.isEmptyStr(checkState) || checkState == 0 || (checkState == 1 && realState == 1) || (checkState == 11 && realState != 14) || (realState == 11 && files.indexOf(fileTypeId.toString()) != -1)) {
        if (type == 1) {          //上传
            return "<button type='button' onclick=\"IntegralInfoDlg.checkFile(this," + fileTypeId + "," + null + ")\" style='margin-right: 10px' class=\"btn btn-xs btn-info\">" +
                    "<i class=\"fa fa-upload\"></i>上传" +
                    "</button>";
        } else {
            return "<button type=\'button\' onclick=\"IntegralInfoDlg.checkFile(this," + fileTypeId + "," + fileId + ")\" style=\'margin-right: 10px\' class=\"btn btn-xs btn-info\">" +
                    "<i class=\"fa fa-paste\"></i>修改" +
                    "</button>" +
                    "<button type='button' onclick=\"IntegralInfoDlg.deleteFile(" + fileId + ")\" class=\"btn btn-xs btn-danger\">" +
                    "<i class=\"fa fa-times\"></i>删除" +
                    "</button>";
        }
    } else {
        return "";
    }
}

IntegralInfoDlg.downloadFile = function (id, type) {
    window.location.href = Feng.ctxPath + "/api/common/downloadFile?id=" + id + "&type=" + type;
}

//设置不可修改的字段
IntegralInfoDlg.setNoChangeField = function () {
    console.log(123)
    $("input,textarea").each(function () {
        $(this).attr("readonly", "readonly");
    });
    $("select,input[type=radio]").each(function () {
        $(this).attr("disabled", "disabled");
    });
}
$(function () {
    var id = $("#id").val();
    var checkState = $("#checkState").val();
    if (id != null && id != '') {
        //select初始化
        $("select").each(function () {
            $(this).val($(this).attr("value")).trigger("change");
        });
        Feng.getCheckLog("logTable", {"type": CONFIG.project_integral_apply, "mainId": id, "typeFileId": "", "active": 1})
    }
    $("#card_type").val($("#card_type").attr("value"));
    IntegralInfoDlg.setNoChangeField();
    //IntegralInfoDlg.changeAndLoadFile();
});