ziqim/Yangcai365_design/manage/zview/order/designOrderRefund.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 refundReason=Z("#refundReason").val();
   var data = Z("#imgData").text()
   if (Z.Validates.isEmpty(data))
   {
        Z.alert("请添加顾客退款截图!")
        return;
   }
     var designId =${designId};
     Z.confirm("退款后此订单将取消，确认退款？", function(){
       var ajax = new Z.Ajax();
       ajax.setClassName("DesignOrderPresenter");
       ajax.setMethodName("doDesignOrderRefund");
       ajax.addParam(data);
       ajax.addParam(designId);
       ajax.addParam(refundReason);
       ajax.setFailureAlert();
       ajax.setSuccess(function(){
        Z.success("提交成功", function(){parent.location.reload();parent.Z.Dialog.close();});
       });
       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()}
<div style="display:none" id="imgData"></div>
		<div style="display:flex">
			<label style="width:10%;margin:auto">退款原因:</label>
			<select id="refundReason" class="z-select" data-role="z-select" data-class="${zmr_color_class}" style="width:90%">
			<#for item : list>
				<option value="${item.getId()}">${item.getTitle()}</option>
			</#for>
			</select>
		</div>
		<div style="maxWidth:50px;border:1px #999 solid;margin-top:5px">
			<div id="imgSrc" >
			</div>
		</div>
</div>
<div style="position:fixed;bottom:0px;height:50px;width:100%;background-color:#EFEFEF;border-top: solid 1px #ededed">
   <div style="margin-top:10px">
    <button class="z-button z-w100 ${zmr_color_class}" id="designOrderRefund" onclick="doSubmit();">确认退款</button>&nbsp;&nbsp;&nbsp;
    <button class="z-button z-red" onclick="doCancel();">清空截图</button>&nbsp;
   </div>
</div>
<br><br>
${zhiqim_manager_content_end()}
</html>