<!DOCTYPE html>
<html>
<head>
<title>55128.CN广告管理</title>
<meta charset="utf-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript" src="js/jquery-3.1.1.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>
<script type="text/javascript" src="js/layui/layui.js"></script>
<link rel="stylesheet" href="js/layui/css/layui.css" media="all" />
<link rel="stylesheet" href="css/main.css" />
</head>
<body>
<div class="layui-container">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
<legend>55128.CN广告管理</legend>
</fieldset>
<!--
作者：957007164@qq.com
时间：2018-01-05
描述：0-主站 1-开奖号 2-手机站
-->
<input type="hidden" id="which_advertising_position_tab" value="0" />
<!--
作者：957007164@qq.com
时间：2018-01-08
描述：广告ID
-->
<input type="hidden" id="advertising_id" value="" />
<div class="layui-tab" lay-filter="advertising_preview_tab">
<ul class="layui-tab-title">
<li class="layui-this">广告管理<span class="layui-badge-dot layui-bg-orange"></span></li>
<li>主站预览</li>
<li>开奖号预览</li>
<li>手机站预览</li>
<li>彩吧资讯预览</li>
<li>彩吧图库预览</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row layui-col-space1">
<div class="layui-col-md6">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>添加广告</legend>
<div class="layui-field-box">
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">广告标题：</label>
<div class="layui-input-block">
<input id="title" class="form-control-input" type="text" maxlength="10" placeholder="请输入广告标题">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">广告地址：</label>
<div class="layui-input-block">
<input id="href" class="form-control-input" type="text" maxlength="60" placeholder="请输入广告地址，地址前缀必须加http://或者https://">
<span style="color: red;"></span>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">广告位置：</label>
<div class="layui-input-block" id="position-input-block">
<select name="position" id="position" lay-verify="required" lay-search="">
<option value="">直接选择或搜索选择</option>
<option value="1-1">第1排第1列</option>
<option value="1-2">第1排第2列</option>
<option value="1-3">第1排第3列</option>
<option value="1-4">第1排第4列</option>
<option value="2-1">第2排第1列</option>
<option value="2-2">第2排第2列</option>
<option value="2-3">第2排第3列</option>
<option value="2-4">第2排第4列</option>
</select>
</div>
<div id="position-msg" data-val=""></div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">到期时间：</label>
<div class="layui-input-block">
<input id="over-time" class="form-control-input cursor-pointer" type="text" readonly="readonly" placeholder="请选择到期时间">
</div>
</div>
</form>
<!--
作者：957007164@qq.com
时间：2018-01-05
描述：保存
-->
<button class="layui-btn layui-btn-fluid layui-bg-blue" onclick="SaveAdvertisement()">保 存</button>
<hr>
<!--
作者：957007164@qq.com
时间：2018-01-05
描述：重置
-->
<button class="layui-btn layui-btn-fluid layui-bg-red" onclick="Reset()">重 置</button>
</div>
</fieldset>
</div>
</div>
<div class="layui-col-md6">
<fieldset class="layui-elem-field">
<legend>广告信息</legend>
<div class="layui-field-box">
<div class="layui-collapse" lay-accordion="">
<div class="layui-colla-item">
<h2 class="layui-colla-title">55128.CN招商说明</h2>
<div class="layui-colla-content layui-show">
<p>1、广告位招商站点为：主站（55128.CN，ZX.55128.CN，TK.55128.CN），开奖网（KJH.55128.CN），手机站（M.55128.CN）</p>
</div>
</div>
<div class="layui-colla-item">
<h2 class="layui-colla-title">操作说明及温馨提示</h2>
<div class="layui-colla-content">
<p>1、广告位固定为主站5*2，开奖网5*2，手机站2*3排列组合，实际位置和此广告位一一对应；</p>
<p>2、广告标题限15字以内，地址限60字以内。<span style="color: red;">特别提醒：地址前缀必须加http://或者https://</span>；</p>
<p>3、双击广告位可以实现对当前点击广告位编辑、新增操作（如果广告位状态为待销售）；</p>
<p>4、广告位的位置固定且唯一，因此添加新广告时请正确选择【广告位置】；</p>
<p>5、提交数据需要提供密码，请妥善保管此密钥</p>
</div>
</div>
<div class="layui-colla-item">
<h2 class="layui-colla-title">联系我们</h2>
<div class="layui-colla-content">
<p>1、商务事项：564440758@QQ.COM</p>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
<legend>广告位列表</legend>
</fieldset>
<div class="layui-tab" lay-filter="advertising_position_tab">
<ul class="layui-tab-title">
<li class="layui-this">主站</li>
<li>开奖号</li>
<li>手机站</li>
<li>彩吧资讯</li>
<li>彩吧图库</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="layui-row layui-col-space1" id="advertisement-content-0"></div>
<script id="advertisement-tmpl-0" type="text/x-dot-template">
<!-- 广告位已经添加 -->
{{##def.togeter_sold_0:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box cursor-pointer user-select-none" title="双击编辑" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title="{{= item.Title }}" data-href='{{= item.Href }}' data-over-time='{{= item.OverTime }}' data-id='{{= item.Id }}'>
<ul style="line-height: 2;">
<li><i class="layui-icon" style="font-size: 10px; color: #FFB800;"></i> {{= item.Title }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #FF5722;"></i> {{= item.OverTime }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #5FB878;"></i>
<a href="{{= item.Href }}" target='_blank' title="{{= item.Href }}">点我前往</a>
</li>
</ul>
</div>
</fieldset>
</div>
</div>
#}}
<!-- 广告位待销售 -->
{{##def.togeter_no_sold_0:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box no-sold cursor-pointer user-select-none" title="双击添加" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title='' data-href='' data-over-time='' data-id='{{= item.Id }}'>
</div>
</fieldset>
</div>
</div>
#}}
<!-- 广告位已过期 -->
{{##def.togeter_expired_0:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box cursor-pointer user-select-none expired" title="双击编辑" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title="{{= item.Title }}" data-href='{{= item.Href }}' data-over-time='{{= item.OverTime }}' data-id='{{= item.Id }}'>
<ul style="line-height: 2;">
<li><i class="layui-icon" style="font-size: 10px; color: #FFB800;"></i> {{= item.Title }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #FF5722;"></i> {{= item.OverTime }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #5FB878;"></i>
<a href="{{= item.Href }}" target='_blank' title="{{= item.Href }}">点我前往</a>
</li>
</ul>
</div>
</fieldset>
</div>
</div>
#}}
{{~it:item:index}}
{{?item.IsEnable}}
{{?item.IsExpire}}
<!-- 引用广告位已过期模块 -->
{{#def.togeter_expired_0}}
{{??}}
<!-- 引用广告位已经添加模块 -->
{{#def.togeter_sold_0}}
{{?}}
{{??}}
<!-- 引用广告位待销售模块 -->
{{#def.togeter_no_sold_0}}
{{?}}
{{~}}
</script>
</div>
<div class="layui-tab-item">
<div class="layui-row layui-col-space1" id="advertisement-content-1"></div>
<script id="advertisement-tmpl-1" type="text/x-dot-template">
<!-- 广告位已经添加 -->
{{##def.togeter_sold_1:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box cursor-pointer user-select-none" title="双击编辑" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title="{{= item.Title }}" data-href='{{= item.Href }}' data-over-time='{{= item.OverTime }}' data-id='{{= item.Id }}'>
<ul style="line-height: 2;">
<li><i class="layui-icon" style="font-size: 10px; color: #FFB800;"></i> {{= item.Title }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #FF5722;"></i> {{= item.OverTime }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #5FB878;"></i>
<a href="{{= item.Href }}" target='_blank' title="{{= item.Href }}">点我前往</a>
</li>
</ul>
</div>
</fieldset>
</div>
</div>
#}}
<!-- 广告位待销售 -->
{{##def.togeter_no_sold_1:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box no-sold cursor-pointer user-select-none" title="双击添加" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title='' data-href='' data-over-time='' data-id='{{= item.Id }}'>
</div>
</fieldset>
</div>
</div>
#}}
<!-- 广告位已过期 -->
{{##def.togeter_expired_1:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box cursor-pointer user-select-none expired" title="双击编辑" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title="{{= item.Title }}" data-href='{{= item.Href }}' data-over-time='{{= item.OverTime }}' data-id='{{= item.Id }}'>
<ul style="line-height: 2;">
<li><i class="layui-icon" style="font-size: 10px; color: #FFB800;"></i> {{= item.Title }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #FF5722;"></i> {{= item.OverTime }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #5FB878;"></i>
<a href="{{= item.Href }}" target='_blank' title="{{= item.Href }}">点我前往</a>
</li>
</ul>
</div>
</fieldset>
</div>
</div>
#}}
{{~it:item:index}}
{{?item.IsEnable}}
{{?item.IsExpire}}
<!-- 引用广告位已过期模块 -->
{{#def.togeter_expired_1}}
{{??}}
<!-- 引用广告位已经添加模块 -->
{{#def.togeter_sold_1}}
{{?}}
{{??}}
<!-- 引用广告位待销售模块 -->
{{#def.togeter_no_sold_1}}
{{?}}
{{~}}
</script>
</div>
<div class="layui-tab-item">
<div class="layui-row layui-col-space1" id="advertisement-content-2"></div>
<script id="advertisement-tmpl-2" type="text/x-dot-template">
<!-- 广告位已经添加 -->
{{##def.togeter_sold_2:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box cursor-pointer user-select-none" title="双击编辑" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title="{{= item.Title }}" data-href='{{= item.Href }}' data-over-time='{{= item.OverTime }}' data-id='{{= item.Id }}'>
<ul style="line-height: 2;">
<li><i class="layui-icon" style="font-size: 10px; color: #FFB800;"></i> {{= item.Title }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #FF5722;"></i> {{= item.OverTime }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #5FB878;"></i>
<a href="{{= item.Href }}" target='_blank' title="{{= item.Href }}">点我前往</a>
</li>
</ul>
</div>
</fieldset>
</div>
</div>
#}}
<!-- 广告位待销售 -->
{{##def.togeter_no_sold_2:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box no-sold cursor-pointer user-select-none" title="双击添加" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title='' data-href='' data-over-time='' data-id='{{= item.Id }}'>
</div>
</fieldset>
</div>
</div>
#}}
<!-- 广告位已过期 -->
{{##def.togeter_expired_2:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box cursor-pointer user-select-none expired" title="双击编辑" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title="{{= item.Title }}" data-href='{{= item.Href }}' data-over-time='{{= item.OverTime }}' data-id='{{= item.Id }}'>
<ul style="line-height: 2;">
<li><i class="layui-icon" style="font-size: 10px; color: #FFB800;"></i> {{= item.Title }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #FF5722;"></i> {{= item.OverTime }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #5FB878;"></i>
<a href="{{= item.Href }}" target='_blank' title="{{= item.Href }}">点我前往</a>
</li>
</ul>
</div>
</fieldset>
</div>
</div>
#}}
{{~it:item:index}}
{{?item.IsEnable}}
{{?item.IsExpire}}
<!-- 引用广告位已过期模块 -->
{{#def.togeter_expired_2}}
{{??}}
<!-- 引用广告位已经添加模块 -->
{{#def.togeter_sold_2}}
{{?}}
{{??}}
<!-- 引用广告位待销售模块 -->
{{#def.togeter_no_sold_2}}
{{?}}
{{~}}
</script>
</div>
<!--测试 start-->
<div class="layui-tab-item">
<div class="layui-row layui-col-space1" id="advertisement-content-3"></div>
<script id="advertisement-tmpl-3" type="text/x-dot-template">
<!-- 广告位已经添加 -->
{{##def.togeter_sold_3:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box cursor-pointer user-select-none" title="双击编辑" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title="{{= item.Title }}" data-href='{{= item.Href }}' data-over-time='{{= item.OverTime }}' data-id='{{= item.Id }}'>
<ul style="line-height: 2;">
<li><i class="layui-icon" style="font-size: 10px; color: #FFB800;"></i> {{= item.Title }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #FF5722;"></i> {{= item.OverTime }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #5FB878;"></i>
<a href="{{= item.Href }}" target='_blank' title="{{= item.Href }}">点我前往</a>
</li>
</ul>
</div>
</fieldset>
</div>
</div>
#}}
<!-- 广告位待销售 -->
{{##def.togeter_no_sold_3:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box no-sold cursor-pointer user-select-none" title="双击添加" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title='' data-href='' data-over-time='' data-id='{{= item.Id }}'>
</div>
</fieldset>
</div>
</div>
#}}
<!-- 广告位已过期 -->
{{##def.togeter_expired_3:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box cursor-pointer user-select-none expired" title="双击编辑" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title="{{= item.Title }}" data-href='{{= item.Href }}' data-over-time='{{= item.OverTime }}' data-id='{{= item.Id }}'>
<ul style="line-height: 2;">
<li><i class="layui-icon" style="font-size: 10px; color: #FFB800;"></i> {{= item.Title }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #FF5722;"></i> {{= item.OverTime }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #5FB878;"></i>
<a href="{{= item.Href }}" target='_blank' title="{{= item.Href }}">点我前往</a>
</li>
</ul>
</div>
</fieldset>
</div>
</div>
#}}
{{~it:item:index}}
{{?item.IsEnable}}
{{?item.IsExpire}}
<!-- 引用广告位已过期模块 -->
{{#def.togeter_expired_3}}
{{??}}
<!-- 引用广告位已经添加模块 -->
{{#def.togeter_sold_3}}
{{?}}
{{??}}
<!-- 引用广告位待销售模块 -->
{{#def.togeter_no_sold_3}}
{{?}}
{{~}}
</script>
</div>
<div class="layui-tab-item">
<div class="layui-row layui-col-space1" id="advertisement-content-4"></div>
<script id="advertisement-tmpl-4" type="text/x-dot-template">
<!-- 广告位已经添加 -->
{{##def.togeter_sold_4:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box cursor-pointer user-select-none" title="双击编辑" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title="{{= item.Title }}" data-href='{{= item.Href }}' data-over-time='{{= item.OverTime }}' data-id='{{= item.Id }}'>
<ul style="line-height: 2;">
<li><i class="layui-icon" style="font-size: 10px; color: #FFB800;"></i> {{= item.Title }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #FF5722;"></i> {{= item.OverTime }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #5FB878;"></i>
<a href="{{= item.Href }}" target='_blank' title="{{= item.Href }}">点我前往</a>
</li>
</ul>
</div>
</fieldset>
</div>
</div>
#}}
<!-- 广告位待销售 -->
{{##def.togeter_no_sold_4:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box no-sold cursor-pointer user-select-none" title="双击添加" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title='' data-href='' data-over-time='' data-id='{{= item.Id }}'>
</div>
</fieldset>
</div>
</div>
#}}
<!-- 广告位已过期 -->
{{##def.togeter_expired_4:
<div class="layui-col-xs6 layui-col-sm4 layui-col-md3 layui-col-lg2">
<div class="grid-demo">
<fieldset class="layui-elem-field">
<legend>广告位{{= item.Position }}</legend>
<div class="layui-field-box cursor-pointer user-select-none expired" title="双击编辑" ondblclick="AddOrEditAdvertisement(this)" data-position="{{= item.Position }}" data-title="{{= item.Title }}" data-href='{{= item.Href }}' data-over-time='{{= item.OverTime }}' data-id='{{= item.Id }}'>
<ul style="line-height: 2;">
<li><i class="layui-icon" style="font-size: 10px; color: #FFB800;"></i> {{= item.Title }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #FF5722;"></i> {{= item.OverTime }}</li>
<li><i class="layui-icon" style="font-size: 10px; color: #5FB878;"></i>
<a href="{{= item.Href }}" target='_blank' title="{{= item.Href }}">点我前往</a>
</li>
</ul>
</div>
</fieldset>
</div>
</div>
#}}
{{~it:item:index}}
{{?item.IsEnable}}
{{?item.IsExpire}}
<!-- 引用广告位已过期模块 -->
{{#def.togeter_expired_4}}
{{??}}
<!-- 引用广告位已经添加模块 -->
{{#def.togeter_sold_4}}
{{?}}
{{??}}
<!-- 引用广告位待销售模块 -->
{{#def.togeter_no_sold_4}}
{{?}}
{{~}}
</script>
</div>
<!--测试End-->
</div>
</div>
</div>
<div class="layui-tab-item">
<div id="advertisement-preview-content-0">
</div>
</div>
<div class="layui-tab-item">
<div id="advertisement-preview-content-1">
</div>
</div>
<div class="layui-tab-item">
<div id="advertisement-preview-content-2">
</div>
</div>
<div class="layui-tab-item">
<div id="advertisement-preview-content-3">
</div>
</div>
<div class="layui-tab-item">
<div id="advertisement-preview-content-4">
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="js/doT.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/do.js"></script>
</body>
</html>