DAYE_RDMS_CCFLOW/CCFlow/.svn/pristine/9e/9e9067ce00f88a9f68ef0703e8f5f97ac7c5847f.svn-base



/**
* 从表附件 图片附件 ,表格附件只显示上传按钮
* @param athchment 附件属性
* @param athDivID 生成的附件信息追加的位置
*/
function DtlAthTable_Init(athchment, athDivID, refPKVal) {
    //附件显示
    InitDtlAthPage(athchment, athDivID, refPKVal);
}
/**
* 初始化附件列表信息
* @param athDivID 生成的附件信息追加的位置
*/
function InitDtlAthPage(athchmentMyPK, athDivID, refPKVal) {
    //var athchment = new Entity("BP.Sys.FrmAttachment", athchmentMyPK);
    //1.请求后台数据
    var handler = new HttpHandler("BP.WF.HttpHandler.WF_CCForm");
    handler.AddUrlData();
    handler.AddPara("RefOID", refPKVal);
    handler.AddPara("FK_FrmAttachment", athchmentMyPK);
    handler.AddPara("FK_MapData", dbDtl.No);
    var data = handler.DoMethodReturnString("Ath_Init");
    if (data.indexOf('err@') == 0) {
        //执行方法报错
        alert(data);
        console.log(data);
        return;
    }

    if (data.indexOf('url@') == 0) {
        var url = data.replace('url@', '');
        SetHref(url);
        return;
    }

    data = JSON.parse(data);
    athDesc = data["AthDesc"][0]; // 附件属性
    var dbs = data["DBAths"];  // 附件列表数据
    //文件类型指定的任意文件，表格展示
    if (athDesc.FileType == 0) {
        var index = athDivID.replace("Div_" + athchmentMyPK + "_", "");
        var _html = "<span id='" + athDivID.replace("Div_", "Span_") + "'>上传附件(" + dbs.length +")</span><a href='javaScript:void(0);' onclick='OpenDtlAth(this,\"" + athchmentMyPK + "\")' style='margin-left:20px' titile='附件'> <i class='fa fa-upload' aria-hidden='true'></i></a>"
        $("#" + athDivID).after(_html);
        $("#" + athDivID).remove();
        return;
    }

    
    //图片显示
    $("#" + athDivID).html(FileShowPic_Dtl(athDesc, dbs, athDivID, refPKVal, athDesc.FK_MapData));
    $.each($("#" + athDivID+" .athImg"), function (index, item) {
        $(item).on("click", function () {
            var _this = $(this); //将当前的pimg元素作为_this传入函数  
            var src = _this.parent().css("background-image").replace("url(\"", "").replace("\")", "")
            imgDtlShow(this, src);
        });
        $(item).on("mouseover", function () {
            var _this = $(this);  
            _this.prev().show();
           
        });
        $(item).on("mouseout", function () {
            var _this = $(this);
            _this.prev().hide();

        });
    })    
}

/**
* 附件图片显示的方式
* @param athDesc 附件属性
* @param dbs 附件列表
*/
function FileShowPic_Dtl(athDesc, dbs,athDivID,refPKVal,fk_mapData) {
    var exts = athDesc.Exts || "";
    if (exts.indexOf("*.*") != -1 || exts == "")
        exts = "image/gif,image/jpg,image/jepg,image/jpeg,image/bmp,image/png,image/tif,image/gsp";

    var _Html = "<form id='Form_" + athDesc.MyPK + "' enctype='multipart/form-data' method='post'>";
    for (var i = 0; i < dbs.length; i++) {
        var db = dbs[i];
        var url = GetFileStream(db.MyPK, db.FK_FrmAttachment);
        _Html += "<div id='" + db.MyPK + "' class='image-item athInfo' style='background-image: url(&quot;" + url + "&quot;);width:135px !important'>";
        if (pageData.IsReadonly != "1" && (athDesc.DeleteWay == 1) || ((athDesc.DeleteWay == 2) && (db.Rec == webUser.No)))
            _Html += "<div class='image-close' style='display:none' onclick='Del(\"" + db.MyPK + "\",\"" + db.FK_FrmAttachment + "\",\"" + athDivID + "\",\"" + fk_mapData +"\")'>X</div>";
        _Html += "<div style ='width: 100%; height: 100%;' class='athImg' ></div>";
        _Html += "<div class='image-name' id = 'name-0-0' > ";

        _Html += "</div>";
        _Html += "</div>";
    }
    //可以上传附件，增加上传附件按钮
    if (dbs.length<athDesc.TopNumOfUpload &&  athDesc.IsUpload == true && pageData.IsReadonly != "1") {

        _Html += "<div class='image-item space' style='width: 135px !important'><input type='file' id='file_" + athDivID + "'name='file_" + athDesc.MyPK + "' accept='" + exts + "' onchange='UploadChangeAth(\"" + athDesc.MyPK + "\",\"" + athDivID + "\",\"" + refPKVal + "\"," + athDesc.FileMaxSize + "," + athDesc.TopNumOfUpload + "," + dbs.length + ",\"" + fk_mapData+"\");'></div>";
    }
    _Html += "</form>";

    return _Html;

}

