ziqim/Yangcai365_web/manage/zview/templateOrder/fillLabelInfo.zml

<script>
 Z.onload(function(){
     var consumerType=${Jsons.toString(order.getConsumerType())};
     var labelIds=${Jsons.toString(order.getLabelIds())};
     var industryId=${Jsons.toString(order.getIndustryId())};
     var defaultLabel=${Jsons.toString(order.isDefaultLabel())};
    var htmlstr="";
    if(Z.V.isNotEmpty(consumerType)&&consumerType>0){
        Z("#consumerType_"+consumerType).addClass("z-blue").siblings("button").removeClass("z-blue");
    }
    if(Z.V.isNotEmpty(industryId)&&defaultLabel==false){  
        htmlstr+='<button id="industry_'+industryId+'" type="button" class="z-button z-mg3" value="'+industryId+'" onclick="doQueryIndustryLabel('+industryId+')">'+${Jsons.toString(Global.get(DesignIndustryCache.class).getIndustryName(order.getIndustryId()))}+'</button>';
        Z("#mainIndustry").html(htmlstr);
        doQueryIndustryLabel(industryId);
    }
    if(Z.V.isNotEmpty(labelIds)){
        setTimeout(function(){
            var array = labelIds.split(",");
            for (var i in array) {
                Z("#label_"+array[i]).addClass("z-blue").siblings("button").removeClass("z-blue");
            }
        },500); 
    }  
 });
 
 //标签选择客户类型
function doSelectConsumerType(flag){
    Z("#consumerType_"+flag).addClass("z-blue").siblings("button").removeClass("z-blue");
}

//通过关键词查主行业
function doQueryIndustryByKey(){
    var industryKey=Z("#industryKey").val();
    var labelOid = Z("#labelOid").val();
    var unmatchkey=Z("#unmatchkey").val();
    var ajax = new Z.Ajax();
    ajax.setClassName("TemplateOrderPresenter");
    ajax.setMethodName("doQueryIndustryByKey");
    ajax.addParam("industryKey",industryKey);
    ajax.addParam("labelOid",labelOid);
    ajax.addParam("unmatchkey",unmatchkey);
    ajax.setFailureAlert();
    ajax.setSuccess(function(){
        var map=Z.J.toObject(this.responseText);
        var industrys=map.industrys;
        var newUnmatchkey=map.unmatchkey;
        var htmlstr="";
        Z.each(industrys, function(industry, i){
            htmlstr+='<button id="industry_'+industry.industryId+'" type="button" class="z-button z-mg3 main-industry" value="'+industry.industryId+'" onclick="doQueryIndustryLabel('+industry.industryId+')">'+industry.industryName+'</button>';
        });
        Z("#mainIndustry").html(htmlstr);
        Z("#subIndustry").html("");
        Z("#applicationScenario").html("");
        Z("#designStyle").html("");
        Z("#unmatchkey").val(newUnmatchkey);
        
        // 推荐行业页面元素遍历拼接
        var recommendIndHtml = "";
        var recommendIndustrys = map.recommendIndustryList;
        Z.each(recommendIndustrys, function(industry, i){
            recommendIndHtml += '<button id="recommend_industry_'+industry.industryId+'" type="button" class="z-button z-mg3 recommend-industry" value="'+industry.industryId+'" onclick="doQueryIndustryLabel('+industry.industryId+', 1)">'+industry.industryName+'</button>';
        });
        Z("#recommendIndustry").html(recommendIndHtml);
    });
    ajax.setLoading("queryIndustryByKey", '<i class="z-font z-return"></i>正在处理',{disabled:true});
    ajax.execute();
}

function doQueryOrderLabel(mediaId){
    var ajax = new Z.Ajax();
    ajax.setClassName("TemplateOrderPresenter");
    ajax.setMethodName("doTemplateOrderLabelQuery");
    ajax.addParam("mediaId", mediaId);
    ajax.setCallback("side_label");
    ajax.setLoading("side_label");
    ajax.execute();
}

//查询标签
function doQueryIndustryLabel(industryId, isRecommend){
    if(isRecommend)
    {
        Z("#recommend_industry_"+industryId).addClass("z-blue").siblings("button").removeClass("z-blue");
        Z(".main-industry").removeClass("z-blue");
    }
    else
    {
        Z("#industry_"+industryId).addClass("z-blue").siblings("button").removeClass("z-blue");
        Z(".recommend-industry").removeClass("z-blue");
    }
    
    var ajax = new Z.Ajax();
    ajax.setClassName("TemplateOrderPresenter");
    ajax.setMethodName("doQueryIndustryLabel");
    ajax.addParam("industryId",industryId);
    ajax.setFailureAlert();
    ajax.setSuccess(function(){
        var map=Z.J.toObject(this.responseText);
        var htmlSI="";
        var htmlAS="";
        var htmlDS="";
        var labelList=map.labelList;
        var dimensionList=map.dimensionList;
        var dimensionMap=new Map();
        for (var i in dimensionList) {
            dimensionMap.set(dimensionList[i].dimensionId,dimensionList[i].dimensionName);
        }
        
        Z.each(labelList, function(label, i){
            if("子行业"==dimensionMap.get(label.dimensionId)){
                htmlSI+='<button id="label_'+label.id+'" type="button" class="z-button z-mg3" value="'+label.id+'" onclick="doLabelSelected('+label.id+')">'+label.labelName+'</button>';
            }
            if("应用场景"==dimensionMap.get(label.dimensionId)){
                htmlAS+='<button id="label_'+label.id+'" type="button" class="z-button z-mg3" value="'+label.id+'" onclick="doLabelSelected('+label.id+')">'+label.labelName+'</button>';
            }
            if("设计风格"==dimensionMap.get(label.dimensionId)){
                htmlDS+='<button id="label_'+label.id+'" type="button" class="z-button z-mg3" value="'+label.id+'" onclick="doLabelSelected('+label.id+')">'+label.labelName+'</button>';
            }
        });
        Z("#subIndustry").html(htmlSI);
        Z("#applicationScenario").html(htmlAS);
        Z("#designStyle").html(htmlDS);
    });
    ajax.execute();
}

