fmui-base 2.2.11 → 2.2.13

package/lib/upload/upload.jsx

@@ -1,647 +0,0 @@
-import React from 'react';
-
-import Toast from 'saltui/lib/Toast';
-import Progress from 'saltui/lib/Progress';
-import { UploadCore, Events, Status, VERSION } from 'uploadcore';
-
-import 'whatwg-fetch';
-import 'es6-promise';
-export default class PageHome extends React.Component {
-
-
-
-    constructor(props) {
-        super(props);
-        var label = props.label;
-        if (!label) {
-            label = '';
-        }
-        const keyNum = this.GenNonDuplicateID(8);
-        // 上传个数限制
-        var limitNo = props.limitNo;
-        if (limitNo && limitNo > 0) {
-            limitNo = limitNo;
-        } else {
-            limitNo = 9;
-        }
-
-        var setting = getSysAttachSetting();
-        // 上传类型images:图片,audios:附件,videos:视频
-        var uploadType = props.uploadType;
-        // 上传格式
-        var extensions = props.extensions;
-        if (!extensions) {//如果组件没有设置则取后台默认
-            extensions = setting.sysAttachmentCate;
-        }
-        //累加
-        // 可上传
-        var canAdd = props.canAdd;
-        // 可删除
-        var canDel = props.canDel;
-        //可下载
-        var canDownload = props.canDownload;
-        // 公众号不展示下载按钮
-        if(getLoginUserInfo().thirdMenuType == 'WeChat'){
-            canDownload = false;
-        }
-
-        //单次返回,默认返回所有
-        var returnOnce = props.returnOnce;
-        if (!returnOnce) {
-            returnOnce = false;
-        }
-        //预览类型，view：永中预览，download：下载
-        var viewType = props.viewType;
-        if (typeof (viewType) == 'undefined' || viewType == null || viewType == '') {
-            viewType = 'view';
-        }
-        if (setting.sysAttachmentView == 0) {//如果设置中预览关闭则默认下载
-            viewType = "download";
-        }
-
-        //是否必填
-        var required = props.required;
-
-        //初始化List
-        var initList = props.initList;
-        if (typeof (initList) == 'undefined' || initList == null || !(initList instanceof Array)) {//判断初始化id集合有没有
-            initList = [];
-        }
-
-
-        // 文件大小限制，默认单位byte，默认0，表示不限制
-        var fileSizeLimit = props.fileSizeLimit;
-        if (fileSizeLimit == null || fileSizeLimit == '' || fileSizeLimit == undefined || fileSizeLimit == 'undefined') {
-            //fileSizeLimit = 0;
-            //如果组件没有设置则取后台默认
-            fileSizeLimit = setting.sysAttachmentSize;
-        }
-        fileSizeLimit = parseInt(fileSizeLimit);
-
-        //文件总大小限制
-        var fileAllSizeLimit = props.fileAllSizeLimit;
-        if (fileAllSizeLimit == null || fileAllSizeLimit == '' || fileAllSizeLimit == undefined || fileAllSizeLimit == 'undefined') {
-            fileAllSizeLimit = 0;
-        }
-
-        var accept = {};
-        if (uploadType == 'image') {//图片
-            accept = {
-                title: '图片',
-                extensions: 'jpg,jpeg,png,gif,webp,bmp',
-                mimeTypes: 'image/*' // or 'image/jpeg,image/png'
-            };
-            if (extensions) {
-                accept.extensions = extensions;
-            }
-        } else {
-            uploadType = "file";
-            if (extensions) {
-                accept.title = '文件';
-                accept.extensions = extensions;
-            } else {
-                accept = null;
-            }
-        }
-        // extensions="image/jpg,image/png";
-        // if(extensions){
-        //   accept = extensions;
-        // }
-
-
-        var dir = props.dir;
-        var businessExt = props.extensions?props.extensions:"";
-        var context = document.getElementById("context").value;
-        var token = getLoginUserInfo().token;
-        this.state = {
-            required: required,
-            canAdd: canAdd,
-            canDel: canDel,
-            canDownload:canDownload,
-            keyNum: keyNum,
-            uploadType: uploadType,
-            accept: accept,
-            fileSizeLimit: fileSizeLimit * 1024 * 1024,
-            fileAllSizeLimit: fileAllSizeLimit,
-            label: label,
-            dir: dir,
-            businessExt:btoa(unescape(encodeURIComponent(businessExt))) ,
-            limitNo: limitNo,
-            context: context,
-            uploadUrl: context + '/api/m/plugin/attachment/mobile/createFile',
-            urlPrev: context + '/api/m/plugin/attachment/mobile/viewImage?token=' + token + '&fid=',
-            queryUrl: context + '/api/m/plugin/attachment/mobile/getAttachmentByIds?ids=',
-            //queryUrl: context + '/client/approve/getCanBackActivity?ids=',
-            token: token,
-            isInit: false,
-            addQueNum: 0,
-            viewType: viewType,
-            initList: initList,
-            returnOnce: returnOnce,
-            percent1: 0,
-            showProgress: true
-        };
-    }
-
-    GenNonDuplicateID(randomLength) {
-        return Number(Math.random().toString().substr(3, randomLength) + Date.now()).toString(36)
-    }
-
-    del(delIndex) {
-        var initList = this.props.initList;
-        initList.splice(delIndex, 1);
-        this.props.onChange(initList);
-    }
-
-
-
-    componentDidMount() {
-        let t = this;
-        var param = {
-            name: 'file',
-            url: this.state.uploadUrl,
-            autoPending: true,
-            accept: t.state.accept,
-            multiple: true,
-            fileSizeLimit: t.state.fileSizeLimit
-        };
-        let limitNo = t.state.limitNo;
-        //param.queueCapcity= limitNo;
-        var up = this.getCore(param);
-        const picker = up.getPickerCollector();
-        picker.addArea(document.getElementById('ddUploadPic' + t.state.keyNum));
-    }
-
-    getCore(param) {
-        const t = this;
-        const up = new UploadCore(param);
-        up
-            .on(Events.FILE_UPLOAD_PREPARING, (request) => {
-                request.setHeader("Authorization", "Bearer " + t.state.token);
-                request.setParam('dir', t.state.dir);
-                request.setParam('businessExt', t.state.businessExt);
-                console.info(request.getParam('token'));
-            })
-            .on(Events.QUEUE_FILE_ADDED, (file) => {
-                // return false;
-                //判断总文件大小不超过
-                var fileAllSizeLimit = t.state.fileAllSizeLimit;
-                if (fileAllSizeLimit > 0) {
-                    let fileAllSize = 0;
-                    t.state.initList.map(function (item) {
-                        if (item.fileSize == null) {
-                            fileAllSize += item.size;
-                        } else {
-                            fileAllSize += item.fileSize;
-                        }
-                    });
-                    if (fileAllSizeLimit * 1024 * 1024 <= (fileAllSize + file.size)) {
-                        file.cancel();
-                        Toast.show({
-                            type: 'error',
-                            content: '文件总大小不能超过' + fileAllSizeLimit + 'M！',
-                        });
-                        return false;
-                    }
-                }
-                // console.info('queuefileadded', file);
-                file.session().progress((e) => {
-                    // console.info('progress', e);
-                }).fail((error) => {
-                    console.info(error)
-                }).done((response) => {
-                    console.info(response.getJson())
-                });
-
-            })
-
-            .on(Events.FILE_UPLOAD_PROGRESS, (file, progress) => {
-                this.setState({
-                    percent1: progress.percentage
-                })
-
-            })
-            .on(Events.FILE_UPLOAD_ERROR, (error) => {
-                if (error.name == 'AbortError') {//网络中断
-                    Toast.show({
-                        type: 'error',
-                        content: '网络中断！',
-                    });
-                    return false;
-                } else if (error.name == 'TimeoutError') {//网络超时
-                    Toast.show({
-                        type: 'error',
-                        content: '网络中断！',
-                    });
-                    return false;
-                } else if (error.name == 'NetworkError') {//网络错误
-                    Toast.show({
-                        type: 'error',
-                        content: '网络错误！',
-                    });
-                    return false;
-                } else {
-                    Toast.show({
-                        type: 'error',
-                        content: '上传失败！',
-                    });
-                    return false;
-                }
-            })
-            .on(Events.QUEUE_ERROR, (error) => {
-                var accept = t.state.accept;
-                var fileSizeLimit = t.state.fileSizeLimit;
-                if (error.name == 'FilterError') {//过滤文件报错
-                    if (accept) {//扩展名出错
-                        var extensions = accept.extensions;
-                        if (extensions.indexOf(error.file.ext) < 0) {
-                            Toast.show({
-                                type: 'error',
-                                content: '文件类型错误！',
-                            });
-                            return false;
-                        }
-                    }
-
-                    if (fileSizeLimit > 0) {
-                        if (error.file.size > fileSizeLimit) {
-                            var fileSizeLimitName = t.calculate(fileSizeLimit);
-                            Toast.show({
-                                type: 'error',
-                                content: '文件不能大于' + fileSizeLimitName + '！',
-                            });
-                            return false;
-                        }
-                    }
-
-                    Toast.show({
-                        type: 'error',
-                        content: '文件不能重复！',
-                    });
-                    return false;
-
-                } else if (error.name == 'QueueLimitError') {//队列限制
-                    Toast.show({
-                        type: 'error',
-                        content: '不能上传更多文件了！',
-                    });
-                    return false;
-                } else {
-                    Toast.show({
-                        type: 'error',
-                        content: '上传失败！',
-                    });
-                    return false;
-                }
-            })
-            .on(Events.FILE_UPLOAD_COMPLETED, (file) => {
-                if (file.getStatus() === Status.SUCCESS) {
-                    // alert('上传成功');
-                    var result = file.response.getJson();
-                    if (result.code == -1) {
-                        alert(result.message);
-                    } else {
-                        var json = file.response.getJson().data;
-
-                        if (typeof getSensitive === "function") {
-
-                            var returnMsg = getSensitive(json[0].fileDisplayName);
-                            if (returnMsg) {
-                                Toast.show({
-                                    type: 'error',
-                                    content: '附件名称包含' + returnMsg + '敏感词！',
-                                });
-                                this.setState({
-                                    showProgress:false
-                                })
-                                return false;
-                            }
-                        }
-                        this.setState({
-                            showProgress: false
-                        })
-                        //var checksum = json[0].checksum;
-                        var initList = t.state.initList;
-                        if (initList.length < this.state.limitNo) {
-                            initList = initList.concat(json);
-                            this.setState({
-                                showProgress: true,
-                                percent1: 0
-                            })
-                            if (t.state.returnOnce) {
-                                t.props.onChange(json);
-                            } else {
-                                t.props.onChange(initList);
-                            }
-                            t.setState({
-                                initList: initList
-                            });
-                        } else {
-                            Toast.show({
-                                type: 'error',
-                                content: '不能上传更多文件了！',
-                            });
-                            return false;
-                        }
-                    }
-
-                } else {
-                    //file.cancel();
-                    // var json = [ {
-                    //   "fileName" : "d33087332a6c477a806d823209fef5c7.png",
-                    //   "previewUrl" : null,
-                    //   "fileDisplayName" : "1511353597(1).png",
-                    //   "downloadUrl" : "/attachment/download?fid=402887dc630ba7e701630bb4fe8f0011&chksum=04c8e2fdbb7ec02bc3492f9c98fa8e36",
-                    //   "imageSmallerUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7_sm.png",
-                    //   "imageMiddleUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7_mid.png",
-                    //   "fileExt" : ".png",
-                    //   "delFlag" : "0",
-                    //   "fileModule" : null,
-                    //   "multiCorpId" : false,
-                    //   "previewDate" : null,
-                    //   "imediaUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7.png",
-                    //   "fileSize" : 67577,
-                    //   "fileDisplayNameNoExt" : "1511353597(1)",
-                    //   "relativePath" : "dingding/201804",
-                    //   "isEncrypted" : 0,
-                    //   "imageUrl" : "/attachment/image?fid=402887dc630ba7e701630bb4fe8f0011&chksum=04c8e2fdbb7ec02bc3492f9c98fa8e36",
-                    //   "checksum" : "04c8e2fdbb7ec02bc3492f9c98fa8e36",
-                    //   "deleteUrl" : "/attachment/delete?fid=402887dc630ba7e701630bb4fe8f0011&chksum=ef9f55278b3594f3eaefef23feacaa7d",
-                    //   "id" : "402887dc630ba7e701630bb4fe8f0011",
-                    //   "contentType" : null
-                    // } ];
-                    // var img = json;
-                    // //var checksum = json[0].checksum;
-                    // var initList = t.props.initList;
-                    // if(initList.length < this.state.limitNo){
-                    //   initList = initList.concat(json);
-
-                    //   t.props.onChange(initList);
-                    // }else{
-                    //   Toast.show({
-                    //     type: 'error',
-                    //     content: '不能上传更多文件了！',
-                    //   });
-                    //   return false;
-                    // }
-
-                    Toast.show({
-                        type: 'error',
-                        content: '上传失败！',
-                    });
-                    return false;
-                }
-            });
-        return up;
-    }
-    //计算大小
-    calculate(no) {
-        let a = no / 1024;
-        if (a < 1) {
-            return no + 'B';
-        }
-        let b = a / 1024;
-        if (b < 1) {
-            return Math.round(a * 100) / 100 + 'KB';
-        }
-        return Math.round(b * 100) / 100 + 'MB';
-    }
-
-    //预览
-    view(file) {
-        var id = file.id;
-        if (this.state.viewType == 'view') {
-            // var isLoadWatermark = this.props.isLoadWatermark;
-            var allowDownLoad = this.props.allowDownLoad;
-            var isCopy = this.props.isCopy;
-            var isPrint = this.props.isPrint;
-            var fileExt = file.fileExt;
-            downloadFile(id, 'android', fileExt, isCopy, isPrint, allowDownLoad);
-        } else {
-            downloadFile(id);
-        }
-    }
-
-    downloadFile(file){
-        downloadFile(file.id);
-    }
-
-    //初始化ids
-    initData() {
-        let t = this;
-        var initIds = this.props.initIds;
-        var initList = [];
-        if (typeof (initIds) == 'undefined' || initIds == null || initIds == '') {//判断初始化附件id字符串有没有
-            initList = this.props.initList;
-            if (typeof (initList) == 'undefined' || initList == null || !(initList instanceof Array)) {//判断初始化id集合有没有
-                initList = [];
-            }
-            t.setState({
-                initList: initList
-            });
-        } else {
-            //let formData = new FormData();
-            //formData.append('token', t.state.token);
-            fetch(t.state.queryUrl + initIds, {
-                method: "POST",
-                headers: {
-                    'Content-Type': 'application/x-www-form-urlencoded',
-                    'Authorization': 'Bearer '+getLoginUserInfo().token,  
-                }
-                // body:'token='+t.state.token,
-                // headers: {
-                //     "Content-Type": "application/x-www-form-urlencoded",
-                //     "Authorization": "Bearer "+t.state.token,
-                //     "Cookie":"epname=zhaoyh; isRemembered=1; epsid=89f2b25f-7719-4b62-8df5-d11303112f4f; eptoken=emhhb3lofDBjOTdlNjI2MmY1YjMwYWUwODJmNDkyYTNlNDM4NGIyNTUxNGQ3N2ZhNWJmMWM2ZmE0ZThlM2Q3ZWQ0Yjg1ZDUyMzc5MDY0ODBkZGYwODc0ODJjZDBmNDJhOWI5ODY4MzllZjRhNjM0MjAzODRjOWI4YjliY2IyMjM5ZmRjODEzOGUyYjVkMTdlMzA1OGUxMDNlNTdiNjA2YzkxZWM2NGMyMGYzZDRiZGRjMTRjZTFhYjFlZmZkZTI5YTgwN2JkNDMyY2FiMDA3YTA1MzI0YWVhMjIyMjViY2IxMzZmMGNlOGYxY2YzMTkwNTZmOTgzODM1M2E5Njk2Y2I4Mjg2YzU="
-                // }
-            }).then(function (res) {
-
-                // var json = [ {
-                //   "fileName" : "d33087332a6c477a806d823209fef5c7.png",
-                //   "previewUrl" : null,
-                //   "fileDisplayName" : "1511353597(1).png",
-                //   "downloadUrl" : "/attachment/download?fid=402887dc630ba7e701630bb4fe8f0011&chksum=04c8e2fdbb7ec02bc3492f9c98fa8e36",
-                //   "imageSmallerUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7_sm.png",
-                //   "imageMiddleUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7_mid.png",
-                //   "fileExt" : ".png",
-                //   "delFlag" : "0",
-                //   "fileModule" : null,
-                //   "multiCorpId" : false,
-                //   "previewDate" : null,
-                //   "imediaUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7.png",
-                //   "fileSize" : 67577,
-                //   "fileDisplayNameNoExt" : "1511353597(1)",
-                //   "relativePath" : "dingding/201804",
-                //   "isEncrypted" : 0,
-                //   "imageUrl" : "/attachment/image?fid=402887dc630ba7e701630bb4fe8f0011&chksum=04c8e2fdbb7ec02bc3492f9c98fa8e36",
-                //   "checksum" : "04c8e2fdbb7ec02bc3492f9c98fa8e36",
-                //   "deleteUrl" : "/attachment/delete?fid=402887dc630ba7e701630bb4fe8f0011&chksum=ef9f55278b3594f3eaefef23feacaa7d",
-                //   "id" : "402887dc630ba7e701630bb4fe8f0011",
-                //   "contentType" : null
-                // } ];
-                // initList = initList.concat(json);
-                // t.props.onChange(initList);
-                if (res.ok) {
-                    res.json().then(function (obj) {
-                        var objList = obj.data;
-                        initList = initList.concat(objList);
-                        if(t.props.onChange){
-                            t.props.onChange(initList);
-                        }
-                        t.setState({
-                            initList: initList
-                        });
-                        // Get the JSON
-                    })
-                } else if (res.status == 401) {
-                    // To do with res
-                }
-            }, function (e) {
-                // Handling errors
-            }).catch((error) => {
-                console.log("错误：" + error);
-            });
-
-        }
-    }
-
-    // 文件图标
-    getIcon=(filetype)=>{
-        var currentFileName = ''
-        if(filetype == '.dps'){
-            currentFileName = 'iconfont icon-DPS iconfont-fontsize'
-        }else if(filetype == '.xls' || filetype == '.xlsx'){
-            currentFileName = 'iconfont icon-XLS iconfont-fontsize'
-        }else if(filetype == '.doc' || filetype == '.docx'){
-            currentFileName = 'iconfont icon-DOC iconfont-fontsize'
-        }else if (filetype == ".et") {
-            currentFileName = 'iconfont icon-ET iconfont-fontsize'
-          } else if (filetype == ".ofd") {
-            currentFileName = 'iconfont icon-OFD iconfont-fontsize'
-          } else if (filetype == ".wps") {
-            currentFileName = 'iconfont icon-WPS iconfont-fontsize'
-          } else if (filetype == ".zip") {
-            currentFileName = 'iconfont icon-ZIP iconfont-fontsize'
-          }  else if (filetype == ".txt") {
-            currentFileName = 'iconfont icon-TXT iconfont-fontsize'
-          } else if (filetype == ".tif") {
-            currentFileName = 'iconfont icon-TIF iconfont-fontsize'
-          } else if (filetype == ".swf") {
-            currentFileName = 'iconfont icon-SWF iconfont-fontsize'
-          } else if (filetype == ".rar") {
-            currentFileName = 'iconfont icon-RAR iconfont-fontsize'
-          } else if (filetype == '.ppt' || filetype == '.pptx') {
-            currentFileName = 'iconfont icon-PPT iconfont-fontsize'
-          } else if (filetype == ".mp3") {
-            currentFileName = 'iconfont icon-MP3 iconfont-fontsize'
-          } else if (filetype == ".mp4") {
-            currentFileName = 'iconfont icon-MP4 iconfont-fontsize'
-          } else if (filetype == ".pdf") {
-            currentFileName = 'iconfont icon-PDF iconfont-fontsize'
-          } else if (filetype == ".mov") {
-            currentFileName = 'iconfont icon-MOV iconfont-fontsize'
-          } else if (filetype == ".gif") {
-            currentFileName = 'iconfont icon-GIF iconfont-fontsize'
-          }  else if (filetype == ".flv") {
-            currentFileName = 'iconfont icon-FLV iconfont-fontsize'
-          } else if (filetype == ".exe") {
-            currentFileName = 'iconfont icon-EXE iconfont-fontsize'
-          } else if (filetype == ".avi") {
-            currentFileName = 'iconfont icon-AVI iconfont-fontsize'
-          } else if (filetype == ".7z") {
-            currentFileName = 'iconfont icon-7Z iconfont-fontsize'
-          } else{
-            currentFileName = 'iconfont icon-file2 iconfont-fontsize'
-        }
-        return currentFileName 
-    }
-    //加载文件列表
-
-    render() {
-        const t = this;
-        return (
-            <div className="">
-                <div className={this.state.label == '' ? 't-DN' : 't-field-box t-FBH t-FBAC t-FBJ'}>
-                    <div className={this.state.required ? 't-field-layout-h-label t-FS16 required' : 't-field-layout-h-label t-FS16'}>{this.props.label}</div>
-                </div>
-                <div className={t.state.uploadType == 'image' ? "t-FBH t-fw" : "upload"}>
-                    {/* <div className= {t.state.uploadType == 'image' ? 'upload-image-test' : 'upload-image-test-hidden'}>
-                        <div className='upload-image-test-left'>相关图片</div>
-                        <div className='upload-image-test-right'>可上传jpg,gif类型文件，大小限制3M</div>
-                    </div> */}
-                    {t.state.initList.map((item, i) => {
-                        function calculate(no) {
-                            let a = no / 1024;
-                            if (a < 1) {
-                                return no + 'B';
-                            }
-                            let b = a / 1024;
-                            if (b < 1) {
-                                return Math.round(a * 100) / 100 + 'KB';
-                            }
-                            let c = b / 1024;
-                            if (c < 1) {
-                                return Math.round(b * 100) / 100 + 'MB';
-                            }
-                            return Math.round(c * 100) / 100 + 'GB';
-                        }
-                        return (
-                            t.state.uploadType == 'image' ?
-                                <div className="upload-image-item" key={i}>
-                                    <img width="100" height="98" src={t.state.urlPrev + item.id  } />
-                                    <i className={t.state.canDel ? 'iconfont icon-minus' : 't-DN'} onClick={this.del.bind(this, i)} ></i>
-                                </div>
-                                :
-                                // <div className="t-FBH" key={i}  >
-                                //     <div className="dd-t-border t-P6 t-MB10 t-FB1" onClick={this.view.bind(this, item)}>
-                                //         <i className="iconfont icon-file t-FC9 t-FL t-MR6" ></i>
-                                //         <div className="dd-t-list-text-content" >
-                                //             <div className="t-list-title t-omit t-LH1_4" >
-                                //                 {typeof(item.fileDisplayName)=='undefined'?item.name:item.fileDisplayName}
-                                //             </div>
-                                //             <div className="dd-t-list-time t-FBAC" >{calculate(typeof(item.fileSize)=='undefined'?item.size:item.fileSize)}</div>
-                                //         </div>
-                                //     </div>
-                                //     <i  className={t.state.canDel?'iconfont icon-minus t-BC04 t-WH25 t-R50 t-ML10 t-FCf t-LH1 t-MT10':'t-DN'}  onClick={this.del.bind(this,i)}></i>
-                                // </div>
-
-                                
-                                /* 4.0修改 */
-                                <div className="upload-list" key={i}  >
-                                    <div className='upload-content'>
-                                        <div className="dd-t-border upload-list-item">
-                                            <div className="upload-list-item-content" onClick={this.view.bind(this, item)}>
-                                                <div className='upload-name-icon'>
-                                                    <i className={this.getIcon(item.fileExt)}></i>
-                                                    <div className="t-list-title t-omit t-LH1_4" >
-                                                        {typeof (item.fileDisplayName) == 'undefined' ? item.name : item.fileDisplayName}
-                                                    </div>
-                                                </div>
-                                                <div className="dd-t-list-time t-FBAC" >{calculate(typeof (item.fileSize) == 'undefined' ? item.size : item.fileSize)}</div>
-                                            </div>
-                                            <div className={t.props.canDownload || t.state.canDel ?'upload-icon':'t-DN'}>
-                                                <i className={t.props.canDownload ? 'iconfont icon-download1' : 't-DN'} onClick={this.downloadFile.bind(this,item)}></i>
-                                                <i className={t.state.canDel ? 'iconfont icon-delete' : 't-DN'} onClick={this.del.bind(this, i)}></i>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                        );
-                    })}
-                    <div className={t.state.canAdd && (t.state.limitNo > t.state.initList.length || t.state.limitNo == -1) && t.state.percent1 > 0 && t.state.showProgress ? t.state.uploadType == 'image' ? 'upload-image-p' : 'upload-file-p' : 't-DN'}>
-                        <div style={{ width: '100%' }}>
-                            <span className='upload-progress-tip'>文件上传中</span>
-                            <Progress className="upload-progress" percent={t.state.percent1} status="normal" strokeWidth={4} showInfo={false} />
-                        </div>
-                    </div>
-                    <div flex={1} className={t.state.canAdd && (t.state.limitNo > t.state.initList.length || t.state.limitNo == -1) ? t.state.uploadType == 'image' ? 'upload-image' : 'upload-file' : 't-DN'}>
-                        <i id={'ddUploadPic' + t.state.keyNum} className='iconfont icon-plus'></i>
-                    </div>
-
-                </div>
-            </div>
-
-        );
-    }
-}
-