DAYE_RDMS_CCFLOW/CCFlow/.svn/pristine/ec/ecc3c1a242edfad7044a5d8fbbe666691eadd681.svn-base

/*!
* ======================================================
* FeedBack Template For MUI (http://dev.dcloud.net.cn/mui)
* =======================================================
* @version:1.0.0
* @author:cuihongbao@dcloud.io
*/
(function () {
    var index = 0;
    var size = null;
    var imageIndexIdNum = 0;
    var starIndex = 0;
    var feedback = {
        imageLists: document.getElementsByName('img-list')
    };
    var url = 'https://service.dcloud.net.cn/feedback';

    var doMethod = "FrmImgAthDB_Init";
    var httpHandlerName = "BP.WF.HttpHandler.WF_CCForm";
    if (plant == 'CCFlow') {
        Url = dynamicHandler + "?DoType=HttpHandler&DoMethod=" + doMethod + "&HttpHandlerName=" + httpHandlerName + "&FK_FrmAttachment=" + GetQueryString("FK_FrmAttachment")  + "&PKVal=" + GetQueryString("PKVal")  + "&t=" + new Date().getTime();
    } else {
        var currentPath = GetHrefUrl();
        var path = currentPath.substring(0, currentPath.indexOf('/WF') + 1);
        var url = path + "/WF/Ath/AttachmentUpload.do/?FK_FrmAttachment=" + GetQueryString("FK_FrmAttachment") + "&PKVal=" + GetQueryString("PKVal");
    }
    //初始化获取所上传的文件
    feedback.files = [];
    feedback.uploader = null;
    feedback.deviceInfo = null;
    mui.plusReady(function () {
        //设备信息，无需修改
        feedback.deviceInfo = {
            appid: plus.runtime.appid,
            imei: plus.device.imei, //设备标识
            images: feedback.files, //图片文件
            p: mui.os.android ? 'a' : 'i', //平台类型，i表示iOS平台，a表示Android平台。
            md: plus.device.model, //设备型号
            app_version: plus.runtime.version,
            plus_version: plus.runtime.innerVersion, //基座版本号
            os: mui.os.version,
            net: '' + plus.networkinfo.getCurrentType()
        }
    });
    /**
    *情况附件信息
    */
    feedback.clearAthFile = function () {
        for (var athIndex = 0; athIndex < feedback.imageLists.length; athIndex++) {
            feedback.imageLists[athIndex].innerHTML = '';
        }

        feedback.files = [];

    };
    feedback.getFileInputArray = function () {
        return [].slice.call(feedback.imageList.querySelectorAll('.file'));
    };
    feedback.addFile = function (athDB, athIndex, athIndex_index) {
        feedback.files.push({ name: "images-" + athIndex + "-" + athIndex_index, path: athDB.FileFullName, id: "img-" + athIndex + "-" + athIndex_index, myPk: athDB.MyPK, FileExts: athDB.FileExts, FileName: athDB.FileName, Rec: athDB.Rec, FK_MapData: athDB.FK_MapData, NoOfObj: athDB.FK_FrmImgAth });
        //index++;
    };

    feedback.initFile = function (ath, FK_FrmAttachment, athIndex, athIndex_imageIndexIdNum,noOfObj) {
        var data = GetAllImgs(ath);
        var athIndex_index = 0;
        var athIndex_imageIndexIdNum = 0
        $.each(data, function (i, obj) {
            feedback.addFile(obj, athIndex, athIndex_index);
            athIndex_index++;
        });
        //判断当前是可读还是可编辑
        var IsRead = pageData.IsReadOnly == "1" ? true : false;
        //显示上传的文件
        $.each(feedback.files, function (index, element) {
            var f = feedback.files[index];
            if (f.NoOfObj != noOfObj)
                return;
            athIndex_imageIndexIdNum++;
            var placeholder = document.createElement('div');
            placeholder.setAttribute('id', f.myPk);
            placeholder.setAttribute('class', 'image-item');
            var divButton = document.createElement('div');
            divButton.style.width = '100%';
            divButton.style.height = '100%';
            if (IsRead == false) {
                var IsDelete = false;
                //删除所有
                if (ath.DeleteWay == 1)
                    IsDelete = true;
                //只删除自己的
                if (ath.DeleteWay == 2) {
                    if (f.Rec == new WebUser().No)
                        IsDelete = true;
                }
                //删除图片
                var closeButton = document.createElement('div');
                closeButton.setAttribute('class', 'image-close');
                closeButton.innerHTML = 'X';
                closeButton.id = "img-" + athIndex + "-" + index;
                //小X的点击事件
                closeButton.addEventListener('click', function (event) {
                    var btnArray = ['否', '是'];
                    mui.confirm('您确定要删除吗？ ', '提示', btnArray, function (e) {
                        if (e.index == 1) {
                            for (var temp = 0; temp < feedback.files.length; temp++) {
                                if (feedback.files[temp].id == closeButton.id) {
                                    //处理删除事件
                                    var handler = new HttpHandler("BP.WF.HttpHandler.WF_CCForm");
                                    handler.AddPara("DelPKVal", f.myPk);
                                    var data = handler.DoMethodReturnString("ImgUpload_Del");
                                    if (data == "删除成功.") {
                                        placeholder = document.getElementById(f.myPk);
                                        feedback.files.splice(temp, 1);
                                        feedback.imageList.removeChild(placeholder);
                                    }
                                }
                            }
                        }
                    });
                    return false;
                }, false);

                placeholder.appendChild(closeButton);
            }

            //点击图片标记的时候下载文件.
            divButton.addEventListener('click', function (event) {
                //处理文件下载事件
                downLoadImg(f.myPk);
            });
            var imgFlag = IsImgeExt(f.FileExts);
            if (imgFlag) {
                var base64 = "";
                dataUrl = GetFileStream(f.myPk);
            } else {
                dataUrl = './image/FileType/' + f.FileExts + "B.gif";
            }
            //divButton.style.backgroundImage='url(' + dataUrl + ')';
            placeholder.style.backgroundImage = 'url(' + dataUrl + ')';
            placeholder.appendChild(divButton);
            //文件名称显示
            var nameLabel = document.createElement('div');
            nameLabel.setAttribute('class', 'image-name');
            nameLabel.id = "name-" + athIndex + "-" + index;

            nameLabel.innerHTML = "<p style='text-align:center;width:63.4px;margin:0;padding:0'>" + f.FileName.split(".")[0] + "</p>";
            if (f.FileName.split(".")[0].length > 10)
                nameLabel.innerHTML = "<p style='width:63.4px;margin:0;padding:0'>" + f.FileName.split(".")[0].substr(0, 6) + "...</p>";
            placeholder.appendChild(nameLabel);

            feedback.imageList.appendChild(placeholder);

        });
    }
    /**
    * 初始化上传文件页面
    */
    feedback.initPage = function () {
        for (var athIndex = 0; athIndex < feedback.imageLists.length; athIndex++) {
            feedback.imageList = feedback.imageLists[athIndex];
            //组件Id 
            imageId = feedback.imageList.id;
            //获取所属分组的ID
            var mypk = imageId.substr(11);

            imageId = imageId.replace("_" + pageData.FK_Node, "");
            
            //获取NoOfObj
            var index = imageId.lastIndexOf("_");  
            var noOfObj = imageId.substr(index + 1);
            
            feedback.newPlaceholder(mypk, athIndex,noOfObj);
        }
    }
    /**
    * 初始化图片域占位
    */
    feedback.newPlaceholder = function (FK_FrmAttachment, athIndex,noOfObj) {
        var fileInputArray = feedback.getFileInputArray();
        if (fileInputArray &&
			fileInputArray.length > 0 &&
			fileInputArray[fileInputArray.length - 1].parentNode.classList.contains('space')) {
            return;
        };
        var ath = new Entity("BP.Sys.FrmUI.FrmImgAth", FK_FrmAttachment);
        var athIndex_imageIndexIdNum = 0;
        //初始化显示上传的文件
        feedback.initFile(ath, FK_FrmAttachment, athIndex, athIndex_imageIndexIdNum,noOfObj);
        //如果是只读的可以返回
        if (pageData.IsReadOnly == "1" || ath.IsUpload == false)
            return;
        //添加上传的控件
        athIndex_imageIndexIdNum++;
        var placeholder = document.createElement('div');
        placeholder.setAttribute('class', 'image-item space');
        //删除图片
        var closeButton = document.createElement('div');
        closeButton.setAttribute('class', 'image-close');
        closeButton.innerHTML = 'X';
//        closeButton.id = "img-" + athIndex_imageIndexIdNum;
        //小X的点击事件
        closeButton.addEventListener('tap', function (event) {
            setTimeout(function () {
                for (var temp = 0; temp < feedback.files.length; temp++) {
                    if (feedback.files[temp].id == closeButton.id) {
                        feedback.files.splice(temp, 1);
                        //处理删除事件
                        Del(feedback.files[temp].myPk);
                    }
                }
                feedback.imageList.removeChild(placeholder);
            }, 0);
            return false;
        }, false);

        //添加图片上传控件 input
        var fileInput = document.createElement('input');
        fileInput.setAttribute('type', 'file');
        //只可以拍照上传图片
        if (ath.PicUploadType == 0) {
            fileInput.setAttribute('accept', '*');
        } else {
            fileInput.setAttribute('accept', 'image');
            fileInput.setAttribute('capture', 'camera');
        }
        fileInput.setAttribute('multiple', true);
        fileInput.setAttribute('id', 'image-' + athIndex_imageIndexIdNum);
        fileInput.addEventListener('change', function (event) {

            var imgs = GetAllImgs(ath);

            if (imgs.length > 1) {
                feedback.clearAthFile();
                feedback.initPage();
                mui.alert('请删除后，再上传。');
            }

            var self = this;
            var index = (this.id).substr(-1);
            var file = fileInput.files[0];
            //if (file) {
            //    //获取文件的名称
            //    var name = file.name;
            //    //获取文件的扩展名
            //    var ext = name.substr(name.lastIndexOf('.') + 1);
            //    //控制上传文件大小
            //    //if (size > (10*1024*1024)) {
            //    //	return mui.toast('文件超大,请重新选择~');
            //    //}


            //    if (!this.parentNode.classList.contains('space')) { //已有图片
            //        feedback.files.splice(index - 1, 1, { name: "images" + index, path: e });
            //    }
               
            //}
            //处理文件上传
            var IsUpSuccess = uploadFile(fileInput.files, FK_FrmAttachment.replace("_" + pageData.FK_Node, ""), "FrmImgAthDB_Upload");
            //如果上传成功后处理事件
            if (IsUpSuccess) {
                feedback.clearAthFile();
                feedback.initPage();
            }

        }, false);
        placeholder.appendChild(closeButton);
        placeholder.appendChild(fileInput);
        feedback.imageList.appendChild(placeholder);

    };
    //feedback.newPlaceholder();
    feedback.initPage();
})();