ziqim/Yangcai365_web/manage/zview/stat/after/designAfterCreateStatistics.zml

<#def designatedPath="/personalRefundRateStat.htm"/>
<script>

var blamerAfterMap = new Z.HashMap();
var dataList = [];
//倒叙方法 [].reverse();
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, ""));
}
Z.onload(function()
{
    <#for item : blamerAfterMap.values()>
    blamerAfterMap.put('${item.getAfterBlamer()}', getObject('${item}'));
    dataList.push(blamerAfterMap.get('${item.getAfterBlamer()}'));
    </#for>
    
    //显示数据
    doShowBlamerList(dataList);
    //显示详情
    doShowDetail(dataList.length > 0 ? dataList[0].afterBlamer : '');
});

function doShowBlamerList(dataList)
{//显示责任人列表
    dataList.sort(function (a, b){
        a.afterCount = Z.V.isInteger(a.afterCount) ? a.afterCount : 0;
        b.afterCount = Z.V.isInteger(b.afterCount) ? b.afterCount : 0;
        
        a.lostAmount = Z.V.isFloat(a.lostAmount) ? a.lostAmount : 0;
        b.lostAmount = Z.V.isFloat(b.lostAmount) ? b.lostAmount : 0;
        
        var result1 = a.afterCount - b.afterCount;
        var result2 = a.lostAmount - b.lostAmount;
        return result2 != 0 ? result2 : result1;
    });
    dataList.sort();
    dataList.reverse();
    var blamerResultHtml = "";
    blamerResultHtml +='<table class="z-table z-bordered z-pd6 z-bg-white z-text-center" id="statTable">';
    blamerResultHtml +='<tr class="z-h40" bgcolor="'+"${zmr_thead_bgcolor}"+'">';
    blamerResultHtml +='    <td>序号</td>';
    blamerResultHtml +='    <td>责任人</td>';
    blamerResultHtml +='    <td>售后单数</td>';
    blamerResultHtml +='    <td>损失金额</td>';
    blamerResultHtml +='    <td>订单金额</td>';
    blamerResultHtml +='    <td>售后金额占比</td>';
    blamerResultHtml +='</tr>';
    if (dataList.length > 0)
    {   
         var totalCount = 0;
         var totalLossAmount = 0;
         var totalDesignAmount = 0;
         Z.each(dataList, function(item, i){
            var amount=(item.lostAmount ? item.lostAmount : 0)-(item.lossAmountCanceled ? item.lossAmountCanceled : 0);//计算真实损失金额
            totalCount += parseFloat((item.afterCount ? item.afterCount : 0));
            var trTotalLossAmount = parseFloat((amount >= 0 ? amount : 0));
            var trTotalDesignAmount = parseFloat(Z.Amounts.toYuanMustRadix(item.totalOrderAmount));
            
            var afterDetail = item.afterDetail ? item.afterDetail : [];
            blamerResultHtml +='<tr class="z-h40" bgcolor="'+(i%2 != 0 ? '#f3fdfc' : '#ffffff')+'" onclick="doShowDetail(\''+(item.afterBlamer)+'\')">';
            blamerResultHtml +='    <td>'+(i+1)+'</td>';
            blamerResultHtml +='    <td>'+(item.afterBlamer)+'</td>';
            blamerResultHtml +='    <td>'+(item.afterCount ? item.afterCount : 0)+'</td>';
            blamerResultHtml +='    <td>'+(amount >= 0 ? amount : 0).toFixed(2)+'</td>';
            blamerResultHtml +='    <td>'+(trTotalDesignAmount)+'</td>';
            blamerResultHtml +='    <td>'+((trTotalLossAmount/trTotalDesignAmount)*100).toFixed(2)+'%</td>';
            blamerResultHtml +='</tr>';
            
            totalLossAmount += trTotalLossAmount;
            totalDesignAmount += trTotalDesignAmount;
         });
         
         
        blamerResultHtml +='<tr class="z-h40">';
        blamerResultHtml +='    <td colspan="2">总计</td>';
        blamerResultHtml +='    <td>'+totalCount+'</td>';
        blamerResultHtml +='    <td>'+totalLossAmount.toFixed(2)+'</td>';
        blamerResultHtml +='    <td>'+totalDesignAmount.toFixed(2)+'</td>';
        blamerResultHtml +='    <td>'+((totalLossAmount/totalDesignAmount)*100).toFixed(2)+'%</td>';
        blamerResultHtml +='</tr>';
    }
    else
    {
        blamerResultHtml +='<tr class="z-h40">';
        blamerResultHtml +='    <td colspan="5">暂时没有数据信息</td>';
        blamerResultHtml +='</tr>';
    }
    Z("#blamerResult").htmlc(blamerResultHtml);
    
}

