velocity的引入布局设置

曹景铄
2023-12-01

先设置布局的页面(其他页面就是做填充到布局页面指定的$screen_content中)

例如:布局页面
layout.vm

在其他页面引入布局页面
主要是在vm的头部引入

#set($layout="layouts/layout-ixin.vm")
#parse("ixinweb/include.vm")
#set($layout="layouts/layout-ixin.vm")
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<meta name="apple-touch-fullscreen" content="YES" />
<title>i信平台</title>
<link href="#springUrl('/')resources/ixinstyle/css/index.css" type="text/css"  rel="stylesheet"/>
<script type="text/javascript" src="#springUrl('/')resources/ixinstyle/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="#springUrl('/')resources/ixinstyle/js/script.js"></script>
<script type="text/javascript" src="#springUrl('/')resources/ixinstyle/js/common.js"></script>
<script type="text/javascript" src="#springUrl('/')resources/js/lightcase/lightcase.js"></script>
<script type="text/javascript" src="#springUrl('/')resources/ixinstyle/js/jquery.json-2.4.min.js"></script>
<script type="text/javascript" src="#springUrl('/')resources/ixinstyle/js/itrusUtils.js"></script>
<script type="text/javascript" src="#springUrl('/')resources/js/u/js/jquery.qrcode.min.js"></script>
<script type="text/javascript" src="#springUrl('/')resources/js/u/js/qrcode.js"></script>
<script type="text/javascript" src="#springUrl('/')resources/js/seal/mymakeseal.js"></script>
<link rel="stylesheet" type="text/css" href="#springUrl('/resources/js/lightcase/css/lightcase.css')" media="screen" />
#if($usePTA=="yes")
    <!-- 增加证书操作控件和js-->
    <object style="display: none;" width="0" height="0" id="ienroll_ie" codebase="#springUrl('/')resources/js/itruscertctl.cab#Version=1.1.2013.801" classid="clsid:DD2257CE-4FEE-455A-AD8B-860BEEE25ED6" type="application/Itrusenroll.CertEnroll">
    </object>
    <embed style="display: none;" id="ienroll_firefox" type="application/iTrusCertEnroll.CertEnroll.Version.1" width="0" height="0" />

    <object style="display: none;" width="0" height="0"  id="iTrusPTA_ie" codebase="#springUrl('/')resources/js/itruscertctl.cab#Version=2.5.7.1" classid="clsid:F1F0506B-E2DC-4910-9CFC-4D7B18FEA5F9" type="download/itruscertctl.cab#Version=2,5,7,1" >
    </object>
    <embed style="display: none;" id="iTrusPTA_firefox" type="application/iTrusPTA.iTrusPTA.Version.1" width="0" height="0" />
    <object style="display: none;" id="ukeyadmin" codebase="#springUrl('/')resources/js/itrusukeyadmin.cab#version=3,1,17,728" classid="clsid:05395F06-244C-4599-A359-5F442B857C28"></OBJECT>
    <script type="text/javascript" src="#springUrl('/')resources/js/xenroll.js" id="jquery" ></script>
    <script type="text/javascript" src="#springUrl('/')resources/js/PTA.js" id="jquery" ></script>
