#pragma warning disable 1998 public async override global::System.Threading.Tasks.Task ExecuteAsync() { #line 2 "D:\codes\CqSheep\RazorSamples\CqSheep.RazorSample.Host\Views\Admin\TableStat.cshtml" ViewData["Title"] = "TableStat"; ViewData["MenuType"] = MenuType.TableStat; ViewData["RoutePath"] = PageUtil.GetPathDic("TableStat", "/Admin/TableStat"); Layout = "~/Views/Layouts/_AdminHomeLayout.cshtml"; #line default #line hidden BeginContext(283, 707, true); WriteLiteral(@"<div class=""flex-column flex-main-start flex-align-center template""> <div class=""flex-column flex-main-start flex-align-start component search-table""> <div>搜索条件</div> <hr style=""margin:0px;width:100%"" /> <div class=""flex-row flex-main-center flex-align-center search-expression""> <div class=""input-group""> <span class=""input-group-addon"" id=""basic-addon1"">关键词</span> <input type=""text"" class=""form-control"" placeholder=""key words"" aria-describedby=""basic-addon1""> </div> <div> <button type=""button"" class=""btn btn-info"">搜索</button> </div> </div> </div> "); EndContext(); BeginContext(991, 66, false); #line 23 "D:\codes\CqSheep\RazorSamples\CqSheep.RazorSample.Host\Views\Admin\TableStat.cshtml" Write(await Html.PartialAsync("~/Views/ComponentItems/TablePage.cshtml")); #line default #line hidden EndContext(); BeginContext(1057, 292, true); WriteLiteral(@" </div> <style> .template > div { width: 100%; } .search-table{ height: auto; } .search-expression{ padding: 1rem; width: 100%; } .input-group{ width: 40%; margin-right: 1rem; } </style>"); EndContext(); }
#pragma warning disable 1998 public async override global::System.Threading.Tasks.Task ExecuteAsync() { #line 2 "D:\codes\CqSheep\RazorSamples\CqSheep.RazorSample.Host\Views\Admin\Overview.cshtml" ViewData["Title"] = "AdminOverview"; ViewData["MenuType"] = MenuType.OverViews; ViewData["RoutePath"] = PageUtil.GetPathDic("Overview", "/Admin/Overview"); Layout = "~/Views/Layouts/_AdminHomeLayout.cshtml"; #line default #line hidden BeginContext(280, 6939, true); WriteLiteral(@"<div class=""flex-column flex-main-start flex-align-center""> <div class=""flex-row flex-main-start flex-align-center flex-nowarp statistics-container""> <div class=""flex-column flex-main-center flex-align-center chart-overview"" id=""div-ip""> </div> <div class=""flex-column flex-main-center flex-align-center chart-overview"" id=""div-2""> </div> <div class=""flex-column flex-main-center flex-align-center chart-overview"" id=""div-3""> </div> <div class=""flex-column flex-main-center flex-align-center chart-overview"" id=""div-4""> </div> <div class=""flex-column flex-main-center flex-align-center chart-overview"" id=""div-5""> </div> </div> <div class=""flex-row flex-main-start flex-align-center flex-nowarp text-container""> </div> <div class=""flex-row flex-main-start flex-align-center main-stat-container""> <div class=""flex-column flex-main-start flex-align-center main-left""> <div class=""flex-ro"); WriteLiteral(@"w flex-main-start flex-align-center main-chart-title border-bottom""> <h6>Users</h6> </div> <div class=""flex-row flex-main-center flex-align-center main-left-selector""> <input name=""startDate"" id=""date-start"" type=""text""> <input name=""endDate"" id=""date-end"" type=""text""> </div> <div class=""main-chart"" id=""chart-main""> </div> </div> <div class=""flex-column flex-main-start flex-align-center main-right""> <div class=""flex-row flex-main-start flex-align-center main-chart-title border-bottom""> <h6>Users From</h6> </div> <div class=""right-chart"" id=""chart-pie""> </div> <div class=""flex-row flex-main-center flex-align-center main-right-selector""> <input name=""startDate"" id=""date-start"" type=""text""> <input name=""endDate"" id=""date-end"" type=""text""> </div> "); WriteLiteral(@" </div> </div> </div> <script src=""/js/echartUtil.js""></script> <style> .main-chart { height: 30rem; width: 100%; padding-top: 1rem } .main-left-selector { border-bottom: 1px solid #889bb7 !important; background-color: #f7f7f7 !important; padding: 0.7rem 0; width: 100%; } .main-right-selector { border-top: 1px solid #889bb7 !important; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: #f7f7f7 !important; padding: 0.7rem 0; width: 100%; } .main-left { width: 66%; background-color: #fff; margin: 0.5rem 1rem 1.5rem 1rem; border-radius: 0.5rem; box-shadow: 0 0.325rem 0.825rem rgba(90, 97, 105, 0.31); } .main-right { margin: 0.5rem 1rem 1.5rem 1rem; width: 30%; background-color: #fff; border-radius: 0.5rem; "); WriteLiteral(@" box-shadow: 0 0.325rem 0.825rem rgba(90, 97, 105, 0.31); } .right-chart { height: 30rem; width: 100%; padding-top: 1rem } .main-stat-container { width: 100%; } .text-container { width: 100%; border: 1rem #eaebed solid; border-radius: 1.6rem; height: 10rem; background: #fff; } .statistics-container { width: 100%; } .chart-overview { width: 18%; background-color: #fff; height: 8.8rem; margin: 0.5rem 1rem 0.5rem 1rem; border-radius: 0.5rem; box-shadow: 0 0.325rem 0.825rem rgba(90, 97, 105, 0.31); } .chart-overview > div { border-radius: 0.5rem; } .main-chart-title { padding: 1rem; width: 100%; } .main-chart-title > h6 { margin: 0; font-size: 1rem; font-family: -apple-system,BlinkMacSystemFont,""S"); WriteLiteral(@"egoe UI"",Roboto,""Helvetica Neue"",Arial,sans-serif; color: #3d5170; } .border-bottom { border-bottom: 1px solid #e1e5eb !important; } </style> <script> $(document).ready(function () { //alert(1) //drawCurve(""div-ip"") initChartsMain() initCharPie() initChartIp() $(""#date-start"").datetimepicker({//选择年月日 format: 'YYYY-MM-DD', locale: moment.locale('zh-cn') }); $(""#date-end"").datetimepicker({//选择年月日 format: 'YYYY-MM-DD', locale: moment.locale('zh-cn') }); }); function initChartsMain() { let seriesData = [ { name: '邮件营销', data: [120, 132, 101, 134, 90, 230, 210] }, { name: '联盟广告', data: [220, 182, 191, 234, 290, 330, 310] }, { name: '视频广告', data: [150, 232, 201, 154, 190, 330, 410] }, { name: '直接访问', data: [320, 332, 301, 334, 390, 330, 320] }, { name"); WriteLiteral(@": '搜索引擎', data: [820, 932, 901, 934, 1290, 1330, 1320] } ] let xData = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] createLine('堆叠区域图', document.getElementById('chart-main'), seriesData, xData); } function initCharPie() { let seriesData = [ { value: 335, name: '直接访问' }, { value: 310, name: '邮件营销' }, { value: 234, name: '联盟广告' }, { value: 135, name: '视频广告' }, { value: 1548, name: '搜索引擎' } ] createPie('某站点用户访问来源', '纯属虚构', document.getElementById('chart-pie'), '访问来源', seriesData) } function initChartIp() { let innerGraphText = [""I P V i s i t"", ""2,390"", ""↑ 2.4%""] let xyData = [ { x: '周一', y: 10 }, { x: '周二', y: 132 }, { x: '周三', y: 1011 }, { x: '周四', y: 134 }, { x: '周五', y: 900 }, { x: '周六', y: 230 }, { x: '周日', y: 12 }, { x: '周一', y: 10 }, "); WriteLiteral(@" { x: '周二', y: 132 }, { x: '周三', y: 1011 }, { x: '周四', y: 134 }, { x: '周五', y: 900 }, { x: '周六', y: 230 }, { x: '周日', y: 12 } ] createSmallLineGraph(innerGraphText, document.getElementById('div-ip'), '邮件营销', xyData) createSmallLineGraph(innerGraphText, document.getElementById('div-2'), '邮件营销', xyData, 'rgb(255,65,105,0.5)') createSmallLineGraph(innerGraphText, document.getElementById('div-3'), '邮件营销', xyData, 'rgb(24,135,255,0.5)') createSmallLineGraph(innerGraphText, document.getElementById('div-4'), '邮件营销', xyData, 'rgb(254,218,128,0.5)') createSmallLineGraph(innerGraphText, document.getElementById('div-5'), '邮件营销', xyData, 'rgb(128,198,113,0.5)') } </script>"); EndContext(); }