文章分渠道浏览量统计，搜索词统计记录

css/model/sys/article.css

@@ -46,4 +46,25 @@
.sys_article_subject .orgSize.dyn-mselect .placeholder {
    display: none !important;
}
.sys_article_count{
    width:900px;
    height:600px;
}
.sys_article_count #type{
    left:20px;
}
.sys_article_viewcount .tpl-btns .row {
    padding-left: 10px;
}
.sys_article_viewcount th.opt-check {
    width: 35px;
}
.sys_article_viewcount .table {
    table-layout: fixed;
}

css/model/sys/searchword.css

@@ -0,0 +1,13 @@
@charset "utf-8";
.sys_searchword_index .tpl-btns .row {
    padding-left: 10px;
}
.sys_searchword_index th.opt-check {
    width: 35px;
}
.sys_searchword_index .table {
    table-layout: fixed;
}

html/model/sys/article/count.html

@@ -0,0 +1,6 @@
<div class="sys_article_count centerModal">
    <div class="modal-ctrl">
        <i class="icon icon-times"></i>
    </div>
    <div id="type" style="height: 400px;width: 850px"></div>
</div>

html/model/sys/article/index.html

@@ -57,6 +57,9 @@
            <div class="btn opt-col-num">
                设置栏目
            </div>
            <div class="btn opt-count">
                流量统计
            </div>
            <div class="btn opt-del">
                删除
            </div>

html/model/sys/article/viewcount.html

@@ -0,0 +1,69 @@
<div class="sys_article_viewcount">
    <div class="modal-ctrl">
        <i class="icon icon-times"></i>
    </div>
    <div class="container queryForm">
        <div class="col-2"></div>
        <div class="col-1 item-caption ">发布时间</div>
        <div class="col-2">
            <div class="form-item date" defVal="" name="bt"></div>
        </div>
        <div class="col-1 item-caption center">至</div>
        <div class="col-2">
            <div class="form-item date" defVal="" name="et"></div>
        </div>
        <div class="col-2">
            <div class="btn opt-query pull-right">
                <i class="icon-search"></i> 查询
            </div>
        </div>
        <div class="col-3"></div>
    </div>
    <div class="row"></div>
    <div class="container tpl-btns">
        <div class="row">
            <div class="btn opt-count">
                统计图表
            </div>
        </div>
    </div>
    <div class="container dt-tpl">
        <table class="table table-bordered">
            <thead>
            <tr>
                <th class="opt-check" ><i class="icon icon-st-check"></i> </th>
                <th>#</th>
                <th>文章标题</th>
                <th>作者</th>
                <th>关键词</th>
                <th>栏目</th>
                <th>发布时间</th>
                <th>权重</th>
                <th>浏览量</th>
                <th>点赞量</th>
            </tr>
            </thead>
            <tbody>
            <tr ch-dir="list">
                <td class="opt-check" ><i class="icon icon-st-check" articleId="{{id}}"></i></td>
                <td class="hand-id" articleId="{{id}}">{{-_index}}</td>
                <td class="articleTitle">{{articleTitle}}</td>
                <td class="professorName">{{professorName}}</td>
                <td class="subject">{{subject}}</td>
                <td class="colNum">{{colNum}}</td>
                <td class="publishTime">{{publishTime}}</td>
                <td class="sortNum">{{sortNum}}</td>
                <td class="pageViews">{{pageViews}}</td>
                <td class="articleAgree">{{articleAgree}}</td>
            </tr>
            </tbody>
            <tbody ch-dir="array.empty">
            <tr>
                <td class="empty-desc" colspan="9">表格暂无数据</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

html/model/sys/searchword/index.html

@@ -0,0 +1,46 @@
<div class="sys_searchword_index">
    <div class="modal-ctrl">
        <i class="icon icon-times"></i>
    </div>
    <div class="container queryForm">
        <div class="col-2"></div>
        <div class="col-1 item-caption ">发布时间</div>
        <div class="col-2">
            <div class="form-item date" defVal="" name="bt"></div>
        </div>
        <div class="col-1 item-caption center">至</div>
        <div class="col-2">
            <div class="form-item date" defVal="" name="et"></div>
        </div>
        <div class="col-2">
            <div class="btn opt-query pull-right">
                <i class="icon-search"></i> 查询
            </div>
        </div>
        <div class="col-3"></div>
    </div>
    <div class="container dt-tpl">
        <table class="table table-bordered">
            <thead>
            <tr>
                <th class="col-2">#</th>
                <th>搜索词</th>
                <th class="col-2">总数</th>
            </tr>
            </thead>
            <tbody>
            <tr ch-dir="list">
                <td class="hand-id" swId="{{id}}">{{-_index}}</td>
                <td>{{id}}</td>
                <td>{{pv}}</td>
            </tr>
            </tbody>
            <tbody ch-dir="array.empty">
            <tr>
                <td class="empty-desc" colspan="3">表格暂无数据</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

