Exemple #1
0
        #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();
        }
Exemple #2
0
        #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();
        }