文章总浏览量图标、文章编辑器

css/model/sys/article.css

@@ -52,12 +52,12 @@
    display: none !important;
}
.sys_article_count{
.sys_article_count,.sys_article_total{
    width:900px;
    height:600px;
}
.sys_article_count #type{
.sys_article_count #type,.sys_article_total #type{
    left:20px;
}

css/model/sys/articleModify.css

@@ -150,7 +150,7 @@ footer .appcode { background-image: url("../images/home_bg_xiazaiapp_nor.png");
footer .appcode span { background-image: url("../images/home_code_app.jpg"); background-size: cover; }
footer .weixincode { background-image: url("../images/home_bg_guanzhu_nor.png"); }
footer .weixincode span { background-image: url("../images/home_code_weixin.jpg"); background-size: cover; }
header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1012; font-size: 16px; line-height: 32px; }
header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1000; font-size: 16px; line-height: 32px; }
header .navheader { background: rgb(255, 255, 255); height: 62px; border-bottom: 2px solid rgb(229, 229, 229); }
header .topheader { background: rgb(51, 51, 51); height: 30px; font-size: 14px; line-height: 30px; }
header .topheader .containerCon { background: rgb(51, 51, 51); }

html/model/sys/article/total.html

@@ -0,0 +1,6 @@
<div class="sys_article_total 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/viewcount.html

@@ -20,14 +20,14 @@
        </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="row"></div>
    <div class="container tpl-btns">
        <div class="row">
            <div class="btn opt-total">
                文章总浏览量
            </div>
        </div>
    </div>
    <div class="container dt-tpl">
        <table class="table table-bordered">

js/model/sys/article/total.js

@@ -0,0 +1,305 @@
/**
 * Created by TT on 2017/11/24.
 */
;
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_total");;
                var myChart = echarts.init(document.getElementById('type'));
                var tableData = {data: []},
                    allData = [];
                // var $data = {tn: "article", id:data.id};
                /*
                 用户流量统计表格 时间倒序
                 */
                // 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();
                });
                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: "/ajax/operation/statist/total",
                        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', "#c23531"];
                            var option = {
                                // color: colors,
                                title: {
                                    text: '文章总浏览量',
                                    subtext: '分渠道'
                                },
                                tooltip: {
                                    trigger: 'axis',
                                    // formatter:function (params) {
                                    //     // return params[0].name + '<br/>'
                                    //     //     + params[3].seriesName + ' : ' + (params[2].value + params[1].value + params[0].value)+ '<br/>'
                                    //     //     + params[2].seriesName + ' : ' + params[2].value + '<br/>'
                                    //     //     + params[1].seriesName + ' : ' + params[1].value + '<br/>'
                                    //     //     + params[0].seriesName + ' : ' + params[0].value + '<br/>';
                                    //     console.log(params);
                                    // },
                                    "axisPointer": {
                                        "type": "shadow",
                                        textStyle: {
                                            color: "#fff"
                                        }
                                    }
                                },
                                legend: {
                                    // selectedMode:false,
                                    data: ['PC端', '移动端APP', '移动端H5','合计']
                                },
                                xAxis: {
                                    "type": "category",
                                    "axisLine": {
                                        lineStyle: {
                                            color: '#90979c'
                                        }
                                    },
                                    "splitLine": {
                                        "show": false
                                    },
                                    "axisTick": {
                                        "show": false
                                    },
                                    "splitArea": {
                                        "show": false
                                    },
                                    axisLabel: {
                                        showMinLabel:true,
                                        showMaxLabel:true
                                    },
                                    "data": allData.map(function (item) {
                                        return item.time;
                                    })
                                },
                                yAxis: {
                                    "type": "value",
                                    "splitLine": {
                                        "show": false
                                    },
                                    "axisLine": {
                                        lineStyle: {
                                            color: '#90979c'
                                        }
                                    },
                                    "axisTick": {
                                        "show": false
                                    },
                                    "axisLabel": {
                                        showMinLabel:true,
                                        showMaxLabel:true
                                    },
                                    "splitArea": {
                                        "show": false
                                    }
                                },
                                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: '移动端H5',
                                        type: 'bar',
                                        stack: '总量',
                                        "barMaxWidth": 35,
                                        "barGap": "10%",
                                        "itemStyle": {
                                            "normal": {
                                                "color": "#dd4444",
                                                "label": {
                                                    "show": false,
                                                    "textStyle": {
                                                        "color": "#fff"
                                                    },
                                                    "position": "insideTop",
                                                    formatter: function(p) {
                                                        return p.value > 0 ? (p.value) : '';
                                                    }
                                                }
                                            }
                                        },
                                        data: allData.map(function (item) {
                                            return item.h5;
                                        })
                                    },
                                    {
                                        name: 'PC端',
                                        type: 'bar',
                                        stack: '总量',
                                        "barMaxWidth": 35,
                                        "barGap": "10%",
                                        "itemStyle": {
                                            "normal": {
                                                "color": "#80F1BE",
                                                "label": {
                                                    "show": false,
                                                    "textStyle": {
                                                        "color": "#fff"
                                                    },
                                                    "position": "insideTop",
                                                    formatter: function(p) {
                                                        return p.value > 0 ? (p.value) : '';
                                                    }
                                                }
                                            }
                                        },
                                        data: allData.map(function (item) {
                                            return item.pc;
                                        })
                                    }, {
                                        name: '移动端APP',
                                        type: 'bar',
                                        stack: '总量',
                                        "barMaxWidth": 35,
                                        "barGap": "10%",
                                        "itemStyle": {
                                            "normal": {
                                                "color": "#fec42c",
                                                "label": {
                                                    "show": false,
                                                    "textStyle": {
                                                        "color": "#fff"
                                                    },
                                                    "position": "insideTop",
                                                    formatter: function(p) {
                                                        return p.value > 0 ? (p.value) : '';
                                                    }
                                                }
                                            }
                                        },
                                        data: allData.map(function (item) {
                                            return item.app;
                                        })
                                    },
                                    {
                                        name: '合计',
                                        type: 'line',
                                        stack: '总量',
                                        symbolSize:7,
                                        symbol:'circle',
                                        // areaStyle: {normal: {}},
                                        // label: {
                                        //     normal: {
                                        //         show: true,
                                        //         position: 'top',
                                        //         formatter: function (params) {
                                        //             for (var i = 0, l = option.xAxis.data.length; i < l; i++) {
                                        //                 if (option.xAxis.data[i] == params.name) {
                                        //                     // option.series[0].data[i];
                                        //                     var num = option.series[0].data[i]+option.series[1].data[i]+option.series[2].data[i];
                                        //                     return '合计：' + num;
                                        //                 }
                                        //             }
                                        //         }
                                        //
                                        //     }
                                        // },
                                        itemStyle:{
                                            normal:{
                                                color:"#dd4444",
                                                barBorderRadius:0,
                                                label:{
                                                    show:true,
                                                    position:"top",
                                                    formatter:function (params) {
                                                        return params.val;
                                                    }
                                                }
                                            }
                                        },
                                        data: allData.map(function (item) {
                                            return item.num;
                                        })
                                    }
                                ]
                            };
                            myChart.setOption(option);
                        }
                    });
                };
                load();
            }
        };
    });
});

