ziqim/Yangcai365_web/manage/zview/complain/complainDeal.zml

${sweet_alert_reuse_method()}
<script>
function showLargeImg(thisImg)
{
    var dialog = new parent.Z.Dialog();
    dialog.shadow = true;
    dialog.title = "图片";
    dialog.fixed = true;
    
    dialog.url = "showLargeImg.htm?imgpath="+thisImg.src;
    dialog.width = parent.Z.D.clientWidth()-200;
    dialog.height = parent.Z.D.clientHeight()-200;
    dialog.execute();
    dialog.$background.remove();
}

function doRemoveImg()
{
   Z("#divImg").remove();
   Z("#finishImgPath").remove();
}

(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 );
            }
        }
    });
})();

function doDealComplainOrder(){
    var imgData = Z("#imgData").text();//投诉截图
    if (Z.Validates.isEmpty(Z("#imgSrc").html()))
    {
        swal({title : "请将跟进截图粘贴至空白处",type : "warning",timer: 1500,width:300,showConfirmButton:false});
        return;
    }

    var ajax = new Z.Ajax();
    ajax.setClassName("ComplainDealPresenter");
    ajax.setMethodName("doDealComplainOrder");
    ajax.addParam("complainId",Z("#complainId").val());
    ajax.addParam("imgData",imgData);
    ajax.setFailureAlert();
    ajax.setSuccess(function(){
        swal({title:"处理成功",type:"success",timer: 1200,width:300,showConfirmButton:false}).then(function(){
            parent.location.reload();parent.Z.Dialog.close();
         });
    });
    ajax.setLoading("complainDeal", '<i class="z-font z-save"></i>正在处理',{disabled:true});
    ajax.execute();

}

</script> 
${zhiqim_manager_content()}
<input type="hidden" id="complainId" name="complainId" value="${order.getComplainId()}">
<form name="theForm">
<table class="z-table z-bordered z-pd6 z-bg-white z-text-left">
    <tr class="z-h40">
        <td align="center" width="150">客户旺旺：</td>
        <td width="140">${order.getBuyerNick()}</td>
        <td align="center" width="130">产品名称：</td>
        <td colspan="2">${order.getOrderText()}</td>
    </tr>
    <tr class="z-h40">
        <td align="center" width="150">店铺名称：</td>
        <td width="140">${order.getShopNick()}</td>
        <td align="center" width="130">设&nbsp;计&nbsp;师：</td>
        <td width="210">${order.getDesigner()}</td>
        <td align="left" colspan="1">录单时间：${Sqls.toDateTimeString(order.getCreateTime())}</td>
    </tr>
    <tr class="z-h40">
        <td align="center" width="150">责任部门：</td>
        <td width="190">${order.getUndertakeDept()}</td>
        <td align="center" width="130">投诉类型：</td>
        <td width="210">${order.getComplainType()}</td>
        <td align="left" width="300">店铺扣罚：${order.getShopPunishScore()} 分</td>
    </tr>
    
    <tr class="z-h40">
        <td align="center" width="150">处理方案：</td>
        <td width="190">${order.getDisposeProject()}</td>
        <td align="center" width="150">责任人：</td>
        <td width="210">${order.getUndertakePerson()}</td>
        <td width="300">
            <button type="button" class="z-button zi-bg-white zi-mg-l1" onclick="Z(this).find('zcover>i.z-checkbox').click()">
            <input type="checkbox" id="isSatrapAssist" name="isSatrapAssist" class="z-checkbox" data-class="${zmr_color_class}" <#if order.isSatrapAssist()>checked</#if> data-role="z-checkbox" onclick="Z.E.stop(); this.value=this.checked" disabled>
            主管协助</button>
        </td>
    </tr>
    
    <tr class="z-h50">
        <td align="center" width="150">备注:</td>
        <td colspan="4">${order.getComplainSpecificText()}
        </td>
    </tr>
    <tr>
        <td align="center" width="200">受理截图</td>
        <td colspan="5" >
             <div style="display: flex;max-height: 100px;">
                <img  src="${order.getDisposeImgPath()}" onclick="showLargeImg(this)" id="disposeImgPath">
            </div>
        </td>
    </tr>
    <tr class="z-h100">
        <td align="center" width="200">跟进截图：</td>
        <td colspan="5" style="position: relative;">
            <#if order.getComplainStatus() != 20><button type="button" class="z-button z-mg-l10 z-w60 z-cyan z-relative-right" onclick="doRemoveImg();" style="top:2px;left: 90%;position: absolute;">移除</button></#if>
            <div style="display:none" id="imgData"></div>
            <div id="imgSrc"></div>
            <div><img src="${order.getFinishImgPath()}" onclick="showLargeImg(this)" id="finishImgPath"></div>
        </td>
    </tr>
    <tr class="z-h100">
        <td align="center" width="200" style="border-top:none;"></td>
        <td style="border-top:none;" colspan="5"></td>
    </tr>
</table>
</form>
${zhiqim_manager_content_end()}

<#-- 操作 -->
<div class="z-fixed z-w100p z-h100 z-text-center" style="bottom:0;left:0">
    <div>
        <table class="z-table z-bordered z-pd6 z-text-left z-bg-white z-h40">
        <tr class="z-h40">
            <td align="center" colspan="3">订单受理人：<input type="text" value="${order.getComplainAddName()}" id="complainAddName" style="border:none;"></td>
            <td align="center" colspan="3">受理时间：<input type="text" value="${Sqls.toDateTimeString(order.getComplainAddTime())}" id="complainAddTime" style="border:none;"></td>
        </tr>
        </table>
    </div>
    <div class="z-w100p z-bg-gray z-pd-t10 z-h60">
    <#if order.getComplainStatus() != 20><button type="button" id="complainDeal" class="z-button ${zmr_color_class} z-large z-w150" onclick="doDealComplainOrder();">提交投诉单</button>&nbsp;&nbsp;</#if>
    <button type="button" class="z-button z-large z-mg-l10  z-w100" onclick="parent.Z.Dialog.close();">关闭</button>
    </div>
</div>