ziqim/Yangcai365_web/manage/zview/order/qcJudge.zml

<style> 
body{ text-align:center} 
.div{ margin:0 auto; width:600px; height:300px; border:5px solid #F00} 
</style>
<script>
function doCancel()
{//取消
   Z("#divImg").remove()
}

function doSubmit()
{
    var designId = Z("#designId").val();
    var orgId = Z("#orgId").val();
    var designer = Z("#designer").val();
    var content = Z("#content").val();
    var description = Z("#description").val();
    if (Z.Validates.isEmpty(content))
    {
        Z.alert("请选择质检违规原因");
        return;
    }
    var data = Z("#imgData").text();
    if(data == "")
    {
        Z.alert("请将质检违规截图粘贴在空白区域");
        return;
    }
    
    var ajax = new Z.Ajax();
    ajax.setClassName("QcOrderPresenter");
    ajax.setMethodName("saveQcJudge");
    ajax.addParam("data", data);
    ajax.addParam("designId", designId);
    ajax.addParam("orgId", orgId);
    ajax.addParam("designer", designer);
    ajax.addParam("content", content);
    ajax.addParam("description", description);
    ajax.setFailureAlert();
    ajax.setSuccess(function(){
        Z.success("提交成功",function(){parent.location.reload();parent.Z.Dialog.close();});
    });
    ajax.setLoading("qcOrderList", '正在提交', {disabled:true});
    ajax.execute();
}

(function(){
    var imgReader = function( item ){
        var blob = item.getAsFile(),
            reader = new FileReader();
        // 读取文件后将其显示在网页中
        reader.onload = function(e){
            var img = new Image();
            var result = e.target.result;
            Z("#imgData").text(result);
            img.src = result;
            img.id = "divImg";
            Z("#imgSrc").append(img);
        };
        // 读取文件
        reader.readAsDataURL(blob);
    };
    window.addEventListener( 'paste', function(e){
         // 添加到事件对象中的访问系统剪贴板的接口
        var clipboardData = e.clipboardData,
            i = 0,
            items, item, types;

        if(clipboardData){
            items = clipboardData.items;
            if( !items ){
                return;
            }
            item = items[0];
            // 保存在剪贴板中的数据类型
            types = clipboardData.types || [];
            for( ; i < types.length; i++ ){
                if( types[i] === 'Files' ){
                    item = items[i];
                    break;
                }
            }
            // 判断是否为图片数据
            if( item && item.kind === 'file' && item.type.match(/^image\//i) ){
                imgReader( item );
            }
        }
    });
})();
</script> 

${zhiqim_manager_content()}
<input type="hidden" id="designId" name="designId" value="${order.getDesignId()}">
<table class="z-table z-bordered-line z-pd-t6 z-pd-b6 z-pd-r6 z-bg-white z-text-left z-mg-b10">
<tr class="z-h40">
    <td width="100" align="right">订&emsp;单&emsp;号&emsp;：</td>
    <td width="160"><span>${order.getDesignId()}</span></td>
    <td width="100" align="right">组&emsp;织：</td>
    <td width="160"><span id="orgId" value="${order.getOrgId()}">${ZmrOrgDao.getOrgName(request, order.getOrgId())}</span></td>
    <td width="100" align="right">设计师：</td>
    <td width="100"><span id="designer" value="${order.getDesigner()}">${order.getDesigner()}</span></td>
</tr>
<tr class="z-h40">
    <td align="right">店&ensp;铺&ensp;名&ensp;称&ensp;：</td>
    <td>${order.getShopNick()}</td>
    <td align="right">旺旺号：</td>
    <td colspan="3">${order.getBuyerNick()}</td>
</tr>
<tr class="z-h40">
    <td width="150" align="right">质检违规原因：</td>
    <td colspan="5">
        <select id="content" class="z-select" data-role="z-select" data-class="${zmr_color_class}">
            <option value="">请选择</option>
            <#for item : list>
                <option value="${item.getContent()}">${item.getContent()}</option>
            </#for>
        </select>
    </td>
</tr>
<tr class="z-h40">
    <td width="150" align="right">质检违规描述：</td>
    <td colspan="5">
        <textarea id="description" name="describe" class="z-textarea z-w80p z-h100"></textarea>
    </td>
</tr>
</table>
<div style="border:1px solid #ccc; min-height:280px; height:auto;" class="z-mg3">
<div style="display:none" id="imgData"></div>
<div id="imgSrc"></div>
</div>
<#-- 操作 -->
<div style="position:fixed;bottom:0px;height:50px;width:100%;background-color:#EFEFEF;border-top: solid 1px #ededed">
<div class="z-mg-t5">
    <button type="button" id="doSubmit" class="z-button z-large z-w120 ${zmr_color_class}" onclick="doSubmit();">提交</button>&nbsp;&nbsp;
    <button type="button" class="z-button z-large z-w100 z-red"  onclick="doCancel();">清空图片</button></td>
    </div>
</div>
${zhiqim_manager_content_end()}