ziqim/Yangcai365_web/manage/zview/after/personalAfterOrder.zml

${Styles.htmlOverflowHidden()}
${Scripts.src("/zinc/js/global_2019010801.js")}
${yangcai_calc_Left_width_height(340, 110)}
<script> 
        //查询操作员

var attaTypeMap = new Z.HashMap();
var blameOrgMap = new Z.HashMap();
var orgUserListMap = new  Z.HashMap();
Z.onload(function(){
    //初始化 文件类型
    <#for item : FileTypeConstants.getFileTypeList()>
    attaTypeMap.put('${item.value()}', '${item.desc()}')
    </#for>
    
    //初始化 责任组织 & 初始化组织操作员
    <#for org : ZmrOrgDao.list(request)>
    
        blameOrgMap.put('${org.getOrgId()}', getObject('${org}'));
        var users${org.getOrgId()} = [];
        <#for opr :  ZmrOperatorDao.getOperator(request, org.getOrgId())>
            users${org.getOrgId()}.push(getObject('${opr}'));
        </#for>
        orgUserListMap.put('${org.getOrgId()}', users${org.getOrgId()});
    </#for>
    
});

function getObject(json)
{
    json = json.replace(/\r/g, '');
    json = json.replace(/\n/g, '<br/>');
    json = json.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
    var reg = /(\u0000)|(\u0001)|(\u0002)|(\u0003)|(\u0004)|(\u0005)|(\u0006)|(\u0007)|(\u000b)|(\u000e)|(\u000f)|(\u0010)|(\u0011)|(\u0012)|(\u0013)|(\u0014)|(\u0015)|(\u0016)|(\u0017)|(\u0018)|(\u0019)|(\u001a)|(\u001b)|(\u001c)|(\u001d)|(\u001e)|(\u001f)/g;
    //var reg = //g;
    return Z.J.toObject(json.replace(reg, ""));
}

