244 lines
10 KiB
Plaintext
244 lines
10 KiB
Plaintext
<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>
|
|
<button type="button" class="z-button z-large z-mg-l10 z-w100" onclick="parent.Z.Dialog.close();">关闭</button>
|
|
</div> |