<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <title>作家管理系统-小说精品屋</title>
        <link rel="stylesheet" href="/css/base.css?v=1"/>
        <link rel="stylesheet" href="/css/user.css"/>
        <style type="text/css">
            .redBtn {
                padding: 5px;
                border-radius: 20px;
                border: 1px solid #3eaf7c;
                background: #3eaf7c;
                color: #fff;
            }

            a.redBtn:hover {

                color: #fff;
            }
        </style>
    </head>
</head>
<body class="">

<div class="header">
    <div class="mainNav" id="mainNav">
        <div class="box_center cf"
             style="text-align: center;height: 44px;line-height: 48px;color: #fff;font-size: 16px;">

            小说精品屋作家管理

        </div>
    </div>
</div>

<div class="main box_center cf">
    <div class="userBox cf">
        <div class="my_l">

            <ul class="log_list">
                <li><a class="link_4 on" href="/author/index.html">小说管理</a></li>
                <li><a class="link_2 " href="/author/author_income_detail.html">稿费收入</a></li>
                <!-- <li><a class="link_1 " href="/user/userinfo.html">批量小说爬取</a></li>
                 <li><a class="link_4 " href="/user/favorites.html">单本小说爬取</a></li>-->
            </ul>

        </div>
        <div class="my_r">
            <div id="noContentDiv">
                <div class="tc" style="margin-top: 200px"><a href="/author/book_add.html" class="btn_red">创建作品</a></div>

            </div>
            <div class="my_bookshelf" id="hasContentDiv" style="display: none">
                <div class="title cf">
                    <h2 class="fl">小说列表</h2>
                    <div class="fr"><a href="/author/book_add.html" class="btn_red">发布小说</a></div>
                </div>

                <div id="divData" class="updateTable">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>
                            <th class="goread">
                                书名
                            </th>
                            <th class="goread">
                                分类
                            </th>
                            <th class="goread">
                                点击量
                            </th>
                            <th class="goread">
                                昨日订阅数
                            </th>
                            <th class="goread">
                                更新时间
                            </th>
                            <th class="goread">
                                总字数
                            </th>
                            <th class="goread">
                                操作
                            </th>
                        </tr>
                        </thead>
                        <tbody id="bookList">


                        </tbody>
                    </table>
                    <div class="pageBox cf" id="shellPage">
                    </div>
                </div>
                <!--<div id="divData" class="updateTable">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>

                            <th class="name">
                                爬虫源（已开启的爬虫源）
                            </th>
                            <th class="chapter">
                                成功爬取数量（websocket实现）
                            </th>
                            <th class="time">
                            目标爬取数量
                            </th>
                            <th class="goread">
                                状态（正在运行，已停止）（一次只能运行一个爬虫源）
                            </th>
                            <th class="goread">
                                操作（启动，停止）
                            </th>
                        </tr>
                        </thead>
                        <tbody id="bookShelfList">



                        </tbody>
                    </table>
                    <div class="pageBox cf" id="shellPage">
                    </div>
                </div>-->
            </div>
        </div>
    </div>
</div>