//文件数据流
function GetFileStream(mypk, FK_FrmAttachment) {
    var Url = "";
    if (plant == "CCFlow") {
        Url = basePath + "/WF/Comm/Handler.ashx?DoType=HttpHandler&DoMethod=AttachmentUpload_Down&HttpHandlerName=BP.WF.HttpHandler.WF_CCForm&WorkID=" + GetQueryString("WorkID") + "&FK_Node=" + GetQueryString("FK_Node") + "&MyPK=" + mypk;
    } else {
        //按照数据流模式下载。
        Url = basePath + "/WF/Ath/downLoad.do?MyPK=" + mypk + "&FK_FrmAttachment=" + FK_FrmAttachment;
    }

    return Url;
}

/**
* 附件下载
* @param fk_ath  附件的属性
* @param MyPK 上传附件数据的信息主键
*/
function Down2018(mypk) {

    var nodeID = GetQueryString("FK_Node");
    var workID = GetQueryString("WorkID");

    var url = "";
    if (plant == "CCFlow") {
        SetHref(basePath + "/WF/Comm/Handler.ashx?DoType=HttpHandler&DoMethod=AttachmentUpload_Down&HttpHandlerName=BP.WF.HttpHandler.WF_CCForm&WorkID=" + workID + "&FK_Node=" + nodeID + "&MyPK=" + mypk);
        return;
    }


    var currentPath = GetHrefUrl();
    var path = currentPath.substring(0, currentPath.indexOf('/WF') + 1);
    url = path + 'WF/Ath/downLoad.do?MyPK=' + mypk + "&WorkID=" + workID + "&FK_Node=" + nodeID;
    if(typeof filterXSS === 'function'){
        url = filterXSS(url);
    }else {
        url = url.replace(/<\/?[^>]+>/gi, '')
        .replace(/[(]/g, '')
        .replace(/->/g, '_')
    }
    if (IEVersion() < 11) {
        window.open(url);
        return;
    }
    var link = document.createElement('a');
    link.setAttribute("download", "");
    link.href = url;
    link.click();

}



/**
* 删除附件
* @param delPKVal
*/
function Del(delPKVal, fk_framAttachment, athDivID, fk_mapData) {
    if (window.confirm('您确定要删除吗？ ') == false)
        return;
    var handler = new HttpHandler("BP.WF.HttpHandler.WF_CCForm");
    handler.AddPara("DelPKVal", delPKVal);
    var data = handler.DoMethodReturnString("AttachmentUpload_Del");
    if (data.indexOf("err@") != -1) {
        alert(data);
        console.log(data);
        return;
    }
    //获取
    InitDtlAthPage(fk_framAttachment, athDivID, fk_mapData);
}

/**
 * 图片附件上传
 */
function UploadChangeAth(fk_frmAttachment, athDivID, refPKVal, fileSize, fileMaxNum, uploadLen, fk_mapData) {
    var element = $("#file_" + athDivID);
    if (element.length == 0)
        return;
    var fileObj = element.val();
    if (typeof (fileObj) == "undefined" || fileObj.size <= 0) {
        alert("请选择上传的文件.");
        return;
    }

    if (uploadLen + 1 > fileMaxNum) {
        alert("超过了最大上传数量");
        return;
    }
    var file = element[0].files[0];
    if (file.size > fileSize * 1000) {
        alert("上传附件大小的最大限制是" + fileSize + "KB");
        return;
    }
  
    var uploadUrl = "";
    if (plant == 'CCFlow')
        uploadUrl = basePath + '/WF/CCForm/Handler.ashx?AttachPK=' + fk_frmAttachment + '&DoType=MoreAttach&FK_Flow=' + pageData.FK_Flow + '&PKVal=' + refPKVal;
    else {
        uploadUrl = basePath + "/WF/Ath/AttachmentUploadS.do?FK_FrmAttachment=" + fk_frmAttachment + '&FK_Flow=' + pageData.FK_Flow + "&PKVal=" + refPKVal;
    }
    uploadUrl += "&WorkID=" + pageData.WorkID;
    uploadUrl += "&FID=" + pageData.FID;
    uploadUrl += "&FK_Node=" + pageData.FK_Node;
    uploadUrl += "&PWorkID=" + GetQueryString("PWorkID");
    uploadUrl += "&FK_MapData=" + fk_mapData;
    //提交数据
    var option = {
        url: uploadUrl,
        type: 'POST',
        dataType: 'json',
        headers: { "ClientCallMode": "ajax" },
        success: function (data) {
            if (data != null && data.indexOf("err@") != -1) {
                alert(data.replace("err@", ""));
                return;
            }
            InitDtlAthPage(fk_frmAttachment, athDivID, refPKVal, fk_mapData);
        },
        error: function (xhr, status, err) {
            if (xhr.responseText != null && xhr.responseText.indexOf("err@") != -1) {
                alert(xhr.responseText);
                return;
            }
            InitDtlAthPage(fk_frmAttachment, athDivID, refPKVal, fk_mapData);
        }

    };

    $("form").ajaxSubmit(option);
    return false;


}
/**
 *图片附件预览
 * @param {any} obj
 */
function imgDtlShow(obj, src) {
    if (src == null || src == undefined)
        src = obj.src;
    var img = new Image();
    img.src = src;
    img.onload = () => {
        var height = img.height + 50; //获取图片高度
        if (height > window.innerHeight - 150)
            height = window.innerHeight - 150;
        var width = img.width; //获取图片宽度
        var imgHtml = "<div style='text-align:center'><img src='" + src + "' /></div>";
        //弹出层
        window.parent.layer.open({
            type: 1,
            shade: 0.8,
            offset: 'auto',
            area: ['80%', '80%'],
            shadeClose: true,//点击外围关闭弹窗
            scrollbar: false,//不现实滚动条
            title: "",
            closeBtn: 1,
            content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响  
            cancel: function () {
                //layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });  
            }
        });
    }

}

//打开附件.
function OpenDtlAth(obj, athMyPK) {
    var index = $(obj).parent().parent().attr("data-id");
    var dtlOID = $(obj).parent().parent().data().data.OID || 0;
    var workID = GetQueryString("RefPKVal");
    var dtlName = GetQueryString("EnsName");
    var fk_node = GetQueryString("FK_Node");
    var fk_flow = GetQueryString("FK_Flow");
    var FFK_MapData = GetQueryString("FK_MapData");
    var IsReadonly = GetQueryString("IsReadonly");
    athMyPK = athMyPK || dtlName + "_AthMDtl";
    var pkVal = dtlOID == 0 ? workID + "_" + index : dtlOID;
    url = basePath + "/WF/CCForm/Ath.htm?IsBTitle=1&PKVal=" + pkVal + "&Ath=AthMDtl&FK_MapData=" + GetQueryString("EnsName") + "&AthPK=" + athMyPK + "&WorkID=" + workID + "&FK_Node=" + fk_node + "&FK_Flow=" + fk_flow + "&FFK_MapData=" + FFK_MapData + "&IsReadonly=" + IsReadonly;
    var AthNum = 0;
   
    if (typeof parent.OpenLayuiDialog != "undefined") {
        var W = parent.window.innerWidth / 2;
        parent.OpenLayuiDialog(url, "从表多附件", W, 70, "auto", false, false, false, null, function () {
            //关闭窗口事件
            var iframe = $(parent.window.frames["dlg"]).find("iframe");
            if (iframe.length > 0) {
                AthNum = iframe[0].contentWindow.athNum;
                $("#Span_" + athMyPK + "_" + index).html("上传附件(" + AthNum +")");
            }

        });
        return;
    }
    OpenBootStrapModal(url, "从表多附件", window.innerWidth / 2, 70, "auto", false, false, false, null, function () {
        //关闭窗口事件
        var iframe = $(window.frames["dlg"]).find("iframe");
        if (iframe.length > 0) {
            AthNum = iframe[0].contentWindow.athNum;
            $("#Span_" + athMyPK + "_" + index).html("上传附件(" + AthNum + ")");
        }

    });
}