#end
</head>
<body #if($tab=="jianshezhong")  onLoad="redirect();" #end>
    <div class="wraper">
      <!--头部开始-->
        <div class="header_top">
            <div class="layout">
                <ul>i信 企业版</ul>
                <ol>
                    <li>您好,欢迎使用i信-企业版<span>#if(!$!{webuserInfo.realName}||""==$!{webuserInfo.realName}) $!webuserInfo.mPhone #else $!{webuserInfo.realName} #end</span></li>
                    <li>#if($!webuserInfo) <a href="#springUrl('/')userInfoWeb/logout">退出登录 #else <a href="#springUrl('/')userInfoWeb/denglu.html"> 请登录 #end</a></li>
                    <li>|</li>
                    ##<li><a href="#springUrl('/')userInfoWeboiceEnterprise?noProduct=1">切换项目</a></li>
                    ##<li>|</li>  
                    <li><a href="http://www.itrus.com.cn/" target="_blank">天威诚信官网</a></li>
                    <li>|</li> 
                    <li><a href="#springUrl('/')customerServiceWeb/chooseProject">帮助中心</a></li>
                </ol>
            </div>
        </div>
        <div class="header_bottom">
            <div class="layout">
                <ul>
                     <li><a id="xinyongxinxi" #if($!webuserInfo) href="#springUrl('/')userInfoWeb/fighting?xinyongxinxi" #end>信用应用</a></li>
                     <li><a #if($tab=="anquanfuwu") class="active" #end #if($!webuserInfo) href="#springUrl('/')securityWeb/securityCenter" #end>安全服务</a></li>
                     <div class="header_logo">
                        <div class="avatar">
                          <div id="mask"><img src="#springUrl('/')resources/ixinstyle/images/touxiang.png" alt=""></div>
                          <a class="mask" href="javascript:;"></a>
                          <span class="notice-tip fn-hide" style="display: none;"></span>
                          <em class="messages-count fn-hide" style="display: none;"></em>
                        </div>
                         #if($!webuserInfo)
                        <div class="header_name">$!{webenterprise.enterpriseName}</div>  
                        <div class="header_popup" style="">
                            <dl>
                                <dd id="enterprisenameline" title="$!{webenterprise.enterpriseName}" >$!{webenterprise.enterpriseName}</dd>
                                <dt><a href="#springUrl('/')userInfoWeb/choiceEnterprise?noProduct=1"><i></i>切换企业</a></dt>
                            </dl>
                            <div class="popup_down">
                                <span><strong class="icon01"></strong><b class="orange"><i>$webcertification</i></b></span>
                                <span><strong class="icon02"></strong>${webuserInfo.mPhone}
                                    #if(${webuserInfo.trustMPhone})
                                        <b class="blue">已验证</b>
                                    #else
                                        <b class="red">未验证</b>
                                    #end
                                    </span> 
                                    <span><strong class="icon03"></strong>$!{webuserInfo.email}
                                    #if(${webuserInfo.trustEmail})
                                        <b class="blue">已验证</b>
                                    #else
                                        <b class="red">未验证</b>
                                    #end
                                    </span>
                            </div>
                        </div>
                         #end
                     </div>
                     <li><a #if($tab=="zhanghuguanli") class="active" #end #if($!webuserInfo) href="#springUrl('/')userInfoWeb/accountInfo" #end>账户管理</a></li>
                     <li><a #if($tab=="kehufuwu") class="active" #end id="kehufuwu" href="#springUrl('/')customerServiceWeb/chooseProject">客户服务</a></li>
                </ul>
            </div>
        </div>
        <div class="centre">$screen_content</div>
        <!--底部开始-->
        <div class="footer">
            <div class="layout">
                <ul>华东营销中心 | 西南分公司 | 河南分中心 | 华南分公司 | 宁波分中心 | 西北营销中心 | 互联网事业部</ul>
                <ul>总部电话:010-50947500&nbsp; 总部传真:010-50947517/50947516&nbsp;  总部地址:北京市海淀区上地八街7号院4号楼4层(100085)</ul>
                <ul>Copyright©2001-2013北京天威诚信电子商务服务有限公司 版权所有 京ICP备06042509号</ul>
            </div>
        </div>
        <!--底部结束-->
        </div>
        <!--QQ在线咨询-->
    #if("$!sessionPlist.size()"!="" && $!sessionPlist.size()>1 && "$!sessionqqMap"!="{}")
        <div class="qq_line">
            <div class="online_service">
                <a id="qqxian" onclick="showdiv();" target="_blank">
                    <div class="qq_pure"></div>
                    <h4>在线咨询</h4>
                </a>
            </div>

            <div class="collect">
                <a href="#"  onclick="javascript:window.external.addFavorite('https://ixin.itrus.com.cn','天威诚信-i信平台')">
                    <div class="shoucang_pure"></div>
                    <h3>收藏</h3>
                </a>
            </div>
        </div>
     #elseif("$!enterpriseqqE"!="") 
        <div class="qq_line">
            <div class="online_service">
                <a href="$!enterpriseqqE" target="_blank">
                    <div class="qq_pure"></div>
                    <h4>在线咨询 </h4>
                </a>
            </div>

            <div class="collect">
                <a href="#"  onclick="javascript:window.external.addFavorite('https://ixin.itrus.com.cn','天威诚信-i信平台')">
                    <div class="shoucang_pure"></div>
                    <h3>收藏</h3>
                </a>
            </div>
        </div>
        #elseif($!sessionPlist.size()==1)
             <div class="qq_line">
            <div class="online_service">
             #foreach($list in $sessionPlist)
                <a href="$!sessionqqMap.get($!list.id).enterpriseQqLinks" target="_blank">
                    <div class="qq_pure"></div>
                    <h4>在线咨询 </h4>
                </a>
            #end
            </div>

            <div class="collect">
                <a href="#"  onclick="javascript:window.external.addFavorite('https://ixin.itrus.com.cn','天威诚信-i信平台')">
                    <div class="shoucang_pure"></div>
                    <h3>收藏</h3>
                </a>
            </div>
        </div>

        #end

                 <div id="Dialog_Box" style="display: none; position: fixed;top: 244px;right:56px;width: 200px;background:#fff">

                    <div>
                        <div> <!-- --标题--- -->
                            <div style="margin-left: 20px; margin-top: 20px;"> <h4>请选择咨询的项目</h4></div>
                        <div onclick="Colse_Dialog();" style=" height:13px; width:13px; background: url(#springUrl('/')resources/ixinstyle/images/tk_close.png) no-repeat; position:absolute; top:24px; right:16px; cursor:pointer;"></div>
                        </div>
                    </div>
                    <div>

                        <div class="p_boxs" style="margin-left: 20px; margin-top: -10px;">
                            ##<p ><span >        </span></p>
                          #foreach($list in $sessionPlist)
                          #if("$!sessionqqMap.get($!list.id).enterpriseQqLinks" != "")
                            <a href="$!sessionqqMap.get($!list.id).enterpriseQqLinks" target="_blank">


                                <br>
                                #set($lsitname = $!list.name)
                                #if($!lsitname.length()<11)
                                    <font style="line-height: 35px;">$!list.name</font> 
                                 #else
                                  #set($lsitname=$!lsitname.substring(0,10))
                                    <font style="line-height: 35px;" title="$!list.name">$lsitname...</font> 
                                  #end 

                            </a>
                            #end
                            #end
                            <br>
                            <br>

                         </div>
                    </div>
                    </div>

                <!--新增服务记录结束-->


       <script type="text/javascript">
            /* function showdiv(){
                alert(123);
                $("#xianqq").css("display","");
            }; */

            function showdiv(){
                //alert(123);
                $("#Dialog_Box").show();
            }
            function Colse_Dialog(){
                $("#Dialog_Box").hide();
            }
        </script>