function doShowAfterOrderInfo(obj, designAfsId)
{
    if (!designAfsId)
    {
        Z.alert("请选择一项");
        return;
    }
    
    var ajax = new Z.Ajax();
    ajax.setContextPath('${context.getContextPath()}');
    ajax.setClassName("DesignAfterOrderPresenter");
    ajax.setMethodName("doQueryAfterOrderDataInfo");
    ajax.addParam("designAfsId", designAfsId);
    ajax.setFailureAlert();
    ajax.setSuccess(function(){
        //初始化数据内容
        var attamap = new Z.HashMap();
        var obj = getObject(this.responseText);
        var afterOrder = obj.afterOrder;
        var problemType = obj.problemType;
        var attaList = obj.afterAttaList;
        for (var i=0; i< attaList.length; i++)
        {
            var atta = attaList[i];
            var list = attamap.get(atta.attaModul);
            if (!list)
                list=[];
                
            list.push(atta);
            attamap.put(atta.attaModul, list);
        }
        
        var afterRightContent = '';
        afterRightContent +='\r\n    <table class="z-table z-pd10 z-bordered z-w100p" style="margin-top:;">';
        afterRightContent +='\r\n        <tr bgcolor="#f5f5f5">';
        afterRightContent +='\r\n            <td>产品信息：</td>';
        afterRightContent +='\r\n        </tr>';
        afterRightContent +='\r\n        <tr>';
        afterRightContent +='\r\n            <td id="orderText" class="z-lh150p">'+afterOrder.orderText+'</td>';
        afterRightContent +='\r\n        </tr>';
        afterRightContent +='\r\n        <tr bgcolor="#f5f5f5">';
        afterRightContent +='\r\n            <td><span class="z-bold">问题描述：</td>';
        afterRightContent +='\r\n        </tr>';
        afterRightContent +='\r\n        <tr>';
        afterRightContent +='\r\n            <td id="problemDesc" class="z-lh150p">';
        afterRightContent +='\r\n               <div id="problemDesc"  class="z-overflow-y-auto z-w100p" id="atta_EndFile" style="min-height:24px; max-height:100px;">';
        afterRightContent +='\r\n               '+(afterOrder.problemDesc ? afterOrder.problemDesc : '');
        afterRightContent +='\r\n               </div>';
        afterRightContent +='\r\n            </td>';
        afterRightContent +='\r\n        </tr>';
        
        if (problemType && problemType.problemName)
        {
            afterRightContent +='\r\n        <tr bgcolor="#f5f5f5">';
            afterRightContent +='\r\n            <td><span class="z-bold">售后原因：</td>';
            afterRightContent +='\r\n        </tr>';
            afterRightContent +='\r\n        <tr>';
            afterRightContent +='\r\n            <td id="problemDesc" class="z-lh150p">';
            afterRightContent +='\r\n               <div id="problemDesc"  class="z-overflow-y-auto z-w100p" id="atta_EndFile" style="min-height:24px; max-height:100px;">';
            afterRightContent +='\r\n               '+(problemType.problemName);
            afterRightContent +='\r\n               </div>';
            afterRightContent +='\r\n            </td>';
            afterRightContent +='\r\n        </tr>';
        }
       
        for (var i=0; i<attamap._keys.length; i++)
        {
            
            var attaList = attamap.get(attamap._keys[i]);
            if (!attaList || attaList.length == 0)
                continue;
            
            if (!attaTypeMap.get(attamap._keys[i]))
                continue;//不支持的附件类型
            
            
            afterRightContent +='\r\n        <tr class="z-h40" bgcolor="#efefef">';
            afterRightContent +='\r\n            <td style="position: relative;">';
            afterRightContent +='\r\n                <input type="checkbox" class="z-checkbox" data-role="z-checkbox" data-class="z-blue" onclick="Z.FM.doSelectCheckBox(\'atta_'+attamap._keys[i]+'\', this.checked);" >';
            afterRightContent +='\r\n                <b class="z-pd4">'+attaTypeMap.get(attamap._keys[i])+'</b>';
            afterRightContent +='\r\n                <button id="download_'+attamap._keys[i]+'" onclick="doDownload(\''+attamap._keys[i]+'\')" class="z-button z-mg-l20 z-float-right z-orange z-mg-r6">下载</button>';
            afterRightContent +='\r\n            </td>';
            afterRightContent +='\r\n        </tr>';
            afterRightContent +='\r\n        <tr class="z-h40">';
            afterRightContent +='\r\n            <td class="z-pd-l10">';
            for (var j=0; j<attaList.length; j++)
            {
                var atta = attaList[j];
                afterRightContent +='\r\n                <div class="z-overflow-y-auto z-w100p" style="min-height:24px; max-height:100px;">';
                afterRightContent +='\r\n                    <div id="div_checkbox_'+atta.attaId+'" class="z-text-ellipsis  z-w300 z-pointer" onclick="" title="'+atta.fileName+'">';
                afterRightContent +='\r\n                        <input id="atta_'+atta.attaId+'"  name="atta_'+atta.attaModul+'" type="checkbox" class="z-checkbox" data-role="z-checkbox" data-class="z-blue" data-attaid="'+atta.attaId+'" data-downloadUrl="'+(atta.ossUrl ? atta.ossUrl : '')+'" value="'+atta.attaId+'"><span class="z-pd6" onclick="Z(this).parent().find(\'zcover>i.z-checkbox\').click();">'+atta.fileName+'</span><br>';
                afterRightContent +='\r\n                    </div>';
                afterRightContent +='\r\n               </div>';
            }
            afterRightContent +='\r\n           </td>';
            afterRightContent +='\r\n        </tr>';
        }
        afterRightContent +='\r\n   </table>';
        Z("#afterRightContent").htmlc(afterRightContent);
    });
    ajax.execute();
}

function doDownload(attaType)
{
    var attaIds = Z.FM.getCheckBoxValue("atta_" + attaType, "");
    if (Z.V.isEmpty(attaIds))
    {
        parent.Z.alert("请选择需要下载的文件");
        return false;
    }
    
    var ajax = new Z.Ajax();    
    ajax.setClassName("UploadFilePresenter");
    ajax.setMethodName("doDownloadFile");
    ajax.addParam("attaId", attaIds);
    ajax.setFailure(function(){
        Z.alert(this.responseText,null, {width:320});
    });
    ajax.setSuccess(function(){
        Z.L.href("/downFile.htm?attaId=" + attaIds, zCallFrame);
    });
    ajax.setLoading('download_'+attaType, '下载', {disabled:true});
    ajax.execute();
}

</script>

${zhiqim_manager_breadcrumb("售后单列表")}
${zhiqim_manager_content()}
<#-- 导航 -->
<div data-role="z-tabnav" class="z-tabnav-main z-mg-b20 ${zmr_color_class}">
<nav>
<ul>
    <li onclick="Z.L.href('waitHandleAfterOrder.htm')">待处理的售后</li>
    <li class="z-active">个人售后单列表</li>
</ul>
</nav>
</div>

