添加删除

liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/sweet/affiliatedActivity/add.html

@@ -419,6 +419,7 @@
                         </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 style="position: relative;"><i class="fa fa-remove" onclick="removeListItem(${index})" style="margin-top: 8px; position: absolute; left: 10px;"></i></div>
                 </li>`
 
             $('.sortable-list').append(dynamicAddDom) // 组装好，添加进去
@@ -450,6 +451,7 @@
                         </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 style="position: relative;"><i class="fa fa-remove" onclick="removeListItem(${dynamicDomLength})" style="margin-top: 8px; position: absolute; left: 10px;"></i></div>
                 </li>`
 
 
@@ -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同时，添加表单监听
     function createListenerSearch (index) {
 

liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/sweet/affiliatedActivity/edit.html

@@ -86,10 +86,13 @@
             border: 1px solid #cccccc;
         }
         .addAvatarItem .selectClassifyOne {
+            width: 100%;
             display: flex;
+            margin-right: 15px;
         }
         .addAvatarItem .selectClassifyOne .span-label {
             width: 108px;
+            padding-top: 5px;
         }
         .picker {
             display: flex;
@@ -248,7 +251,8 @@
                 <em class="required"></em>
 
             </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>
 
         <!--  -->
@@ -395,7 +399,9 @@
                         for (let i = 0; i < list.length; i++) {
                             $('#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-mid', list[i].mid)
                             $('#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)
                         }
                     }, 800)
@@ -434,6 +440,7 @@
                         </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 style="position: relative;"><i class="fa fa-remove" onclick="removeListItem(${index})" style="margin-top: 8px; position: absolute; left: 10px;"></i></div>
                 </li>`
 
             $('.sortable-list').append(dynamicAddDom) // 组装好，添加进去
@@ -466,6 +473,7 @@
                         </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 style="position: relative;"><i class="fa fa-remove" onclick="removeListItem(${dynamicDomLength})" style="margin-top: 8px; position: absolute; left: 10px;"></i></div>
                 </li>`
 
 
@@ -478,7 +486,7 @@
                     searchAjax(val, dynamicDomLength + 1)
                 })
 
-            }, 600)
+            }, 500)
 
         } else {
             layer.msg('不能添加')
@@ -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同时，添加表单监听
     function createListenerSearch (index) {
 
@@ -558,21 +610,21 @@
 
     // 保存/更新
     function save () {
-        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
-            })
-
-
-        }
-
-        console.log('listData', listData)
+        // istData = []
+        //
+        // let evryGroup = $('#addClassify2').find($('.addAvatarItem'))
+        //
+        // // 遍历所有的dom组，取值组装
+        // 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
+        //     })
+        //
+        // }
+        //
+        // console.log('listData', listData)
 
         // bindId - 关联 id
         let _params = {
@@ -581,7 +633,6 @@
             activeName: $('#activeName').val(),
             activeType: Number($("#activeType").find("option:selected").val()),
             endTime: $.common.dateFormat($('#endTime').val(), 'yyyy-MM-dd HH:mm:ss'),
-            list: listData,
             mid: itemId,
             recommendId: _recommendId,
             startTime: $.common.dateFormat($('#startTime').val(), 'yyyy-MM-dd HH:mm:ss'),