</body>

</html>

在其他页面引入布局页面
主要是在vm的头部引入

#set($layout="layouts/layout-ixin.vm")
#parse("ixinweb/include.vm")
#set($layout="layouts/layout-ixin.vm")
#set($tab = "zhanghuguanli")
     <!--账户管理开始-->
        <div class="centre">
            <div class="layout">
                <ul class="header_nav">
                    <li class="weizhi">您的位置:</li>
                    <li><a href="#springUrl('/')userInfoWeb/accountInfo">账户管理</a> >&nbsp;</li>
                    <li><a href="#springUrl('/')billWeb">订单信息</a> >&nbsp;</li>
                    <li>订单详情</li>
                </ul>
                #foreach($bill in $billAll)

                <div class="buy_step01">
                    <dl class="step-wrapper01">
                        <dd class="step01 active"><span><i class="pass"></i></span><p>填写订单信息</p><b>$!date.format('yyyy-MM-dd HH:mm:ss',$!{bill.create_time})</b></dd>
                            #if(!${bill.delivery} && !${bill.pay} && !${bill.onpay})免支付 
                        <dd class="step02 active"><span><i class="pass"></i></span><p>
                            #elseif($!{bill.bill_status} == 1)
                        <dd class="step02 active"><span><i class="notpass"></i></span><p>
                                待支付
                                </p><b>$!date.format('yyyy-MM-dd HH:mm:ss',$!{bill.create_time})</b>
                            #elseif($!{bill.bill_status} == 2)
                        <dd class="step02 active"><span><i class="notpass"></i></span><p>
                                支付待确认
                                </p><b>$!date.format('yyyy-MM-dd HH:mm:ss',$!{pay_time})</b>
                            #else </p><b></b>
                            #end
                            </dd>
                        <dd class="step03"><span><i class="notpass"></i></span><p>待审核</p></dd>
                        #if($!{bill.init_buy} == 1)<dd class="step03"><span><i class="notpass"></i></span><p>待签发</p></dd>
                        #elseif($!{bill.init_buy} == 2)<dd class="step03"><span><i class="notpass"></i></span><p>待下载</p></dd>
                        #elseif($!{bill.old_user_cert})<dd class="step03"><span><i class="notpass"></i></span><p>待更新 </p></dd>
                        #else
                            #if(1==$!{billhasnotcert})
                                #if(1==$!{billneedtodelivery})
                                    <dd class="step03"><span><i class="notpass"></i></span><p>待配送</p></dd>
                                #else
                                    <dd class="step03"><span><i class="notpass"></i></span><p>无配送</p></dd>
                                #end
                            #else
                                    <dd class="step03"><span><i class="notpass"></i></span><p>待配送</p></dd>
                            #end 
                        #end
                        <dd class="step04"><span><i class="notpass"></i></span>
                        <p>#if((($!{bill.init_buy} == 1 || $!{bill.old_user_cert}) && $!{bill.delivery}) 
                        || ($!{bill.init_buy} == 2 && $!{bill.invoice}))待配送 #else 已完成 #end</p></dd>
                    </dl>
                </div>


                <ul class="buy_list">
                    <h3>订单概述</h3>
                    <div class="buy_body">

                        <!--待付款-->
                        <ol class="buy_gaishu" style="">
                            <li><i>订单号:</i><span>$!{bill.bill_id}</span></li>
                            <li><i>状态:</i><span class="blue">#if(${bill.bill_status}==1) 待付款 #else 支付待确认 #end</span></li>
                            <li>#if(${bill.bill_status}==1)<i>提交订单时间:</i><span>$!date.format('yyyy-MM-dd HH:mm:ss',$!{bill.create_time})</span>#else
                                <i><b class="wait"></b></i><span class="orange" style="color:#3db1fa;">提交银行汇款凭证后,将在下一个工作日确认到款,请耐心等待!</span>#end</li>
                        </ol>
                        #if(${bill.bill_status}==1)
                        <div class="pay_wraper">
                            <dl class="pay_bnt">
                                <dd>应付金额:<span id="payPrice" name="payPrice">$!{bill.bill_sum}</span></dd>
                                <dt><a class="tijiao_bnt" href="#springUrl('/')userInfoWeb/zhifu/${bill.id}">立即支付</a></dt>
                            </dl>
                        </div>
                        #end
                    </div>
                </ul>

                <div class="height10"></div>
                <ul class="buy_list">
                    <div class="buy_table">
                        <ul class="table_header">
                            <li class="curr">订单信息</li>
                            <li>代理人信息</li>
                            <li>企业认证信息</li>
                            #if($!{oldUserCert} && $bill.is_combined!=1)<li>证书信息</li>#end
                            <p class="edit" style="display:none"><span><i></i><a href="#springUrl('/')billWeb/bill/${bill.id}.html?typenum=1&updateAuditBill=1">信息有误,我要修改</a></span></p>
                        </ul>
                        <div class="table_body">
                            <div class="list">
                            <div class="tabCon order" style="display:;">
                                <div class="order_text" style="border: 0;">
                                    <h2>收货人信息</h2>
                                        <ul>
                                            <li class="">
                                                <label class="inputnamel">收货人:</label>
                                                <label class="text_namer" style="">#if(!${bill.delivery})
                                                    -
                                                #else $!{bill.receiver} #end</label>
                                            </li>
                                            <li class="">
                                                <label class="inputnamel">手机号:</label>
                                                <label class="text_namer" style="">#if(!${bill.delivery})
                                                    -
                                                #else $!{bill.rv_phone} #end</label>
                                            </li>
                                            <li class="">
                                                <label class="inputnamel">收件地址:</label>
                                                <label class="text_namer" style="">#if(!${bill.delivery}) - #else $!{detailAdd} #end</label>
                                            </li>
                                        </ul>
                                </div>
                                <div class="order_text">
                                    <h2>支付及配送方式</h2>
                                        <ul>
                                            <li class="">
                                                <label class="inputnamel">配送方式:</label>
                                                <label class="text_namer" style="">
                                                    #if(!${bill.delivery})
                                                        -
                                                    #elseif(${bill.courier} == 0)
                                                        快递
                                                    #else
                                                        顺丰快递
                                                    #end
                                                </label>
                                            </li>
                                            <li class="">
                                                <label class="inputnamel">配送费用:</label>
                                                <label class="text_namer" style="">
                                                    #if(!${bill.delivery})
                                                        -
                                                    #elseif(${bill.cost} == 0)
                                                        免费
                                                    #else
                                                        到付
                                                    #end
                                                </label>
                                            </li>
                                        </ul>
                                </div>
                                #if(${bill.invoice} || ${bill.e_invoice})
                                <div class="order_text">
                                    <h2>发票信息
                                    #*#if(!($!product.proName == "nbca" || $!product.proName == "nbca-reapply"))
                                        <span style="color:red; font-weight:normal; font-size:12px;">(应国税局要求,我司需进行税号变更,11月1日起暂停发票开具,预计11月15日恢复开票)</span> #end*#
                                    </h2>
                                        <ul>
                                            <li class="">
                                                <label class="inputnamel">发票类型:</label>
                                                <label class="text_namer" style="">
                                                #if(!${bill.invoice} && !${bill.e_invoice})
                                                    -
                                                #else
                                                     #if(${receiptmap.get(${bill.i_receipt}).type}==0)
                                                        增值税专用发票
                                                     #elseif(${ereceiptmap.get(${bill.e_reiceipt}).type}==1)
                                                         增值税电子普通发票
                                                     #else
                                                        增值税普通发票
                                                     #end
                                                #end
                                                </label>   
                                            </li>
                                            <li class="">
                                                <label class="inputnamel">发票抬头:</label>
                                                <label class="text_namer" style=""> 
                                                #if(!${bill.invoice} && !${bill.e_invoice})
                                                    -
                                                #elseif(${bill.e_invoice})
                                                    $!{bill.e_iv_name}
                                                #else
                                                    $!{bill.iv_name}
                                                #end
                                                </label>
                                            </li>
                                            <li class="">
                                                <label class="inputnamel">纳税人识别号:</label>
                                                <label class="text_namer" style="">
                                                    #if(!$!{bill.iv_id} && !$!{bill.ev_id})
                                                        -
                                                    #elseif(${bill.e_invoice})
                                                        $!{bill.ev_id}
                                                    #else
                                                        $!{bill.iv_id}
                                                    #end
                                                </label>
                                            </li>
                                            #if($!{bill.iv_ap} || $!{bill.ev_ap})
                                                <li class="">
                                                    <label class="inputnamel">地址、电话:</label>
                                                    <label class="text_namer" style="">
                                                        #if(${bill.iv_ap})
                                                            $!{bill.iv_ap}
                                                        #elseif(${bill.ev_ap})
                                                            $!{bill.ev_ap}
                                                        #end
                                                    </label>
                                                </li>
                                            #end
                                            #if($!{bill.iv_ba} || $!{bill.ev_ba})
                                                <li class="">
                                                    <label class="inputnamel">开户行及账号:</label>
                                                    <label class="text_namer" style="">
                                                        #if($!{bill.iv_ba})
                                                            $!{bill.iv_ba}
                                                        #elseif($!{bill.ev_ba})
                                                            $!{bill.ev_ba}
                                                        #end
                                                    </label>
                                                </li>
                                            #end
                                        </ul>
                                </div>  
                                #end
                                <div class="order_text">
                                    <h2>商品清单</h2>
                                    <table class="table table-bordered" cellpadding="0" cellspacing="0" style="margin-top:23px;">
                                        <tbody>
                                            <tr>
                                                <th width="438">产品信息</th>
                                                <th width="170">产品单价</th>
                                                <th width="170">数量</th>
                                                <th width="170">配送费</th>
                                            </tr>
                    #if($bill.is_combined!=1)
                                            <tr>
                                                <td align="">
                                                    <dl>
                                                        <dd><img src="#springUrl('/')resources/ixinstyle/images/key.png"/></dd>
                                                        <dt>
                                                            <ul>
                                                            <li>产品名称:$!{bill.pdname}  </li>
                                                            <li>$!{descript}</li>
                                                            </ul>
                                                        <dt>
                                                    </dl>
                                                </td>
                                                <td align="center"><span id="productPrice" name="productPrice">#set($sum= $!{bill.bill_sum} / $!{bill.product_num}) $!sum</span></td>
                                                <td align="center">
                                                    X ${bill.product_num}
                                                </td>
                                                <td align="center">
                                                #if (!${bill.delivery})
                                                    -
                                                #elseif(${bill.cost} == 0)
                                                    免费
                                                #else
                                                    到付
                                                #end
                                                </td>
                                            </tr>
                        #else
                            #set($numP = 0)
                            #if($bill.product1)
                                #set($numP = $numP +1)
                            #end
                            #if($bill.product2)
                                #set($numP = $numP +1)
                            #end
                            #if($bill.product3)
                                #set($numP = $numP +1)
                            #end

                            #if($!bill.product1)
                            <tr>
                                <td align="">
                                    <dl>
                                        <dd><img src="#springUrl('/')resources/ixinstyle/images/key.png"/></dd>
                                        <dt>
                                        <ul>
                                            <li>产品名称:$!{product1.name}</li>
                                            <li>$!{descript1}</li>
                                        </ul>
                                        <dt>
                                    </dl>
                                </td>
                                <td align="center"><span id="productPrice1">¥$number.format("#0.00", $bill.price1)</span></td>
                                <td align="center">
                                    X  ${bill.product_num1}
                                </td>
                                <td align="center" #if($numP > 0) rowspan="$numP"#end #if($numP > 1) class="line" #end>
                                    #if(!${bill.delivery})
                                        -
                                    #elseif(${bill.cost} == 0)
                                        免费
                                    #else
                                        到付
                                    #end
                                </td>
                            </tr>
                            #end

                                                #if($bill.product2)
                                                <tr>
                                                    <td align="">
                                                        <dl>
                                                            <dd><img src="#springUrl('/')resources/ixinstyle/images/key.png"/></dd>
                                                            <dt>
                                                            <ul>
                                                                <li>产品名称:$!{product2.name} </li>
                                                                <li>$!{descript2}</li>
                                                            </ul>
                                                            <dt>
                                                        </dl>
                                                    </td>
                                                    <td align="center"><span id="productPrice2"> ¥$number.format("#0.00", $bill.price2) </span></td>
                                                    <td align="center">
                                                        X $!{bill.product_num2}
                                                    </td>
                                                    #if(!$!bill.product1)
                                                        <td align="center" #if($numP > 0) rowspan="$numP"#end #if($numP > 1) class="line" #end>
                                                            #if(!${bill.delivery})
                                                                -
                                                            #elseif(${bill.cost} == 0)
                                                                免费
                                                            #else
                                                                到付
                                                            #end
                                                        </td>
                                                    #end
                                                </tr>
                                                #end
                                                #if($bill.product3)
                                                <tr>
                                                    <td align="">
                                                        <dl>
                                                            <dd><img src="#springUrl('/')resources/ixinstyle/images/key.png"/></dd>
                                                            <dt>
                                                            <ul>
                                                                <li>产品名称:$!{product3.name} </li>
                                                                <li>$!{descript3}</li>
                                                            </ul>
                                                            <dt>
                                                        </dl>
                                                    </td>
                                                    <td align="center"><span id="productPrice3"> ¥$number.format("#0.00", $bill.price3) </span></td>
                                                    <td align="center">
                                                        X $!{bill.product_num3}
                                                    </td>
                                                    #if(!$!bill.product1 && !$!bill.product2)
                                                        <td align="center">
                                                            #if(!${bill.delivery})
                                                                -
                                                            #elseif(${bill.cost} == 0)
                                                                免费
                                                            #else
                                                                到付
                                                            #end
                                                        </td>
                                                    #end
                                                </tr>
                                                #end
                            #end
                                        </tbody>
                                    </table> 
                                </div>  
                                    <h1><font id="preDescribe" style="font-size:14px; color:red; font-weight:normal;"></font>应付金额:<span id="payPrice2" name="payPrice2" >$!{bill.bill_sum}</span></h1>
                            </div>

                            <div class="tabCon agent" style="display:none;">
                                <div class="order_text">
                                        <ul>
                                            <li class="">
                                                <label class="inputnamel">代理人姓名:</label>
                                                <label class="text_namer" style="">$!{bill.real_name}</label>   
                                            </li>
                                            <li class="">
                                                <label class="inputnamel">手机号:</label>
                                                <label class="text_namer" style="">$!{bill.m_phone}</label>
                                            </li>
                                            <li class="">
                                                <label class="inputnamel">邮箱地址:</label>
                                                <label class="text_namer" style="">$!{bill.email}</label>
                                            </li>                                            
                                            <li class="">
                                                <label class="inputnamel">通讯地址:</label>
                                                <label class="text_namer" style="">$!{detailAdd1}</label>
                                            </li>
                                            <li class="">
                                                <label class="inputnamel">所属行业:</label>
                                                <label class="text_namer" style="">
                                                #foreach($industryMap in $industryMaps.entrySet())
                                                    #if(${bill.org_industry} == ${industryMap.key}) ${industryMap.value} #end
                                                #end
                                                </label>
                                            </li>
                                            <li class="">
                                                <label class="inputnamel">公司岗位:</label>
                                                <label class="text_namer" style="">
                                                #foreach($position in $positionMap.entrySet())
                                                    #if($position.key == ${bill.user_position})
                                                        $position.value
                                                    #end
                                                #end
                                                </label>
                                            </li>                                             
                                        </ul>
                                </div>                            

                            </div>
                            <div class="tabCon company" style="display:none;">
                            #if(${bill.enterprise_nature}!=3)
                               <div class="grade_wraper">
                                    <ul class="grade_list">
                                        <h2>营业执照</h2>
                                        <li><span>企业名称:</span><i>$!{bill.b_entname} </i></li>
                                        #if(${bill.business_type}==0) 
                                        <li><span>营业执照注册号: </span> <i>$!{bill.license_no}</i></li>  
                                        #end       
                                        #if(${bill.business_type}==1) 
                                        <li><span>统一社会信用代码: </span> <i>$!{bill.license_no}</i></li>  
                                        #end     
                                    </ul>
                                    <div class="zhengjian_pic lightimg">
                                    #if(!${bill.b_imgFile})
                                        <img src="#springUrl('/')resources/ixinstyle/images/shengfenzheng.jpg"/>
                                    #else
                                        <a href="#springUrl('/')billWeb/img/1/$!{bill.b_id}/0/${bill.enterprise}"  > <img src="#springUrl('/')billWeb/img/1/$!{bill.b_id}/0/${bill.enterprise}"/> </a>
                                    #end
                                        <p>营业执照图片</p>
                                    </div>                    
                                </div> 
                                #end
                                #if(${bill.enterprise_nature}==3)
                                <div class="grade_wraper">
                                    <ul class="grade_list">
                                    #if(${bill.o_codeType}==1)
                                    <h2>事业单位法人证书</h2>
                                    <li><span>统一社会信用代码:</span><i>$!{bill.o_code} </i></li>
                                    #else
                                    <h2>组织机构代码</h2>
                                    <li><span>组织机构代码号:</span><i>$!{bill.o_code} </i></li>
                                    #end
                                    </ul>
                                    <div class="zhengjian_pic lightimg">
                                     #if(!${bill.o_imgFile})
                                        <img src="#springUrl('/')resources/ixinstyle/images/zuzhi.png"/>
                                     #else
                                        <a href="#springUrl('/')billWeb/img/2/${bill.o_id}/0/${bill.enterprise}" > <img src="#springUrl('/')billWeb/img/2/${bill.o_id}/0/${bill.enterprise}"/> </a>
                                     #end
                                    #if(${bill.o_codeType}==1)
                                    <p>事业单位法人图片</p>
                                    #else
                                    <p>组织机构代码证图片</p>
                                    #end
                                    </div>
                                 </div>
                                #end
                                #foreach($items in $certification.certItems.split(','))
                                #if(${bill.business_type}==0)
                                #if($items==1 && $bill.o_id)
                                <div class="grade_wraper">
                                    <ul class="grade_list">
                                       <h2>组织机构代码</h2>
                                       <li><span>组织机构代码号:</span><i>$!{bill.o_code} </i></li>
                                    </ul>
                                    <div class="zhengjian_pic lightimg">
                                     #if(!${bill.o_imgFile})
                                        <img src="#springUrl('/')resources/ixinstyle/images/zuzhi.png"/>
                                     #else
                                        <a href="#springUrl('/')billWeb/img/2/${bill.o_id}/0/${bill.enterprise}"  > <img src="#springUrl('/')billWeb/img/2/${bill.o_id}/0/${bill.enterprise}"/> </a>
                                     #end
                                        <p>组织机构代码证图片</p>
                                    </div>
                                 </div>
                                 #end #if($items==2)
                                 <div class="grade_wraper">
                                    <ul class="grade_list">
                                        <h2>税务登记证</h2>
                                        <li><span>税务登记证号 :</span><i>$!{bill.t_no} </i></li>
                                    </ul>
                                    <div class="zhengjian_pic lightimg">
                                    #if(!${bill.t_imgFile})
                                        <img src="#springUrl('/')resources/ixinstyle/images/shuiwu.png"/>
                                    #else
                                        <a href="#springUrl('/')billWeb/img/3/${bill.t_id}/0/${bill.enterprise}"  > <img src="#springUrl('/')billWeb/img/3/${bill.t_id}/0/${bill.enterprise}"/> </a>
                                    #end
                                        <p>税务登记证图片</p>
                                    </div>
                                 </div>
                                 #end #end  #if($items==4)
                                 <div class="grade_wraper">
                                    <ul class="grade_list">
                                        <h2>法定代表人</h2>
                                        <li><span>法定代表人姓名 :</span><i>$!{bill.name}</i></li>
                                        <li><span>证件类型:</span><i>
                                        #if(${bill.card_type}==1)身份证#end
                                        #if(${bill.card_type}==2)护照#end
                                        #if(${bill.card_type}==3)其他#end
                                        </i></li>
                                        <li><span> 证件号码: </span><i>$!{bill.id_code}</i></li>
                                    </ul>
                                    <div class="zhengjian_pic lightimg">
                                    #if(!${bill.i_frontImg})
                                        <img src="#springUrl('/')resources/ixinstyle/images/idcard_zheng.png"/>
                                    #else
                                        <a href="#springUrl('/')billWeb/img/4/${bill.i_id}/0/${bill.enterprise}" > <img src="#springUrl('/')billWeb/img/4/${bill.i_id}/0/${bill.enterprise}"/> </a>
                                    #end
                                        <p>身份证正面图片</p>
                                    #if(${bill.card_type}==1)
                                        #if(!${bill.i_backImg})
                                            <img src="#springUrl('/')resources/ixinstyle/images/idcard_fan.png"/>
                                        #else
                                            <a href="#springUrl('/')billWeb/img/4/${bill.i_id}/1/${bill.enterprise}" > <img src="#springUrl('/')billWeb/img/4/${bill.i_id}/1/${bill.enterprise}"/> </a>
                                        #end
                                            <p>身份证反面图片</p>                          
                                    #end
                                    </div>                    
                                </div> 
                                #end
                                    #if($items==5)
                                        <div class="grade_wraper">
                                            <ul class="grade_list">
                                                <h2>代理人</h2>
                                                <li><span>代理姓名 :</span><i>$!{bill.a_name}</i></li>
                                                <li><span>证件类型:</span><i>
                                                    #if(${bill.a_card_type}==1)身份证#end
                                                    #if(${bill.a_card_type}==2)护照#end
                                                    #if(${bill.a_card_type}==3)其他#end
                                                </i></li>
                                                <li><span> 证件号码: </span><i>$!{bill.a_id_code}</i></li>
                                            </ul>
                                            <div class="zhengjian_pic lightimg">
                                                #if(!${bill.a_frontImg})
                                                    <img src="#springUrl('/')resources/ixinstyle/images/idcard_zheng.png"/>
                                                #else
                                                    <a href="#springUrl('/')billWeb/img/7/${bill.a_id}/0/${bill.enterprise}" > <img src="#springUrl('/')billWeb/img/7/${bill.a_id}/0/${bill.enterprise}"/> </a>
                                                #end
                                                <p>身份证正面图片</p>
                                                #if(${bill.a_card_type}==1)
                                                    #if(!${bill.a_backImg})
                                                        <img src="#springUrl('/')resources/ixinstyle/images/idcard_fan.png"/>
                                                    #else
                                                        <a href="#springUrl('/')billWeb/img/7/${bill.a_id}/1/${bill.enterprise}" > <img src="#springUrl('/')billWeb/img/7/${bill.a_id}/1/${bill.enterprise}"/> </a>
                                                    #end
                                                    <p>身份证反面图片</p>
                                                #end
                                            </div>
                                        </div>
                                    #end 
                                #if($items==3)
                                 <div class="grade_wraper">
                                    <ul class="grade_list">
                                        <h2>授权书</h2>
                                    </ul>
                                    <div class="zhengjian_pic lightimg">
                                    #if(!${bill.p_imgFile})
                                        <img id="poxyShowimg" src="#springUrl('/')resources/ixinstyle/images/shenfenzheng.png"/>
                                    #else
                                        <a href="#springUrl('/')billWeb/img/5/${bill.p_id}/0/${bill.enterprise}" > <img id="poxyShowimg" src="#springUrl('/')billWeb/img/5/${bill.p_id}/0/${bill.enterprise}" /> </a>   
                                    #end
                                        <p>授权书图片</p>
                                    </div>
                                 </div>
                                 #end 
                                #end                                                 
                            </div>  
                            #if($!{oldUserCert})
                            <div class="tabCon card" style="display: none;">
                                    <div class="order_text">
                                        <ul style="position:relative;">
                                            <!-- 加载印章 -->
                                            <div id="showSeal" style="top: -20px; right: 300px; position: absolute;width:200px;height:200px;display: none">
                                                <!-- -----------------------------== 装载MakeSeal控件 ==--------------------------------- -->
                                                <SCRIPT src="#springUrl('/')resources/js/seal/LoadMakeSeal.js"></SCRIPT>
                                                <!-- --------------------------------== 结束装载控件 ==----------------------------------- -->
                                            </div>
                                            <div style="top: -20px; right: 300px; position: absolute;width:200px;height:200px;display: none" id="div_bairun">
                                                <img id="sealimg" src="" />
                                            </div>
                                            <li class=""><label class="inputnamel">所有者:</label>
                                                <label class="text_namer" style="">
                                                    <a href="#springUrl('/')securityWeb/securityCenter" class="blue">$!{owner}<span class="fangda"></span></a>
                                                </label>
                                            </li>
                                            <li class=""><label class="inputnamel">有效期:</label>
                                                <label class="text_namer" style="">
                                                    $!date.format('yyyy/MM/dd',$!{oldUserCert.certStartTime}) 至
                                                    $!date.format('yyyy/MM/dd',$!{oldUserCert.certEndTime})
                                                </label>
                                            </li>
                                            #if($!{oldUserCert.certSource} != 2)
                                                <li class=""><label class="inputnamel">key序列号:</label>
                                                    <label class="text_namer" style="">$!{oldUserCert.keySn}</label>
                                                </li>
                                            #end
                                            <li class=""><label class="inputnamel">状 态:</label> 
                                                <label class="text_namer" style="">
                                                    #if(${remainingDays} && $!{remainingDays} > 30)
                                                         有效<span class="orange">(剩余$!{remainingDays}天)</span>
                                                    #elseif(${remainingDays} && $!{remainingDays} > 0) 
                                                        待更新<span class="orange">(剩余$!{remainingDays}天)</span>
                                                    #else
                                                        <span  style="color:#E3393C" >过期</span>
                                                    #end
                                                </label>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                #end                        
                            </div>
                        </div>
                    </div>             
                </ul>               
            </div>
        </div>
     <!--账户管理结束-->
    #end
    <script type="text/javascript">


            var a1 = $("#payPrice").html();
            var a2 = $("#productPrice").html();
            var a3 = $("#payPrice2").html();
            //优惠价格
            var precost = "$!preCost";
            //原价
            var originalcost = "$!originalCost";
            //优惠描述信息
            var preDescribe = "$!{product.preDescribe}";
            if(a1==0){
                $("#payPrice").html("-");
            }else{
                $("#payPrice").html("¥"+ parseFloat(a1).toFixed(2));
            }
            if(a2==0){
                 $("#productPrice").html("-");         
            }else{
                if(precost!=""){
                    $("#productPrice").before("<span id=originalcost></span></br>")
                    $("#originalcost").html("原价:¥"+originalcost);
                    $("#originalcost").css("text-decoration","line-through");
                    $("#productPrice").html("优惠价:¥"+ precost);
                    $("#preDescribe").html(preDescribe);
            }else{
                 $("#productPrice").html("¥" + parseFloat(a2).toFixed(2));
                }       
            }
            if(a3==0){
                $("#payPrice2").html("-"); 
            }else{
                $("#payPrice2").html("¥" + parseFloat(a3).toFixed(2));
            }

    </script>


        <script type="text/javascript">

            (function ($) {


                $("#mask,.mask").click( function () { 
                    var top=$(".header_popup").position().top
                    if(top == '-317'){
                        $(".header_popup").animate({top: 0, opacity: 'show'}, 800);
                        $(".mask").removeClass("mask").addClass("mask_reduce");    
                    }else{
                        $(".header_popup").animate({top: -317, opacity: 'show'}, 800);
                        $(".mask_reduce").removeClass("mask_reduce").addClass("mask"); 
                    }

                });
                $(document).click(function(){
                    var top=$(".header_popup").position().top;
                    if($(".header_popup").position().top == '0'){
                        $(".header_popup").animate({top: -317, opacity: 'show'}, 800);
                    }
                });
                $(".header_popup").click(function(event){
                    event.stopPropagation();
                });
                $("#mask,.mask").click(function(event){
                    event.stopPropagation();
                });
                $('ul.table_header li').click( function () { 
                    var titlehtml = $(this).html();
                    if("企业认证信息"==titlehtml){
                        $(".edit").css("display","");
                    }else{
                        $(".edit").css("display","none");
                    }
                    $(this).addClass('curr').siblings().removeClass('curr');
                    var lis=$(this).index();
                    $(".tabCon").eq(lis).show().siblings().hide();

                }); 

                var enterpriselength = $("#enterprisenameline").text().length;
                var enterprisename = $("#enterprisenameline").text();
                if(enterpriselength>=30){
                    $("#enterprisenameline").text(enterprisename.substring(0,28)+"..");
                }

                //加载印章
                var hasSeal = "$!{oldUserCert.makeSealmstatus}";
                if(hasSeal==1){
                    shadowFuc("$!{oldUserCert.keySn}");
                }
            })(jQuery)      

            //显示签章图片
            function shadowFuc(keysn){
//              alert("$!makeSealServer.bulidWay");
                //接收签章模版
                if("$!makeSealServer.bulidWay"==1){//自动生成
                    if(name.indexOf("点聚") > -1){
                        //=====签章
                        //印章大小
                        var sealSize = "$!makeSealServer.sealSize";
                        //印章名称
                        var sealName = "$!makeSealServer.sealName";
                        //印章弧度
                        var sealRadin = "$!makeSealServer.sealRadin";
                        //印章副名称
                        var sealSubTitle = "$!makeSealServer.sealSubTitle";
                        //下弦名称
                        var sealBottomName_eg = keysn;
                        //下弦弧度
                        var sealBottomRadin = "$!makeSealServer.sealBottomRadin";
                        //下弦文字高度
                        var sealTextHeight = "$!makeSealServer.sealTextHeight";
                        Seal_init();
                        setDefault(sealSize,sealName,sealRadin,sealSubTitle,sealBottomName_eg,sealBottomRadin,sealTextHeight);
                        $("#showSeal").css("display","");
                        $("#div_bairun").css("display","none");
                    }else{
                        var obj = new ActiveXObject("BCSealLib.SealPic");
                        //印章名称
                        var sealName = "$!makeSealServer.sealName";
                        //印章副名称
                        var sealSubTitle = "$!makeSealServer.sealSubTitle";

                        var imgbase64 = obj.FastMakeSeal(sealName,1,sealSubTitle)
                        var imgsrc = "data:image/png;base64," + imgbase64;
                        document.getElementById("sealimg").src=imgsrc;
                        $("#showSeal").css("display","none");
                        $("#div_bairun").css("display","");
                    }
                }
            }
        </script>  
        <script>
            (function ($) {
                $('.lightimg a').lightcase(); 

            })(jQuery)
        </script>

</body>
</html>
 类似资料: