随笔---XXXIII

2022-4-11,今天也是市场非常惨烈的一天。

各种各样的不好消息,让人沮丧啊。

这里封了那里封了什么的。

生活不容易啊。

虽然有工资也能过活,但是谁只是想苟活着呢,毕竟做了这么多准备,学习了这么多的东西。

只好老老实实地上班了。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>LABI - Legend Arb Bussiness Intelligence</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
        <meta content="Coderthemes" name="author" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />

        <link rel="shortcut icon" href="assets/images/favicon.ico">

        <!--Morris Chart CSS -->
        <link rel="stylesheet" href="../plugins/morris/morris.css">

        <!-- Plugins css -->
        <link href="../plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet">
        <link href="../plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
        <link href="../plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet">
        <link href="../plugins/clockpicker/css/bootstrap-clockpicker.min.css" rel="stylesheet">
        <link href="../plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">

        <!-- App css -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />

        <script src="assets/js/modernizr.min.js"></script>
    </head>


    <body>
        <script src="assets/js/globalValue.js"></script>

        <!-- Navigation Bar-->
        <header id="topnav">
            <div class="topbar-main">
                <div class="container">

                    <!-- Logo container-->
                    <div class="logo">
                        <!-- Text Logo -->
                        <!--<a href="index.html" class="logo">-->
                        <!--Adminox-->
                        <!--</a>-->
                        <!-- Image Logo -->
                        <a href="index.html" class="logo">
                            <img src="assets/images/logo_dark.png" alt="" height="60" class="logo-lg">
                            <img src="assets/images/logo_sm.png" alt="" height="24" class="logo-sm">
                        </a>

                    </div>
                    <!-- End Logo container-->


                    <div class="clearfix"></div>

                </div> <!-- end container -->
            </div>
            <!-- end topbar-main -->

            <div class="navbar-custom">
                <div class="container">
                    <div id="navigation">
                        <!-- Navigation Menu-->
                        <ul class="navigation-menu">

                            <li class="has-submenu">
                                <a href="#"><i class="fi-air-play"></i>Dashboard</a>
                                <ul class="submenu">
                                    <li><a href="index.html">A Share</a></li>
                                    <li><a href="dashboard-2.html">Characteristic Dashboard</a></li>
                                    <li><a href="dashboard3.html">EOD Index Dashboard</a></li>
                                </ul>
                            </li>

                            <li class="has-submenu">
                                <a href="#"><i class="fi-paper-stack"></i>Pages</a>
                                <ul class="submenu megamenu">
                                    <li>
                                        <ul>
                                            <li><a href="page-starter.html">Starter Page</a></li>
                                            <li><a href="page-login.html">Login</a></li>
                                            <li><a href="page-register.html">Register</a></li>
                                            <li><a href="page-logout.html">Logout</a></li>
                                            <li><a href="page-recoverpw.html">Recover Password</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <ul>
                                            <li><a href="page-lock-screen.html">Lock Screen</a></li>
                                            <li><a href="page-confirm-mail.html">Confirm Mail</a></li>
                                            <li><a href="page-404.html">Error 404</a></li>
                                            <li><a href="page-404-alt.html">Error 404-alt</a></li>
                                            <li><a href="page-500.html">Error 500</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>

                            <li class="has-submenu">
                                <a href="#"><i class="fi-layers"></i>Extras</a>
                                <ul class="submenu megamenu">
                                    <li>
                                        <ul>
                                            <li><a href="http://www.legendarb.com/#/aboutus">About Us</a></li>
                                            <li><a href="https://tasks.office.com/legendarbgroup.com/zh-TW/Home/Planner#/plantaskboard?groupId=aefdbecf-fb7f-4dc6-a25a-a551d699eb5c&planId=SzGiif41zUCSoiNY0kE1hskAAiA6">Hasaki Planner</a></li>
                                            <li><a href="extras-companies.html">Companies</a></li>
                                            <li><a href="extras-members.html">Members</a></li>
                                            <li><a href="extras-members-2.html">Membars 2</a></li>
                                            <li><a href="extras-timeline.html">Timeline</a></li>
                                            <li><a href="extras-invoice.html">Invoice</a></li>
                                            <li><a href="extras-maintenance.html">Maintenance</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <ul>
                                            <li><a href="extras-coming-soon.html">Coming Soon</a></li>
                                            <li><a href="extras-faq.html">FAQ</a></li>
                                            <li><a href="extras-pricing.html">Pricing</a></li>
                                            <li><a href="extras-profile.html">Profile</a></li>
                                            <li><a href="extras-email-template.html">Email Templates</a></li>
                                            <li><a href="extras-search-result.html">Search Results</a></li>
                                            <li><a href="extras-sitemap.html">Site Map</a></li>
                                            <li><a href="extras-contact.html">Contact</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>

                        </ul>
                        <!-- End navigation menu -->
                    </div> <!-- end #navigation -->
                </div> <!-- end container -->
            </div> <!-- end navbar-custom -->
        </header>
        <!-- End Navigation Bar-->


        <div class="wrapper">
            <div class="container">

                <!-- Page-Title -->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title-box">
                            <div class="btn-group pull-right">
                                <ol class="breadcrumb hide-phone p-0 m-0">
                                    <li class="breadcrumb-item"><a href="#">LABI</a></li>
                                    <li class="breadcrumb-item"><a href="#">Research Group Dashboard</a></li>
                                    <li class="breadcrumb-item active">EOD Index Dashboard</li>
                                </ol>
                            </div>
                            <h4 class="page-title">EOD Index Morris Chart</h4>
                        </div>
                    </div>
                </div>
                <!-- end page title end breadcrumb -->


                <div class="row">

                    <div class="col-lg-6">
                        <div class="card-box">
                            <h4 class="header-title m-t-0">Date Range Picker</h4>
                            <p class="text-muted font-14 m-b-25">
                                选择时间区间
                            </p>

                            <form name="timepickerForm">
                                <div class="form-group m-b-20">
                                    <label>Date Range With Time</label>
                                    <div>
                                        <input type="text" class="form-control input-daterange-timepicker" name="daterange" value="2014-01-03 1:30 PM - 2022-01-03 2:00 PM"/>
                                    </div>
                                </div>
                                
                            </form>
                        </div> <!-- end card-box -->
                    </div>
                    <!-- end col -->

                    <div class="col-lg-6">

                        <div class="card-box">
                            <p>还没实现</p>
                        </div> <!-- card-box -->

                    </div> <!-- end col -->

                </div>
                <!-- end row -->

                <!-- sz50 zz500 -->
                <div class="row">
                    <div class="col-lg-6">
                        <div class="card-box">
                            <h4 class="header-title m-t-0">上证50收盘价走势图</h4>

                            <div class="text-center">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">4260</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Latest Close Price</p>
                                            <p class="text-danger">45% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">1000</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Max Dropdown</p>
                                            <p class="text-success">56% <i class="mdi mdi-trending-down"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">5807</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Highest Price</p>
                                            <p class="text-danger">78% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="sz50-line-example" style="height: 320px;"></div>

                        </div> <!-- card-box -->

                    </div>

                    <div class="col-lg-6">

                        <div class="card-box">
                            <h4 class="header-title m-t-0">中证500收盘价走势图</h4>

                            <div class="text-center">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">4260</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Latest Close Price</p>
                                            <p class="text-danger">45% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">1000</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Max Dropdown</p>
                                            <p class="text-success">56% <i class="mdi mdi-trending-down"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">5807</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Highest Price</p>
                                            <p class="text-danger">78% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="zz500-line-example" style="height: 320px;"></div>

                        </div> <!-- card-box -->

                    </div>
                </div>

                <!-- sz50 zz500 -->
                <div class="row">
                    <div class="col-lg-6">
                        <div class="card-box">
                            <h4 class="header-title m-t-0">中证1000收盘价走势图</h4>

                            <div class="text-center">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">4260</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Latest Close Price</p>
                                            <p class="text-danger">45% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">1000</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Max Dropdown</p>
                                            <p class="text-success">56% <i class="mdi mdi-trending-down"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">5807</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Highest Price</p>
                                            <p class="text-danger">78% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="zz1000-line-example" style="height: 320px;"></div>

                        </div> <!-- card-box -->

                    </div>

                    <div class="col-lg-6">

                        <div class="card-box">
                            <h4 class="header-title m-t-0">中证800收盘价走势图</h4>

                            <div class="text-center">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">4260</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Latest Close Price</p>
                                            <p class="text-danger">45% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">1000</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Max Dropdown</p>
                                            <p class="text-success">56% <i class="mdi mdi-trending-down"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">5807</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Highest Price</p>
                                            <p class="text-danger">78% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="zz800-line-example" style="height: 320px;"></div>

                        </div> <!-- card-box -->

                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6">

                        <div class="card-box">
                            <h4 class="header-title m-t-0">沪深300收盘价走势图</h4>

                            <div class="text-center">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">4260</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Latest Close Price</p>
                                            <p class="text-danger">45% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">1000</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Max Dropdown</p>
                                            <p class="text-success">56% <i class="mdi mdi-trending-down"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">5807</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Highest Price</p>
                                            <p class="text-danger">78% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="morris-line-example" style="height: 320px;"></div>

                        </div> <!-- card-box -->

                    </div> <!-- end row -->

                    <div class="col-lg-6">
                        <div class="card-box">
                            <h4 class="header-title m-t-0">Bar Chart</h4>

                            <div class="text-center">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">12548</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Lifetime total sales</p>
                                            <p class="text-danger">0.05% <i class="mdi mdi-trending-down"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">9658</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Income amounts</p>
                                            <p class="text-success">19% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">6952</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Total visits</p>
                                            <p class="text-success">32% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="morris-bar-example" style="height: 320px;"></div>

                        </div>
                    </div>
                </div>
                <!-- end row -->


                <div class="row">

                    <div class="col-lg-6">

                        <div class="card-box">
                            <h4 class="header-title m-t-0">Area Chart with Point</h4>

                            <div class="text-center">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">9681</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Lifetime total sales</p>
                                            <p class="text-danger">32% <i class="mdi mdi-trending-down"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">2536</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Income amounts</p>
                                            <p class="text-success">9% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">3650</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Total visits</p>
                                            <p class="text-success">59% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="morris-area-with-dotted" style="height: 320px;"></div>


                        </div>
                    </div>

                    <div class="col-lg-6">

                        <div class="card-box">
                            <h4 class="header-title m-t-0">Donut Chart</h4>

                            <div class="text-center">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">25631</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Lifetime total sales</p>
                                            <p class="text-danger">89% <i class="mdi mdi-trending-down"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">412</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Income amounts</p>
                                            <p class="text-success">23% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">9520</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Total visits</p>
                                            <p class="text-success">5.5% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="morris-donut-example" style="height: 320px;"></div>


                        </div>
                    </div>

                </div>
                <!-- end row -->

                <div class="row">
                    <div class="col-lg-6">
                        <div class="card-box">
                            <h4 class="header-title m-t-0">Stacked Bar Chart</h4>
                            <div class="text-center">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">2563</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Lifetime total sales</p>
                                            <p class="text-danger">18% <i class="mdi mdi-trending-down"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">6952</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Income amounts</p>
                                            <p class="text-success">89% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">1125</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Total visits</p>
                                            <p class="text-success">53% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="morris-bar-stacked" style="height: 320px;"></div>

                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="card-box">
                            <h4 class="header-title m-t-0">Area Chart</h4>
                            <div class="text-center">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">7584</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Lifetime total sales</p>
                                            <p class="text-danger">68% <i class="mdi mdi-trending-down"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">2536</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Income amounts</p>
                                            <p class="text-success">89% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="m-t-20 m-b-20">
                                            <h4 class="m-b-10">4521</h4>
                                            <p class="text-uppercase m-b-5 font-13 font-600">Total visits</p>
                                            <p class="text-success">23% <i class="mdi mdi-trending-up"></i></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="morris-area-example" style="height: 320px;"></div>

                        </div>
                    </div>

                </div>
                <!-- end row -->

                

            </div> <!-- end container -->
        </div>
        <!-- end wrapper -->

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/tether.min.js"></script><!-- Tether for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>

        <!-- vue and axios -->
        <script src="assets/js/vue.js"></script>
        <script src="assets/js/axios.js"></script>
        <script src="assets/js/qs.min.js"></script>

        <!--Morris Chart-->
        <script src="../plugins/morris/morris.min.js"></script>
        <script src="../plugins/raphael/raphael-min.js"></script>
        <script src="assets/pages/jquery.morris.init.js"></script>

        <!-- plugin js -->
        <script src="../plugins/moment/moment.js"></script>
        <script src="../plugins/bootstrap-daterangepicker/daterangepicker.js"></script>

        <!-- Init js -->
        <script src="assets/pages/jquery.form-pickers.init.js"></script>

        <!-- App js -->
        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>

    </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值