locky
/
ASJLanguageSys


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470
							<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>afaa</title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="css/default.css">
    <link rel="stylesheet" href="css/style.css">
    <link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet">

    <script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery_cookie_min.js"></script>
    <script src="js/scripts.js"></script>
    <script src="js/jqhttpsdk.js"></script>
    <script src="js/jkcor.js"></script>
    <script src="js/pages.js"></script>
    <script src="js/datachange.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js" type="text/javascript"></script>
</head>
<body>
<div class="clear-backend">
    <div class="avatar">
        <div>
            <a href="javascript:void(0);" target="_blank">
                <img src="img/admin.png" alt="">
            </a>
        </div>
    </div>
    <!--
    <input type="radio" class="tab-1" name="tab" onclick="location.href='index.html'">
    <span>Home</span><i class="fa fa-home"></i>

    <input type="radio" class="tab-2" name="tab" onclick="location.href='langTab.html'">
    <span>Lang</span><i class="fa fa-medium"></i>

    <input type="radio" class="tab-3" name="tab" onclick="location.href='userTab.html'">
    <span>Users</span><i class="fa fa-user"></i>
    -->
    <input type="radio" class="tab-4" name="tab" checked="checked">
    <span>Azimg</span><i class="fa fa-image"></i>

    <!-- tab-top-bar -->
    <div class="top-bar">
        <ul>
            <li>
                <a href="login.html" title="Log Out">
                    <i class="fa fa-sign-out"></i>
                </a>
            </li>
            <!--
            <li>
                <a href="javascript:void(0);" title="Messages">
                    <i class="fa fa-envelope"></i>
                </a>
            </li>
            -->
            <li>
                <a href="javascript:void(0);" title="Edit" onclick="editSysFunc()">
                    <i class="fa fa-edit"></i>
                </a>
            </li>
        </ul>
    </div>

    <!-- tab-content -->
    <div class="tab-content" style="overflow: auto">
        <section class="tab-item-4" style="height: 100%;width: 100%">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <form class="form-inline" role="form">
                            <div class="form-group">
                                <label class="sr-only" for="asin_add_input">ASIN</label>
                                <input type="text" class="form-control" id="asin_add_input"
                                       placeholder="请输入ASIN">
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="url_add_input">链接</label>
                                <input type="text" class="form-control" id="url_add_input"
                                       placeholder="请输入图片url">
                            </div>
                            <button type="submit" class="btn btn-primary" onclick="subAddImgAction();return false;">
                                保存
                            </button>
                        </form>
                    </div>
                    <div class="col-md-12">
                        <form class="form-inline float-right" role="form">
                            <div class="form-group">
                                <input type="text" class="form-control" id="searchInput" placeholder="请输入搜索的ASIN">
                            </div>
                            <button type="submit" class="btn btn-primary" onclick="subSearchAsinAction();return false;">
                                搜索
                            </button>
                        </form>
                    </div>
                </div>
            </div>
            <hr>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <table class="table table-bordered table-hover">
                            <thead id="tabHead">
                            <tr>
                                <th>编号</th>
                                <th>ASIN</th>
                                <th>图片URL</th>
                                <th>MD5</th>
                                <th>添加时间</th>
                                <th>更新时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="tabBody"></tbody>
                        </table>
                    </div>
                </div>
                <div id="pagination"></div>
            </div>
            <!--模态框start-->
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="modal fade" id="modal-container-edit" role="dialog"
                             aria-labelledby="myModalLabel"
                             aria-hidden="true">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="myModalLabel">
                                            编辑
                                        </h5>
                                        <button type="button" class="close" data-dismiss="modal">
                                            <span aria-hidden="true">×</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <div class="form-group" id="edit_model_form">
                                        </div>
                                    </div>
                                    <div class="modal-footer">

                                        <button type="button" class="btn btn-primary editRowSaveBtn"
                                                onclick="editRow(this);return false;">
                                            保存
                                        </button>
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                            关闭
                                        </button>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--模态框end-->


            <!--修改推送邮箱 模态框start -->
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="modal fade" id="modal-sys-edit" role="dialog"
                             aria-labelledby="myModalLabel"
                             aria-hidden="true">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="myModalLabel">
                                            编辑
                                        </h5>
                                        <button type="button" class="close" data-dismiss="modal">
                                            <span aria-hidden="true">×</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <div class="form-group" id="edit_model_form">
                                            <label for="asimgMsgEmailInput">通知邮箱:</label>
                                            <input type="text" class="form-control" id="asimgMsgEmailInput">
                                            <label for="asIntervalINput">时间间隔(小时):</label>
                                            <input type="text" class="form-control" id="asIntervalINput">
                                        </div>
                                    </div>
                                    <div class="modal-footer">

                                        <button type="button" class="btn btn-primary editRowSaveBtn"
                                                onclick="SaveSysFunc(this);return false;">
                                            保存
                                        </button>
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                            关闭
                                        </button>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--模态框end-->

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

