| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139 |
- <!DOCTYPE html>
- <html>
- <head lang="en">
- <meta charset="UTF-8">
- <title></title>
- <script src="Script/Common/huayi.load.js"></script>
- <script src="Script/Common/huayi.config.js"></script>
- <link rel="stylesheet" href="css/bootstrap.min.css" />
- <link rel="stylesheet" href="css/index.css" />
- <style>
- .gdmap .gdmap-m {
- /* width: 60%; */
- width: 476px;
- height: 369px;
- margin: 0 auto;
- }
- .gdmap-box {
- margin-top: 15px;
- width: 95%;
- margin: 0 auto;
- }
- .gdmap-l{
- float: left;
- width: 33%;
- }
- .gdmap-r{
- /*float: left;
- width: 64%;
- margin-left: 1%;*/
- width: 95%;
- margin: 0 auto;
- }
- .tt_count{
- color: #fff; width:48%; display: inline-block;text-align: center;margin: 15px 0;font-size: 14px;
- }
- .tt_count strong{
- font-size: 20px;
- }
- .gdmap .gdmap-r ul li {
- float: left;
- float: left;
- width: 25%;
- /* margin-top: 15px; */
- padding: 8px 0;
- border-top: 1px solid #1e2b3a;
- /*cursor: pointer;*/
- text-align: center;
- }
- /*.gdmap-r.xian{
- width: 100%;
- }*/
- </style>
- </head>
- <body>
- <div class="navcon ">
- <div class="navbox clearfix">
- <p><img src="img/sqLogo.png" class="logo" alt="" />商丘12345数据展示</p>
- <ul class="navl clearfix">
- <li>
- <a href="index.html">来源渠道情况</a>
- </li>
- <li>
- <a href="jieDanBuMen.html">接单部门情况</a>
- </li>
- <li>
- <a href="touSuJuBao.html">投诉举报情况</a>
- </li>
- <li>
- <a href="huaWuLiang.html">话务数量情况</a>
- </li>
- <li>
- <a class="active" href="zhongXinDaShuJu.html">中心大数据</a>
- </li>
- <!--<li>
- <a href="fuWuZhiShi.html">服务知识</a>
- </li>-->
- </ul>
- </div>
- </div>
- <!--containers-->
- <div class=" container-fluid">
- <div class="mb clearfix row">
- <div class="col-md-6" >
- <div class="gdmap">
- <div class="tt_count" ><div>工单总计</div><p><strong id="total"></strong></p></div>
- <div class="tt_count"><div>今日受理量</div><p><strong id="today"></strong></p></div>
- <!--<div class="tt_count" ><div>今日交办量</div><p><strong id="jiaoBan"></strong></p></div>-->
- <div class="gdmap-m">
- <img src="img/midmap_03.png" alt="" />
- </div>
-
- <div class="gdmap-box clearfix">
- <!--<div class="gdmap-l ">
- <ul class="clearfix">
- </ul>
- </div>-->
- <div class="gdmap-r xian">
- <ul class="clearfix list2">
- <!--<li><i class="xe-3"></i><span>舟山县</span><span>170</span></li>-->
- </ul>
- </div>
- </div>
- </div>
- </div>
- <!--part2-->
- <div class="col-md-6">
- <div id="slhw" style="width:100%;height: 400px;"></div>
- </div>
- </div>
-
- <div class="conb clearfix row" style="margin-top: 20px;">
- <!--<div>
- <div id="th_num" style="height: 400px;"></div>
- </div>-->
- <!--part3-->
- <div class="col-md-6">
- <div id="jtv_num" style="width:100%;height: 400px;"></div>
- </div>
- <!--part4-->
- <div class="col-md-6">
- <div id="th_nums" style="width:100%;height: 400px;"></div>
- </div>
- </div>
-
-
-
-
- </div>
- </body>
- <script src="js/jquery.min.js"></script>
- <script src="js/echarts.min.js"></script>
- <script src="js/highcharts.js"></script>
- <script src="js/gray.js"></script>
- <script src="js/radialIndicator.js"></script>
- <script src="js/zhongxin.js"></script>
- </html>
|