<#-- 左侧功能 -->
<div id="left" class="z-overflow-y-auto z-overflow-x-hidden z-relative-left">
    <#-- 查询条件 -->
    ${zhiqim_manager_title("查询条件")}
    <form name="theForm" method="post">
    <table class="z-table z-bordered z-pd6 z-bg-white">
    <tr>
        <td width="30%">售后单号：<input  name="designAfsId" class="${zmr_color_class} z-input z-w180 z-mg-l4" value="${designAfsId}" maxlength="64" placeholder="订单号"></td>
        <td width="34%">订&nbsp;单&nbsp;号 ：<input  name="designId" class="${zmr_color_class} z-input z-w180 z-mg-l4" value="${designId}" maxlength="64" placeholder="订单号"></td>
        <td>
            创建时间：
            <input id="startCreateDate" name="startCreateDate" class="z-input z-w90 ${zmr_color_class}" readonly="true" onfocus="Z.date(this);" value="${startCreateDate}">&nbsp;-&nbsp;
            <input id="endCreateDate" name="endCreateDate" class="z-input z-mg-l3 z-w90 ${zmr_color_class}" readonly="true" onfocus="Z.date(this);" value="${endCreateDate}">
        </td>
    </tr>
    <tr class="z-h40">
        <td>责&nbsp;任&nbsp;人 ：
            <select name="afterBlamer" class="z-select z-w180" data-role="z-select-search" data-class="${zmr_color_class}">
                <option value="">全部</option>
			    <#for item : designerList>
                <option value="${item.getOperatorCode()}" <#if item.getOperatorCode() == afterBlamer>selected</#if>>${item.getOperatorCode()}</option>
                </#for>
               
            </select>
        </td>
        <td>处理状态：
            <select name="afterStatus" class="z-select z-w180" data-role="z-select" data-class="${zmr_color_class}">
                <option value="">全部</option>
                <#for item : AfterConstants.getStatusList()>
                <option value="${item.value()}" <#if item.value() == afterStatus>selected</#if>>${item.desc()}</option>
                </#for>
            </select>
        </td>
        <td>
        </td>
 
    </tr>
    <tr class="z-h40">
        <td colspan="3" class="z-text-center"><button class="z-button z-large z-w120 z-mg-r15 ${zmr_color_class}">查询</button><button class="z-button z-large" type="button" onclick="Z.FM.clearForm(this.form);">清空</button></td>
    </tr>
    </table>
    </form>
    
    <#-- 操作功能 -->
    <div class="z-w100p z-mg-t10 z-mg-b3">
    </div>
    
    <#-- 列表-->
    <div class="z-overflow-auto z-bd-r">
    <table class="z-table z-bordered z-h40-tr z-pd5 zi-bd-r-none z-bg-white z-text-center" style="width:2200px">
    <tr bgcolor="${zmr_thead_bgcolor}" data-layoutCode="orderList">
        <td width="60">选择</td>
        <td width="100">售后单号</td>
        <td width="120">责任组织</td>
        <td width="100">设计单号</td>
        <td width="100">处理状态</td>
        <td width="250">售后原因</td>
        <td width="150">产品</td>
        <td width="140">旺旺号</td>
        <td width="200">特殊工艺</td>
        <td width="80">订单金额</td>
        <td width="90">创建时间</td>
        <td width="100">责任人</td>
        <td width="120">联系人</td>
        <td width="120">对稿手机</td>
        <td width="120">对稿微信</td>
        <td width="100">新补单号</td>
    </tr>
    ${zhiqim_manager_tr_no_record(pageResult, 23, "暂时没有订单信息")}
    <#for item : pageResult.list()>
    <tr class="z-pointer" ${zhiqim_manager_tr_onmouse()} ${zhiqim_manager_tr_click_radio()}>
        <td><input name="designAfsId" type="radio" data-role="z-radio" data-class="${zmr_color_class}" onclick="doShowAfterOrderInfo(this, this.value)" value="${item.getDesignAfsId()}" data-qq="${item.getUserQq()}" data-wx="${item.getUserWx()}" data-buyerNick="${item.getBuyerNick()}"></td>
        <td>${item.getDesignAfsId()}</td>
        <td>${ZmrOrgDao.getOrgName(request, item.getPicOrgId())}</td>
        <td>${item.getDesignId()}</td>
        <td>${AfterConstants.statusHtml(item.getAfterStatus())}</td>
        <td>${item.getProblemDesc()}</td>
        <td>${item.getOrderText()}</td>
        <td data-shopNick="${item.getShopNick()}">${item.getBuyerNick()}</td>
        <td>${item.getPrintSpecial()}</td>
        <td>${Amounts.toYuanMustRadix(item.getAmount())}</td>
        <td>${Sqls.toDateTimeString(item.getAfterCreateTime())}</td>
        <td>${item.getAfterBlamer()}</td>
        <td>${item.getUserContact()}</td>
        <td>${item.getUserMobile()}</td>
        <td>${item.getUserWx()}</td>
        <td><#if item.getNewDesignId() gt 0>${item.getNewDesignId()}</#if></td>
    </tr>
    </#for>
    </table>
    </div>
    ${zhiqim_manager_paging(pageResult, "personalAfterOrder.htm")}