//选择标签
function doLabelSelected(id){
    Z("#label_"+id).addClass("z-blue").siblings("button").removeClass("z-blue");
}

//提交
function doSaveLabel(){
    var unmatchkey=Z("#unmatchkey").val();
    var mark=Z("#mark").val(); 
    var labelOid = Z("#labelOid").val();
    var mediaId=Z("#mediaId").val();
    var consumerType=Z("button[id^='consumerType'][class*='z-blue']").val();//客户类型
    var industryId=Z("div[id='mainIndustry'] button[class*='z-blue']").val();//主行业
    
    // 如果选择了推荐行业则保存时替换为主行业id
    var recommendIndustryId = Z("div[id='recommendIndustry'] button[class*='z-blue']").val();// 推荐行业
    if (!industryId)
    {
        if (Z.V.isEmpty(recommendIndustryId))
        {
            Z.alert("请选择主行业或者推荐行业");
            return;
        }
        industryId = recommendIndustryId;
    }
    
    var subIndustryId=Z("div[id='subIndustry'] button[class*='z-blue']").val();//子行业
    var applicationScenarioId=Z("div[id='applicationScenario'] button[class*='z-blue']").val();//应用场景
    var designStyleId=Z("div[id='designStyle'] button[class*='z-blue']").val();//设计风格
    var ajax = new Z.Ajax();
    ajax.setClassName("TemplateOrderPresenter");
    ajax.setMethodName("doSaveIndustryLabel");
    ajax.addParam("labelOid",labelOid);
    ajax.addParam("consumerType",consumerType);
    ajax.addParam("industryId",industryId);
    ajax.addParam("subIndustryId",subIndustryId);
    ajax.addParam("applicationScenarioId",applicationScenarioId);
    ajax.addParam("designStyleId",designStyleId);
    ajax.addParam("unmatchkey",unmatchkey);
    ajax.addParam("flag",1);
    ajax.setFailureAlert();
    ajax.setSuccess(function(){
        Z("#unmatchkey").val("");
        if(mark==1){
            window.parent.doDraftOrderToComplete(labelOid);
            parent.Z.Dialog.close();
        }else if(mark!=1&&mediaId>0){
            window.parent.doPreviewFinalOrderTempalte(mediaId);
            parent.Z.Dialog.close();
        }else{
            Z.alert("模板不存在！")
        }
        
    });
    ajax.setLoading("saveLabel", '<i class="z-font z-return"></i>正在处理',{disabled:true});
    ajax.execute();
}
</script>
<input id="mark" type="hidden" value="${mark}">
<input id="labelOid" type="hidden" value="${order.getDesignId()}">
<input id="mediaId" type="hidden" value="${mediaId}">
<input id="unmatchkey" type="hidden" value="">
<table class="z-table z-bordered z-bg-white">
    <tr class="z-h40">
        <td align="center" colspan="2">行业关键词：</td>
        <td colspan="4">
            <input id="industryKey" name="industryKey" class="z-input z-w400" placeholder="请输入行业关键词" >
            <button id="queryIndustryByKey" type="button" class="z-button z-blue" onclick="doQueryIndustryByKey()">匹配</button>
        </td>
    </tr>
    <tr class="z-h40">
        <td align="center" colspan="2">主行业：</td>
        <td colspan="4">
            <div id="mainIndustry" class="z-show-ib z-w100p"></div>
        </td>
    </tr>
    <tr class="z-h40">
        <td align="center" colspan="2">推荐行业：</td>
        <td colspan="4">
            <div id="recommendIndustry" class="z-show-ib z-w100p"></div>
        </td>
    </tr>
    <tr class="z-h40">
        <td align="center" colspan="2">子行业：</td>
        <td colspan="4">
            <div id="subIndustry" class="z-show-ib z-w100p"></div>
        </td>
    </tr>
    <tr class="z-h40">
        <td align="center" colspan="2">应用场景：</td>
        <td colspan="4">
             <div id="applicationScenario" class="z-show-ib z-w100p"></div>
        </td>
    </tr>
    <tr class="z-h40">
        <td align="center" colspan="2">设计风格：</td>
        <td colspan="4">
            <div id="designStyle" class="z-show-ib z-w100p"></div>
        </td>
    </tr>
    <tr class="z-h40">
        <td align="center" colspan="2">客户类型：</td>
        <td colspan="4">
            <div class="z-show-ib z-w100p">
            <#for item : Global.get(CustomerTypeCache.class).getCustomerTypeCacheAll()>
                <button id="consumerType_${item.getCustomerTypeId()}" name="consumerType" type="button" class="z-button <#if order.getConsumerType()==item.getCustomerTypeId()>z-blue</#if>" value="${item.getCustomerTypeId()}" onclick="doSelectConsumerType(${item.getCustomerTypeId()})">${item.getCustomerTypeName()}</button>
            </#for>
            </div>
        </td>
    </tr>
</table>


<#-- 操作 -->
<div class="z-relative z-w100p z-h60 z-text-center z-bg-gray z-pd10" style="bottom:0;left:0">
    <button type="button" id="saveLabel" class="z-button ${zmr_color_class} z-large z-w150" onclick="doSaveLabel();" >确认</button>&nbsp;&nbsp;
    <button type="button" class="z-button z-large z-mg-l10  z-w100" onclick="parent.Z.Dialog.close();">关闭</button>
</div>