Files
2025-02-20 14:58:55 +08:00

554 lines
24 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
${Scripts.src(zhiqim_uploadlarge.js)}
<script>
function doTemplateDownload()
{//下载文件
Z.Location.href("templateDownload.htm?mediaId=" + '${media.getMediaId()}');
}
function doTemplateShare()
{//作品库分享
var shareOperator = Z("#shareOperator").val();
if(!shareOperator){
Z.alert("请选择设计师!");
return;
}
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doTemplateShare");
ajax.addParam("mediaId", '${media.getMediaId()}');
ajax.addParam("operatorCode", shareOperator);
ajax.setFailureAlert();
ajax.setSuccess(function(){
Z.success("分享成功", shareList_hide());
});
ajax.execute();
}
function doCancelShare()
{// 取消分享
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doCancelShare");
ajax.addParam("mediaId", '${media.getMediaId()}');
ajax.setFailureAlert();
ajax.setSuccess(function(){
Z.success("取消成功");
});
ajax.execute();
}
function doTemplateLabel()
{//关联标签
var dialog = new Z.Dialog();
dialog.shadow = true;
dialog.title = "关联行业";
dialog.hasTitle = true;
dialog.fixed = true;
var mediaId = '${media.getMediaId()}';
dialog.url = "templateLabel.htm?mediaId=" + mediaId;
dialog.width = 1000;
dialog.height = 600;
dialog.execute();
}
/*悬浮展示分享列表*/
function shareList_show(){ Z(".share-list").show();}
function shareList_hide(){ Z(".share-list").hide();Z("#share-list [index='0']").click();}
/*收藏点击事件*/
var eventId = '${userEventId}';
function doTemplateCollect(ele)
{
Z(ele).toggleClass("active");
//执行操作
if(Z(ele).hasClass("active"))
{
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doTemplateCollect");
ajax.addParam('${media.getMediaId()}')
ajax.addParam(eventId);
ajax.setFailureAlert();
ajax.setSuccess(function(){
var collect = this.responseText;
var collectNum = collect.split("+");
Z("#collect").text(collectNum[0]);
eventId = collectNum[1];
});
ajax.execute();
}
else
{
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doTemplateCollect");
ajax.addParam('${media.getMediaId()}')
ajax.addParam(eventId);
ajax.setFailureAlert();
ajax.setSuccess(function(){
var collect = this.responseText;
Z("#collect").text(collect);
eventId = 0;
});
ajax.execute();
}
}
/**/
function selectTag(ele)
{//选中标签
var $active = Z(".tag-edit-list .tab .active");
$active.removeClass("active");
var next = $active.next("span");
$active.next("span").removeClass("zi-hide").addClass("active");
}
function addKeywords(ev)
{//添加关键字
if (ev.type=="keydown" && ev.keyCode != "13"){
return;
}
Z.E.forbidden(ev);
var val = Z("#keywords").val();
if (Z.V.isEmptyBlank(val))
{
Z.alert("请输入添加内容!", function(){ Z("#keywords")[0].focus();});
return;
}
var ajax = new Z.Ajax();
ajax.setClassName("LabelPresenter");
ajax.setMethodName("doTemplateCustomLabelAdd");
ajax.addParam("mediaId", '${media.getMediaId()}')
ajax.addParam("keywordName", val);
ajax.setFailure(function(){Z.alert(ajax.responseText, function(){ Z("#keywords")[0].focus();});});
ajax.setSuccess(function(){
var keywordName = this.responseText;
var $item = Z('<span class="item-diy z-bg-blue"><i class="z-font z-error" onclick="delThisKeyword(this, \'' + keywordName + '\');"></i>' + val + '</span>');
var $wrap = Z(".kwywordItem-list");
$wrap.append($item);
Z("#keywords").val("");
});
ajax.execute();
}
function delThisKeyword(ele, keywordName)
{//删除关键字
Z(ele).parent().remove();
var ajax = new Z.Ajax();
ajax.setClassName("LabelPresenter");
ajax.setMethodName("doTemplateCustomLabelDelete");
ajax.addParam("mediaId", '${media.getMediaId()}');
ajax.addParam("keywordName", keywordName);
ajax.setFailureAlert();
ajax.setSuccess(function(){location.reload();});
ajax.execute();
}
function doTemplateDelete()
{//删除用户模板
var mediaId = '${media.getMediaId()}';
if(Z.V.isEmpty(mediaId))
{
Z.alert("请选择模板");
return;
}
Z.confirm("你确定要删除该模板吗?", function(){
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doTemplateDelete");
ajax.addParam("mediaId", mediaId);
ajax.setFailureAlert();
ajax.setSuccess(function(){
parent.document.querySelectorAll('.z-red')[0].click();
parent.Z.Dialog.close();
});
ajax.setLoading(document, true);
ajax.execute();
});
}
function doTemplateEdit()
{//编辑
window.open("/zhiqimMediaEditor/mediaDesign.htm?isTemplateEdit=true&mediaId=" + '${media.getMediaId()}' + "&bleedSize=" + '${media.getBleedSize()}');
}
function doTemplateCopy()
{//复制
var mediaId = '${media.getMediaId()}';
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doTemplateCopy");
ajax.addParam("mediaId", mediaId);
ajax.setFailureAlert();
ajax.setSuccess(function(){
Z.success("复制成功", function(){parent.Z.L.reload();});
});
ajax.setLoading(document, true);
ajax.execute();
}
function doTemplateToSys()
{//申请系统模板
var mediaId = '${media.getMediaId()}';
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doTemplateToSys");
ajax.addParam("mediaId", mediaId);
ajax.setFailureAlert();
ajax.setSuccess(function(){
Z.success("申请成功", function(){Z.L.reload();});
});
ajax.setLoading(document, true);
ajax.execute();
}
function doTemplateToBest()
{//申请精品模板
var mediaId = '${media.getMediaId()}';
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doTemplateToBest");
ajax.addParam("mediaId", mediaId);
ajax.setFailureAlert();
ajax.setSuccess(function(){
Z.success("申请成功", function(){Z.L.reload();});
});
ajax.setLoading(document, true);
ajax.execute();
}
function doTemplateToMy()
{//发布模板
var mediaId = '${media.getMediaId()}';
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doTemplateToMy");
ajax.addParam("mediaId", mediaId);
ajax.setFailureAlert();
ajax.setSuccess(function(){
Z.success("申请成功", function(){Z.L.reload();});
});
ajax.setLoading(document, true);
ajax.execute();
}
function doTemplateCancel(type)
{//取消模板/精品
var mediaId = '${media.getMediaId()}';
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doTemplateCancel");
ajax.addParam("mediaId", '${media.getMediaId()}');
ajax.addParam("type", type);
ajax.setFailureAlert();
ajax.setSuccess(function(){
Z.success("取消", function(){Z.L.reload();});
});
ajax.setLoading(document, true);
ajax.execute();
}
function doDownloadPdf(mediaId)
{//下载pdf
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doDownloadPdf");
ajax.addParam("mediaId", mediaId);
ajax.setFailureAlert();
ajax.setSuccess(function()
{
var fileName = mediaId + ".pdf";
var element1 = document.createElement("a");
element1.href = ajax.responseText;
element1.setAttribute("download", fileName);
element1.click();
});
ajax.setLoading(document);
ajax.execute();
}
function doWorksUpload()
{
var dialog = new Z.Dialog();
dialog.shadow = true;
dialog.title = "上传外部稿件";
dialog.fixed = true;
dialog.url = "externalDraftUpload.htm?mediaId="+${media.getMediaId()}+"&templatePage=${urlParam}";
dialog.width = 800;
dialog.height =300;
dialog.execute();
}
function doWorksDownload(mediaId){
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("checkWorksDownload");
ajax.addParam("mediaId", mediaId);
ajax.setFailureAlert();
ajax.setSuccess(function()
{
var dialog = new Z.Dialog();
dialog.shadow = true;
dialog.title = "下载外部稿件";
dialog.fixed = true;
dialog.url = "externalDraftDownload.htm?mediaId="+mediaId;
dialog.width = 800;
dialog.height =500;
dialog.execute();
});
ajax.setLoading(document);
ajax.execute();
}
function doFileDownload(filetype,url){
if(filetype=='pdf'){
var fileName = ${mediaId} + ".pdf";
var element1 = document.createElement("a");
element1.href = url;
element1.setAttribute("download", fileName);
element1.click();
}else{
var prefix = Z.l.protocol;
if(prefix == 'https:')
{
//下载链接需要替换https
if(url.indexOf("https") == -1)
{
url = url.replace("http","https");
}
}
window.open(url);
var ajax = new Z.Ajax();
ajax.setClassName("TemplatePresenter");
ajax.setMethodName("doTemplateDownload");
ajax.addParam("mediaId", ${mediaId});
ajax.setFailureAlert();
ajax.setSuccess();
ajax.execute();
}
}
Z.onload(function()
{
document.getElementById('share-list').style.display='none';
})
</script>
<style>
body,.mainbody{height:100%}
/*图片展示区*/
.show-thumb{left:0;top:0;bottom:0;right:300px;padding:30px;}
.show-thumb-list{align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;overflow-y: auto;}<!--display:flex;-->
<#if media.getMediaUrl().indexOf(",")==-1>
.show-thumb-list>li{padding:5px;max-width:45%;}
<#else>
.show-thumb-list>li{padding:5px;}
</#if>
/*信息列表区*/
.show-info{top:0;bottom:0;right:0;border-left:1px solid #e1e1e1;}
.show-info-list>li{font-size:14px;padding:15px 0;border-bottom:1px solid #f5f5f5;color:#777;}
/*顶部三要素*/
.show-info-list>li>span.tag{margin-right:28px;float:left;padding:15px 0;}
.show-info-list>li>span.tag:not(.view):hover,.show-info-list>li>span.tag.collect.active{color:#00a2eb;}
.show-info-list>li>span.tag>i{display:inline-block;width:17px;height:15px;vertical-align:middle;margin-right:5px;background:url(http://cdn.tubangzhu.com/static/tbz-main/images/preview-tag_8774a98.png) no-repeat;}
.show-info-list>li>span.tag.share>i{background-position:0 0;margin-right:3px;}
.show-info-list>li>span.tag.share:hover>i{background-position:0 -15px;}
.show-info-list>li>span.tag.view>i{background-position:-17px 0;}
.show-info-list>li>span.tag.view>i{background-position:-17px 0;}
.show-info-list>li>span.tag.collect>i{background-position:-35px 0;}
.show-info-list>li>span.tag.collect:hover>i,.show-info-list>li>span.tag.collect.active>i{background-position: -35px -15px;}
.show-info-list>li .z-button.z-xlarge{height:44px;}
/*分享列表*/
.share-list{position:absolute;top:45px;left:-5px;background:#fff;width:200px;line-height:35px;box-shadow:0 0 5px #aaa;border-radius:4px;padding:8px 15px;/*display:none;*/z-index:1;}
.share-list>span{position:absolute;width:10px;height:10px;background:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:-5px;left:30px;box-shadow:-1px -1px 0 #d4d2d2;}
/*标题图标*/
.list-title>i{background:url(http://cdn.tubangzhu.com/static/tbz-main/images/preview-tag_8774a98.png) no-repeat -187px 0;display:inline-block;width:10px;height:19px;vertical-align:middle;margin-right:5px;}
/*类型添加*/
.type-list{}
.type-list>li{padding:8px 0;border-bottom:1px dashed #f5f5f5;}
/*关键字选择区*/
.kwywords-list>.kwywordItem-list>span{display:inline-block;border-radius:3px;padding:5px 10px;margin:3px;position:relative;}
.kwywords-list>.kwywordItem-list>span>.z-error{display:none;position:absolute;right:-5px;top:-5px;border-radius:50%;margin:0;border:1px solid #777;width:15px;height:15px;line-height:14px;text-align:center;font-size:12px;background:#fff;z-index:9;cursor:pointer;}
.kwywords-list>.kwywordItem-list>span>.z-error:hover{color:#ea4a36;border-color:#ea4a36;}
.kwywords-list>.kwywordItem-list>span:hover .z-error{display:block;}
.kwywords-list>.item-add{position:relative;}
.kwywords-list>.item-add>input{width:100%;}
.kwywords-list>.item-add>button{padding:3px 10px;position:absolute;top:0;right:0;}
.fileDownload:hover{opacity: 0.8;}
/**/
</style>
<div class="z-relative z-w100p z-h100p z-overflow-x-hidden">
<div class="show-thumb z-absolute">
<ul class="show-thumb-list z-w100p z-h100p" style="text-align: center;">
<#if media.getMediaUrl().indexOf(",")==-1>
<li><img src="${media.getMediaUrl()}"/></li>
<#else>
<#for path : Arrays.toStringArray(media.getMediaUrl())>
<li>
<img style="width:400px;" src="${path}"/>
</li></br>
</#for>
</#if>
</ul>
</div>
<div class="show-info z-absolute z-w300 z-pd15">
<ul class="show-info-list z-relative z-h100p">
<li class="zi-px15" style="color:#333;">
<#if media.getTemplateStatus() == 1><button class="z-button z-gray z-mg-r12">审核中</button></#if>
<#if media.getTemplateType() = 100 && media.getTemplateStatus() == 0><button class="z-button z-orange z-mg-r12" onclick="doTemplateToBest();">申请精品</button></#if>
<#if media.getTemplateType() = 20 && media.getTemplateStatus() == 0><button class="z-button z-orange z-mg-r12" onclick="doTemplateToSys();">申请模板</button></#if>
<#if media.getTemplateType() = 10 && Validates.isEqual(media.getDesigner(), sessionUser.getOperatorCode())><button class="z-button z-purple" onclick="doTemplateToMy();">发布模板</button></#if>
<#if ZmrPathRule.check(request, "/templateBestAudit.htm")>
<#if media.getTemplateType() = 100>
<button class="z-button z-red" onclick="doTemplateCancel(1);">取消模板</button>
<#elseif media.getTemplateType() = 110>
<button class="z-button z-red" onclick="doTemplateCancel(0);">取消精品</button>
</#if>
</#if>
</li>
<#if media.getTemplateType()!=0 && media.getTemplateType()!=80>
<#if Validates.isNotEmpty(fileTypeSet)>
<li class="z-clearfix">
<p style="color: #333;font-size: 15px;margin-bottom: 10px;"><i class="z-font z-download"></i>模板下载(点击对应格式下载)</p>
<#for fileType : fileTypeSet>
<span class="fileDownload" style="background-color: #28a3ef;color: #FFF;border-radius: 5px;display: inline-block;font-size: 13px;width: 60px;height: 28px;text-align: center;line-height: 28px;cursor: pointer;" onclick="{Z(this).toggleClass('z-active');doFileDownload('${fileType}','${urlMap.get(fileType)}');}">${fileType.toUpperCase()}</span>
</#for>
</li>
</#if>
</#if>
<li class="z-clearfix z-relative z-color-999 zi-px13 zi-pd0">
<span class="tag share z-pointer z-clearfix" onclick="shareList_show();">
<i></i>分享
</span>
<div id="share-list" class="share-list">
<span class="arr-top"></span>
<select class="z-select z-w150" id="shareOperator" data-role="z-select-search" data-class="${zmr_color_class}">
<option value="">请选择</option>
<#for operator : oplist>
<option value="${operator.getOperatorCode()}">${operator.getOperatorCode()}</option>
</#for>
</select>
<button class="z-button z-blue z-width-40" onclick="doTemplateShare();">确定</button>
<button class="z-button z-white z-width-40" onclick="shareList_hide();">取消</button>
</div>
<span class="tag view"><i></i>浏览(${browseNum})</span>
<span class="tag collect z-pointer zi-mg-r0 <#if userEventId != 0>active</#if>" onclick="doTemplateCollect(this);"><i></i>收藏(<span id="collect" >${collectNum}</span>)</span>
</li>
<li class="z-clearfix" style="display: flex;align-items: center;">
<div style="display:inline-block;width:50%;">设计师:${media.getDesigner()} </div>
<div style="display:inline-block;color:red;"><img src="/zinc/images/fire.png" style="width: 16px;height: 16px;">热度:${score}</div>
</li>
<li class="z-clearfix">
<div class="z-float-left z-w100p z-clearfix">
<!--<div class="z-float-left z-w50p z-pd5 z-pd-t3 z-pd-b3"><button class="z-button z-red zi-w100p" onclick="doTemplateDownload();"><i class="z-font z-download"></i>下载(${downNum})</button></div>-->
<#if Validates.isEmpty(media.getCreateChannel()) || "platform_design" == media.getCreateChannel()>
<div class="z-float-left zi-w50p z-pd5 z-pd-t3 z-pd-b3"><button class="z-button z-blue zi-w100p" onclick="doTemplateCopy();"><i class="z-font z-text"></i>复制</button></div>
</#if>
<#if media.getTemplateType() != 80>
<#if Validates.isEmpty(media.getCreateChannel()) || "platform_design" == media.getCreateChannel()>
<#if Validates.isEqual(media.getDesigner(), sessionUser.getOperatorCode()) || ZmrPathRule.check(request, "/templateBestAudit.htm")>
<div class="z-float-left zi-w50p z-pd5 z-pd-t3 z-pd-b3"><button class="z-button z-blue zi-w100p" onclick="doTemplateEdit();"><i class="z-font z-modify"></i>编辑</button></div>
</#if>
</#if>
<#if ZmrPathRule.check(request, "/templateDelete.htm")><div class="z-float-left zi-w50p z-pd5 z-pd-t3 z-pd-b3"><button class="z-button z-red zi-w100p" onclick="doTemplateDelete();"><i class="z-font z-delete"></i>删除</button></div></#if>
</#if>
<#if urlParam == "SHARE">
<div class="z-float-left zi-w50p z-pd5 z-pd-t3 z-pd-b3"><button class="z-button z-blue zi-w100p" onclick="doCancelShare();"><i class="z-font z-delete"></i>取消分享</button></div>
</#if>
<#if Validates.isEmpty(media.getCreateChannel()) || "out_draft" == media.getCreateChannel()>
<#if media.getTemplateType()!=0 && media.getTemplateType()!=80>
<div class="z-float-left zi-w50p z-pd5 z-pd-t3 z-pd-b3"><button class="z-button z-blue zi-w100p" onclick="doWorksUpload();"><i class="z-font z-add"></i>上传文件</button></div>
</#if>
</#if>
<#if media.getTemplateType() == 80>
<div class="z-float-left zi-w50p z-pd5 z-pd-t3 z-pd-b3"><button class="z-button z-blue zi-w100p" onclick="doDownloadPdf('${media.getMediaId()}');">下载PDF</button></div>
</#if>
</div>
</li>
<li class="tag-edit z-relative" data-value="一级 类型 二级 行业 三级 属性">
<div class="z-h25 z-mg-t5 z-mg-b15">
<span class="z-float-right">
<#if ZmrPathRule.check(request, "/templateBestAudit.htm")>
<button class="z-button z-blue z-small" onclick="doTemplateLabel()"><i class="z-font z-modify"></i>修改</button>
<#elseif ZmrPathRule.check(request, "/templateAudit.htm") && media.getTemplateType() == 100>
<button class="z-button z-blue z-small" onclick="doTemplateLabel()"><i class="z-font z-modify"></i>修改</button>
<#else>
<#if media.getTemplateType() lt 100>
<button class="z-button z-blue z-small" onclick="doTemplateLabel()"><i class="z-font z-modify"></i>修改</button>
</#if>
</#if>
</span>
<span class="list-title z-lh25"><i></i>行业属性</span>
</div>
<ul class="type-list">
<li>
${DesignTypeDao.name(media.getTypeId())}&nbsp;
${Global.get(DesignIndustryCache.class).getIndustryName(media.getIndustryId())}&nbsp;
<#for subsName : Arrays.toStringArray(media.getIndustrySubName())>
${subsName}&nbsp;
</#for>
<#for attar : Arrays.toStringArray(media.getAttributeName())>
${attar}&nbsp;
</#for>
</li>
</ul>
</li>
<li class="keyword-edit">
<div class="list-title z-mg-t5 z-mg-b15"><i></i>自定义标签</div>
<div class="kwywords-list">
<div class="kwywordItem-list">
<#for keyword : DesignerPresenter.updateKeywordArr(media.getKeywordName(), "template", media.getMediaId())>
<span class="z-bg-blue"><i class="z-font z-error" onclick="delThisKeyword(this, '${keyword}');"></i>${keyword}</span>
</#for>
</div>
<#if ZmrPathRule.check(request, "/templateBestAudit.htm")>
<div class="item-add z-w100p z-mg-t10"><input id="keywords" class="z-input z-small" type="text" onkeydown="addKeywords(event);">&nbsp;&nbsp;<button class="z-button z-small z-blue" onclick="addKeywords(event);">添加</button></div>
<#elseif ZmrPathRule.check(request, "/templateAudit.htm") && media.getTemplateType() == 100>
<div class="item-add z-w100p z-mg-t10"><input id="keywords" class="z-input z-small" type="text" onkeydown="addKeywords(event);">&nbsp;&nbsp;<button class="z-button z-small z-blue" onclick="addKeywords(event);">添加</button></div>
<#else>
<#if media.getTemplateType() lt 100>
<div class="item-add z-w100p z-mg-t10"><input id="keywords" class="z-input z-small" type="text" onkeydown="addKeywords(event);">&nbsp;&nbsp;<button class="z-button z-small z-blue" onclick="addKeywords(event);">添加</button></div>
</#if>
</#if>
</div>
</li>
<li class="keyword-edit">
<div class="list-title z-mg-t5 z-mg-b15"><i></i>参数</div>
<ul class="type-list">
<li>名称:${media.getMediaName()}</li>
<li>类型:${DesignTypeDao.name(media.getTypeId())}</li>
<#if media.getTypeId()==3>
<li>P 数:${media.getPageValue()}P</li>
<#else>
<li>面数:${media.getPageValue()}</li>
</#if>
<li>版式:<#if oddEven == 0>横版<#elseif oddEven == 1>竖版</#if></li>
<li>大小(px)${media.getWidth()}X${media.getHeight()}</li>
<li>DPI${media.getDpi()}</li>
<li>模板ID${media.getMediaId()}</li>
<li>创建时间:${media.getCreateTime()}</li>
<li>更新时间:${media.getUpdateTime()}</li>
</ul>
</li>
</ul>
</div>
</div>