| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 |
- <!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/index.css" />
- <link rel="stylesheet" href="css/bootstrap.min.css" />
- <style>
- .huaWuBox {
- /*background: url(img/bgbg3_02.jpg) no-repeat!important;*/
- /*background: url(img/bg.jpg) no-repeat;*/
- /*background: url(img/bg2_02.png) repeat-x;*/
- background: radial-gradient(circle, rgb(18, 38, 106), rgb(0, 2, 33));
- background-size: 100% 100%!important;
- }
- .huawu {
- width: 97%;
- margin: 0 auto;
- }
- .tu_box > div {
- width: 100%;
- margin: 0 auto;
- /*box-shadow: 1px 1px 18px #4485f0 inset;*/
- padding-bottom: 10px;
- background: url(img/jd_bg3.png) no-repeat;
- background-size: 100% 100%;
- }
- .tu_box {
- margin-bottom: 20px;
- }
- .navcon {
- border-bottom: 0;
- }
- .navbox {
- background: url(img/nav_03.png) no-repeat;
- background-size: 100% 100%;
- margin: 0 auto;
- color: #fff;
- font-weight: bold;
- font-size: 20px;
- text-align: center;
- line-height: 60px;
- letter-spacing: 15px;
- }
- .title {
- background: url(img/title_02.png) no-repeat;
- background-size: 100% 100%;
- width: 600px;
- margin: 0 auto;
- height: 75px;
- margin-bottom: 50px;
- }
- .box_title {
- text-align: center;
- color: #fff;
- height: 35px;
- width: 100%;
- line-height: 35px;
- margin-top: 10px;
- }
- </style>
- </head>
- <body>
-
- <div class="huaWuBox">
- <div class="navcon ">
- <div class="title">
-
- </div>
- <div class="navbox">
- 鑫苑物业呼叫中心管理系统
- </div>
- </div>
- <div class="huawu">
- <div class="containers container-fluid">
- <div class="row clearfix">
-
-
- <div class="tu_box col-lg-6 col-md-6 col-sm-6">
- <div class="row">
- <div class="box_title">
- 话务量实时数据统计
- </div>
- <div id="main1" style="height: 400px;"></div>
- </div>
- </div>
- <div class="tu_box col-lg-6 col-md-6 col-sm-6">
- <div class="row">
- <div class="box_title">
- 当日话务量总体统计
- </div>
- <div id="phone_num" style="height: 400px;"></div>
- </div>
-
- </div>
- <div class="tu_box col-lg-6 col-md-6 col-sm-6">
- <div class="row">
- <div class="box_title">
- 接通率统计
- </div>
- <div id="jtv_num" style="height: 400px;"></div>
- </div>
-
- </div>
- <div class="tu_box col-lg-6 col-md-6 col-sm-6">
- <div class="row">
- <div class="box_title">
- 通话时长统计
- </div>
- <div id="th_nums" style="height: 400px;"></div>
- </div>
-
- </div>
- <!--<div class="tu_box col-lg-4 col-md-4 col-sm-6">
- <div class="row">
- <div class="box_title">
- 坐席闲忙比例
- </div>
- <div id="main" style="height: 400px;"></div>
- </div>
-
- </div>-->
-
- </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/coment.js"></script>
- <script src="js/huawu.js"></script>
- </html>
|