</body>
<script src="/javascript/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="/javascript/ajaxfileupload.js" type="text/javascript"></script>
<script src="/layui/layui.all.js" type="text/javascript"></script>
<script src="/javascript/header.js" type="text/javascript"></script>
<script src="/javascript/user.js" type="text/javascript"></script>
<script src="/javascript/date.js" type="text/javascript"></script>
<script src="/javascript/common.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">
    var coverUpdateInterval;

    search(1, 5);

    function search(curr, limit) {
        clearInterval(coverUpdateInterval);
        $.ajax({
            type: "get",
            url: "/author/listBookByPage",
            data: {'curr': curr, 'limit': limit},
            dataType: "json",
            success: function (data) {
                if (data.code == 200) {
                    var bookList = data.data.list;
                    if (bookList.length > 0) {
                        if(curr == 1 && bookList[0].picUrl == '/images/default.gif'){
                            coverUpdateInterval = setInterval(function(){
                                $.ajax({
                                    type: "get",
                                    url: "/author/queryAiGenPic",
                                    data: {'bookId': bookList[0].id},
                                    dataType: "json",
                                    success: function (data) {
                                        if(data.code == 200 && data.data){
                                            $("#cover"+bookList[0].id).attr("src", data.data);
                                            clearInterval(coverUpdateInterval);
                                        }
                                    }
                                  });
                            }, 3000);
                            setTimeout(() => {
                                clearInterval(coverUpdateInterval);
                            }, 10000);
                        }
                        $("#hasContentDiv").css("display", "block");
                        $("#noContentDiv").css("display", "none");
                        var bookListHtml = "";
                        for (var i = 0; i < bookList.length; i++) {
                            var book = bookList[i];
                            bookListHtml += (" <tr class=\"book_list\" vals=\"291\">\n" +
                                /* "                            <td class=\"style bookclass\">\n" +
                                 "                                ["+(i+1)+"]\n" +
                                 "                            </td>\n" +*/

                                "                            <td style=\"position: relative\" class=\"goread\">\n" +
                                "<input class=\"opacity\" onchange=\"picChange('" + book.id + "')\"\n" +
                                "                                           type=\"file\" id=\"file" + book.id + "\" name=\"file\"\n" +
                                "                                           title=\"点击上传图片\"\n" +
                                "                                           style=\"z-index: 100;cursor: pointer;left: 30px; top: 0px; width: 60px; height: 80px; opacity: 0; position: absolute;  \"\n" +
                                "                                    />" +
                                "<img id=\"cover" + book.id + "\" width='50' height='70' src='" + book.picUrl + "'/><br/>" +                                "                                " + book.bookName + "</td>\n" +
                                "                            <td class=\"goread\" >"
                                + book.catName + "</td>\n" +

                                "                            <td class=\"goread\" valsc=\"291|2037554|1\">"
                                + book.visitCount + "</td>\n" +

                                "                            <td class=\"goread\" valsc=\"291|2037554|1\">"
                                + book.yesterdayBuy + "</td>\n" +

                                "                            <td class=\"goread\">\n" +
                                "                                " + new Date(Date.parse(book.lastIndexUpdateTime ? book.lastIndexUpdateTime : book.updateTime)).Format("yyyy-MM-dd hh:mm") + "更新\n" +
                                "                            </td>\n" +

                                "                            <td class=\"goread\" valsc=\"291|2037554|1\">"
                                + book.wordCount + "</td>\n" +

                                " <td class=\"goread\" id='opt" + book.id + "'>" +
                                "<a target='_blank' class='redBtn' href='/author/index_list.html?bookId=" + book.id + "'>章节管理  </a><br/>" +
                                "<a target='_blank' href='/author/author_income_detail.html?bookId=" + book.id + "'>薪酬查询  </a><br/>" +
                                "<a target='_blank' href='/book/" + book.id + ".html'>作品信息</a>" +
                                "</td>                     </tr>");
                        }
                        $("#bookList").html(bookListHtml);

                        layui.use('laypage', function () {
                            var laypage = layui.laypage;

                            //执行一个laypage实例
                            laypage.render({
                                elem: 'shellPage' //注意，这里的 test1 是 ID，不用加 # 号
                                , count: data.data.total //数据总数，从服务端得到,
                                , curr: data.data.pageNum
                                , limit: data.data.pageSize
                                , jump: function (obj, first) {


                                    //obj包含了当前分页的所有参数，比如：
                                    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                                    console.log(obj.limit); //得到每页显示的条数


                                    //首次不执行
                                    if (!first) {
                                        search(obj.curr, obj.limit);
                                    } else {

                                    }
                                }
                            });
                        });

                    }


                } else if (data.code == 1001) {
                    //未登录
                    location.href = '/user/login.html?originUrl=' + encodeURIComponent(location.href);

                } else {
                    layer.alert(data.msg);
                }

            },
            error: function () {
                layer.alert('网络异常');
            }
        })

    }


    function updateBookStatus(bookId, status) {

        $.ajax({
            type: "POST",
            url: "/author/updateBookStatus",
            data: {'bookId': bookId, 'status': status == 0 ? 1 : 0},
            dataType: "json",
            success: function (data) {
                if (data.code == 200) {

                    location.reload();


                } else if (data.code == 1001) {
                    //未登录
                    location.href = '/user/login.html?originUrl=' + encodeURIComponent(location.href);

                } else {
                    layer.alert(data.msg);
                }

            },
            error: function () {
                layer.alert('网络异常');
            }
        })


    }


   function picChange(bookId) {
        var file = $("#file" + bookId).val(); //文件名称
        if (file != "") {
            if (checkPicUpload($("#file" + bookId)[0])) {

                $.ajaxFileUpload({
                    url: "/file/picUpload", //用于文件上传的服务器端请求地址
                    secureuri: false, //是否需要安全协议，一般设置为false
                    fileElementId: "file" + bookId, //文件上传域的ID
                    dataType: "json", //返回值类型 一般设置为json
                    type: "post",
                    success: function (data) { //服务器成功响应处理函数
                        if (data.code == 200) {
                            let picUrl = data.data;
                            $.ajax({
                                type: "POST",
                                url: "/author/updateBookPic",
                                data: {'bookId': bookId, 'bookPic': data.data},
                                dataType: "json",
                                success: function (data) {
                                    if (data.code == 200) {
                                        $("#cover"+bookId).attr("src", picUrl);
                                    } else {
                                        layer.alert(data.msg);
                                    }

                                },
                                error: function () {
                                    layer.alert('网络异常');
                                }
                            })

                        } else {
                            layer.alert(data.msg);
                        }

                    }

                });
            }
        } else {
            alert("请选择上传文件！");
        }


    }
</script>
</html>