function getAfterStatusHtml(status)
{//获取售后窗台
    <#for item : AfterConstants.getStatusList()>
        if (''+status == ''+'${item.value()}')
        {
            var status${item_index} = "${AfterConstants.statusHtml(item.value())}";
            return status${item_index};
        }
    </#for>
    
    return '';
}
function doShowDetail(afterBlamer)
{//显示详情
    
    var blamer = blamerAfterMap.get(afterBlamer);
    var afterDetail = blamer ? blamer.afterDetail : [];
    afterDetail = afterDetail ? afterDetail : [];
    var canceledDetail = blamer ? blamer.canceledDetail : [];
    canceledDetail = canceledDetail ? canceledDetail : [];
    
    var commNorecod = '';
    commNorecod += '<tr valign="middle" class="z-h40 z-text-center z-bg-white">';
    commNorecod += '    <td colspan="20">暂无数据信息</td>';
    commNorecod += '</tr>';
    var commThead = ''
    commThead += '<tr class="z-h40 z-text-center z-bg-gray">';
    commThead += '    <td width="90">售后单号</td>';
    commThead += '    <td width="90">设计单号</td>';
    commThead += '    <td width="90">处理状态</td>';
    commThead += '    <td width="100">损失金额</td>';
    commThead += '    <td width="100">设计师</td>';
    commThead += '    <td width="100">店铺</td>';
    commThead += '    <td width="100">旺旺号</td>';
    commThead += '    <td width="*">产品</td>';
    commThead += '    <td width="90">订单金额</td>';
    commThead += '    <td width="90">售后创建时间</td>';
    commThead += '    <td width="*">售后原因</td>';
    commThead += '</tr>';
    
    var blamerAfterDetailHtml = '';
    
    blamerAfterDetailHtml += '<div class="z-overflow-y-auto" style="max-height:750px">'
    blamerAfterDetailHtml += '<table class="z-table z-bordered z-bg-white z-text-center">';
    blamerAfterDetailHtml += '<tr class="z-h40"> ';
    blamerAfterDetailHtml += '    <td class="z-text-left z-bold z-px14 z-bg-white" colspan="10">&nbsp;<span class="z-text-red z-bold">['+afterBlamer+']</span>售后订单详情</td>';
    blamerAfterDetailHtml += '</tr>';
    blamerAfterDetailHtml += commThead;
    if (afterDetail.length > 0)
    {
        Z.each(afterDetail, function(item, i)
        {
            blamerAfterDetailHtml += '<tr align="center" class="z-h40 z-pointer"  bgcolor="'+(i%2 != 0 ? '#f3fdfc' : '#ffffff')+'"> ';
            blamerAfterDetailHtml += '    <td>'+item.designAfsId+'</td>';
            blamerAfterDetailHtml += '    <td>'+item.designId+'</td>';
            blamerAfterDetailHtml += '    <td>'+getAfterStatusHtml(item.afterStatus)+'</td>';
            blamerAfterDetailHtml += '    <td>'+(item.lossAmount ? item.lossAmount : 0).toFixed(2)+'</td>';
            blamerAfterDetailHtml += '    <td>'+item.designer+'</td>';
            blamerAfterDetailHtml += '    <td>'+(item.shopNick ? item.shopNick : '')+'</td>';
            blamerAfterDetailHtml += '    <td>'+(item.buyerNick ? item.buyerNick : '')+'</td>';
            blamerAfterDetailHtml += '    <td>'+(item.orderText ? item.orderText : '')+'</td>';
            blamerAfterDetailHtml += '    <td>'+parseFloat((item.amount ? Z.Amounts.toYuanMustRadix(''+item.amount) : 0)).toFixed(2)+'</td>';
            blamerAfterDetailHtml += '    <td>'+(item.afterFinishTime ? item.afterCreateTime : '')+'</td>';
            blamerAfterDetailHtml += '    <td>'+(item.problemDesc ? item.problemDesc : '')+'</td>';
            blamerAfterDetailHtml += '</tr>';
        });
        
        blamerAfterDetailHtml += '<tr valign="middle" class="z-h40 z-text-right z-bg-white">';
        blamerAfterDetailHtml += '    <td colspan="15">共&nbsp;<span class="z-text-red">'+afterDetail.length+'</span>&nbsp;条数据&nbsp;&nbsp;</td>';
        blamerAfterDetailHtml += '</tr>';
    }
    else
        blamerAfterDetailHtml += commNorecod;
    blamerAfterDetailHtml += ' </table>';
    blamerAfterDetailHtml += '</div>'
    blamerAfterDetailHtml += '</table>';
    blamerAfterDetailHtml += '</div>';
    Z("#blamerAfterDetailHtml").htmlc(blamerAfterDetailHtml);  
}


