admin
2021-03-20 ad3ac53da1c3a11a96ae62d790aa61a81b9eab91
src/main/webapp/admin/new/tuijian-lanmuneirong.html
@@ -1,310 +1,345 @@
<html lang="zh-cn">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="referrer" content="never">
      <title>推荐-栏目内容</title>
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <link href="css/maincontent.css" rel="stylesheet">
      <style>
         .search {
            display: inline;
            width: auto;
         }
      </style>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="referrer" content="never">
    <title>推荐-栏目内容</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/maincontent.css" rel="stylesheet">
    <style>
        .search {
            display: inline;
            width: auto;
        }
    </style>
   </head>
</head>
   <body>
      <nav class="navbar navbar-default navbar-fixed-top">
<body>
<nav class="navbar navbar-default navbar-fixed-top">
      </nav>
      <div id="mainbody">
         <div id="sidebar">
</nav>
<div id="mainbody">
    <div id="sidebar">
         </div>
         <div id="neirong">
            <div class="erjidh search-div" style="padding: 10px;">
    </div>
    <div id="neirong">
        <div class="erjidh search-div" style="padding: 10px;">
               <select name="select" class="form-control search select-detailsystem">
            <select name="select" class="form-control search select-detailsystem">
               </select>
            </select>
               <div class="form-group search" role="search">
                  <input type="text" class="form-control search" id="kw" style="width: 200px;" placeholder="搜索">
               </div>
               <button type="button" class="btn btn-default search-button">搜索</button>
            <select name="select" class="form-control search recommend-labels">
               <div class="tianjia" class="search">
                  <a href="add-lmneirong.html" class="btn btn-primary" role="button">添加内容&nbsp;+</a>
               </div>
            </select>
            </div>
            <div class="zhuti">
               <div class="zhutisousuo">
                  <table class="table">
                     <thead>
                        <th width="7%">选择</th>
                        <th width="7%">编号</th>
                        <th width="15%">栏目名称</th>
                        <th width="17%">APP名称</th>
                        <th width="10">所属分类</th>
                        <th width="15%">排序值</th>
                        <th width="15%">创建时间</th>
                        <th width="7%">删除</th>
                        <th width="7%">编辑</th>
                     </thead>
            <div class="form-group search" role="search">
                <input type="text" class="form-control search" id="kw" style="width: 200px;" placeholder="搜索">
            </div>
            <button type="button" class="btn btn-default search-button">搜索</button>
                     <tbody>
                        <tr style="display: none;">
                           <td>
                              <div class="xuanze">
                                 <label>
                 <input type="checkbox" class="check-item"
                                 value="#">
                </label>
                              </div>
                           </td>
                           <td>
                              <div class="bianhao hometypeid">623</div>
                           </td>
                           <td>
                              <div class="bianhao name">
                                 <a href="#">今日热点</a>
                              </div>
                           </td>
            <div class="tianjia" class="search">
                <a href="add-lmneirong.html" class="btn btn-primary" role="button">添加内容&nbsp;+</a>
            </div>
                           <td class="apps">
                              <div class="appname">
                                 <div class="checkbox">
                                    <label>
                    <input type="checkbox" value="#">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;布丸视频</label>
                                 </div>
                              </div>
                              <div class="appname">
                                 <div class="checkbox">
                                    <label>
                    <input type="checkbox" value="#">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;布丸影视大全</label>
                                 </div>
                              </div>
                              <div class="appname">
                                 <div class="checkbox">
                                    <label>
                    <input type="checkbox" value="#">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;布丸_豆豆影视大全</label>
                                 </div>
                              </div>
                           </td>
                           <td style="text-align:center;line-height:105px;" class="classtype"></td>
                           <td style="text-align:center;line-height:105px;" class="orderby"></td>
                           <td style="text-align:center;line-height:105px;" class="createtime"></td>
                           <td>
                              <div class="anniu"><img src="image/dustbin.png" class="delete">
                              </div>
                           </td>
                           <td>
                              <div class="anniu">
                                 <a key="370" href="javascript:void(0)" class="edit"><img src="image/bianji.png"></a>
                              </div>
                           </td>
                        </tr>
                     </tbody>
        </div>
        <div class="zhuti">
            <div class="zhutisousuo">
                <table class="table">
                    <thead>
                    <th width="7%">选择</th>
                    <th width="7%">编号</th>
                    <th width="15%">栏目名称</th>
                    <th width="17%">APP名称</th>
                    <th width="10">顶部标签</th>
                    <th width="15%">排序值</th>
                    <th width="15%">创建时间</th>
                    <th width="7%">删除</th>
                    <th width="7%">编辑</th>
                    </thead>
                  </table>
               </div>
            </div>
            <div class="bottom">
               <div class="qx">
                  <div class="checkbox">
                     <label>
         <input type="checkbox" class="check-all" value="#">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;全选</label>
                  </div>
               </div>
               <button class="btn btn-warning pl-del" type="button">批量删除</button>
               <div class="page">
                  <ul class="pagination">
                     <li class="disabled pre">
                        <a href="#">&laquo;</a>
                     </li>
                     <li class="active">
                        <a href="#">1</a>
                     </li>
                     <li>
                        <a href="#">2</a>
                     </li>
                     <li>
                        <a href="#" class="next">&raquo;</a>
                     </li>
                  </ul>
                  <div class="form-group">
                     <div class="tzan">
                        <button type="button" class="btn btn-primary">跳转</button>
                     </div>
                     <div class="tz">
                        <input class="form-control" type="text" placeholder="页数">
                     </div>
                  </div>
               </div>
                    <tbody>
                    <tr style="display: none;">
                        <td>
                            <div class="xuanze">
                                <label>
                                    <input type="checkbox" class="check-item"
                                           value="#">
                                </label>
                            </div>
                        </td>
                        <td>
                            <div class="bianhao hometypeid">623</div>
                        </td>
                        <td>
                            <div class="bianhao name">
                                <a href="#">今日热点</a>
                            </div>
                        </td>
            </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/page.js"></script>
         <script src="js/nav.js"></script>
         <script src="js/common.js"></script>
         <script src="layer/layer.js"></script>
         <script>
            function getCommonTime(timestamp) {
               var newDate = new Date();
               newDate.setTime(timestamp);
               return newDate.getFullYear() + "-" + (newDate.getMonth() + 1) + "-" + (newDate.getDate()) + " " + newDate.getHours() + ":" + newDate.getMinutes();
            }
                        <td class="apps">
                            <div class="appname">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" value="#">
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;布丸视频</label>
                                </div>
                            </div>
                            <div class="appname">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" value="#">
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;布丸影视大全</label>
                                </div>
                            </div>
                            <div class="appname">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" value="#">
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;布丸_豆豆影视大全</label>
                                </div>
                            </div>
                        </td>
                        <td style="text-align:center;line-height:105px;" class="classtype"></td>
                        <td style="text-align:center;line-height:105px;" class="orderby"></td>
                        <td style="text-align:center;line-height:105px;" class="createtime"></td>
                        <td>
                            <div class="anniu"><img src="image/dustbin.png" class="delete">
                            </div>
                        </td>
                        <td>
                            <div class="anniu">
                                <a key="370" href="javascript:void(0)" class="edit"><img src="image/bianji.png"></a>
                            </div>
                        </td>
                    </tr>
                    </tbody>
            $(function() {
               var htmlSrc = "<tr>" + $(".zhuti .table tbody tr").eq(0).html() + "</tr>";
                </table>
            </div>
        </div>
        <div class="bottom">
            <div class="qx">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" class="check-all" value="#">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;全选</label>
                </div>
            </div>
            <button class="btn btn-warning pl-del" type="button">批量删除</button>
            <div class="page">
                <ul class="pagination">
                    <li class="disabled pre">
                        <a href="#">&laquo;</a>
                    </li>
                    <li class="active">
                        <a href="#">1</a>
                    </li>
                    <li>
                        <a href="#">2</a>
                    </li>
                    <li>
                        <a href="#" class="next">&raquo;</a>
                    </li>
                </ul>
                <div class="form-group">
                    <div class="tzan">
                        <button type="button" class="btn btn-primary">跳转</button>
                    </div>
                    <div class="tz">
                        <input class="form-control" type="text" placeholder="页数">
                    </div>
                </div>
            </div>
               function getData(page) {
                  var index = layer.load(1, {
                     shade: false
                  })
                  $.post('api/home/gethometypelistadmin', {
                     "page": page,
                     "detailsystem": $(".search-div .select-detailsystem").val(),
                     "key": $("#kw").val()
                  }, function(data) {
                     layer.close(index);
                     if(data.code != 0)
                        return;
        </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/page.js"></script>
    <script src="js/nav.js"></script>
    <script src="js/common.js"></script>
    <script src="layer/layer.js"></script>
    <script>
        function getCommonTime(timestamp) {
            var newDate = new Date();
            newDate.setTime(timestamp);
            return newDate.getFullYear() + "-" + (newDate.getMonth() + 1) + "-" + (newDate.getDate()) + " " + newDate.getHours() + ":" + newDate.getMinutes();
        }
                     fillPage(data.data.pageEntity, function(pageIndex) {
                        getData(pageIndex);
                     });
                     //填充数据
        $(function () {
                var htmlSrc = "<tr>" + $(".zhuti .table tbody tr").eq(0).html() + "</tr>";
                     $(".zhuti .table tbody").empty();
                     for(var i = 0; i < data.data.data.length; i++) {
                        var da = data.data.data[i];
                        var appHtml = "";
                        da.detailSystemList.forEach(function(ds) {
                           console.log(ds.selected);
                           appHtml += "<div class='appname'><div class='checkbox'><label><input type='checkbox' value='" + ds.detailSystem.id + "'   key='" + da.homeType.id + "' " + (ds.selected == true ? "checked" : '') + ">";
                           appHtml += "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + ds.detailSystem.appName + "</label>";
                           appHtml += "</div></div>";
                        });
                function getData(page) {
                    var index = layer.load(1, {
                        shade: false
                    })
                    $.post('api/home/gethometypelistadmin', {
                        "page": page,
                        "detailsystem": $(".search-div .select-detailsystem").val(),
                        "key": $("#kw").val(),
                        "special":$(".recommend-labels").val()
                    }, function (data) {
                        layer.close(index);
                        if (data.code != 0)
                            return;
                        $(".zhuti .table tbody").append(htmlSrc);
                        var fk = $(".zhuti .table tbody tr").eq(i);
                        fk.find(".check-item").attr("key", da.homeType.id);
                        fk.find(".hometypeid").html(da.homeType.id);
                        fk.find(".name").html("<a href='tuijian-lanmuneirong-videos.html?id="+da.homeType.id+"'>"+da.homeType.name+"</a>");
                        fk.find(".apps").html(appHtml);
                        fk.find(".classtype").text(da.homeType.videoType.name);
                        fk.find(".orderby").html(da.homeType.orderby);
                        fk.find(".createtime").html(getCommonTime(da.homeType.createtime));
                        fk.find(".edit").attr("key", da.homeType.id);
                        fk.find(".delete").attr("key", da.homeType.id);
                        fk.css("display", "table-row");
                        fk.find(".apps").find(".appname input[type=checkbox]").bind("change", function() {
                           var detailsystemid = $(this).val();
                           var hometypeid = $(this).attr("key");
                           if($(this).is(":checked")) {
                              $.post('api/home/addsuperhometype', {
                                 'id': hometypeid,
                                 'detailsystem': detailsystemid
                              }, function(data) {
                                 layer.msg(data.msg);
                              }, 'json');
                           } else {
                              $.post('api/home/deletesuperhometype', {
                                 'id': hometypeid,
                                 'detailsystem': detailsystemid
                              }, function(data) {
                                 layer.msg(data.msg);
                              }, 'json');
                           }
                        });
                        fillPage(data.data.pageEntity, function (pageIndex) {
                            getData(pageIndex);
                        });
                        //填充数据
                     }
                        $(".zhuti .table tbody").empty();
                        for (var i = 0; i < data.data.data.length; i++) {
                            var da = data.data.data[i];
                            var appHtml = "";
                            da.detailSystemList.forEach(function (ds) {
                                console.log(ds.selected);
                                appHtml += "<div class='appname'><div class='checkbox'><label><input type='checkbox' value='" + ds.detailSystem.id + "'   key='" + da.homeType.id + "' " + (ds.selected == true ? "checked" : '') + ">";
                                appHtml += "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + ds.detailSystem.appName + "</label>";
                                appHtml += "</div></div>";
                            });
                     $(".table .anniu .delete").bind("click", function() {
                        var id = $(this).attr("key");
                        var $deleteElement = $(this);
                        var index = layer.confirm('是否删除该条目?', {
                           btn: ['是', '否'] //按钮
                        }, function() {
                           $.post('api/home/deletehometype', {
                              'ids': id
                           }, function(data) {
                              layer.msg(data.msg);
                              layer.close(index);
                              if(data.code == 0) {
                                 $deleteElement.parent().parent().parent().remove();
                              }
                           }, 'json');
                        }, function() {
                            $(".zhuti .table tbody").append(htmlSrc);
                            var fk = $(".zhuti .table tbody tr").eq(i);
                            fk.find(".check-item").attr("key", da.homeType.id);
                            fk.find(".hometypeid").html(da.homeType.id);
                            fk.find(".name").html("<a href='tuijian-lanmuneirong-videos.html?id=" + da.homeType.id + "'>" + da.homeType.name + "</a>");
                            fk.find(".apps").html(appHtml);
                            if (da.special) {
                                fk.find(".classtype").text(da.special.name);
                            } else
                                fk.find(".classtype").text("");
                            fk.find(".orderby").html(da.homeType.orderby);
                            fk.find(".createtime").html(getCommonTime(da.homeType.createtime));
                            fk.find(".edit").attr("key", da.homeType.id);
                            fk.find(".delete").attr("key", da.homeType.id);
                            fk.css("display", "table-row");
                            fk.find(".apps").find(".appname input[type=checkbox]").bind("change", function () {
                                var detailsystemid = $(this).val();
                                var hometypeid = $(this).attr("key");
                                if ($(this).is(":checked")) {
                                    $.post('api/home/addsuperhometype', {
                                        'id': hometypeid,
                                        'detailsystem': detailsystemid
                                    }, function (data) {
                                        layer.msg(data.msg);
                                    }, 'json');
                                } else {
                                    $.post('api/home/deletesuperhometype', {
                                        'id': hometypeid,
                                        'detailsystem': detailsystemid
                                    }, function (data) {
                                        layer.msg(data.msg);
                                    }, 'json');
                                }
                            });
                        });
                        }
                     });
                        $(".table .anniu .delete").bind("click", function () {
                            var id = $(this).attr("key");
                            var $deleteElement = $(this);
                            var index = layer.confirm('是否删除该条目?', {
                                btn: ['是', '否'] //按钮
                            }, function () {
                                $.post('api/home/deletehometype', {
                                    'ids': id
                                }, function (data) {
                                    layer.msg(data.msg);
                                    layer.close(index);
                                    if (data.code == 0) {
                                        $deleteElement.parent().parent().parent().remove();
                                    }
                                }, 'json');
                            }, function () {
                     $(".table .anniu .edit").bind("click", function() {
                        window.location.href = "edit-lmneirong.html?id="+$(this).attr("key");
                     });
                            });
                  }, 'json');
               }
                        });
               $(".search-div .search-button").click(function() {
                  getData(1);
               });
                        $(".table .anniu .edit").bind("click", function () {
                            window.location.href = "edit-lmneirong.html?id=" + $(this).attr("key");
                        });
               setTimeout(function() {
                  getData(1);
               }, 3000);
                    }, 'json');
                }
            });
         </script>
         <script>
            $(function() {
               function getCheckedItems() {
                  var ids = "";
                  for(var i = 0; i < $(".check-item").length; i++) {
                     if($(".check-item").eq(i).is(':checked')) {
                        ids += $(".check-item").eq(i).attr("key") + ",";
                     }
                  }
                  if(ids.length > 0)
                     ids = ids.substr(0, ids.length - 1);
                  return ids;
               }
                function getLabels() {
               $(".pl-del").click(function() {
                  var ids = getCheckedItems();
                  if(ids.length < 1) {
                     layer.msg("请选择栏目");
                     return;
                  }
                    $.post('api/homerecommend/getSpcialList', {
                        "page": 1
                    }, function (data) {
                        if (data.code == 0) {
                            var datas = data.data.data;
                            $(".recommend-labels").empty();
                            $(".recommend-labels").append("<option value='0'>全部标签</option>");
                  $.post('/BuWan/admin/new/api/home/deletehometype', {
                     'ids': ids
                  }, function(data) {
                     layer.msg(data.msg);
                     if(data.code == 0) {
                     }
                  }, 'json');
                            for (var i = 0; i < datas.length; i++) {
                                var html = "<option";
                                html += " value=" + datas[i].special.id + " >";
                                html += datas[i].special.name;
                                html += "</option>";
                                $(".recommend-labels").append(html);
                            }
               });
                        }
            });
         </script>
   </body>
                    }, "json");
                }
                $(".search-div .search-button").click(function () {
                    getData(1);
                });
                setTimeout(function () {
                    getData(1);
                }, 3000);
                getLabels();
            }
        );
    </script>
    <script>
        $(function () {
            function getCheckedItems() {
                var ids = "";
                for (var i = 0; i < $(".check-item").length; i++) {
                    if ($(".check-item").eq(i).is(':checked')) {
                        ids += $(".check-item").eq(i).attr("key") + ",";
                    }
                }
                if (ids.length > 0)
                    ids = ids.substr(0, ids.length - 1);
                return ids;
            }
            $(".pl-del").click(function () {
                var ids = getCheckedItems();
                if (ids.length < 1) {
                    layer.msg("请选择栏目");
                    return;
                }
                $.post('/BuWan/admin/new/api/home/deletehometype', {
                    'ids': ids
                }, function (data) {
                    layer.msg(data.msg);
                    if (data.code == 0) {
                    }
                }, 'json');
            });
        });
    </script>
</body>
</html>