</div>
${zhiqim_manager_content_end()}

<#--右侧文件信息-->
<div id="afterRight" class="z-fixed z-pd6 z-bd-l z-bg-white z-h100p" style="top:${zmr_topnav_height}px;right:0;width:340px;z-index:50;">
    <div id="afterRightContent" class="zi-mg-t15">
        <table class="z-table z-pd10 z-bordered z-w100p" style="margin-top:;">
            <tr bgcolor="#f5f5f5">
                <td>产品信息：</td>
            </tr>
            <tr>
                <td id="orderText" class="z-lh150p">请选择订单</td>
            </tr>
            <tr bgcolor="#f5f5f5">
                <td><span class="z-bold">问题描述：</span></td>
            </tr>
            <tr>
                <td class="z-lh150p">
                    <div id="problemDesc"  class="z-overflow-y-auto z-w100p" id="atta_EndFile" style="min-height:24px; max-height:100px;">
                    </div>
                </td>
            </tr>
            <tr class="z-h40" bgcolor="#efefef">
                <td style="position: relative;">
                    <zcover style="float: none; margin: 0px;"><input type="checkbox" class="z-checkbox" data-role="z-checkbox" data-class="z-blue" onclick="Z.FM.doSelectCheckBox('atta_AftersaleFile', this.checked);" data-id="Z_Checkbox_ZaKqqLra8T" style="visibility: hidden; margin: 0px;"><i class="z-checkbox z-role-checkbox z-relative z-blue" id="Z_Checkbox_ZaKqqLra8T" data-id="" data-name="" style="padding: 0px; margin-left: -16px;"></i></zcover>
                    <b class="z-pd4">售后文件</b>
                    <button id="download" class="z-button z-mg-l20 z-float-right z-orange z-mg-r6">下载</button>
                </td>
            </tr>
            <tr class="z-h40">
                <td class="z-pd-l10">
                    <div class="z-overflow-y-auto z-w100p" id="atta_AftersaleFile" style="min-height:24px; max-height:100px;">
                   </div>
               </td>
            </tr>
            <tr class="z-h40" bgcolor="#efefef">
                <td style="position: relative;">
                    <zcover style="float: none; margin: 0px;"><input type="checkbox" class="z-checkbox" data-role="z-checkbox" data-class="z-blue" onclick="Z.FM.doSelectCheckBox('atta_DesginFile', this.checked);" data-id="Z_Checkbox_TsMUgMR9ME" style="visibility: hidden; margin: 0px;"><i class="z-checkbox z-role-checkbox z-relative z-blue" id="Z_Checkbox_TsMUgMR9ME" data-id="" data-name="" style="padding: 0px; margin-left: -16px;"></i></zcover>
                    <b class="z-pd4">设计文件</b>
                    <button id="download" class="z-button z-mg-l20 z-float-right z-orange z-mg-r6">下载</button>
                </td>
            </tr>
            <tr class="z-h40">
                <td class="z-pd-l10">
                    <div class="z-overflow-y-auto z-w100p" id="atta_DesginFile" style="min-height:24px; max-height:100px;">
                    </div>
               </td>
            </tr>
            <tr class="z-h40" bgcolor="#efefef">
                <td style="position: relative;">
                    <zcover style="float: none; margin: 0px;"><input type="checkbox" class="z-checkbox" data-role="z-checkbox" data-class="z-blue" onclick="Z.FM.doSelectCheckBox('atta_EndFile', this.checked);" data-id="Z_Checkbox_7pxVgdChg9" style="visibility: hidden; margin: 0px;"><i class="z-checkbox z-role-checkbox z-relative z-blue" id="Z_Checkbox_7pxVgdChg9" data-id="" data-name="" style="padding: 0px; margin-left: -16px;"></i></zcover>
                    <b class="z-pd4">印刷文件</b>
                    <button id="download" class="z-button z-mg-l20 z-float-right z-orange z-mg-r6">下载</button>
                </td>
            </tr>
            <tr class="z-h40">
                <td class="z-pd-l10">
                    <div class="z-overflow-y-auto z-w100p" id="atta_EndFile" style="min-height:24px; max-height:100px;">
                    </div>
               </td>
            </tr>
       </table>
    </div>
</div>

<#-- 联系旺旺&联系QQ弹窗框 -->
<iframe id="openFrm" class="z-hide" src="about:blank"></iframe>