/** @Name:layuiAdmin ä¸»é¡µæŽ§åˆ¶å° @Author:贤心 @Site:http://www.layui.com/admin/ @License:GPL-2 */ // var e; // function initEcharss(exList) { // e = exList; // //æ•°æ®æ¦‚览 csc // layui.use(['carousel', 'echarts'], function() { // var $ = layui.$, // carousel = layui.carousel, // echarts = layui.echarts; // }) // } function initEchars(list) { layui.use(["carousel", "echarts"], function () { var $ = layui.$, carousel = layui.carousel, echarts = layui.echarts; var YAxis = $.cookie("YAxis"); var text = $.cookie("exvalue"); if (text == undefined || text == "" || text == null) { parent.location.reload(); } const exvalue = text == null ? [] : text.split(","); var key = []; var value = []; for (var i in list) { key.push(i); value.push(list[i]); } var echartsApp = [], options = [ //今日æµé‡è¶‹åŠ¿ { title: { text: "出入库任务é‡", x: "center", textStyle: { fontSize: 20, fontWeight: "bolder", color: "black", }, }, tooltip: { trigger: "axis", }, color: ["red", "blue"], legend: { orient: "vertical", x: "left", data: ["入库数é‡", "出库数é‡"], }, xAxis: [ { type: "category", boundaryGap: false, data: key, }, ], yAxis: [ { min: 0, max: YAxis, type: "value", }, ], grid: { left: "8%", right: "0", bottom: "1%", containLabel: true, }, series: [ { name: "入库数é‡", type: "line", smooth: true, itemStyle: { normal: { areaStyle: { type: "default", }, }, }, data: value, itemStyle: { normal: { lineStyle: { color: "red", }, }, }, }, { name: "出库数é‡", type: "line", smooth: true, itemStyle: { normal: { areaStyle: { type: "default", }, }, }, data: [ exvalue[0], exvalue[1], exvalue[2], exvalue[3], exvalue[4], exvalue[5], exvalue[6], ], itemStyle: { normal: { lineStyle: { color: "blue", }, }, }, }, ], }, //访客æµè§ˆå™¨åˆ†å¸ƒ { title: { text: "访客æµè§ˆå™¨åˆ†å¸ƒ", x: "center", textStyle: { fontSize: 14, }, }, tooltip: { trigger: "item", formatter: "{a} <br/>{b} : {c} ({d}%)", }, legend: { orient: "vertical", x: "left", data: ["Chrome", "Firefox", "IE 8.0", "Safari", "其它æµè§ˆå™¨"], }, series: [ { name: "è®¿é—®æ¥æº", type: "pie", radius: "55%", center: ["50%", "50%"], data: [ { value: 9052, name: "Chrome", }, { value: 1610, name: "Firefox", }, { value: 3200, name: "IE 8.0", }, { value: 535, name: "Safari", }, { value: 1700, name: "其它æµè§ˆå™¨", }, ], }, ], }, //æ–°å¢žçš„ç”¨æˆ·é‡ { title: { text: "最近一周新增的用户é‡", x: "center", textStyle: { fontSize: 14, }, }, tooltip: { //æç¤ºæ¡† trigger: "axis", formatter: "{b}<br>新增用户:{c}", }, xAxis: [ { //Xè½´ type: "category", data: [ "11-07", "11-08", "11-09", "11-10", "11-11", "11-12", "11-13", ], }, ], yAxis: [ { //Yè½´ type: "value", }, ], series: [ { //内容 type: "line", data: [200, 300, 400, 610, 150, 270, 380], }, ], }, ], elemDataView = $("#LAY-index-dataview").children("div"), renderDataView = function (index) { echartsApp[index] = echarts.init( elemDataView[index], layui.echartsTheme ); echartsApp[index].setOption(options[index]); window.onresize = echartsApp[index].resize; }; //没找到DOMï¼Œç»ˆæ¢æ‰§è¡Œ if (!elemDataView[0]) return; renderDataView(0); //ç›‘å¬æ•°æ®æ¦‚è§ˆè½®æ’ var carouselIndex = 0; carousel.on("change(LAY-index-dataview)", function (obj) { renderDataView((carouselIndex = obj.index)); }); //监å¬ä¾§è¾¹ä¼¸ç¼© layui.admin.on("side", function () { setTimeout(function () { renderDataView(carouselIndex); }, 300); }); //监å¬è·¯ç”± layui.admin.on("hash(tab)", function () { layui.router().path.join("") || renderDataView(carouselIndex); }); }); } layui.define(function (exports) { /* 下é¢é€šè¿‡ layui.use åˆ†æ®µåŠ è½½ä¸åŒçš„æ¨¡å—,实现ä¸åŒåŒºåŸŸçš„åŒæ—¶æ¸²æŸ“,从而ä¿è¯è§†å›¾çš„快速呈现 */ //区å—è½®æ’åˆ‡æ¢ layui.use(["admin", "carousel"], function () { var $ = layui.$, admin = layui.admin, carousel = layui.carousel, element = layui.element, device = layui.device(); //è½®æ’åˆ‡æ¢ $(".layadmin-carousel").each(function () { var othis = $(this); carousel.render({ elem: this, width: "100%", arrow: "none", interval: othis.data("interval"), autoplay: othis.data("autoplay") === true, trigger: device.ios || device.android ? "click" : "hover", anim: othis.data("anim"), }); }); element.render("progress"); }); // layui.use(['carousel', 'echarts'], function() { // var $ = layui.$, // carousel = layui.carousel, // echarts = layui.echarts; // var YAxis = $.cookie('YAxis'); // $('button').click(function(){ // s(list) // }) // var list = null; // list = JSON.parse($.cookie('list')) // if(Object.keys(JSON.parse($.cookie('list'))).length!=7||Object.keys(JSON.parse($.cookie('Exlist'))).length!=7){ // alert(1) // } // var Exlist = null; // Exlist = JSON.parse($.cookie('Exlist')); // var exkey = [] // var exvalue = [] // var key = [] // var value = [] // for (var i in list) { // key.push(i) // value.push(list[i]) // } // for (var j in Exlist) { // exkey.push(j) // exvalue.push(Exlist[j]) // } // var echartsApp = [], // options = [ // //今日æµé‡è¶‹åŠ¿ // { // title: { // text: '日出入库任务é‡', // x: 'center', // textStyle: { // fontSize: 20, // fontWeight: 'bolder', // color: 'black', // } // }, // tooltip: { // trigger: 'axis' // }, // color: ['red', 'blue'], // legend: { // orient: 'vertical', // x: 'left', // data: ['入库数é‡', '出库数é‡'] // }, // xAxis: [{ // type: 'category', // boundaryGap: false, // data: key // }], // yAxis: [{ // min: 0, // max: YAxis, // type: 'value', // }], // grid: { // left: '8%', // right: '0', // bottom: '1%', // containLabel: true // }, // series: [{ // name: '入库数é‡', // type: 'line', // smooth: true, // itemStyle: { // normal: { // areaStyle: { // type: 'default' // } // } // }, // data: value, // itemStyle: { // normal: { // lineStyle: { // color: "red" // } // } // } // }, { // name: '出库数é‡', // type: 'line', // smooth: true, // itemStyle: { // normal: { // areaStyle: { // type: 'default' // } // } // }, // data: exvalue, // itemStyle: { // normal: { // lineStyle: { // color: "blue" // } // } // } // }] // }, // //访客æµè§ˆå™¨åˆ†å¸ƒ // { // title: { // text: '访客æµè§ˆå™¨åˆ†å¸ƒ', // x: 'center', // textStyle: { // fontSize: 14 // } // }, // tooltip: { // trigger: 'item', // formatter: "{a} <br/>{b} : {c} ({d}%)" // }, // legend: { // orient: 'vertical', // x: 'left', // data: ['Chrome', 'Firefox', 'IE 8.0', 'Safari', '其它æµè§ˆå™¨'] // }, // series: [{ // name: 'è®¿é—®æ¥æº', // type: 'pie', // radius: '55%', // center: ['50%', '50%'], // data: [{ // value: 9052, // name: 'Chrome' // }, // { // value: 1610, // name: 'Firefox' // }, // { // value: 3200, // name: 'IE 8.0' // }, // { // value: 535, // name: 'Safari' // }, // { // value: 1700, // name: '其它æµè§ˆå™¨' // } // ] // }] // }, // //æ–°å¢žçš„ç”¨æˆ·é‡ // { // title: { // text: '最近一周新增的用户é‡', // x: 'center', // textStyle: { // fontSize: 14 // } // }, // tooltip: { //æç¤ºæ¡† // trigger: 'axis', // formatter: "{b}<br>新增用户:{c}" // }, // xAxis: [{ //Xè½´ // type: 'category', // data: ['11-07', '11-08', '11-09', '11-10', '11-11', '11-12', '11-13'] // }], // yAxis: [{ //Yè½´ // type: 'value' // }], // series: [{ //内容 // type: 'line', // data: [200, 300, 400, 610, 150, 270, 380], // }] // } // ], // elemDataView = $('#LAY-index-dataview').children('div'), // renderDataView = function(index) { // echartsApp[index] = echarts.init(elemDataView[index], layui.echartsTheme); // echartsApp[index].setOption(options[index]); // window.onresize = echartsApp[index].resize; // }; // //没找到DOMï¼Œç»ˆæ¢æ‰§è¡Œ // if (!elemDataView[0]) return; // renderDataView(0); // //ç›‘å¬æ•°æ®æ¦‚è§ˆè½®æ’ // var carouselIndex = 0; // carousel.on('change(LAY-index-dataview)', function(obj) { // renderDataView(carouselIndex = obj.index); // }); // //监å¬ä¾§è¾¹ä¼¸ç¼© // layui.admin.on('side', function() { // setTimeout(function() { // renderDataView(carouselIndex); // }, 300); // }); // //监å¬è·¯ç”± // layui.admin.on('hash(tab)', function() { // layui.router().path.join('') || renderDataView(carouselIndex); // }); // }); //æœ€æ–°è®¢å• layui.use("table", function () { var $ = layui.$, table = layui.table; //ä»Šæ—¥çƒæœ table.render({ elem: "#LAY-index-topSearch", url: layui.setter.base + "json/console/top-search.js", //æ¨¡æ‹ŸæŽ¥å£ page: true, cols: [ [ { type: "numbers", fixed: "left", }, { field: "keywords", title: "关键è¯", minWidth: 300, templet: '<div><a href="https://www.baidu.com/s?wd={{ d.keywords }}" target="_blank" class="layui-table-link">{{ d.keywords }}</div>', }, { field: "frequency", title: "æœç´¢æ¬¡æ•°", minWidth: 120, sort: true, }, { field: "userNums", title: "用户数", sort: true, }, ], ], skin: "line", }); //今日çƒè´´ table.render({ elem: "#LAY-index-topCard", url: layui.setter.base + "json/console/top-card.js", //æ¨¡æ‹ŸæŽ¥å£ page: true, cellMinWidth: 120, cols: [ [ { type: "numbers", fixed: "left", }, { field: "title", title: "æ ‡é¢˜", minWidth: 300, templet: '<div><a href="{{ d.href }}" target="_blank" class="layui-table-link">{{ d.title }}</div>', }, { field: "username", title: "å‘帖者", }, { field: "channel", title: "类别", }, { field: "crt", title: "点击率", sort: true, }, ], ], skin: "line", }); }); exports("console", {}); });