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

Skip to content

L
liquidnet-bus-v1
Commit 0072d3db authored by sangchunxi's avatar sangchunxi
Browse files
Options

推荐活动edit okk

parent 8a1e132a
Show whitespace changes
Inline Side-by-side
Showing with 163 additions and 48 deletions
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/static/js/searchSelect.js
View file @ 0072d3db
...@@ -163,17 +163,20 @@ class searchSelect { ...@@ -163,17 +163,20 @@ class searchSelect {
// 模糊搜索方法 // 模糊搜索方法
getList(str) { getList(str) {
// let list = arr || JSON.parse(JSON.stringify(this.list)) // let list = arr || JSON.parse(JSON.stringify(this.list))
if(this.list.length<1) { if(this.list.length < 1) {
$(this.dom).children('.drawer').html('<li class="none">暂无其他数据</li>') $(this.dom).children('.drawer').html('<li class="none">暂无其他数据</li>')
return this return this
} }
let domlist = str?this.list.filter(item => item.value.includes(str)):JSON.parse(JSON.stringify(this.list)) // let domlist = str?this.list.filter(item => item.value.includes(str)):JSON.parse(JSON.stringify(this.list))
if(domlist.length<1){ let domlist = str ? this.list : JSON.parse(JSON.stringify(this.list))
if(domlist.length < 1) {
$(this.dom).children('.drawer').html('<li class="none">暂无其他数据</li>') $(this.dom).children('.drawer').html('<li class="none">暂无其他数据</li>')
return this return this
} }
let listDom = '' let listDom = ''
$(this.dom).children('.drawer').html('') $(this.dom).children('.drawer').html('')
domlist.forEach(item => { domlist.forEach(item => {
let isActive = $(this.dom).children('.searchSelect').attr('data-id')==item.id let isActive = $(this.dom).children('.searchSelect').attr('data-id')==item.id
listDom+='<li class="item '+(isActive?'active':'')+' " data-id="'+item.id+'">'+item.value+'</li>' listDom+='<li class="item '+(isActive?'active':'')+' " data-id="'+item.id+'">'+item.value+'</li>'
......
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/sweet/affiliatedActivity/edit.html
View file @ 0072d3db
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
display: flex; display: flex;
} }
.addAvatarItem .selectClassifyOne .span-label { .addAvatarItem .selectClassifyOne .span-label {
width: 85px; width: 108px;
} }
.picker { .picker {
display: flex; display: flex;
...@@ -237,7 +237,7 @@ ...@@ -237,7 +237,7 @@
<!-- --> <!-- -->
<div class="first_footer editshow" style="padding-left: 60px; margin-top: 12px;"> <div class="first_footer editshow" style="padding-left: 60px; margin-top: 12px;">
<button class="btn btn-primary" onclick="nextBtn()">确定</button> <button class="btn btn-primary" onclick="save()">确定</button>
</div> </div>
</div> </div>
...@@ -257,8 +257,10 @@ ...@@ -257,8 +257,10 @@
let prefix2 = ctx + "local"; let prefix2 = ctx + "local";
let itemId = Number(getUrlParms('id')) let itemId = Number(getUrlParms('id'))
let affiliatedUrl = ['', 'goblin/common/sku', 'goblin/common/mix', 'kylin/performances/roadShow/performance/status', 'compilations/goodsList'] let affiliatedUrl = ['', 'goblin/common/sku', 'goblin/common/mix', 'kylin/performances/roadShow/performance/status', 'compilations/goodsList']
let listData = []
let isOneDom = $('#addClassify2').find($('.addAvatarItem')).length // 判断是否默认一组表单 let isOneDom = $('#addClassify2').find($('.addAvatarItem')).length + 1 // 判断是否默认一组表单
let _recommendId = ''
let varObj = {}
console.log('isOneDom', isOneDom) console.log('isOneDom', isOneDom)
...@@ -336,6 +338,8 @@ ...@@ -336,6 +338,8 @@
list = res.list list = res.list
_recommendId = res.recommendId
$('#activeName').attr('value', res.name) $('#activeName').attr('value', res.name)
$('#activeType').find(`option[value=${res.activeType}]`).attr('selected', true) $('#activeType').find(`option[value=${res.activeType}]`).attr('selected', true)
...@@ -384,13 +388,13 @@ ...@@ -384,13 +388,13 @@
<span class="span-label"><i style="color: red;">*</i>推荐商品：</span> <span class="span-label"><i style="color: red;">*</i>推荐商品：</span>
<div class="search-wrapper"> <div class="search-wrapper">
<div class="search-wrapper" style="margin-bottom: 15px;"> <div class="search-wrapper" style="margin-bottom: 15px;">
<div id="listRemoteSearch${index + 1}" placeholder="请搜索" name="seaarchSelect${index + 1}" class="weqewewe"></div> <div id="listRemoteSearch${index + 1}" placeholder="请搜索" name="searchSelect${index + 1}"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="selectClassifyOne"> <div class="selectClassifyOne">
<span class="span-label"><i style="color: red;">*</i>推荐类型：</span> <span class="span-label"><i style="color: red;">*</i>推荐类型：</span>
<select id="listActiveType${index + 1}" value="${item.type}" class="form-control m-b" style="width: 170px;"> <select id="listActiveType${index + 1}" value="${item.type}" class="form-control m-b">
<option value="">所有</option> <option value="">所有</option>
<option value="1">NFT</option> <option value="1">NFT</option>
<option value="2">组合购</option> <option value="2">组合购</option>
...@@ -412,13 +416,13 @@ ...@@ -412,13 +416,13 @@
<span class="span-label"><i style="color: red;">*</i>推荐商品：</span> <span class="span-label"><i style="color: red;">*</i>推荐商品：</span>
<div class="search-wrapper"> <div class="search-wrapper">
<div class="search-wrapper" style="margin-bottom: 15px;"> <div class="search-wrapper" style="margin-bottom: 15px;">
<div id="listRemoteSearch${isOneDom + 1}" placeholder="请搜索" name="seaarchSelect${isOneDom + 1}"></div> <div id="listRemoteSearch${isOneDom + 1}" placeholder="请搜索" name="searchSelect${isOneDom + 1}"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="selectClassifyOne"> <div class="selectClassifyOne">
<span class="span-label"><i style="color: red;">*</i>推荐类型：</span> <span class="span-label"><i style="color: red;">*</i>推荐类型：</span>
<select id="listActiveType${isOneDom + 1}" class="form-control m-b" style="width: 170px;"> <select id="listActiveType${isOneDom + 1}" class="form-control m-b">
<option value="">所有</option> <option value="">所有</option>
<option value="1">NFT</option> <option value="1">NFT</option>
<option value="2">组合购</option> <option value="2">组合购</option>
...@@ -429,17 +433,16 @@ ...@@ -429,17 +433,16 @@
// 只有一组，可添加 // 只有一组，可添加
if (1) { if (isOneDom) {
console.log('只有一组，可添加', isOneDom) console.log('只有一组，可添加', isOneDom)
$('#addClassify2').append(dynamicAddDom) $('#addClassify2').append(dynamicAddDom)
setTimeout(() => { setTimeout(() => {
// 监听 模糊搜索 varObj['listRemoteSearch'+(isOneDom+1)] = new searchSelect(`#listRemoteSearch${isOneDom + 1}`, [], function(val) {
new searchSelect(`#listRemoteSearch${isOneDom + 1}`, [], function(val) {
searchAjax(val, isOneDom + 1) searchAjax(val, isOneDom + 1)
}) })
}, 500) }, 600)
} else { } else {
layer.msg('不能添加') layer.msg('不能添加')
...@@ -451,17 +454,20 @@ ...@@ -451,17 +454,20 @@
// 添加dom同时，添加表单监听 // 添加dom同时，添加表单监听
function createListenerSearch (index) { function createListenerSearch (index) {
console.log('createListenerSearch', index)
// 监听 模糊搜索 varObj['listRemoteSearch'+index] = new searchSelect(`#listRemoteSearch${index}`, [], function(val) {
new searchSelect(`#listRemoteSearch${index}`, [], function(val) {
searchAjax(val, index) searchAjax(val, index)
}) })
console.log('varObj', varObj)
} }
function searchAjax (val, index) { function searchAjax (val, index) {
let _selectVal = $("#listActiveType" + index).find("option:selected").val() // 当前子select val let _selectVal = $("#listActiveType" + index).find("option:selected").val() // 当前子select val
console.log('111', val, _selectVal)
if (_selectVal) { if (_selectVal) {
let _params = {} let _params = {}
if (_selectVal === 1) { if (_selectVal === 1) {
...@@ -482,19 +488,41 @@ ...@@ -482,19 +488,41 @@
contentType: "application/json;charset=UTF-8", contentType: "application/json;charset=UTF-8",
data: _params, data: _params,
success: function(res) { success: function(res) {
let forData = _selectVal === 3 ? res.value : res.data let _data = []
let _data = forData.map(item => { let nft = res.data || []
if (_selectVal === 1) { // NFT let group = res.data || []
let yan = res.value || []
let sp = res.data || []
console.log('_selectVal', _selectVal)
if (_selectVal == 1) {
console.log('111')
_data = nft.map(item => { // 组装返回nft数据
return { id: item.spuId, value: item.spuName } return { id: item.spuId, value: item.spuName }
} else if (_selectVal === 2) { })
} else if (_selectVal == 2) {
console.log('222')
_data = group?.map(item => {
return { id: item.mixId, value: item.name } return { id: item.mixId, value: item.name }
} else if (_selectVal === 3) { })
} else if (_selectVal == 3) {
console.log('333')
_data = yan?.map(item => {
return { id: item.performancesId, value: item.title } return { id: item.performancesId, value: item.title }
} else { // 商品 })
} else if (_selectVal == 4) {
console.log('444')
_data = sp?.map(item => {
return { id: item.spuId, value: item.name } return { id: item.spuId, value: item.name }
}
}) })
search.update(_data) }
console.log(Object.keys(varObj), index, _data)
varObj[Object.keys(varObj)[index - 1]].update(_data) // 更新数据
} }
}) })
...@@ -504,9 +532,37 @@ ...@@ -504,9 +532,37 @@
// 保存/更新 // 保存/更新
function save () { function save () {
listData = []
let evryGroup = $('#addClassify2').find($('.addAvatarItem'))
for (let i = 0; i < evryGroup.length; i++) {
listData.push({
recommendBindId: $('#listRemoteSearch' + (i+1)).find('input').val(),
type: $("#listActiveType" + (i+1)).find("option:selected").val()
})
}
console.log('listData', listData)
let _params = {
activeBindId: $('#search input').val(),
activeName: $('#activeName').val(),
activeType: Number($("#activeType").find("option:selected").val()),
endTime: $('#endTime').val(),
list: listData,
mid: itemId,
recommendId: _recommendId,
startTime: $('#startTime').val(),
status: Number($("#status").find("option:selected").val())
}
console.log('_params', _params)
// 修改活动 // 修改活动
promiseMethods('/kylin-recommend-active/updateKylinRecommendActive','post', JSON.stringify(data), 'application/json').then(res => { promiseMethods('/kylin-recommend-active/updateKylinRecommendActive','post', JSON.stringify(_params), 'application/json').then(res => {
if (res.code == 200) { if (res.code == 200) {
$.operate.successCallback(res); $.operate.successCallback(res);
......
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/sweet/affiliatedActivity/list.html
View file @ 0072d3db
...@@ -302,6 +302,8 @@ ...@@ -302,6 +302,8 @@
let affiliatedUrl = ['', 'goblin/common/sku', 'goblin/common/mix', 'kylin/performances/roadShow/performance/status', 'compilations/goodsList'] let affiliatedUrl = ['', 'goblin/common/sku', 'goblin/common/mix', 'kylin/performances/roadShow/performance/status', 'compilations/goodsList']
let currentUrl = '' let currentUrl = ''
let currentChildUrl = '' let currentChildUrl = ''
let affiliatedData = []
let affiliatedChildData = []
// 下线 modal // 下线 modal
let addActivityModalDom = `` let addActivityModalDom = ``
...@@ -399,35 +401,78 @@ ...@@ -399,35 +401,78 @@
_params['name'] = 1 _params['name'] = 1
_params['title'] = val _params['title'] = val
} }
let _data = []
$.ajax({ $.ajax({
type: 'get', type: 'get',
url: ctx + currentUrl, url: ctx + currentUrl,
contentType: "application/json;charset=UTF-8", contentType: "application/json;charset=UTF-8",
data: _params, data: _params,
success: function(res) { success: function(res) {
let forData = activeTypeChangeVal === 3 ? res.value : res.data let _data = []
let _data = forData.map(item => { let nft = res.data || []
if (activeTypeChangeVal === 1) { // NFT let group = res.data || []
let yan = res.value || []
let sp = res.data || []
// let nft = [
// {spuId: "2219913102854826450", spuName: "测试百度链2"},
// {spuId: "2219914180134302603", spuName: "sku121"},
// {spuId: "2219914180134310692", spuName: "sku222"},
// {spuId: "2219919453537884760", spuName: "预定sku2"},
// {spuId: "2220116265978433388", spuName: "master2"},
// {spuId: "2220217443211696612", spuName: "盲盒预约2"},
// {spuId: "2220418044261869362", spuName: "测试百度2"},
// {spuId: "2221012455677371741", spuName: "万字至信链2"}
// ]
//
// let group = [
// {mixId: "222001044447601569205", name: "12", sellName: "123"},
// {mixId: "222001323109067903537", name: "GUAN花园往事数字藏品盲盒1", sellName: "GUAN 不朽之潮花园往事数字藏品+艺术微喷画（实体）"},
// {mixId: "222011421273134365656", name: "组合购1", sellName: "组合1"}
// ]
//
// let yan = [{ performancesId: "1408039332068474886513388", title: "测试热卖演出-01" }, { performancesId: "1408056987949219845840876", title: "718演出" }, { performancesId: "1408099963123548163199993", title: "719" }]
//
// let sp = [
// {
// name: "测试001",
// spuId: '22199135056404'
// },
// {
// name: "回归商品8",
// spuId: '22199200933490'
// }
// ]
if (activeTypeChangeVal === 1) {
_data = nft?.map(item => { // 组装返回nft数据
return { id: item.spuId, value: item.spuName } return { id: item.spuId, value: item.spuName }
})
} else if (activeTypeChangeVal === 2) { } else if (activeTypeChangeVal === 2) {
_data = group?.map(item => {
return { id: item.mixId, value: item.name } return { id: item.mixId, value: item.name }
})
} else if (activeTypeChangeVal === 3) { } else if (activeTypeChangeVal === 3) {
_data = yan?.map(item => {
return { id: item.performancesId, value: item.title } return { id: item.performancesId, value: item.title }
} else if (activeTypeChangeVal === 4) { // 商品 })
} else if (activeTypeChangeVal === 4) {
_data = sp?.map(item => {
return { id: item.spuId, value: item.name } return { id: item.spuId, value: item.name }
}
}) })
search.update(_data) }
search.update(_data) // 更新数据
} }
}) })
}) })
search.search(true)
// 监听 模糊搜索 list // 监听 模糊搜索 list
let listRemoteSearch1 = new searchSelect('#listRemoteSearch1', [], function(val) { let listRemoteSearch1 = new searchSelect('#listRemoteSearch1', [], function(val) {
console.log('activeTypeChangeValChild', activeTypeChangeValChild)
let _params = {} let _params = {}
if (activeTypeChangeValChild === 1) { if (activeTypeChangeValChild === 1) {
_params['type'] = 1 _params['type'] = 1
...@@ -447,24 +492,35 @@ ...@@ -447,24 +492,35 @@
contentType: 'application/json;charset=UTF-8', contentType: 'application/json;charset=UTF-8',
data: _params, data: _params,
success: function(res) { success: function(res) {
let forData = activeTypeChangeValChild === 3 ? res.value : res.data let _data = []
let _data = forData.map(item => { let nft = res.data || []
if (activeTypeChangeValChild === 1) { // NFT let group = res.data || []
let yan = res.value || []
let sp = res.data || []
if (activeTypeChangeValChild === 1) {
_data = nft?.map(item => { // 组装返回nft数据
return { id: item.spuId, value: item.spuName } return { id: item.spuId, value: item.spuName }
})
} else if (activeTypeChangeValChild === 2) { } else if (activeTypeChangeValChild === 2) {
_data = group?.map(item => {
return { id: item.mixId, value: item.name } return { id: item.mixId, value: item.name }
})
} else if (activeTypeChangeValChild === 3) { } else if (activeTypeChangeValChild === 3) {
_data = yan?.map(item => {
return { id: item.performancesId, value: item.title } return { id: item.performancesId, value: item.title }
} else if (activeTypeChangeValChild === 4) { // 商品 })
} else if (activeTypeChangeValChild === 4) {
_data = sp?.map(item => {
return { id: item.spuId, value: item.name } return { id: item.spuId, value: item.name }
}
}) })
}
listRemoteSearch1.update(_data) listRemoteSearch1.update(_data)
} }
}) })
}) })
listRemoteSearch1.search(true)
// list 部分 // list 部分
......
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