${request.getValidateScript()}
${Scripts.src(zhiqim_uploadlarge.js)}

<div class="content">
<script>
Z.onload(function()
{//初始化上传组件
    initUploaderMaterial();
    initUploaderThumb();
});

var mid = -1;
function initUploaderMaterial()
{
    var ext = "";
    var mUpload = new Z.UploadLarge();
    mUpload.elem = "upload_material";
    mUpload.fileMd5Target = 0;
    mUpload.maxSizeMiB = 30;
    mUpload.contextPath = "${context.getContextPath()}";
    mUpload.setFileDir('${uploadPath}');
    mUpload.onSelected = function(fileName, fileLength)
    {
        var ind = fileName.lastIndexOf(".");
        if(ind < 0)
        {
            Z.failure("不合法的文件名格式");
            return false;
        }
        
        ext = fileName.substring(fileName.lastIndexOf(".")+1);
        if (!(ext == "cdr" || ext == "cmx" || ext == "png" || ext == "jpg" || ext == "jpeg"))
        {
            Z.failure("素材文件必须是cdr、cmx、png、jpg、jpeg格式文件");
            return false;
        }
    };
    mUpload.onCompleted = function(fileId){
        var ajax = new Z.Ajax();
        ajax.setClassName("WorksPresenter");
        ajax.setMethodName("doUploadWorksMaterial");
        ajax.addParam("fileId", fileId);
        ajax.addParam("catId", Z("#catId").val());
        ajax.addParam("materialStatus", Z("#materialStatus").val());
        ajax.addParam("keywords", Z("#keywords").val());
        ajax.setFailure(function(){
        	mUpload.$delete.click();
        	Z.failure(this.responseText);
        });
        ajax.setSuccess(function(){
            if(ext == "cdr" || ext == "cmx")
            {
                mid = ajax.responseText;
                Z.success("素材上传成功，请继续上传效果图");
            }
            else
                Z.success("素材上传成功", function(){parent.location.reload();Z.Dialog.close();});
        });
        ajax.setLoading(document);
        ajax.execute(); 
    };
    
    mUpload.execute();
}

function initUploaderThumb()
{//上传效果图
    var thumbUpload = new Z.UploadLarge();
    thumbUpload.elem = "upload_thumb";
    thumbUpload.fileMd5Target = 0;
    thumbUpload.maxSizeMiB = 10;
    thumbUpload.contextPath = "${context.getContextPath()}";
    thumbUpload.setFileFormatExt("image/jpg,image/png,image/jpeg");
    thumbUpload.setFileDir('${uploadPath}' + "/thumb");
    thumbUpload.onSelected = function(fileName, fileLength)
    {
        if(mid == -1 || mid == null || mid == "")
        {
            Z.failure("请先上传素材文件");
            return false;
        }
    };
    thumbUpload.onCompleted = function(fileId){
        var ajax = new Z.Ajax();
        ajax.setClassName("WorksPresenter");
        ajax.setMethodName("doUploadWorksMaterialThumb");
        ajax.addParam("mid", mid);
        ajax.addParam("fileId", fileId);
        ajax.setFailure(function(){
        	thumbUpload.$delete.click();
        	Z.failure(this.responseText);
        });
        ajax.setSuccess(function(){
            Z.success("效果图上传成功", function(){parent.location.reload();Z.Dialog.close();});
        });
        ajax.setLoading(document);
        ajax.execute(); 
    };
    
    thumbUpload.execute();
}
</script>
<table class="z-table z-bordered z-pd6 z-bg-white">
<tr class="z-h40">
    <td width="50%">素材分类：</td>
    <td width="*">
    <select id="catId" name="catId" data-role="z-select" class="z-select z-w200" style="visibility: hidden; margin: 0px;" >
    <#for cat : Global.get(DesMaterialCatCache.class).list()>
        <option value="${cat.getCatId()}">${cat.getCatName()}</option>
    </#for>
    </select>
    <font class="z-color-red">&nbsp;*</font></td>
</tr>
<tr class="z-h40">
    <td>素材状态：</td>
    <td>
    <select id="materialStatus" name="materialStatus" data-role="z-select" class="z-select z-w200" style="visibility: hidden; margin: 0px;" >
        <option value="0">正常</option>
        <option value="1">停用</option>
    </select>
    <font class="z-color-red">&nbsp;*</font></td>
</tr>
<tr class="z-h40" >
    <td>关键字（多个可空格分隔）：</td>
    <td><input id="keywords" name="keywords" input class="z-input z-w200 ${zmr_color_class}" value=""></td>
</tr>
<tr class="z-h40">
    <td>选择素材（上传cdr时，请上传效果图）：</td>
    <td>
        <button id="upload_material" type="button" class="z-button z-w100 z-blue">上传素材</button>
    <font class="z-color-red">&nbsp;*</font></td>
</tr>
<tr class="z-h40">
    <td>选择效果图：</td>
    <td>
        <button id="upload_thumb" type="button" class="z-button z-w100 z-blue">上传效果图</button>
    </td>
</tr>
</table>
</div>