</script>

${zhiqim_manager_breadcrumb("售后统计")}
${zhiqim_manager_content()}
<#-- 导航栏 -->
<div class="z-tabnav-main z-blue z-mg-b20">
<nav>
<ul>
    <li onclick="Z.Location.href('personalAfterStatistics.htm');">个人售后统计</li>
    <#if ZmrPathRule.check(request, "/designAfterStatistics.htm")><li onclick="Z.L.href('designAfterStatistics.htm')">售后订单统计</li></#if>
    <li class="z-active">售后创建统计</li>
    <#if ZmrPathRule.check(request, "/designAfterReasonStatistics.htm")><li onclick="Z.L.href('designAfterReasonStatistics.htm')">售后原因统计</li></#if>
    <#if ZmrPathRule.check(request, "/designAfterOrgStatistics.htm")><li onclick="Z.L.href('designAfterOrgStatistics.htm')">售后组织统计</li></#if>
</ul>
</nav>
</div>

<table class="z-table z-bordered z-pd6">
<tr>
    <td colspan="2">
    <form name="theForm">
    <table class="z-table">
    <tr class="z-h40" bgcolor="${zmr_thead_bgcolor}"> 
        <td class="z-bold z-px14 zi-pd-l5">&nbsp;统计查询条件：</td>
    </tr>
    </table>
    <table class="z-table z-bordered z-pd6">
    <tr class="z-h40 z-bg-white">
        <td>查询日期：
            <select name="year" class="z-select" data-role="z-select" data-class="z-blue">
                <#for yyyy : 2018..DateTimes.getCurrentYear()>
                <option value="${yyyy}" <#if year==yyyy>selected</#if>>${yyyy}</option>
                </#for>
            </select>
            <select name="month" class="z-select" data-role="z-select" data-class="z-blue">
                <#for mm : 1..12>
                <option value="${mm}" <#if month==mm>selected</#if>>${mm}</option>
                </#for>
            </select>
            <button type="button" class="z-mg-l10 z-button ${zmr_color_class}" onclick="this.form.submit()">查询</button>
        </td>
    </table>
    </form>
    </td>
</tr>
<tr class="z-h40">
<td width="450" valign="top">
    <div id="blamerResult" class="z-overflow-y-auto" style="max-height:760px">
        <table class="z-table z-bordered z-pd6 z-bg-white z-text-center" id="statTable">
        <tr class="z-h40">
            <td>责任人</td>
            <td>售后单数</td>
            <td>损失金额</td>
            <td>订单金额</td>
            <td>售后金额占比</td>
        </tr>
        <tr class="z-h40">
            <td colspan="5">暂时没有数据信息</td>
        </tr>
        </table>
    </div>
</td>
<td width="*" id="blamerAfterDetailHtml" valign="top"></td>
</tr>
</table>
${zhiqim_manager_content_end()}