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

Skip to content

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

添加删除

parent 24f5f69b
Hide whitespace changes
Inline Side-by-side
Showing with 112 additions and 18 deletions
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/sweet/affiliatedActivity/add.html
View file @ d4830a4d
...@@ -419,6 +419,7 @@ ...@@ -419,6 +419,7 @@
</div> </div>
</div> </div>
<div><a href="#" class="pull-right btn btn-xs btn-white" style="margin-top: 5px;background: none;border: none;"><i class="fa fa-navicon"></i></a></div> <div><a href="#" class="pull-right btn btn-xs btn-white" style="margin-top: 5px;background: none;border: none;"><i class="fa fa-navicon"></i></a></div>
<div style="position: relative;"><i class="fa fa-remove" onclick="removeListItem(${index})" style="margin-top: 8px; position: absolute; left: 10px;"></i></div>
</li>` </li>`
$('.sortable-list').append(dynamicAddDom) // 组装好，添加进去 $('.sortable-list').append(dynamicAddDom) // 组装好，添加进去
...@@ -450,6 +451,7 @@ ...@@ -450,6 +451,7 @@
</div> </div>
</div> </div>
<div><a href="#" class="pull-right btn btn-xs btn-white" style="margin-top:-15px;background: none;border: none;"><i class="fa fa-navicon"></i></a></div> <div><a href="#" class="pull-right btn btn-xs btn-white" style="margin-top:-15px;background: none;border: none;"><i class="fa fa-navicon"></i></a></div>
<div style="position: relative;"><i class="fa fa-remove" onclick="removeListItem(${dynamicDomLength})" style="margin-top: 8px; position: absolute; left: 10px;"></i></div>
</li>` </li>`
...@@ -475,6 +477,47 @@ ...@@ -475,6 +477,47 @@
} }
// 删除list item
function removeListItem (index) {
console.log('removeListItem', index)
let evryGroup = $('#addClassify2').find($('.addAvatarItem'))
if (evryGroup.length <= 1) {
layer.msg('至少保留一个')
} else {
$(`#addClassify2 .addAvatarItem:eq(${index})`).parent().remove()
}
}
// 保存 list
function saveList () {
listData = []
let evryGroup = $('#addClassify2').find($('.addAvatarItem'))
for (let i = 0; i < evryGroup.length; i++) {
listData.push({
recommendBindId: $('#listRemoteSearch' + (i+1)).find('input').attr('data-id'),
type: Number($("#listActiveType" + (i+1)).find("option:selected").val()),
indexs: i + 1
})
}
// 修改推荐活动
promiseMethods('/kylin-recommend-active/addOrUpdateListKylinRecommendActiveRelation','post', JSON.stringify(listData), 'application/json').then(res => {
if (res.code == 0) {
layer.msg('修改成功')
// $.operate.successTabCallback(res);
// closeItem();
} else {
layer.msg(res.msg)
}
})
}
// 添加dom同时，添加表单监听 // 添加dom同时，添加表单监听
function createListenerSearch (index) { function createListenerSearch (index) {
......
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/sweet/affiliatedActivity/edit.html
View file @ d4830a4d
...@@ -86,10 +86,13 @@ ...@@ -86,10 +86,13 @@
border: 1px solid #cccccc; border: 1px solid #cccccc;
} }
.addAvatarItem .selectClassifyOne { .addAvatarItem .selectClassifyOne {
width: 100%;
display: flex; display: flex;
margin-right: 15px;
} }
.addAvatarItem .selectClassifyOne .span-label { .addAvatarItem .selectClassifyOne .span-label {
width: 108px; width: 108px;
padding-top: 5px;
} }
.picker { .picker {
display: flex; display: flex;
...@@ -248,7 +251,8 @@ ...@@ -248,7 +251,8 @@
<em class="required"></em> <em class="required"></em>
</span> </span>
<a class="btn btn-default btn-xs" href="javascript:void(0)" onclick="addDom()">添加推荐</a> <a class="btn btn-default btn-xs" href="javascript:void(0)" style="margin-right: 10px;" onclick="addDom()">添加推荐</a>
<a class="btn btn-info btn-xs" href="javascript:void(0)" onclick="saveList()">保存推荐</a>
</div> </div>
<!-- --> <!-- -->
...@@ -395,7 +399,9 @@ ...@@ -395,7 +399,9 @@
for (let i = 0; i < list.length; i++) { for (let i = 0; i < list.length; i++) {
$('#listRemoteSearch' + (i + 1) + ' input').attr('value', list[i].name) $('#listRemoteSearch' + (i + 1) + ' input').attr('value', list[i].name)
$('#listRemoteSearch' + (i + 1) + ' input').attr('data-id', list[i].recommendBindId) $('#listRemoteSearch' + (i + 1) + ' input').attr('data-id', list[i].recommendBindId)
$('#listRemoteSearch' + (i + 1) + ' input').attr('data-mid', list[i].mid)
$('#listRemoteSearch' + (i + 1) + ' input').attr('data-recommendActiveId', list[i].recommendActiveId) $('#listRemoteSearch' + (i + 1) + ' input').attr('data-recommendActiveId', list[i].recommendActiveId)
$('#listRemoteSearch' + (i + 1) + ' input').attr('data-recommendRelationId', list[i].recommendRelationId)
$('#listActiveType' + (i + 1)).find(`option[value=${list[i].type}]`).attr('selected', true) $('#listActiveType' + (i + 1)).find(`option[value=${list[i].type}]`).attr('selected', true)
} }
}, 800) }, 800)
...@@ -434,6 +440,7 @@ ...@@ -434,6 +440,7 @@
</div> </div>
</div> </div>
<div><a href="#" class="pull-right btn btn-xs btn-white" style="margin-top: 5px;background: none;border: none;"><i class="fa fa-navicon"></i></a></div> <div><a href="#" class="pull-right btn btn-xs btn-white" style="margin-top: 5px;background: none;border: none;"><i class="fa fa-navicon"></i></a></div>
<div style="position: relative;"><i class="fa fa-remove" onclick="removeListItem(${index})" style="margin-top: 8px; position: absolute; left: 10px;"></i></div>
</li>` </li>`
$('.sortable-list').append(dynamicAddDom) // 组装好，添加进去 $('.sortable-list').append(dynamicAddDom) // 组装好，添加进去
...@@ -466,6 +473,7 @@ ...@@ -466,6 +473,7 @@
</div> </div>
</div> </div>
<div><a href="#" class="pull-right btn btn-xs btn-white" style="margin-top: 5px;background: none;border: none;"><i class="fa fa-navicon"></i></a></div> <div><a href="#" class="pull-right btn btn-xs btn-white" style="margin-top: 5px;background: none;border: none;"><i class="fa fa-navicon"></i></a></div>
<div style="position: relative;"><i class="fa fa-remove" onclick="removeListItem(${dynamicDomLength})" style="margin-top: 8px; position: absolute; left: 10px;"></i></div>
</li>` </li>`
...@@ -478,7 +486,7 @@ ...@@ -478,7 +486,7 @@
searchAjax(val, dynamicDomLength + 1) searchAjax(val, dynamicDomLength + 1)
}) })
}, 600) }, 500)
} else { } else {
layer.msg('不能添加') layer.msg('不能添加')
...@@ -488,6 +496,50 @@ ...@@ -488,6 +496,50 @@
} }
// 删除list item
function removeListItem (index) {
console.log('removeListItem', index)
let evryGroup = $('#addClassify2').find($('.addAvatarItem'))
if (evryGroup.length <= 1) {
layer.msg('至少保留一个')
} else {
$(`#addClassify2 .addAvatarItem:eq(${index})`).parent().remove()
}
}
// 保存 list
function saveList () {
listData = []
let evryGroup = $('#addClassify2').find($('.addAvatarItem'))
for (let i = 0; i < evryGroup.length; i++) {
listData.push({
mid: $('#listRemoteSearch' + (i+1)).find('input').attr('data-mid'),
recommendActiveId: $('#listRemoteSearch' + (i+1)).find('input').attr('data-recommendActiveId'),
recommendRelationId: $('#listRemoteSearch' + (i+1)).find('input').attr('data-recommendRelationId'),
recommendBindId: $('#listRemoteSearch' + (i+1)).find('input').attr('data-id'),
type: Number($("#listActiveType" + (i+1)).find("option:selected").val()),
indexs: i + 1
})
}
// 修改推荐活动
promiseMethods('/kylin-recommend-active/addOrUpdateListKylinRecommendActiveRelation','post', JSON.stringify(listData), 'application/json').then(res => {
if (res.code == 0) {
layer.msg('修改成功')
// $.operate.successTabCallback(res);
// closeItem();
} else {
layer.msg(res.msg)
}
})
}
// 添加dom同时，添加表单监听 // 添加dom同时，添加表单监听
function createListenerSearch (index) { function createListenerSearch (index) {
...@@ -558,21 +610,21 @@ ...@@ -558,21 +610,21 @@
// 保存/更新 // 保存/更新
function save () { function save () {
listData = [] // istData = []
//
let evryGroup = $('#addClassify2').find($('.addAvatarItem')) // let evryGroup = $('#addClassify2').find($('.addAvatarItem'))
//
for (let i = 0; i < evryGroup.length; i++) { // // 遍历所有的dom组，取值组装
listData.push({ // for (let i = 0; i < evryGroup.length; i++) {
recommendBindId: $('#listRemoteSearch' + (i+1)).find('input').attr('data-id'), // listData.push({
type: Number($("#listActiveType" + (i+1)).find("option:selected").val()), // recommendBindId: $('#listRemoteSearch' + (i+1)).find('input').attr('data-id'),
indexs: i + 1 // type: Number($("#listActiveType" + (i+1)).find("option:selected").val()),
}) // indexs: i + 1
// })
//
} // }
//
console.log('listData', listData) // console.log('listData', listData)
// bindId - 关联 id // bindId - 关联 id
let _params = { let _params = {
...@@ -581,7 +633,6 @@ ...@@ -581,7 +633,6 @@
activeName: $('#activeName').val(), activeName: $('#activeName').val(),
activeType: Number($("#activeType").find("option:selected").val()), activeType: Number($("#activeType").find("option:selected").val()),
endTime: $.common.dateFormat($('#endTime').val(), 'yyyy-MM-dd HH:mm:ss'), endTime: $.common.dateFormat($('#endTime').val(), 'yyyy-MM-dd HH:mm:ss'),
list: listData,
mid: itemId, mid: itemId,
recommendId: _recommendId, recommendId: _recommendId,
startTime: $.common.dateFormat($('#startTime').val(), 'yyyy-MM-dd HH:mm:ss'), startTime: $.common.dateFormat($('#startTime').val(), 'yyyy-MM-dd HH:mm:ss'),
......
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