105 lines
3.2 KiB
Plaintext
105 lines
3.2 KiB
Plaintext
<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>
|
|
<button class="z-button z-red" onclick="doCancel();">清空截图</button>
|
|
</div>
|
|
</div>
|
|
<br><br>
|
|
${zhiqim_manager_content_end()}
|
|
</html> |