<style>
.nyroModal {top: 0px}
.panel > .panel-heading {
border-top: 4px solid #7b7b7b !important;
}
.nyroModal {
color:white;
}
.btn {
background: #ea8c09;
}
.data-span {
width: 51px;
}
##预览图片遮罩层样式
.click{
position:absolute;
top:0;
left:0;
right:0;
bottom:-400px;
background:gray;
display:flex;
flex-flow: column;
justify-content: center;
text-align: center;
}
.data-span:nth-child(1), .data-span:nth-child(2) {
width: 40px;
}
.carrousel-add{
display: block !important;
}
.invest .notelist {
margin-top: 15%;
margin-bottom: 15%;
background:#eee;
border: 1px dashed #ccc;
}
.notelist-row {
height: 132px;
line-height:30px;
}
.guize{
margin:20px 0;
}
.upload-data{
height:40px !important;
}
#contractTemplate-box-data{
height:40px !important;
}
.overflow_hidden{
word-break: break-all;
text-align: left !important;
}
.last_td{
width:18% !important;
}
.table.table-striped.table_yunb > thead > tr > th {
background: #eeeeee;
padding: 15px 8px;
border: none;
text-align: center;
width: 10% !important;
}
/*按钮样式*/
.btn-default:hover, .btn-default:focus {
background-color: #d87000 !important;
background-position: 0 -15px;
}
/*toast样式*/
.toasttj2_index{z-index:1003;font-size: 1.37em;position: fixed;bottom:25%;width: 100%;opacity:0;height: 24px;display: none;
transition: opacity 1s ease-out;
}
</style>
#header('banner')
<div id="test" class="bootstrap-admin-no-table-panel-content bootstrap-admin-panel-content collapse in" style="display: none;style="height:250px;"">
<form class="form-horizontal form-v_model" id="categoryForm" name="categoryUpdateForm">
#if($!stringUtil.isBlank($!item.categoryId))
<div class="layer-header">上线提示</div>
#end
<label style="margin-left:15px;">您确定要上线当前banner吗?</label>
<center>
<div>
<button type="button" class="btn btn-170 btn-170-y" id="carousel_cansele">取消</button>
<button type="submit" class="btn btn-170 btn-170-y pull-right" id="carousel_online_change">确认</button>
</div>
</center>
</form>
<form class="form-horizontal" name="applyQueryForm" style="display:none;margin-top:10px;text-align:center;line-height:168px;" id="update_information">
<label style="margin-left:15px;font-size:24px;">正在为你更新信息</label>
</form>
</div>
<div id="toastId2_index" class="toasttj2_index" style="display: none; opacity: 0;"></div>
<div class="panel panel-info dn" id="J-bannerinfo">
#title('')
<!--WEB端 - APP端 --H5端 tab切换-->
<ul class="nav nav-yuntabs clearfix" id="clientTab">
<li role="presentation" class="active">WEB端</li>
<li role="presentation">APP端</li>
<li role="presentation">H5端</li>
</ul>
<!--WEB端 - 移动端 div切换-->
<div class="client-box ">
<!--WEB端-->
<div class="tab-area client client-ft">
<ul class="nav nav-yuntabs clearfix" id="tb-nav" class="tb-nav">
#includeHtmlBlock('/pilot_v2/link/list.htm')
<li role="presentation" data-area="#J-banner-pc" id="bannerTabPC">首页
<div class="tbox">
<div class="tbox-tip" style="width: 200px;">
最多可添加5个轮播广告
<span class="tbox-tip-arrow"></span>
</div>
</div>
</li>
#end
#includeHtmlBlock('/pilot/recommendcard/query.htm')
<li role="presentation" data-area="#J-recommend-pc" id="recommendTabPC">登录
<div class="tbox">
<div class="tbox-tip" style="width: 200px;">
最多可添加9个推荐位
<span class="tbox-tip-arrow"></span>
</div>
</div>
</li>
#end
#includeHtmlBlock('/pilot/img/query.htm')
<li role="presentation" data-area="#J-other" id="otherTabPC">注册
<div class="tbox">
<div class="tbox-tip" style="width: 200px;">
最多可添加5个轮播广告
<span class="tbox-tip-arrow"></span>
</div>
</div>
</li>
#end
</ul>
<!--首页内容-->
<div id="J-banner-pc" data-nav="tb-nav" class="dn">
<table class="table table-striped table_yunb">
#thead(['展示顺序','推广目标','目标明细','跳转方式','图片','操作'])
<tbody id="J-table_list-banner-pc" class="dn" data-paging="#J-banner-pc-paing">
<script type="text/tpl">
{% set cls = cycler('', ' class="even"') %}
{% if items.length == 0 %}
<tr><td colspan="11">
#noresult()
</td></tr>
{% else %}
{% for row in items %}
<tr{{ cls.next() }} data-idx="{{ idx }}" data-reid = '{{row.linkId}}'>
<td>{{row.rank}}</td>
<td>
{%if row.linkType == 'GOODS'%}标的推广{% endif %}
{%if row.linkType == 'URL'%}链接推广{% endif %}
{%if row.linkType == 'STATIC'%}静态图片{% endif %}
</td>
<td class="overflow_hidden">{{ row.linkDetail }} </td>
<td>
{%if row.linkForward == '0'%}新建标签页{% endif %}
{%if row.linkForward == '1'%}当前标签页{% endif %}
</td>
<td>
<a href="javascript:void(0);" οnclick="f_click('{{row.imgUrl}}')">预览</a>
</td>
<td class="last_td">
#includeHtmlBlock('/pilot/banner/changerank.htm')
{% if (loop.index == '1' ) and (paginator.page == '1') %}
<span class="data-span"></span>
{%else%}
<span class="data-span"><a href="javascript:void(0)" class="{% if row.linkId == '-1' %}dn{% endif %}" οnclick="f_change('_pr',this,'{{row.linkId}}')"><span class="glyphicon glyphicon-arrow-up"></span></a></span>
{% endif %}
#end
#includeHtmlBlock('/pilot/banner/toupdate.htm')
<span class='data-span'><a href='toupdate.htm?bannerId={{row.linkId}}' class='edit nyroModal'>编辑</a></span>
#end
#includeHtmlBlock('/pilot/banner/delete.htm')
{% if row.status == 'WAIT' %}
<span class="data-span"><a href="#test" data-linkid="{{row.linkId}}" class="edit nyroModal">上线</a></span>
{% endif %}
{% if row.status == 'ONLINE' %}
<span class="data-span"><a href='todelete.htm?bannerId={{row.linkId}}' class="edit nyroModal">下线</a></span>
{% endif %}
#end
</td>
</tr>
{% endfor %}
{% endif %}
</script>
</tbody>
</table>
<div id="J-banner-pc-paing"></div>
<div class="carrousel-add">
#includeHtmlBlock('/pilot/banner/tocreate.htm')
<a href='toadd.htm?platform=PC&module=INDEX' class='btn btn-default nyroModal'>新建banner</a>
#end
</div>
</div>
<!--登录内容-->
<div id="J-recommend-pc" data-nav="tb-nav" class="dn">
<a name="inverse" id="inverse"></a>
<table class="table table-striped table_yunb">
#thead(['展示顺序','推广目标','目标明细','跳转方式','图片','操作'])
<tbody id="J-table_list-recommend-pc" class="dn" data-paging="#J-banner-pc-register-paing">
<script type="text/tpl">
{% set cls = cycler('', ' class="even"') %}
{% if items.length == 0 %}
<tr><td colspan="11">
#noresult()
</td></tr>
{% else %}
{% for row in items %}
<tr{{ cls.next() }} data-idx="{{ idx }}" data-reid = '{{row.linkId}}'>
<td>{{row.rank}}</td>
<td>
{%if row.linkType == 'GOODS'%}标的推广{% endif %}
{%if row.linkType == 'URL'%}链接推广{% endif %}
{%if row.linkType == 'STATIC'%}静态图片{% endif %}
</td>
<td class="overflow_hidden">{{ row.linkDetail }} </td>
<td>
{%if row.linkForward == '0'%}新建标签页{% endif %}
{%if row.linkForward == '1'%}当前标签页{% endif %}
</td>
<td>
<a href="javascript:void(0);" οnclick="f_click('{{row.imgUrl}}')">预览</a>
</td>
<td class="last_td">
#includeHtmlBlock('/pilot/banner/changerank.htm')
{% if (loop.index == '1' ) and (paginator.page == '1') %}
<span class="data-span"></span>
{%else%}
<span class="data-span"><a href="javascript:void(0)" class="{% if row.preId == '-1' %}dn{% endif %}" οnclick="f_change('_pr',this,'{{row.linkId}}')"><span class="glyphicon glyphicon-arrow-up"></span></a></span>
{% endif %}
#end
#includeHtmlBlock('/pilot/banner/toupdate.htm')
<span class='data-span'><a href='toupdate.htm?bannerId={{row.linkId}}' class='edit nyroModal'>编辑</a></span>
#end
#includeHtmlBlock('/pilot/banner/delete.htm')
{% if row.status == 'WAIT' %}
<span class="data-span"><a href="#test" data-linkid="{{row.linkId}}" class="edit nyroModal">上线</a></span>
{% endif %}
{% if row.status == 'ONLINE' %}
<span class="data-span"><a href='todelete.htm?bannerId={{row.linkId}}' class="edit nyroModal">下线</a></span>
{% endif %}
#end
</td>
</tr>
{% endfor %}
{% endif %}
</script>
</tbody>
</table>
<div id="J-banner-pc-register-paing"></div>
<div class="carrousel-add">
#includeHtmlBlock('/pilot/banner/tocreate.htm')
<a href='toadd.htm?platform=PC&module=LOGIN' class='btn btn-default nyroModal'>新建banner</a>
#end
</div>
</div>
<!--注册内容-->
<div id="J-other" data-nav="tb-nav" class="dn">
<a name="other" id="other"></a>
<table class="table table-striped table_yunb">
#thead(['展示顺序','推广目标','目标明细','跳转方式','图片','操作'])
<tbody id="J-table_list-other-pc" class="dn" data-paging="#J-banner-pc-login-paing">
<script type="text/tpl">
{% set cls = cycler('', ' class="even"') %}
{% if items.length == 0 %}
<tr><td colspan="5">
#noresult()
</td></tr>
{% else %}
{% for row in items %}
<tr{{ cls.next() }} data-idx="{{ idx }}" data-reid = '{{row.linkId}}'>
<td>{{row.rank}}</td>
<td>
{%if row.linkType == 'GOODS'%}标的推广{% endif %}
{%if row.linkType == 'URL'%}链接推广{% endif %}
{%if row.linkType == 'STATIC'%}静态图片{% endif %}
</td>
<td class="overflow_hidden">{{ row.linkDetail }} </td>
<td>
{%if row.linkForward == '0'%}新建标签页{% endif %}
{%if row.linkForward == '1'%}当前标签页{% endif %}
</td>
<td>
<a href="javascript:void(0);" οnclick="f_click('{{row.imgUrl}}')">预览</a>
</td>
<td class="last_td">
#includeHtmlBlock('/pilot/banner/changerank.htm')
{% if (loop.index == '1' ) and (paginator.page == '1') %}
<span class="data-span"></span>
{%else%}
<span class="data-span"><a href="javascript:void(0)" class="{% if row.preId == '-1' %}dn{% endif %}" οnclick="f_change('_pr',this,'{{row.linkId}}')"><span class="glyphicon glyphicon-arrow-up"></span></a></span>
{% endif %}
#end
#includeHtmlBlock('/pilot/banner/toupdate.htm')
<span class='data-span'><a href='toupdate.htm?bannerId={{row.linkId}}' class='edit nyroModal'>编辑</a></span>
#end
#includeHtmlBlock('/pilot/banner/delete.htm')
{% if row.status == 'WAIT' %}
<span class="data-span"><a href="#test" data-linkid="{{row.linkId}}" class="edit nyroModal">上线</a></span>
{% endif %}
{% if row.status == 'ONLINE' %}
<span class="data-span"><a href='todelete.htm?bannerId={{row.linkId}}' class="edit nyroModal">下线</a></span>
{% endif %}
#end
</td>
</tr>
{% endfor %}
{% endif %}
</script>
</tbody>
</table>
<div id="J-banner-pc-login-paing"></div>
<div class="carrousel-add"">
#includeHtmlBlock('/pilot/banner/tocreate.htm')
<a href='toadd.htm?platform=PC&module=REGIST' class='btn btn-default nyroModal'>新建banner</a>
#end
</div>
</div>
</div>
<!--APP端 -->
<div class="tab-area client client-sd">
<ul class="nav nav-yuntabs clearfix" id="tb-nav-sd" class="tb-nav-sd">
#includeHtmlBlock('/pilot/banner/query.htm')
<li role="presentation" data-area="#J-banner-mobile" id="bannerTabMobile">首页
<div class="tbox">
<div class="tbox-tip" style="width: 200px;">
最多可添加5个轮播广告
<span class="tbox-tip-arrow"></span>
</div>
</div>
</li>
#end
#includeHtmlBlock('/pilot/recommendcard/query.htm')
<li role="presentation" data-area="#J-recommend-mobile" id="recommendTabMobile">登录
<div class="tbox">
<div class="tbox-tip" style="width: 200px;">
最多可添加9个推荐位
<span class="tbox-tip-arrow"></span>
</div>
</div>
</li>
#end
#includeHtmlBlock('/pilot/img/query.htm')
<li role="presentation" data-area="#J-other-mobile" id="otherTabMobile">注册
<div class="tbox">
<div class="tbox-tip" style="width: 200px;">
最多可添加9个推荐位
<span class="tbox-tip-arrow"></span>
</div>
</div>
</li>
#end
</ul>
<!--首页内容-->
<div id="J-banner-mobile" data-nav="tb-nav-sd" class="dn">
<a name="repayment" id="repayment"></a>
<table class="table table-striped table_yunb">
#thead(['展示顺序','推广目标','目标明细','跳转方式','图片','操作'])
<tbody id="J-table_list-banner-mobile" class="dn" data-paging="#J-banner-app-paing">
<script type="text/tpl">
{% set cls = cycler('', ' class="even"') %}
{% if items.length == 0 %}
<tr><td colspan="11">
#noresult()
</td></tr>
{% else %}
{% for row in items %}
<tr{{ cls.next() }} data-idx="{{ idx }}" data-reid = '{{row.linkId}}'>
<td>{{row.rank}}</td>
<td>
{%if row.linkType == 'GOODS'%}标的推广{% endif %}
{%if row.linkType == 'URL'%}链接推广{% endif %}
{%if row.linkType == 'STATIC'%}静态图片{% endif %}
</td>
<td class="overflow_hidden">{{ row.linkDetail }} </td>
<td>
{%if row.linkForward == '0'%}新建标签页{% endif %}
{%if row.linkForward == '1'%}当前标签页{% endif %}
</td>
<td>
<a href="javascript:void(0);" οnclick="f_click('{{row.imgUrl}}')">预览</a>
</td>
<td class="last_td">
#includeHtmlBlock('/pilot/banner/changerank.htm')
{% if (loop.index == '1' ) and (paginator.page == '1') %}
<span class="data-span"></span>
{%else%}
<span class="data-span"><a href="javascript:void(0)" class="{% if row.preId == '-1' %}dn{% endif %}" οnclick="f_change('_pr',this,'{{row.linkId}}')"><span class="glyphicon glyphicon-arrow-up"></span></a></span>
{% endif %}
#end
#includeHtmlBlock('/pilot/banner/toupdate.htm')
<span class='data-span'><a href='toupdate.htm?bannerId={{row.linkId}}' class='edit nyroModal'>编辑</a></span>
#end
#includeHtmlBlock('/pilot/banner/delete.htm')
{% if row.status == 'WAIT' %}
<span class="data-span"><a href="#test" data-linkid="{{row.linkId}}" class="edit nyroModal">上线</a></span>
{% endif %}
{% if row.status == 'ONLINE' %}
<span class="data-span"><a href='todelete.htm?bannerId={{row.linkId}}' class="edit nyroModal">下线</a></span>
{% endif %}
#end
</td>
</tr>
{% endfor %}
{% endif %}
</script>
</tbody>
</table>
<div id="J-banner-app-paing"></div>
<div class="carrousel-add">
#includeHtmlBlock('/pilot/banner/tocreate.htm')
<a href='toadd.htm?platform=MOBILE&module=INDEX' class='btn btn-default nyroModal'>新建banner</a>
#end
</div>
</div>
<!--登录内容-->
<div id="J-recommend-mobile" data-nav="tb-nav-sd" class="dn">
<a name="inverse" id="inverse-yd"></a>
<table class="table table-striped table_yunb">
#thead(['展示顺序','推广目标','目标明细','跳转方式','图片','操作'])
<tbody id="J-table_list-recommend-mobile" class="dn" data-paging="#J-banner-app-register-paing">
<script type="text/tpl">
{% set cls = cycler('', ' class="even"') %}
{% if items.length == 0 %}
<tr><td colspan="11">
#noresult()
</td><
{% else %}
{% for row in items %}
<tr{{ cls.next() }} data-idx="{{ idx }}" data-reid = '{{row.linkId}}'>
<td>{{row.rank}}</td>
<td>
{%if row.linkType == 'GOODS'%}标的推广{% endif %}
{%if row.linkType == 'URL'%}链接推广{% endif %}
{%if row.linkType == 'STATIC'%}静态图片{% endif %}
</td>
<td class="overflow_hidden">{{ row.linkDetail }} </td>
<td>
{%if row.linkForward == '0'%}新建标签页{% endif %}
{%if row.linkForward == '1'%}当前标签页{% endif %}
</td>
<td>
<a href="javascript:void(0);" οnclick="f_click('{{row.imgUrl}}')">预览</a>
</td>
<td class="last_td">
#includeHtmlBlock('/pilot/banner/changerank.htm')
{% if (loop.index == '1' ) and (paginator.page == '1') %}
<span class="data-span"></span>
{%else%}
<span class="data-span"><a href="javascript:void(0)" class="{% if row.preId == '-1' %}dn{% endif %}" οnclick="f_change('_pr',this,'{{row.linkId}}')"><span class="glyphicon glyphicon-arrow-up"></span></a></span>
{% endif %}
#end
#includeHtmlBlock('/pilot/banner/toupdate.htm')
<span class='data-span'><a href='toupdate.htm?bannerId={{row.linkId}}' class='edit nyroModal'>编辑</a></span>
#end
#includeHtmlBlock('/pilot/banner/delete.htm')
{% if row.status == 'WAIT' %}
<span class="data-span"><a href="#test" data-linkid="{{row.linkId}}" class="edit nyroModal">上线</a></span>
{% endif %}
{% if row.status == 'ONLINE' %}
<span class="data-span"><a href='todelete.htm?bannerId={{row.linkId}}' class="edit nyroModal">下线</a></span>
{% endif %}
#end
</td>
</tr>
{% endfor %}
{% endif %}
</script>
</tbody>
</table>
<div id="J-banner-app-register-paing"></div>
<div class="carrousel-add">
#includeHtmlBlock('/pilot/banner/tocreate.htm')
<a href='toadd.htm?platform=MOBILE&module=LOGIN' class='btn btn-default nyroModal'>新建banner</a>
#end
</div>
</div>
<!--注册-->
<div id="J-other-mobile" data-nav="tb-nav-sd" class="dn">
<a name="other" id="otherYd"></a>
<table class="table table-striped table_yunb">
#thead(['展示顺序','推广目标','目标明细','跳转方式','图片','操作'])
<tbody id="J-table_list-other-mobile" class="dn" data-paging="#J-banner-app-login-paing">
<script type="text/tpl">
{% set cls = cycler('', ' class="even"') %}
{% if items.length == 0 %}
<tr><td colspan="5">
#noresult()
</td></tr>
{% else %}
{% for row in items %}
<tr{{ cls.next() }} data-idx="{{ idx }}" data-reid = '{{row.linkId}}'>
<td>{{row.rank}}</td>
<td>
{%if row.linkType == 'GOODS'%}标的推广{% endif %}
{%if row.linkType == 'URL'%}链接推广{% endif %}
{%if row.linkType == 'STATIC'%}静态图片{% endif %}
</td>
<td class="overflow_hidden">{{ row.linkDetail }} </td>
<td>
{%if row.linkForward == '1'%}新建标签页{% endif %}
{%if row.linkForward == '0'%}当前标签页{% endif %}
</td>
<td>
<a href="javascript:void(0);" οnclick="f_click('{{row.imgUrl}}')">预览</a>
</td>
<td class="last_td">
#includeHtmlBlock('/pilot/banner/changerank.htm')
{% if (loop.index == '1' ) and (paginator.page == '1') %}
<span class="data-span"></span>
{%else%}
<span class="data-span"><a href="javascript:void(0)" class="{% if row.preId == '-1' %}dn{% endif %}" οnclick="f_change('_pr',this,'{{row.linkId}}')"><span class="glyphicon glyphicon-arrow-up"></span></a></span>
{% endif %}
#end
#includeHtmlBlock('/pilot/banner/toupdate.htm')
<span class='data-span'><a href='toupdate.htm?bannerId={{row.linkId}}' class='edit nyroModal'>编辑</a></span>
#end
#includeHtmlBlock('/pilot/banner/delete.htm')
{% if row.status == 'WAIT' %}
<span class="data-span"><a href="#test" data-linkid="{{row.linkId}}" class="edit nyroModal">上线</a></span>
{% endif %}
{% if row.status == 'ONLINE' %}
<span class="data-span"><a href='todelete.htm?bannerId={{row.linkId}}' class="edit nyroModal">下线</a></span>
{% endif %}
#end
</td>
</tr>
{% endfor %}
{% endif %}
</script>
</tbody>
</table>
<div id="J-banner-app-login-paing"></div>
<div class="carrousel-add">
#includeHtmlBlock('/pilot/banner/tocreate.htm')
<a href='toadd.htm?platform=MOBILE&module=REGIST' class='btn btn-default nyroModal'>新建banner</a>
#end
</div>
</div>
</div>
<!--端2 E-->
<!--H5端 -->
<div class="tab-area client client-sd">
<ul class="nav nav-yuntabs clearfix" id="tb-nav-wap" class="tb-nav-sd">
#includeHtmlBlock('/pilot/banner/query.htm')
<li role="presentation" data-area="#J-banner-H5" id="bannerTabH5">首页
<div class="tbox">
<div class="tbox-tip" style="width: 200px;">
最多可添加5个轮播广告
<span class="tbox-tip-arrow"></span>
</div>
</div>
</li>
#end
#includeHtmlBlock('/pilot/recommendcard/query.htm')
<li role="presentation" data-area="#J-recommend-H5" id="recommendTabH5">登录
<div class="tbox">
<div class="tbox-tip" style="width: 200px;">
最多可添加9个推荐位
<span class="tbox-tip-arrow"></span>
</div>
</div>
</li>
#end
#includeHtmlBlock('/pilot/img/query.htm')
<li role="presentation" data-area="#J-other-H5" id="otherTabH5">注册
<div class="tbox">
<div class="tbox-tip" style="width: 200px;">
最多可添加9个推荐位
<span class="tbox-tip-arrow"></span>
</div>
</div>
</li>
#end
</ul>
<!--首页内容-->
<div id="J-banner-H5" data-nav="tb-nav-wap" class="dn">
<a name="repayment" id="repayment"></a>
<table class="table table-striped table_yunb">
#thead(['展示顺序','推广目标','目标明细','跳转方式','图片','操作'])
<tbody id="J-table_list-banner-H5" class="dn" data-paging="#J-banner-H5-paing">
<script type="text/tpl">
{% set cls = cycler('', ' class="even"') %}
{% if items.length == 0 %}
<tr><td colspan="11">
#noresult()
</td></tr>
{% else %}
{% for row in items %}
<tr{{ cls.next() }} data-idx="{{ idx }}" data-reid = '{{row.linkId}}'>
<td>{{row.rank}}</td>
<td>
{%if row.linkType == 'GOODS'%}标的推广{% endif %}
{%if row.linkType == 'URL'%}链接推广{% endif %}
{%if row.linkType == 'STATIC'%}静态图片{% endif %}
</td>
<td class="overflow_hidden">{{ row.linkDetail }} </td>
<td>
{%if row.linkForward == '1'%}新建标签页{% endif %}
{%if row.linkForward == '0'%}当前标签页{% endif %}
</td>
<td>
<a href="javascript:void(0);" οnclick="f_click('{{row.imgUrl}}')">预览</a>
</td>
<td class="last_td">
#includeHtmlBlock('/pilot/banner/changerank.htm')
{% if (loop.index == '1' ) and (paginator.page == '1') %}
<span class="data-span"></span>
{%else%}
<span class="data-span"><a href="javascript:void(0)" class="{% if row.preId == '-1' %}dn{% endif %}" οnclick="f_change('_pr',this,'{{row.linkId}}')"><span class="glyphicon glyphicon-arrow-up"></span></a></span>
{% endif %}
#end
#includeHtmlBlock('/pilot/banner/toupdate.htm')
<span class='data-span'><a href='toupdate.htm?bannerId={{row.linkId}}' class='edit nyroModal'>编辑</a></span>
#end
#includeHtmlBlock('/pilot/banner/delete.htm')
{% if row.status == 'WAIT' %}
<span class="data-span"><a href="#test" data-linkid="{{row.linkId}}" class="edit nyroModal">上线</a></span>
{% endif %}
{% if row.status == 'ONLINE' %}
<span class="data-span"><a href='todelete.htm?bannerId={{row.linkId}}' class="edit nyroModal">下线</a></span>
{% endif %}
#end
</td>
</tr>
{% endfor %}
{% endif %}
</script>
</tbody>
</table>
<div id="J-banner-H5-paing"></div>
<div class="carrousel-add">
#includeHtmlBlock('/pilot/banner/tocreate.htm')
<a href='toadd.htm?platform=WAP&module=INDEX' class='btn btn-default nyroModal'>新建banner</a>
#end
</div>
</div>
<!--登录内容-->
<div id="J-recommend-H5" data-nav="tb-nav-wap" class="dn">
<a name="inverse" id="inverse-yd"></a>
<table class="table table-striped table_yunb">
#thead(['展示顺序','推广目标','目标明细','跳转方式','图片','操作'])
<tbody id="J-table_list-recommend-H5" class="dn" data-paging="#J-banner-H5-register-paing">
<script type="text/tpl">
{% set cls = cycler('', ' class="even"') %}
{% if items.length == 0 %}
<tr><td colspan="5">
#noresult()
</td></tr>
{% else %}
{% for row in items %}
<tr{{ cls.next() }} data-idx="{{ idx }}" data-reid = '{{row.linkId}}'>
<td>{{row.rank}}</td>
<td>
{%if row.linkType == 'GOODS'%}标的推广{% endif %}
{%if row.linkType == 'URL'%}链接推广{% endif %}
{%if row.linkType == 'STATIC'%}静态图片{% endif %}
</td>
<td class="overflow_hidden">{{ row.linkDetail }} </td>
<td>
{%if row.linkForward == '1'%}新建标签页{% endif %}
{%if row.linkForward == '0'%}当前标签页{% endif %}
</td>
<td>
<a href="javascript:void(0);" οnclick="f_click('{{row.imgUrl}}')">预览</a>
</td>
<td class="last_td">
#includeHtmlBlock('/pilot/banner/changerank.htm')
{% if (loop.index == '1' ) and (paginator.page == '1') %}
<span class="data-span"></span>
{%else%}
<span class="data-span"><a href="javascript:void(0)" class="{% if row.preId == '-1' %}dn{% endif %}" οnclick="f_change('_pr',this,'{{row.linkId}}')"><span class="glyphicon glyphicon-arrow-up"></span></a></span>
{% endif %}
#end
#includeHtmlBlock('/pilot/banner/toupdate.htm')
<span class='data-span'><a href='toupdate.htm?bannerId={{row.linkId}}' class='edit nyroModal'>编辑</a></span>
#end
#includeHtmlBlock('/pilot/banner/delete.htm')
{% if row.status == 'WAIT' %}
<span class="data-span"><a href="#test" data-linkid="{{row.linkId}}" class="edit nyroModal">上线</a></span>
{% endif %}
{% if row.status == 'ONLINE' %}
<span class="data-span"><a href='todelete.htm?bannerId={{row.linkId}}' class="edit nyroModal">下线</a></span>
{% endif %}
#end
</td>
</tr>
{% endfor %}
{% endif %}
</script>
</tbody>
</table>
<div id="J-banner-H5-register-paing"></div>
<div class="carrousel-add">
#includeHtmlBlock('/pilot/banner/tocreate.htm')
<a href='toadd.htm?platform=WAP&module=LOGIN' class='btn btn-default nyroModal'>新建banner</a>
#end
</div>
</div>
<!--注册-->
<div id="J-other-H5" data-nav="tb-nav-wap" class="dn">
<a name="other" id="otherYd"></a>
<table class="table table-striped table_yunb">
#thead(['展示顺序','推广目标','目标明细','跳转方式','图片','操作'])
<tbody id="J-table_list-other-H5" class="dn" data-paging="#J-banner-H5-login-paing">
<script type="text/tpl">
{% set cls = cycler('', ' class="even"') %}
{% if items.length == 0 %}
<tr><td colspan="5">
#noresult()
</td></tr>
{% else %}
{% for row in items %}
<tr{{ cls.next() }} data-idx="{{ idx }}" data-reid = '{{row.linkId}}'>
<td>{{row.rank}}</td>
<td>
{%if row.linkType == 'GOODS'%}标的推广{% endif %}
{%if row.linkType == 'URL'%}链接推广{% endif %}
{%if row.linkType == 'STATIC'%}静态图片{% endif %}
</td>
<td class="overflow_hidden">{{ row.linkDetail }} </td>
<td>
{%if row.linkForward == '1'%}新建标签页{% endif %}
{%if row.linkForward == '0'%}当前标签页{% endif %}
</td>
<td>
<a href="javascript:void(0);" οnclick="f_click('{{row.imgUrl}}')">预览</a>
</td>
<td class="last_td">
#includeHtmlBlock('/pilot/banner/changerank.htm')
{% if (loop.index == '1' ) and (paginator.page == '1') %}
<span class="data-span"></span>
{%else%}
<span class="data-span"><a href="javascript:void(0)" class="{% if row.preId == '-1' %}dn{% endif %}" οnclick="f_change('_pr',this,'{{row.linkId}}')"><span class="glyphicon glyphicon-arrow-up"></span></a></span>
{% endif %}
#end
#includeHtmlBlock('/pilot/banner/toupdate.htm')
<span class='data-span'><a href='toupdate.htm?bannerId={{row.linkId}}' class='edit nyroModal'>编辑</a></span>
#end
#includeHtmlBlock('/pilot/banner/delete.htm')
{% if row.status == 'WAIT' %}
<span class="data-span"><a href="#test" data-linkid="{{row.linkId}}" class="edit nyroModal">上线</a></span>
{% endif %}
{% if row.status == 'ONLINE' %}
<span class="data-span"><a href='todelete.htm?bannerId={{row.linkId}}' class="edit nyroModal">下线</a></span>
{% endif %}
#end
</td>
</tr>
{% endfor %}
{% endif %}
</script>
</tbody>
</table>
<div id="J-banner-H5-login-paing"></div>
<div class="carrousel-add">
#includeHtmlBlock('/pilot/banner/tocreate.htm')
<a href='toadd.htm?platform=WAP&module=REGIST' class='btn btn-default nyroModal'>新建banner</a>
#end
</div>
</div>
</div>
</div>
<div class="clear-fix invest">
<div class="pull-left notelist-mini">
<div class="notelist">
<div class="notelist-row">
<h4 class="guize">WEB前端banner创建规则:</h4>
<sapn>1.页面总数不限,但以上线的个数不少于1个,不超过6个;</sapn><br/>
<sapn>2.登录和注册模块总数不限,但以上线的个数均为1个;</sapn>
</div>
</div>
</div>
<div class="pull-left notelist-mini" style="margin-left:2%;">
<div class="notelist">
<div class="notelist-row">
<h4 class="guize">APP/H5端banner创建规则:</h4>
<span>1.首页总数不限,但以上线个数不少于1个,不超过6个;</span>
</div>
</div>
</div>
</div>
</div>
##预览图片遮罩层
<div class="click" style="display: none">
<div><img src="$staticResourceUrl/images/file_img.jpg" class="img_url" data-action="zoom" style="height:350px;margin:200px auto;"/><a href="javascript:void(0);" class="nyroModalClose nyroModalCloseButton" title="close" οnclick="c_lose()" style="position:absolute;right:20px;top:10px;color: #FFF;background: #D9DADE;border-radius: 50%;width: 26px;height: 26px;font-size: 20px;font-weight: bold;text-align: center;line-height: 26px;font-family: tohama;">X</a></div>
</div>
#javascript('/js/lib/mbase.js')
#javascript('/js/lib/zooming.min.js')
#javascript('/js/widget/select2.js')
<script>
// toast方法
function $S(s){return document.getElementById(s);}
function $html(s,html){$S(s).innerHTML=html;}
var toastTime2=null;
var displayTime2=null;
function setToast3(html){
if(toastTime2!=null){
clearTimeout(toastTime2);
clearTimeout(displayTime2);
}
$S('toastId2_index').style.display='block';
$S('toastId2_index').style.opacity=1;
$html('toastId2_index',html);
center_index('toastId2_index');
toastTime2=setTimeout(function(){
$S('toastId2_index').style.opacity=0;
displayTime2=setTimeout(function(){$S('toastId2_index').style.display='none';},5000);
},5000);
}
function test_index(f){
if(1==f){
setToast3('<div style="color:#fff;background: #919191;border-radius: 30px;padding: 2px;text-align: center;width:475px;margin: 0 auto;height:50px;line-height:50px;">下线成功</div>');
}else if(2==f){
setToast3('<div style="color:#fff;background: #c1c1c1;border-radius: 30px;padding: 2px;text-align: center;width:435px;margin: 0 auto;height:50px;line-height:50px;">下线失败,请重试</div>');
}
}
function center_index(obj){
var div1=document.getElementById(obj);
div1.style.top=(document.documentElement.clientHeight-div1.offsetHeight)/2+"px";
div1.style.left=(document.documentElement.clientWidth-div1.offsetWidth)/2+"px";
}
</script>
<script>
var linkId = '';
$('body').on('click','[data-linkid]',function () {
linkId = $(this).data('linkid');
// console.log(linkId);
$('#carousel_online_change').on('click',function(){
online('_pr',linkId);
})
})
var data = {
"PC":{
"_banner_div_id":"#J-banner-pc",
"_banner_table_id":"#J-table_list-banner-pc",
"_recommend_div_id":"#J-recommend-pc",
"_recommend_table_id":"#J-table_list-recommend-pc",
"_other_table_id":"#J-table_list-other-pc",
"_banner_tab_id":"#bannerTabPC",
"_recommend_tab_id":"#recommendTabPC",
"_other_tab_id":"#otherTabPC",
},
"MOBILE":{
"_banner_div_id":"#J-banner-mobile",
"_banner_table_id":"#J-table_list-banner-mobile",
"_recommend_div_id":"#J-recommend-mobile",
"_recommend_table_id":"#J-table_list-recommend-mobile",
"_other_table_id":"#J-table_list-other-mobile",
"_banner_tab_id":"#bannerTabMobile",
"_recommend_tab_id":"#recommendTabMobile",
"_other_tab_id":"#otherTabMobile",
},
"H5":{
"_banner_div_id":"#J-banner-H5",
"_banner_table_id":"#J-table_list-banner-H5",
"_recommend_div_id":"#J-recommend-H5",
"_recommend_table_id":"#J-table_list-recommend-H5",
"_other_table_id":"#J-table_list-other-H5",
"_banner_tab_id":"#bannerTabH5",
"_recommend_tab_id":"#recommendTabH5",
"_other_tab_id":"#otherTabH5",
}
};
(function(){
jQuery(function() {
// 元素值声明
var platform = "";
//--WEB端 - APP端 --H5端 tab切换点击事件
$("#clientTab > li").on('click',function(){
var _this = $(this);
var index = _this.index();
if(0==index){
platform = "PC";
}else if(1==index){
platform = "MOBILE";
}else if(2==index){
platform = "WAP";
}
_this.siblings().removeClass("active").end().addClass('active');
$(".client-box > div").eq(index).show().siblings().hide();
//选中轮播位、推荐位、其他tab
$('#tb-nav > li').eq(0).click();
$('#tb-nav-sd > li').eq(0).click();
$('#tb-nav-wap > li').eq(0).click();
}).eq(0).click();
// PC端-首页
var itable = new jQuery.yunpaging({
api: '#springUrl("/pilot_v2/link/list.htm?platform=PC&module=INDEX&contentType=BANNER")',
type: 'GET',
idx: 1,
container: data.PC._banner_table_id,
callback: function(pidx, ret){
//类 绑定弹框事件
$('.nyroModal').nyroModal();
// if($(data.PC._banner_table_id + ' tr').length > 6){
// $(data.PC._banner_div_id + ' .carrousel-add').hide();
// $(data.PC._banner_div_id + ' .carrousel-add a').attr('disabled',true);
// }else{
// $(data.PC._banner_div_id + ' .carrousel-add').show();
// }
},
dataPreprocessor: false,
genData: function() {
return { }
}
});
if($(data.PC._banner_tab_id).length>0){
itable.init();
}
// PC端-登录
var rtable = new jQuery.yunpaging({
api: '#springUrl("/pilot_v2/link/list.htm?platform=PC&module=LOGIN&contentType=BANNER")',
type: 'GET',
idx: 1,
container: data.PC._recommend_table_id,
callback: function(pidx, ret)
{
$('.nyroModal').nyroModal();
// if($(data.PC._recommend_table_id+ ' tr').length > 1){
// $(data.PC._recommend_div_id + ' .carrousel-add').hide();
// $(data.PC._recommend_div_id + ' .carrousel-add a').attr('disabled',true);
// }
// else
// {
// $(data.PC._recommend_div_id + ' .carrousel-add').show();
// }
},
dataPreprocessor: false,
genData: function() {
return {
};
}
});
if($(data.PC._recommend_tab_id).length>0){
rtable.init();
}
// PC端-注册
var itablet = new jQuery.yunpaging({
api: '#springUrl("/pilot_v2/link/list.htm?platform=PC&module=REGIST&contentType=BANNER")',
type: 'GET',
idx: 1,
container: data.PC._other_table_id,
callback: function(pidx, ret)
{
$('.nyroModal').nyroModal();
// if($(data.PC._other_table_id + ' tr').length > 1){
// $(data.PC._other_table_id + ' .carrousel-add').hide();
// $(data.PC._other_table_id + ' .carrousel-add a').attr('disabled',true);
// }
// else
// {
// $(data.PC._other_table_id + ' .carrousel-add').show();
// }
},
dataPreprocessor: false,
genData: function() {
return {
}
}
});
if($(data.PC._other_tab_id).length>0){
itablet.init();
}
//APP端--首页
var mobileBannerTable = new jQuery.yunpaging({
api: '#springUrl("/pilot_v2/link/list.htm?platform=MOBILE&module=INDEX&contentType=BANNER")',
type: 'GET',
idx: 1,
container: data.MOBILE._banner_table_id,
callback: function(pidx, ret){
$(data.MOBILE._banner_table_id + ' #J-table_loading').remove();
$('.nyroModal').nyroModal();
// if($(data.MOBILE._banner_table_id + ' tr').length > 6){
// $(data.MOBILE._banner_table_id + ' .carrousel-add').hide();
// $(data.MOBILE._banner_table_id + ' .carrousel-add a').attr('disabled',true);
// }else{
// $(data.MOBILE._banner_table_id + ' .carrousel-add').show();
// }
},
dataPreprocessor: false,
genData: function() {
return {
};
}
});
if($(data.MOBILE._banner_tab_id).length>0){
mobileBannerTable.init();
}
//APP端--登录
var rtableYd = new jQuery.yunpaging({
api: '#springUrl("/pilot_v2/link/list.htm?platform=MOBILE&module=LOGIN&contentType=BANNER")',
type: 'GET',
idx: 1,
container: data.MOBILE._recommend_table_id,
callback: function(pidx, ret) {
$('.nyroModal').nyroModal();
// if($(data.MOBILE._recommend_table_id + ' tr').length > 1){
// $(data.MOBILE._recommend_table_id + ' .carrousel-add').hide();
// $(data.MOBILE._recommend_table_id + ' .carrousel-add a').attr('disabled',true);
// }
// else
// {
// $(data.MOBILE._recommend_div_id + ' .carrousel-add').show();
// }
},
dataPreprocessor: false,
genData: function() {
return {
};
}
});
if($(data.MOBILE._recommend_tab_id).length>0){
rtableYd.init();
}
//APP端--注册
var itabletYd = new jQuery.yunpaging({
api: '#springUrl("/pilot_v2/link/list.htm?platform=MOBILE&module=REGIST&contentType=BANNER")',
type: 'GET',
idx: 1,
container: data.MOBILE._other_table_id,
callback: function(pidx, ret) {
$('.nyroModal').nyroModal();
// if($(data.MOBILE._other_table_id + ' tr').length > 1){
// $(data.MOBILE._other_table_id + ' .carrousel-add').hide();
// $(data.MOBILE._other_table_id + ' .carrousel-add a').attr('disabled',true);
// }
// else
// {
// $(data.MOBILE._recommend_div_id + ' .carrousel-add').show();
// }
},
dataPreprocessor: false,
genData: function() {
return {
}
}
});
if($(data.MOBILE._other_tab_id).length>0){
itabletYd.init();
}
//H5端--首页
var wapBannerTable = new jQuery.yunpaging({
api: '#springUrl("/pilot_v2/link/list.htm?platform=WAP&module=INDEX&contentType=BANNER")',
type: 'GET',
idx: 1,
container: data.H5._banner_table_id,
callback: function(pidx, ret){
$(data.H5._banner_table_id + ' #J-table_loading').remove();
$('.nyroModal').nyroModal();
// if($(data.H5._banner_table_id + ' tr').length > 6){
// $(data.H5._banner_table_id + ' .carrousel-add').hide();
// $(data.H5._banner_table_id + ' .carrousel-add a').attr('disabled',true);
// }else{
// $(data.H5._banner_table_id + ' .carrousel-add').show();
// }
},
dataPreprocessor: false,
genData: function() {
return {
};
}
});
if($(data.H5._banner_tab_id).length>0){
wapBannerTable.init();
}
//H5端--登录
var wapTabRecommend = new jQuery.yunpaging({
api: '#springUrl("/pilot_v2/link/list.htm?platform=WAP&module=LOGIN&contentType=BANNER")',
type: 'GET',
idx: 1,
container: data.H5._recommend_table_id,
callback: function(pidx, ret) {
$('.nyroModal').nyroModal();
// if($(data.H5._recommend_table_id + ' tr').length > 1){
// $(data.H5._recommend_table_id + ' .carrousel-add').hide();
// $(data.H5._recommend_table_id + ' .carrousel-add a').attr('disabled',true);
// }
// else
// {
// $(data.H5._recommend_table_id + ' .carrousel-add').show();
// }
},
dataPreprocessor: false,
genData: function() {
return {
};
}
});
if($(data.H5._recommend_tab_id).length>0){
wapTabRecommend.init();
}
//H5端--注册
var wapTabOther = new jQuery.yunpaging({
api: '#springUrl("/pilot_v2/link/list.htm?platform=WAP&module=REGIST&contentType=BANNER")',
type: 'GET',
idx: 1,
container: data.H5._other_table_id,
callback: function(pidx, ret) {
$('.nyroModal').nyroModal();
// if($(data.H5._other_table_id + ' tr').length > 1){
// $(data.H5._other_table_id + ' .carrousel-add').hide();
// $(data.H5._other_table_id + ' .carrousel-add a').attr('disabled',true);
// }
// else
// {
// $(data.H5._other_table_id + ' .carrousel-add').show();
// }
},
dataPreprocessor: false,
genData: function() {
return {
}
}
});
if($(data.H5._other_tab_id).length>0){
wapTabOther.init();
}
// 1000毫秒后移掉J-bannerinfo上面的dn类
setTimeout(function() {
$('#J-bannerinfo').removeClass('dn');
},1000);
//切换tab页
var _tp = FM.util.getUrlParam('_tp');
if (_tp == '_pb') {
$('#clientTab > li').eq(0).click();
$('#tb-nav > li').eq(0).click();
}else if (_tp == '_pr') {
$('#clientTab > li').eq(0).click();
$('#tb-nav > li').eq(1).click();
}else if (_tp == '_po') {
$('#clientTab > li').eq(0).click();
$('#tb-nav > li').eq(2).click();
}else if (_tp == '_mb') {
$('#clientTab > li').eq(1).click();
$('#tb-nav-sd > li').eq(0).click();
}else if (_tp == '_mr') {
$('#clientTab > li').eq(1).click();
$('#tb-nav-sd > li').eq(1).click();
}else if (_tp == '_mo') {
$('#clientTab > li').eq(1).click();
$('#tb-nav-sd > li').eq(2).click();
}else if(_tp == '_hb'){
$('#clientTab > li').eq(2).click();
$('#tb-nav-wap > li').eq(0).click();
}else if(_tp == '_hr'){
$('#clientTab > li').eq(2).click();
$('#tb-nav-wap > li').eq(1).click();
}else if(_tp == '_ho'){
$('#clientTab > li').eq(2).click();
$('#tb-nav-wap > li').eq(2).click();
}
});
})();
// 上线操作
function online(type,linkId){
var dataObj ={};
dataObj.status= 'ONLINE';
dataObj.linkId=linkId;
$("#categoryForm").css("display","none");
$("#update_information").css("display","block");
jQuery.ajax({
type: "POST",
dataType:'json',
url: "../link/update.htm",
data:dataObj,
success: function(result){
if(result.success){
$("#categoryForm").css("display","none");
$("#update_information").css("display","none");
var type = '_pr';
if('$!platform' == 'MOBILE'){
type = '_mr'
}
$('.bootstrap-admin-panel-content').css('display','none');
test_index(1);
window.location.href="index.htm?_tp="+type;
}else{
$("#categoryForm").css("display","none");
$("#update_information").css("display","none");
$('.bootstrap-admin-panel-content').css('display','none');
test_index(2);
window.location.href="index.htm?_tp="+type;
}
},
error: function(req, st, err){
alert("上线失败,请重试");
$("#categoryForm").css("display","none");
$("#update_information").css("display","none");
}
});
}
//升序操作
function f_change(type,e,linkId){
if(type=='_pr'){
url='../link/rank.htm';
}
var $this = $(e);
var beforeRecommendId = $this.parents('tr').prev('tr').data('reid');
jQuery.ajax({
type: "POST",
url: url,
data:{
afterLinkId : linkId, //需要升序的id
beforeLinkId : beforeRecommendId //需要降序的id
},
success: function(result){
if(result.success){
//成功则刷新页面
alert('排序成功');
window.location.href="index.htm";
}
},
error: function(req, st, err){
console.log(err);
alert('排序失败');
}
});
}
function f_click(imgUrl){
$(".click .img_url").attr("src",imgUrl);
$(".click").css("display","block");
}
function c_lose(){
$('.click').css('display','none')
}
</script>
data-link属性的用法
最新推荐文章于 2024-08-16 08:06:26 发布