121 linhas
5.6 KiB
Plaintext
121 linhas
5.6 KiB
Plaintext
<div class="z-tabnav z-bordered z-pd-t20" style="position:static;">
|
||
<nav>
|
||
<ul>
|
||
<li id="tabnav_user" class="z-active" onclick="doTabnavCss('1')">客户资料</li>
|
||
<li id="tabnav_template" onclick="doTabnavCss('2')">已选模板</li>
|
||
</ul>
|
||
</nav>
|
||
<section style="position:static;">
|
||
<div id="tabnav_user_content" class="z-active z-pd10" style="position:static;">
|
||
<div class="z-color-666 z-lh25 z-mg-t10 z-mg-b10">
|
||
<#if ZmrPathRule.check(request, "openWangWang")><button class="z-button z-mg-r3 ${zmr_color_class}" onclick="openWangWang('${order.getBuyerNick()}');"><img src="/zinc/images/wangwang.png">旺旺联系</button></#if>
|
||
<#if ZmrPathRule.check(request, "openQQ")><button class="z-button z-mg-r3 ${zmr_color_class}" onclick="openQQ('${order.getUserQq()}');"><img src="/zinc/images/qq.png">QQ联系</button></#if>
|
||
</div>
|
||
<div class="z-color-666 z-lh25"><b>订单号</b>：${order.getDesignId()}</div>
|
||
<div class="z-color-666 z-lh25"><b>产品名</b>：${order.getOrderText()}</div>
|
||
|
||
<#-- 客户素材 -->
|
||
<div class="z-color-666 z-lh25 z-mg-t10 z-mg-b10">
|
||
<table class="z-table">
|
||
<tr>
|
||
<td>
|
||
|
||
<div class="z-tabnav">
|
||
<nav>
|
||
<ul>
|
||
<li id="tabnav_userText" class="z-active" onclick="doTabnavCss('3')">客户文本</li>
|
||
<li id="tabnav_paramText" onclick="doTabnavCss('4')">参数文本</li>
|
||
</ul>
|
||
</nav>
|
||
<section>
|
||
<div id="tabnav_userText_content" class="z-active z-pd10" style="position:static;">
|
||
<textarea class="z-textarea z-w100p z-h150" placeholder="客户文本">${order.getUserText()}
|
||
${desOrder.getOcrText()}</textarea>
|
||
</div>
|
||
<div id="tabnav_paramText_content" class="z-pd10" style="position:static;">
|
||
<textarea class="z-textarea z-w100p z-h150" placeholder="参数文本">${desOrder.getParamText()}</textarea>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr class="z-h30">
|
||
<td><b>客户素材</b></td>
|
||
</tr>
|
||
<#for atta : attaList>
|
||
<tr class="z-h30">
|
||
<td><a onclick="doDownFile('${atta.getAttaId()}')">${atta.getFileName()}</a></td>
|
||
</tr>
|
||
</#for>
|
||
</table>
|
||
</div>
|
||
|
||
<#-- 联系旺旺&联系QQ弹窗框 -->
|
||
<iframe id="openFrm" class="z-hide" src="about:blank"></iframe>
|
||
</div>
|
||
|
||
<!--模板信息-->
|
||
<div id="tabnav_template_content" class="z-pd10 z-text-left" style="position:static;">
|
||
<div class="bjbox">
|
||
<div class="zi-w100p z-pd-b10 z-text-center z-bg-white bjimg materialListShow" id="order_result">
|
||
<#for key : svgMap.keySet()>
|
||
<#var item = svgMap.get(key)/>
|
||
<div class="itemWrap zi-w50p z-pd5 z-float-left z-clearfix z-pd5 z-relative z-pointer <#if mediaId == item.getMediaId()>selected</#if>" style="height:25%;margin:0;">
|
||
<div class="z-w100p z-relative z-pd5 z-h100p z-bd svgLength_${item.getTotalPage()}">
|
||
<#for bg : item.getBgList()>
|
||
<#if bg_index lt 2>
|
||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 ${item.getWidth()} ${item.getHeight()}">${bg.getSvgCode()}</svg>
|
||
</#if>
|
||
|
||
<#if mediaId != item.getMediaId()>
|
||
<#if bg_index == 0>
|
||
<span class="z-absolute z-l0 z-text-center z-w100p z-mg-t-10"><a onclick="doCopyOtherPage('${item.getMediaId()}', ${bg.getBid()}, '${mediaId}');">复制正面</a></span>
|
||
</#if>
|
||
<#if bg_index == 1>
|
||
<span class="z-absolute z-l0 z-text-center z-w100p z-mg-t-15"><a onclick="doCopyOtherPage('${item.getMediaId()}', ${bg.getBid()}, '${mediaId}');">复制反面</a></span>
|
||
</#if>
|
||
</#if>
|
||
</#for>
|
||
</div>
|
||
<#if mediaId != item.getMediaId()>
|
||
<span class="itemCtrBar z-absolute z-w100p z-pd10">
|
||
<a class="z-float-left" onclick="doTemplateOrderEdit('${key}')">编辑</a>
|
||
<a class="z-float-right" onclick="doTemplateOrderDelete('${key}', '${order.getDesignId()}')">删除</a>
|
||
</span>
|
||
</#if>
|
||
</div>
|
||
</#for>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
</div>
|
||
|
||
<style>
|
||
#side_order{text-align:left;}
|
||
#side_order .z-button{color:#ffffff;background-color:#28a3ef;border:1px solid #1299ec;}
|
||
#side_order .materialListShow > .itemWrap.selected > div{border-color:#00a2eb;}
|
||
#side_order .materialListShow > .itemWrap > div > svg{display:block;max-width:100%;max-height:100%;min-height:50%;margin:0 auto;}
|
||
#side_order .materialListShow > .itemWrap > div > svg:nth-child(2){margin-top:1px;}
|
||
#side_order .materialListShow > .itemWrap > .svgLength_1::before{display:inline-block;height:100%;width:0;vertical-align:middle;}
|
||
#side_order .materialListShow > .itemWrap > .svgLength_1 > svg{display:inline-block;vertical-align:middle;}
|
||
#side_order .materialListShow > .itemWrap > .svgLength_2 > svg{height:50%;}
|
||
#side_order .materialListShow > .itemWrap .itemCtrBar{left:0;top:0;}
|
||
#side_order .materialListShow > .itemWrap .itemCtrBar > a{position:absolute;padding:2px 5px;background:rgba(0,0,0,.2);color:#ffffff;font-size:12px;display:none;top:10px;}
|
||
#side_order .materialListShow > .itemWrap .itemCtrBar > a:first-child{left:10px;}
|
||
#side_order .materialListShow > .itemWrap .itemCtrBar > a:last-child{right:10px;}
|
||
#side_order .materialListShow > .itemWrap .itemCtrBar > a:hover{background:rgba(0,0,0,.5);}
|
||
#side_order .materialListShow > .itemWrap:hover .itemCtrBar > a{display:block;}
|
||
</style>
|
||
<script>
|
||
var $thisSider = Z("#side_order");
|
||
var outerWrapHeight = parseFloat(Z("#sidebar>.sidebar-child").css("height"));
|
||
var thisSiderTop = $thisSider.offsetTop();
|
||
var innerWrapTop = $thisSider.find(".bjbox").offsetTop();
|
||
var $materialList = $thisSider.find(".materialListShow");
|
||
var materialListTop = $materialList.offsetTop();
|
||
var setHeight = outerWrapHeight - thisSiderTop - innerWrapTop - materialListTop - 15;
|
||
$materialList.css("height", setHeight);
|
||
</script>
|