<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="referrer" content="never">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<title>广告地域设置-添加</title>
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/maincontent.css" rel="stylesheet">
|
<link href="css/tablestyle.css" rel="stylesheet">
|
<style>
|
.form-group {
|
margin-bottom: 30px;
|
}
|
|
.checkbox input[type=checkbox] {
|
top: 6px;
|
}
|
|
#container-video {
|
display: block;
|
}
|
|
#container-web {
|
display: none;
|
}
|
|
#container-special {
|
display: none;
|
}
|
|
#dialog-chooselink {
|
padding: 20px;
|
}
|
|
#dialog-chooselink select {
|
width: 100px;
|
}
|
|
#dialog-chooselink label {
|
display: inline;
|
}
|
|
#dialog-chooselink input[type=text] {
|
display: inline;
|
width: 500px;
|
}
|
|
#dialog-chooselink ul {
|
display: block;
|
list-style: none;
|
}
|
|
#dialog-chooselink ul li {
|
display: inline;
|
list-style: none;
|
width: 33%;
|
float: left;
|
}
|
|
#dialog-chooselink input[type=radio] {
|
width: 20px;
|
height: 20px;
|
}
|
|
#dialog-chooselink .search-result {
|
height: 630px;
|
overflow-y: scroll;
|
}
|
</style>
|
</head>
|
|
<body>
|
<nav class="navbar navbar-default navbar-fixed-top">
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
<dl>
|
</dl>
|
</div>
|
<div id="neirong">
|
<div class="erjidh">
|
<ol class="breadcrumb">
|
<li>
|
<a href="tuijian-banner.html">广告地域设置</a>
|
</li>
|
<li class="active">添加设置</li>
|
</ol>
|
</div>
|
<form class="form-horizontal">
|
<div class="form-group">
|
<label class="changdu1 control-label">渠道</label>
|
<div class="col-sm-1">
|
<select class="form-control" id="channel">
|
<option value="qq">应用宝</option>
|
<option value="huawei">华为</option>
|
<option value="vivo">VIVO</option>
|
<option value="oppo">OPPO</option>
|
<option value="xiaomi">小米</option>
|
<option value="baidu">百度</option>
|
<option value="honor">荣耀</option>
|
<option value="meizu">魅族</option>
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="changdu1 control-label">广告类型</label>
|
<div class="col-sm-2">
|
<select class="form-control" id="adType">
|
<option value="csj">穿山甲广告</option>
|
<option value="gdt">广点通/优量汇广告</option>
|
<option value="vivo">VIVO广告</option>
|
<option value="hw">华为广告</option>
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="changdu1 control-label">广告位置</label>
|
<div class="col-sm-3 position">
|
|
</div>
|
</div>
|
|
|
<div class="form-group">
|
<label class="changdu1 control-label">省份</label>
|
<div class="col-sm-3">
|
<textarea class="form-control" rows="4" id="provinces" placeholder="采用逗号分隔"></textarea>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="changdu1 control-label">城市</label>
|
<div class="col-sm-3">
|
<textarea class="form-control" rows="4" id="citys" placeholder="采用逗号分隔"></textarea>
|
</div>
|
</div>
|
|
|
<div class="form-group">
|
<label class="changdu1 control-label">开始生效时间</label>
|
<div class="col-sm-1">
|
<input type="text" class="form-control" id="startTime">
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="changdu1 control-label">结束生效时间</label>
|
<div class="col-sm-1">
|
<input type="text" class="form-control" id="endTime">
|
</div>
|
</div>
|
|
|
<div class="form-group">
|
<label class="changdu1 control-label">媒体</label>
|
<div class="col-sm-2 detailsystem">
|
|
|
</div>
|
</div>
|
|
<div class="button0">
|
<div class="button">
|
<button type="button" class="btn btn-primary save">保存</button>
|
</div>
|
<div class="button">
|
<input type="reset" class="btn btn-default" value="重置"/>
|
</div>
|
</div>
|
</form>
|
|
</div>
|
<div id="dialog-chooselink" style="display: none;">
|
<div class="row" style="height: 690px;">
|
<div class="col-lg-3 col-md-3" style="display: inline;">
|
<select class="form-control">
|
<option value="1">视频</option>
|
<option value="2">网页</option>
|
<option value="3">合集</option>
|
</select>
|
</div>
|
<div class="col-lg-9 col-md-9" style="display: inline;">
|
<!--视频选择 -->
|
<div id="container-video">
|
<div class="search">
|
<input type="text" class="form-control" placeholder="请输入关键字"
|
style="width: 200px;display: inline;"/>
|
<button class="btn btn-info">搜索</button>
|
</div>
|
|
<!-- 搜索结果展示区域-->
|
<div class="search-result">
|
<table class="table">
|
<thead>
|
<th>编号</th>
|
<th>名称</th>
|
<th>封面</th>
|
<th>是否显示</th>
|
<th>选择</th>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
<!--网页填写 -->
|
<div id="container-web">
|
<label>网页链接:</label>
|
<input type="text" class="form-control"/>
|
</div>
|
<!--合集选择 -->
|
<div id="container-special">
|
<label>合集列表</label>
|
<ul>
|
<li>
|
<div class="checkbox"><label><input type="checkbox" value="46"> 布丸影视大全Web1</label>
|
</div>
|
</li>
|
<li>
|
<div class="checkbox"><label><input type="checkbox" value="46"> 布丸影视大全Web2</label>
|
</div>
|
</li>
|
|
</ul>
|
|
</div>
|
</div>
|
|
</div>
|
|
<div style="float: right;">
|
<button class="btn btn-info sure">确定</button>
|
<button class="btn btn-default cancel">取消</button>
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="//cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="js/common.js"></script>
|
<script src="layer/layer.js"></script>
|
<script src="js/vue.min.js"></script>
|
<script>
|
var index;
|
$(function () {
|
$.post('api/adAreaConfig/getPositionList', {}, function (data) {
|
if (data.code == 0) {
|
var datas = data.data;
|
var dsStr = "";
|
datas.forEach(function (ds) {
|
dsStr += "<div class='checkbox '><label>";
|
dsStr += "<input type='checkbox' value=" + ds.value + ">";
|
dsStr += " " + ds.name;
|
dsStr += "</label></div>";
|
});
|
$(".position").eq(0).html(dsStr);
|
}
|
}, "json");
|
|
|
$.post('/BuWan/admin/new/api/common/detailsystemlist', function (data) {
|
if (data.code == 0) {
|
var dsStr = "<select id='detailsystem' class='form-control'>";
|
data.data.forEach(function (ds) {
|
dsStr += "<option type='checkbox' value=" + ds.id + ">";
|
dsStr += ds.name;
|
dsStr += "</option>";
|
});
|
dsStr += "</select>"
|
$(".detailsystem").html(dsStr);
|
}
|
}, 'json');
|
|
$(".save").click(function () {
|
var params = {};
|
params.channel = $("#channel").val();
|
params.adType = $("#adType").val();
|
params.detailSystemId = $("#detailsystem").val();
|
params.provinces = $("#provinces").val();
|
params.citys = $("#citys").val();
|
params.startTime = $("#startTime").val();
|
params.endTime = $("#endTime").val();
|
var $positions = $(".position input[type=checkbox]");
|
var dess = "";
|
for (var i = 0; i < $positions.length; i++) {
|
if ($positions.eq(i).is(":checked")) {
|
dess += $positions.eq(i).val() + ",";
|
}
|
}
|
if (dess.length > 0)
|
dess = dess.substr(0, dess.length - 1);
|
params.positions = dess;
|
|
console.log("获取到的数据：", params);
|
|
// 判断数据格式是否正确
|
|
if(params.positions.length<1){
|
layer.msg("请选择广告位置");
|
return;
|
}
|
|
|
const timePattern = /^(?:[01]?\d|2[0-3]):[0-5]\d:[0-5]\d$/;
|
if(!timePattern.test(params.startTime)||!timePattern.test(params.endTime)){
|
layer.msg("时间格式不正确");
|
return;
|
}
|
|
|
|
|
var index = layer.load(0, {
|
'shade': false
|
});
|
$.post('/BuWan/admin/new/api/adAreaConfig/add', params, function (data) {
|
layer.close(index);
|
if(data.code ==0){
|
layer.msg("添加成功");
|
}else {
|
layer.msg(data.msg);
|
}
|
doResponse(data, function () {
|
|
});
|
}, 'json');
|
|
});
|
|
});
|
</script>
|
|
</body>
|
|
</html>
|