js/model/sys/article/count.js

@@ -0,0 +1,218 @@
/**
 * Created by TT on 2017/9/20.
 */
;
spa_define(function () {
    return $.use(["spa", "code", "form", "util", "dict"], function (spa, code, form, util, dict) {
        return {
            modal: function (data) {
                var root = spa.findInModal(".sys_article_count");
                // var cr = code.parseCode(root.find(".dt-tpl"));
                var myChart = echarts.init(document.getElementById('type'));
                var tableData = {data: []},
                    allData = [];
                var $data = {tn: "article", id:data.id};
                // cr.shell("count", function (env) {
                //     var v = env.cd[this.k];
                //     if (v === 0) {
                //         return 0;
                //     }
                //     return v;
                // });
                // var query = function () {
                //     if(allData != null) {
                //         var td = tableData.data = [];
                //         for(var i = allData.length-7; i < allData.length; ++i) {
                //             var item = allData[i];
                //             if(item) {
                //                 td.push(item);
                //             }
                //         }
                //     } else {
                //         tableData.data = allData;
                //     }
                //     cr.val(tableData.data);
                // };
                /*
                 用户流量统计表格 时间倒序
                 */
                // var query = function () {
                //     if(allData != null) {
                //         var td = tableData.data = [];
                //         for(var i = allData.length; i >= allData.length-7; --i) {
                //             var item = allData[i];
                //             if(item) {
                //                 td.push(item);
                //             }
                //         }
                //     } else {
                //         tableData.data = allData;
                //     }
                //     cr.val(tableData.data);
                // };
                root.find(".modal-ctrl .icon-times").on("click", function () {
                    spa.closeModal();
                });
                Date.prototype.format = function (fmt) {
                    var o = {
                        "M+": this.getMonth() + 1, //月份
                        "d+": this.getDate(), //日
                        "h+": this.getHours(), //小时
                        "m+": this.getMinutes(), //分
                        "s+": this.getSeconds(), //秒
                        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
                        "S": this.getMilliseconds() //毫秒
                    };
                    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
                    for (var k in o)
                        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
                    return fmt;
                };
                var dayList = function () {
                    var dayList = [];
                    var now = new Date();
                    var day1 = new Date();
                    day1.setMonth(now.getMonth() - 1);
                    day1.setDate(1);
                    var day2 = new Date();
                    day2.setDate(day2.getDate() - 1);
//                    var s1 = day1.format("yyyy-MM-dd");
//                    var s2 = day2.format("yyyy-MM-dd");
//                    console.log(s1, s2);
                    var days = (day2 - day1) / (24 * 60 * 60 * 1000);
                    dayList[0] = {time: day1.format("yyyy-MM-dd")};
                    for (var i = 1; i < days + 1; i++) {
                        day1.setDate(day1.getDate() + 1);
                        dayList[i] = {time: day1.format("yyyy-MM-dd")};
                    }
                    return dayList;
                };
                var load = function () {
                    $.ajax({
                        type: "GET",
                        url: "http://www.ekexiu.com:8082/log/jsonp/qm",
                        data:$data,
                        dataType: "jsonp",
                        success: function (data) {
                            allData = dayList();
                            allData.forEach(function (day) {
                                var time = (JSON.stringify(day.time)).replace(/\-|^\"|\"$/g, "");
                                day.pc = 0;
                                day.app = 0;
                                day.h5 = 0;
                                data.data.forEach(function (log) {
                                    if (time == log.day) {
                                        if (log.source == 1) {
                                            day.pc = log.pv;
                                        }
                                        if (log.source == 2) {
                                            day.app = log.pv;
                                        }
                                        if (log.source == 3) {
                                            day.h5 = log.pv;
                                        }
                                    }
                                    day.num = day.pc + day.app + day.h5;
                                })
                            });
                            var colors = ['#003366', "#660099", '#c23531', "#91C7AE"];
                            var option = {
                                color: colors,
                                title: {
                                    text: '文章流量分析',
                                    subtext: '分渠道'
                                },
                                tooltip: {
                                    trigger: 'axis'
                                },
                                legend: {
                                    data: ['合计', 'PC端', '移动端APP', '移动端H5']
                                },
                                xAxis: {
                                    data: allData.map(function (item) {
                                        return item.time;
                                    }),
                                    boundaryGap: false
                                },
                                yAxis: {
                                    splitLine: {
                                        show: false
                                    },
                                    boundaryGap: false,
                                    type: "value",
                                    // interval: 1,
                                    min: 0
                                },
                                toolbox: {
                                    show: true,
                                    feature: {
                                        dataZoom: {
                                            yAxisIndex: 'none'
                                        },
                                        dataView: {readOnly: false},
                                        magicType: {type: ['line', 'bar']},
                                        restore: {},
                                        saveAsImage: {}
                                    }
                                },
                                dataZoom: [{
                                    startValue: allData[allData.length - 7].time
                                }, {
                                    type: 'inside'
                                }],
                                visualMap: {
                                    top: 10,
                                    right: 10
                                },
                                series: [
                                        {
                                        name: '合计',
                                        type: 'line',
                                        label: {
                                            normal: {
                                                show: true,
                                                position: 'top'
                                            }
                                        },
                                        data: allData.map(function (item) {
                                            return item.num;
                                        })
                                    },
                                    {
                                        name: 'PC端',
                                        type: 'line',
                                        data: allData.map(function (item) {
                                            return item.pc;
                                        })
                                    }, {
                                        name: '移动端APP',
                                        type: 'line',
                                        data: allData.map(function (item) {
                                            return item.app;
                                        })
                                    }, {
                                        name: '移动端H5',
                                        type: 'line',
                                        data: allData.map(function (item) {
                                            return item.h5;
                                        })
                                    }
                                ]
                            };
                            myChart.setOption(option);
                        }
                    });
                };
                // cr.listen(dict.doTransfer);
                load();
            }
        };
    });
});

js/model/sys/article/index.js

@@ -149,6 +149,23 @@ spa_define(function () {
                        util.alert("请选择一篇文章");
                    }
                });
                root.find(".opt-count").on("click", function () {
                    var $article = root.find("td.opt-check>i.checked");
                    if ($article.length) {
                        if ($article.length>1) {
                            util.alert("只能选择一篇文章");
                        }else {
                            spa.showModal("sys_article_count", {
                                id: $article.attr("articleId"),
                                hand: function () {
                                    pdg.reload();
                                }
                            });
                        }
                    }else {
                        util.alert("请选择一篇文章");
                    }
                });
            }, mainDestory: function () {

js/model/sys/article/viewcount.js

@@ -0,0 +1,148 @@
/**
 * Created by TT on 2017/9/22.
 */
;
spa_define(function () {
    return $.use(["spa", "code", "form", "util", "dict"], function (spa, code, form, util, dict) {
        return {
            main: function () {
                var root = spa.findInMain(".sys_article_viewcount");
                var qf = form.build(root.find(".queryForm"));
                var cr = code.parseCode(root.find(".dt-tpl"));
                var queryBtn = root.find(".queryForm .opt-query");
                var tableData = {data: []},
                    allData = [],
                    $data = {tn: "article"};
                Date.prototype.format = function (fmt) {
                    var o = {
                        "M+": this.getMonth() + 1, //月份
                        "d+": this.getDate(), //日
                        "h+": this.getHours(), //小时
                        "m+": this.getMinutes(), //分
                        "s+": this.getSeconds(), //秒
                        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
                        "S": this.getMilliseconds() //毫秒
                    };
                    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
                    for (var k in o)
                        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
                    return fmt;
                };
                var now = new Date(),
                    nbt = new Date();
                nbt.setDate(now.getDate() - 7);
                var et1 = now.format("yyyyMMdd"),
                    bt1 = nbt.format("yyyyMMdd");
                qf.val({bt: bt1, et: et1});
                $data.bt = bt1;
                $data.et = et1;
                var caption = function (dicts, code) {
                        var items = dict.get(dicts);
                        var cp =  dict.getCap(items, code.toString());
                        if (cp) {
                            return cp;
                        }else {
                            return "不可翻译的";
                        }
                        // return dict.get(dicts)[code].caption;
                    },
                    showDay = function (day) {
                        if (day) {
                            return day.substring(0, 4) + "年" + day.substring(4, 6) + "月" + day.substring(6, 8) + "日";
                        } else return "";
                    },
                    loadContent = function () {
                        root.find(".hand-id").each(function () {
                            var $e = $(this);
                            var articleId = $e.attr("articleId");
                            if (articleId) {
                                util.get("../ajax/article/id",{id:articleId}, function (data) {
                                    if (data) {
                                        $e.parent().find(".articleTitle").text(data.articleTitle);
                                        $e.parent().find(".professorName").text(data.professorName || data.organizationName);
                                        $e.parent().find(".subject").text(data.subject);
                                        $e.parent().find(".colNum").text(caption("banner", data.colNum));
                                        $e.parent().find(".publishTime").text(showDay(data.publishTime));
                                        $e.parent().find(".sortNum").text(data.sortNum);
                                        $e.parent().find(".pageViews").text(data.pageViews);
                                        $e.parent().find(".articleAgree").text(data.articleAgree);
                                    }
                                }, {});
                                //     // $e.removeClass("hand-id");
                            }
                        });
                    },
                    load = function () {
                        console.log($data);
                        $.ajax({
                            type: "GET",
                            url: "http://www.ekexiu.com:8082/log/jsonp/qs",
                            data: $data,
                            dataType: "jsonp",
                            success: function (data) {
                                console.log(data);
                                allData = data.data || [];
                                // allData = [{
                                //     id: "8F08D2EB366140BC85A6A4CE344A15A4"
                                // }, {
                                //     id: "8DE678A43FFB4097B3E0DFF9C48CC737"
                                // }];
                                tableData.data = allData;
                                cr.val(tableData.data);
                                loadContent();
                            }
                        });
                    },
                    query = function () {
                        if (qf.val().bt && qf.val().et) {
                            $data.bt = qf.val().bt;
                            $data.et = qf.val().et;
                        }else {
                            $data.bt = "";
                            $data.et = "";
                        }
                        load();
                    };
                queryBtn.on("click", query);
                load();
                root.find(".dt-tpl").on("click", "th.opt-check>i.icon-st-check", function () {
                    var $this = $(this);
                    $this.toggleClass("checked");
                    if ($this.hasClass("checked")) {
                        root.find(".dt-tpl td.opt-check>i.icon-st-check").addClass("checked");
                    } else {
                        root.find(".dt-tpl td.opt-check>i.icon-st-check").removeClass("checked");
                    }
                });
                root.find(".dt-tpl").on("click", "td.opt-check>i.icon-st-check", function () {
                    var $this = $(this);
                    $this.toggleClass("checked");
                });
                root.find(".opt-count").on("click", function () {
                    var $article = root.find("td.opt-check>i.checked");
                    if ($article.length) {
                        if ($article.length>1) {
                            util.alert("只能选择一篇文章");
                        }else {
                            spa.showModal("sys_article_count", {
                                id: $article.attr("articleId"),
                                hand: function () {
                                    pdg.reload();
                                }
                            });
                        }
                    }else {
                        util.alert("请选择一篇文章");
                    }
                });
            },
            mainDestory: function () {
            }
        };
    });
});

js/model/sys/searchword/index.js

@@ -0,0 +1,75 @@
/**
 * Created by TT on 2017/9/25.
 */
;
spa_define(function () {
    return $.use(["spa", "code", "form", "util", "dict"], function (spa, code, form, util, dict) {
        return {
            main: function () {
                var root = spa.findInMain(".sys_searchword_index");
                var qf = form.build(root.find(".queryForm"));
                var cr = code.parseCode(root.find(".dt-tpl"));
                var queryBtn = root.find(".queryForm .opt-query");
                var tableData = {data: []},
                    allData = [],
                    $data = {tn: "kw"};
                Date.prototype.format = function (fmt) {
                    var o = {
                        "M+": this.getMonth() + 1, //月份
                        "d+": this.getDate(), //日
                        "h+": this.getHours(), //小时
                        "m+": this.getMinutes(), //分
                        "s+": this.getSeconds(), //秒
                        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
                        "S": this.getMilliseconds() //毫秒
                    };
                    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
                    for (var k in o)
                        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
                    return fmt;
                };
                var now = new Date(),
                    nbt = new Date();
                nbt.setDate(now.getDate() - 7);
                var et1 = now.format("yyyyMMdd"),
                    bt1 = nbt.format("yyyyMMdd");
                qf.val({bt: bt1, et: et1});
                $data.bt = bt1;
                $data.et = et1;
                var load = function () {
                        $.ajax({
                            type: "GET",
                            url: "http://www.ekexiu.com:8082/log/jsonp/qs",
                            data: $data,
                            dataType: "jsonp",
                            success: function (data) {
                                allData = data.data || [];
                                tableData.data = allData;
                                cr.val(tableData.data);
                            }
                        });
                    },
                    query = function () {
                        if (qf.val().bt && qf.val().et) {
                            $data.bt = qf.val().bt;
                            $data.et = qf.val().et;
                        }else {
                            $data.bt = "";
                            $data.et = "";
                        }
                        load();
                    };
                queryBtn.on("click", query);
                load();
            },
            mainDestory: function () {
            }
        };
    });
});