js/model/sys/article/viewcount.js

@@ -107,23 +107,9 @@ spa_define(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("请选择一篇文章");
                //     }
                // });
                root.find(".opt-total").on("click", function () {
                    spa.showModal("sys_article_total");
                });
                root.on("click",".icon-line-chart",function () {
                    var $this = $(this);
                    var articleId = $this.parent().attr("articleId");

js/ueditor/ueditor.config.js

@@ -41,7 +41,7 @@
            'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|',
            'spechars', '|',
           	'superscript', 'subscript','|',
            'simpleupload'
            'simpleupload','link'
        ]]
        
        /*, toolbars: [[
@@ -356,7 +356,7 @@
        //}
        //allowLinkProtocol 允许的链接地址，有这些前缀的链接地址不会自动添加http
        //, allowLinkProtocols: ['http:', 'https:', '#', '/', 'ftp:', 'mailto:', 'tel:', 'git:', 'svn:']
        , allowLinkProtocols: ['http:', 'https:', '#', '/', 'ftp:', 'mailto:', 'tel:', 'git:', 'svn:']
        //webAppKey 百度应用的APIkey，每个站长必须首先去百度官网注册一个key后方能正常使用app功能，注册介绍，http://app.baidu.com/static/cms/getapikey.html
        //, webAppKey: ""
@@ -374,7 +374,7 @@
		,outputXssFilter: true
		// xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
		,whitList: {
			/*a:      ['target', 'href', 'title', 'class', 'style'],
			/*a:      [],
			abbr:   ['title', 'class', 'style'],
			address: ['class', 'style'],
			area:   ['shape', 'coords', 'href', 'alt'],
@@ -437,7 +437,7 @@
			u:      [],
			ul:     ['class', 'style'],
			video:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style']*/
			a:      [],
			a:      ['target', 'href', 'title', 'class', 'style'],
			abbr:   [],
			address: [],
			area:   [],