记得上下班打卡 | git大法好,push需谨慎

Commit 22d9a0fb authored by jiangxiulong's avatar jiangxiulong

banner

parent 7df97db3
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<th:block th:include="include :: header('添加banner')"/> <th:block th:include="include :: header('添加banner')"/>
<th:block th:include="include :: select2-css"/> <th:block th:include="include :: select2-css"/>
<th:block th:include="include :: datetimepicker-css"/> <th:block th:include="include :: datetimepicker-css"/>
<th:block th:include="include :: bootstrap-fileinput-css" /> <th:block th:include="include :: bootstrap-fileinput-css"/>
</head> </head>
<body class="white-bg"> <body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> <div class="wrapper wrapper-content animated fadeInRight ibox-content">
...@@ -39,10 +39,24 @@ ...@@ -39,10 +39,24 @@
</div> </div>
<div class="col-sm-5"> <div class="col-sm-5">
<input class="form-control" type="text" placeholder="请填写url" id="targetObjInput"> <input class="form-control" type="text" placeholder="请填写url" id="targetObjInput">
<div hidden="hidden" id="targetObjSelectShow"> <!--<div hidden="hidden" id="targetObjSelectShow">
<select class="form-control" id="targetObjSelect"> <select class="form-control" id="targetObjSelect">
<option value="">--请选择--</option> <option value="">&#45;&#45;请选择&#45;&#45;</option>
</select> </select>
</div>-->
<div hidden class="row" id="targetObjSelectShow">
<div class="col-lg-6">
<div class="input-group">
<input type="text" class="form-control" id="targetObjSelect">
<div class="input-group-btn">
<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
</ul>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -104,7 +118,8 @@ ...@@ -104,7 +118,8 @@
<div class="form-group"> <div class="form-group">
<label class="font-noraml">请上传封面图</label> <label class="font-noraml">请上传封面图</label>
<div class="file-loading"> <div class="file-loading">
<input id="fileinput-demo-1" type="file" name="coverImgFile" data-browse-on-zone-click="true" data-msg-placeholder="Select {files} for upload..."> <input id="fileinput-demo-1" type="file" name="coverImgFile" data-browse-on-zone-click="true"
data-msg-placeholder="Select {files} for upload...">
</div> </div>
</div> </div>
<input hidden id="coverImg" name="coverImg"> <input hidden id="coverImg" name="coverImg">
...@@ -113,7 +128,8 @@ ...@@ -113,7 +128,8 @@
<th:block th:include="include :: footer"/> <th:block th:include="include :: footer"/>
<th:block th:include="include :: select2-js"/> <th:block th:include="include :: select2-js"/>
<th:block th:include="include :: datetimepicker-js"/> <th:block th:include="include :: datetimepicker-js"/>
<th:block th:include="include :: bootstrap-fileinput-js" /> <th:block th:include="include :: bootstrap-fileinput-js"/>
<th:block th:include="include :: bootstrap-suggest-js"/>
<script type="text/javascript"> <script type="text/javascript">
var prefix = ctx + "kylin/banners"; var prefix = ctx + "kylin/banners";
var provinces = "[[${provinces}]]"; var provinces = "[[${provinces}]]";
...@@ -243,19 +259,19 @@ ...@@ -243,19 +259,19 @@
form.render();*/ form.render();*/
}); });
$('body').on('click', '.provincesDel', function (){ $('body').on('click', '.provincesDel', function () {
$(this).parents('.provincesAll').remove(); $(this).parents('.provincesAll').remove();
}) })
$('body').on('click', '.provincesAdd', function (){ $('body').on('click', '.provincesAdd', function () {
var selecthtml = $('.provincesList').eq(0).select2("destroy").html(); var selecthtml = $('.provincesList').eq(0).select2("destroy").html();
var html = '<div class="col-sm-12 provincesAll">' + var html = '<div class="col-sm-12 provincesAll">' +
' <label class="col-sm-2 control-label"></label>' + ' <label class="col-sm-2 control-label"></label>' +
' <div class="col-sm-5"><select class="form-control provincesList" name="provincesList">'; ' <div class="col-sm-5"><select class="form-control provincesList" name="provincesList">';
html += selecthtml; html += selecthtml;
html += '</select></div>' + html += '</select></div>' +
' <div class="col-sm-5">' + ' <div class="col-sm-5">' +
' <button type="button" class="btn btn-danger btn-sm provincesDel">删除</button>' + ' <button type="button" class="btn btn-danger btn-sm provincesDel">删除</button>' +
' <button type="button" class="btn btn-success btn-sm provincesAdd">添加</button>' + ' <button type="button" class="btn btn-success btn-sm provincesAdd">添加</button>' +
...@@ -292,6 +308,80 @@ ...@@ -292,6 +308,80 @@
// 跳转类型选择事件 // 跳转类型选择事件
function targetObjBsSuggest(searchUrl, targetType) {
var taobaoBsSuggest = $("#targetObjSelect").bsSuggest({
indexId: 0, // data.value 每组数据的第几个数据,作为input输入框的 data-id,设为 -1 且 idField 为空则不设置此值
indexKey: 1, // data.value 的第几个数据,作为input输入框的内容
showBtn: false, //是否显示下拉按钮
hideOnSelect:true, //鼠标从列表单击选择了值时,是否隐藏选择列表
searchingTip: "获取中...",
allowNoKeyword: false, // 是否允许无关键字时请求数据
multiWord: false, // 以分隔符号分割的多关键字支持
separator: ",", // 多关键字支持时的分隔符,默认为空格
getDataMethod: "url", // 获取数据的方式,总是从 URL 获取
effectiveFieldsAlias: {
Id: "ID",
Keyword: "名称"
},
showHeader: true,
url: searchUrl + '&title=',
/*优先从url ajax 请求 json 帮助数据,注意最后一个参数为关键字请求参数*/
// jsonp: 'callback',
/*如果从 url 获取数据,并且需要跨域,则该参数必须设置*/
processData: function (json) { // url 获取数据时,对数据的处理,作为 getData 的回调函数
var i, len, data = {
value: []
};
if (!json) {
return false;
}
if (6 == targetType) {
dataList = json.value;
} else if(8 == targetType) {
dataList = json.rows;
} else if(24 == targetType) {
dataList = json.data;
} else if(26 == targetType) {
dataList = json.data;
} else {
dataList = json.data
}
console.log(dataList);
len = dataList.length;
for (i = 0; i < len; i++) {
var Title = '';
var Id = '';
if (6 == targetType) {
Id = dataList[i].performancesId;
Title = dataList[i].title;
} else if(8 == targetType) {
Id = dataList[i].roadShowId;
Title = dataList[i].title;
} else if(24 == targetType) {
Id = dataList[i].id;
Title = dataList[i].collect_name;
} else if(26 == targetType) {
Id = dataList[i].id;
Title = dataList[i].name;
} else {
Id = dataList[i].id;
Title = dataList[i].title;
}
data.value.push({
"Id": Id,
"Title": Title,
});
}
console.log(data);
return data;
}
});
}
$('#targetType').on('select2:select', function (e) { $('#targetType').on('select2:select', function (e) {
// var cardTypeW = $("#cardType option:checked").text(); // 获取选中的名 // var cardTypeW = $("#cardType option:checked").text(); // 获取选中的名
// var targetType = $("#targetType option:checked").val(); // var targetType = $("#targetType option:checked").val();
...@@ -304,11 +394,19 @@ ...@@ -304,11 +394,19 @@
$("#targetObjInput").hide(); $("#targetObjInput").hide();
} else { } else {
var urlVarName = 'url' + targetType; var urlVarName = 'url' + targetType;
var url = eval(urlVarName); var urleval = eval(urlVarName);
var arrEntities = {'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'}; var arrEntities = {'lt': '<', 'gt': '>', 'nbsp': ' ', 'amp': '&', 'quot': '"'};
url = url.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];}); searchUrl = urleval.replace(/&(lt|gt|nbsp|amp|quot);/ig, function (all, t) {
return arrEntities[t];
});
console.log(searchUrl)
$("#targetObjSelectShow").show();
$("#targetObjInput").hide();
targetObjBsSuggest(searchUrl, targetType);
// 获取相关数据 // 获取相关数据
var configUrl = { /*var configUrl = {
url: url, url: url,
type: "get", type: "get",
dataType: "json", dataType: "json",
...@@ -350,7 +448,7 @@ ...@@ -350,7 +448,7 @@
$("#targetObjSelect").html(html); $("#targetObjSelect").html(html);
} }
}; };
$.ajax(configUrl) $.ajax(configUrl)*/
} }
}); });
$("#fileinput-demo-1").fileinput({ $("#fileinput-demo-1").fileinput({
...@@ -362,7 +460,7 @@ ...@@ -362,7 +460,7 @@
dropZoneTitle: "请上传文件", dropZoneTitle: "请上传文件",
maxFileCount: 1 maxFileCount: 1
}); });
$("#fileinput-demo-1").on("fileuploaded", function(event, data, previewId, index) { $("#fileinput-demo-1").on("fileuploaded", function (event, data, previewId, index) {
$("#coverImg").val(data.response.uploadpath) $("#coverImg").val(data.response.uploadpath)
}); });
}) })
......
...@@ -23,7 +23,7 @@ liquidnet: ...@@ -23,7 +23,7 @@ liquidnet:
url1: "${liquidnet.client.admin.phpoMediaApiUrl}/api/video/list?per_page=50&page=1&type=1" #PGC点播 url1: "${liquidnet.client.admin.phpoMediaApiUrl}/api/video/list?per_page=50&page=1&type=1" #PGC点播
url2: "${liquidnet.client.admin.phpoMediaApiUrl}/api/video/list?per_page=50&page=1&type=2" #PGC直播 url2: "${liquidnet.client.admin.phpoMediaApiUrl}/api/video/list?per_page=50&page=1&type=2" #PGC直播
url5: "${liquidnet.client.admin.phpMallUrl}/admin/fieldListForQuick?page=1&per_page=50" #场地 url5: "${liquidnet.client.admin.phpMallUrl}/admin/fieldListForQuick?page=1&per_page=50" #场地
url6: "/kylin/performances/recommend/performance/status?pageNum=1&pageSize=50&status=(3,6,7,8,9,10)&title=''" #票务 url6: "/kylin/performances/recommend/performance/status?pageNum=1&pageSize=50&status=(3,6,7,8,9,10)" #票务
url7: "${liquidnet.client.admin.phpMallUrl}/admin/goodListForQuick?page=1&per_page=50" #商品 url7: "${liquidnet.client.admin.phpMallUrl}/admin/goodListForQuick?page=1&per_page=50" #商品
url8: "${liquidnet.client.admin.kylinApiUrl}/kylin/performances/roadShow/list?pageNum=1&pageSize=50" #巡演 url8: "${liquidnet.client.admin.kylinApiUrl}/kylin/performances/roadShow/list?pageNum=1&pageSize=50" #巡演
url13: "${liquidnet.client.admin.phpMallUrl}/admin/integrationListForQuick?page=1&per_page=50" #积分商城 url13: "${liquidnet.client.admin.phpMallUrl}/admin/integrationListForQuick?page=1&per_page=50" #积分商城
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment