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

<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>