<script type="text/javascript">
    let index_data;
    var line = 10;
    $(function () {
        toastr.options = {
            "closeButton": true,
            "debug": false,
            "newestOnTop": false,
            "progressBar": true,
            "positionClass": "toast-top-right",
            "preventDuplicates": false,
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "500",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        };
        InitIndex()
    });

    function InitIndex() {
        var page = GetUrlParam('page');
        page = page.replace('#', '');
        if (!page) {
            page = 1
        }
        let post_data = {
            'token': $.cookie('access_token'),
            'page': page,
            'line': line
        }
        console.log(isNaN(page))
        let searchAsin = $('#searchInput').val()
        if (searchAsin) {
            post_data['searchAsin'] = searchAsin
        }
        $('#pagination').empty()
        $.postJSON(
            http_ip_prot + 'asimg/query', JSON.stringify(post_data),
            function (data) {
                if (data['code'] == 0) {
                    console.log(data)
                    addTable(data['res']);
                    let count_page = Math.ceil(data['count'] / line);
                    $('#pagination').pagination({
                        pages: count_page, //总页数
                        // pages: 10000, //总页数
                        edges: 2,
                        cssStyle: 'pagination', //按纽大小pagination-lg或写入自定义css
                        displayedPages: 5, //显示几个
                        onPageClick: function (pageNumber, event) {
                            //点击时调用
                            // alert(pageNumber);
                            queryData(pageNumber)
                        },
                        onInit: function (getid) {
                            //刷新时或初始化调用
                            // alert(getid);
                        }
                    });
                } else {
                    alert(data['msg'])
                    window.location.href = "http://" + domain + ":7724/web/login.html";
                }
            }
        );
    }

    function queryData(page) {
        let post_data = {
            'token': $.cookie('access_token'),
            'page': page,
            'line': line
        };
        let searchAsin = $('#searchInput').val()
        if (searchAsin) {
            post_data['searchAsin'] = searchAsin
        }
        $.postJSON(
            http_ip_prot + 'asimg/query', JSON.stringify(post_data),
            function (data) {
                if (data['code'] == 0) {
                    // console.log(data['res'])
                    console.log(data)
                    addTable(data['res'])
                } else {
                    alert(data['msg'])
                }
            }
        );
    }

    function addTable(data) {
        index_data = data

        let body_html = ''
        $.each(data, function (idx, obj) {
            let edit_btn = '<a href="javascript:void(0);" title="Edit" onclick="editFunc(\'' + obj['id'] + '\')"><i class="fa fa-edit"></i></a>';
            let del_btn = '<a href="javascript:void(0);" title="Delete" onclick="delAsImg(\'' + obj['id'] + '\')"><i class="fa fa-ban"></i></a>';
            body_html += '<tr>' +
                '<td>' + obj['id'] + '</td>' +
                '<td>' + obj['asin'] + '</td>' +
                //'<td>' + obj['url'] + '</td>' +
                '<td><img width="50px" src="' + obj['url'] + '"/></td>' +
                '<td>' + obj['md5'] + '</td>' +
                '<td>' + $.DateChange.UnixToDate(obj['addTime'], true, 8) + '</td>' +
                '<td>' + $.DateChange.UnixToDate(obj['updTime'], true, 8) + '</td>' +
                '<td>' + edit_btn + '&nbsp;&nbsp;&nbsp;' + del_btn + '</td></tr>'
        })
        $('#tabBody').html(body_html)
    }

    function delAsImg(id) {
        let post_data = {
            'token': $.cookie('access_token'),
            'id': id
        }
        let cr = confirm('delete it ?')
        if (cr) {
            $.postJSON(
                http_ip_prot + 'asimg/delete', JSON.stringify(post_data),
                function (data) {
                    if (data['code'] == 0) {
                        console.log(data)
                        // alert(data['msg'])
                        window.location.reload()
                    } else {
                        alert(data['msg'])
                    }
                }
            );
        }
    }

    function editFunc(id) {
        // alert(langKey)
        $('#modal-container-edit').modal('show')
        let html_edit = ''
        $.each(index_data, function (idx, obj) {
            if (id == obj['id']) {
                html_edit = '<input id="editIDInput" type="hidden" value="' + id + '"/>'
                html_edit += '<label for="editAsinInput">ASIN</label><input type="text" class="form-control" id="editAsinInput" value="' + obj['asin'] + '">'
                html_edit += '<label for="editUrlInput">图片URL</label><input type="text" class="form-control" id="editUrlInput" value="' + obj['url'] + '">'
            }
        });
        $('#edit_model_form').html(html_edit)
    }

    function editRow() {
        let asin = $('#editAsinInput').val()
        let url = $('#editUrlInput').val()
        let id = $('#editIDInput').val()
        let post_data = {
            'token': $.cookie('access_token'),
            'asin': asin,
            'url': url,
            'id': id
        }
        console.log(post_data)
        $.postJSON(
            http_ip_prot + 'asimg/update', JSON.stringify(post_data),
            function (data) {
                if (data['code'] == 0) {
                    console.log(data)
                    // alert(data['msg'])
                    window.location.reload()
                } else {
                    alert(data['msg'])
                }
            }
        );
    }

    function subAddImgAction() {
        let url = $("#url_add_input").val();
        let asin = $("#asin_add_input").val();
        let post_data = {
            'url': url,
            'asin': asin,
            'token': $.cookie('access_token'),
        };
        $.postJSON(
            http_ip_prot + 'asimg/add',
            JSON.stringify(post_data),
            function (data) {
                if (data['code'] == 0) {
                    //                  alert(data['msg'])
                    toastr["success"]('保存成功')
                    InitIndex()
//                    window.location.reload()
                } else {
                    toastr["success"]('保存失败')
                    console.log(data['msg'])
                }
            }
        );
    }

    function subSearchAsinAction() {
        InitIndex()
    }

    function editSysFunc() {
        $('#modal-sys-edit').modal('show')
        let post_data = {
            'token': $.cookie('access_token'),
            'key_list': ['asimgEmail', 'asinterval']
        }
        $.postJSON(
            http_ip_prot + 'sysSet/query', JSON.stringify(post_data),
            function (data) {
                if (data['code'] == 0) {
                    console.log('-------------------------------')
                    console.log(data)
                    console.log('===============================')
                    $('#asIntervalINput').val(data['res']['asinterval']/3600)
                    $('#asimgMsgEmailInput').val(data['res']['asimgEmail'])
                } else {
                    alert(data['msg'])
                }
            }
        );
    }

    function SaveSysFunc() {
        let asinterval = parseInt($('#asIntervalINput').val())
        let asimgEmail = $('#asimgMsgEmailInput').val()
        let post_data = {
            'update_data': [
                {'key': 'asimgEmail', 'val': asimgEmail},
                {'key': 'asinterval', 'val': asinterval*3600}
            ],
            'token': $.cookie('access_token'),
        }
        $.postJSON(
            http_ip_prot + 'sysSet/update', JSON.stringify(post_data),
            function (data) {
                if (data['code'] == 0) {
                    console.log(data);
                    $('#modal-sys-edit').modal('hide')
                } else {
                    console.log(data)
                }
            }
        )
    }
</script>
</body>
</html>