duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233
							<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <script src="./Script/Common/huayi.load.js"></script>
        <script src="./Script/Common/huayi.config.js"></script>
        <style>
            * {
                font-family: "微软雅黑";
            }

            @font-face {
                font-family: "iconfont";
                src: url("fonts/iconfont.eot");
                /* IE9*/
                src: url("fonts/iconfont.eot?#iefix")
                        format("embedded-opentype"),
                    /* IE6-IE8 */ url("fonts/iconfont.woff") format("woff"),
                    /* chrome、firefox */ url("fonts/iconfont.ttf")
                        format("truetype"),
                    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
                        url("fonts/iconfont.svg#iconfont") format("svg");
                /* iOS 4.1- */
            }

            .iconfont {
                font-family: "iconfont";
                font-size: 25px;
                font-style: normal;
            }

            .fl {
                float: left;
            }

            .fr {
                float: right;
            }

            .bc {
                background-color: #f5f5f5;
                border: 2px solid #ebebeb;
                padding: 25px 20px;
            }

            .size-14 {
                font-size: 14px;
                font-weight: normal;
            }

            .ba {
                background-color: #f5f5f5;
                border: 2px solid #ebebeb;
                padding: 0px;
            }

            .left_box {
                background-color: #ffffff;
            }

            .rows {
                display: -webkit-box;
            }

            .lazur {
                color: #23c6c8;
            }

            .bottom_line {
                border-bottom: 2px solid #cccccc;
            }

            .clear {
                margin: 0;
                padding: 0;
                margin-top: 2%;
            }

            .widgets {
                padding: 15px 0px;
                margin-bottom: 25px;
                margin-top: 25px;
            }
            /*.ss{

                background: url(img/huan.png) no-repeat;
                background-size: contain;
                background-position: center;
                margin-left: 20px;

            }*/

            .fenxian {
                border: 2px solid #cccccc;
                margin-bottom: 10px;
                display: inherit;
                position: absolute;
                width: 100%;
                top: 50%;
            }

            .left1 {
                left: 15px;
            }

            .left2 {
                right: 15px;
            }

            .rowTitle {
                position: absolute;
                font-size: 16px;
                top: 40px;
                left: 45px;
                font-weight: 800;
                padding-bottom: 10px;
                border-bottom: 2px solid #cccccc;
                letter-spacing: 4px;
            }

            .num_box {
                background-color: #fefefe;
                border: 1px solid #ebebeb;
                border-radius: 5px;
                margin-top: 10px;
                -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
                height: 318px;
            }

            .size-16 {
                font-size: 16px !important;
            }

            .size-14 {
                font-size: 14px !important;
            }

            .size-15 {
                font-size: 15px !important;
            }

            .size-12 {
                font-size: 12px !important;
            }

            .min_bottom {
                margin-bottom: 5px !important;
            }

            .fa-4x {
                font-size: 3em;
                color: #ffffff;
                background-color: #67cdcb;
                padding: 10px;
                border-radius: 5px;
            }

            .bg_green {
                background: -webkit-linear-gradient(left, #accafd, #b8dcfc);
                background: -moz-linear-gradient(left, #accafd, #b8dcfc);
                background: -o-linear-gradient(left, #accafd, #b8dcfc);
                background: -webkit-gradient(
                    linear,
                    100% 0,
                    0 0,
                    from(#b8dcfc),
                    to(#accafd)
                );
                background: linear-gradient(left, #accafd, #b8dcfc);
                /* Opera 11.1 - 12.0 */
                /* Firefox 3.6 - 15 */
                /* 标准的语法 */
            }

            .bg_blue {
                /* Safari 5.1 - 6.0 */
                background: -webkit-linear-gradient(left, #f26997, #f080ce);
                background: -moz-linear-gradient(left, #f26997, #f080ce);
                background: -o-linear-gradient(left, #f26997, #f080ce);
                background: -webkit-gradient(
                    linear,
                    100% 0,
                    0 0,
                    from(#f080ce),
                    to(#f26997)
                );
                background: linear-gradient(left, #f26997, #f080ce);
                /* Opera 11.1 - 12.0 */
                /* Firefox 3.6 - 15 */
                /* 标准的语法 */
            }

            .bg_red {
                background: -webkit-linear-gradient(left, #fbc356, #fa9182);
                background: -moz-linear-gradient(left, #fbc356, #fa9182);
                background: -o-linear-gradient(left, #fbc356, #fa9182);
                background: -webkit-gradient(
                    linear,
                    100% 0,
                    0 0,
                    from(#fa9182),
                    to(#fbc356)
                );
                background: linear-gradient(left, #fbc356, #fa9182);
                /* Opera 11.1 - 12.0 */
                /* Firefox 3.6 - 15 */
                /* 标准的语法 */
            }

            .bg_black {
                background: -webkit-linear-gradient(left, #88eec0, #8bdedd);
                background: -moz-linear-gradient(left, #88eec0, #8bdedd);
                background: -o-linear-gradient(left, #88eec0, #8bdedd);
                background: -webkit-gradient(
                    linear,
                    100% 0,
                    0 0,
                    from(#8bdedd),
                    to(#88eec0)
                );
                background: linear-gradient(left, #88eec0, #8bdedd);
                /* Opera 11.1 - 12.0 */
                /* Firefox 3.6 - 15 */
                /* 标准的语法 */
            }

            .bg_wj {
                background: -webkit-linear-gradient(left, #6c77da, #7351ac);
                background: -moz-linear-gradient(left, #6c77da, #7351ac);
                background: -o-linear-gradient(left, #6c77da, #7351ac);
                background: -webkit-gradient(
                    linear,
                    100% 0,
                    0 0,
                    from(#7351ac),
                    to(#6c77da)
                );
                background: linear-gradient(left, #6c77da, #7351ac);
                /* Opera 11.1 - 12.0 */
                /* Firefox 3.6 - 15 */
                /* 标准的语法 */
            }

            .jg {
                letter-spacing: 2px;
                margin-top: -3px;
                font-weight: bolder;
            }

            .mt {
                margin-top: 10px;
            }

            .ibox-content {
                padding: 20px 20px 95px;
                background-color: #fefefe;
                border: 1px solid #ebebeb;
                border-radius: 5px;
                -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
            }

            .size-20 {
                font-size: 20px;
                color: #4078ad;
            }

            .border_top {
                border-top: none;
            }
            /*.margin-tops{
                margin-top:-50px;
            }*/

            .padding-left-min {
                padding-left: 0;
                padding-top: 5px;
            }

            .mins-left {
                padding-left: 30px;
                padding-right: 0;
            }

            .widget h2,
            .widget h3 {
                margin-top: 0px;
            }

            .col-sm-2 {
                width: 20%;
            }

            .col-sm-4 {
                width: 30%;
            }

            .min_right {
                margin-right: 15px;
            }

            .col-xs-3 {
                padding-left: 5px;
            }

            .huan {
                background: url(./img/huan.png) no-repeat;
            }

            .min-padding {
                padding-bottom: 10px;
                padding-top: 10px;
                border-bottom-width: 1px;
                border-radius: 5px !important;
                padding-left: 10px;
                padding-right: 5px;
            }

            .progress {
                height: 5px;
                background-color: #cccccc;
            }

            .progress-bar-ff {
                background-color: #fff;
            }

            .ff {
                color: #ffffff;
            }

            .c-bottom {
                margin-top: 5px;
            }

            .bg-purple {
                background: -ms-linear-gradient(right, #ea76dd, #8a9cf4);
                background: -webkit-gradient(
                    linear,
                    100% 0,
                    0 0,
                    from(#ea76dd),
                    to(#8a9cf4)
                );
                background: -webkit-linear-gradient(right, #ea76dd, #8a9cf4);
                background: -moz-linear-gradient(right, #ea76dd, #8a9cf4);
                background: -o-linear-gradient(right, #ea76dd, #8a9cf4);
                background: linear-gradient(right, #ea76dd, #8a9cf4);
                background: #ea76dd;
                /* Opera 11.1 - 12.0 */
                /* Firefox 3.6 - 15 */
                /* 标准的语法 */
            }

            .bg-blues {
                background: -ms-linear-gradient(right, #67aefe, #67aefe);
                background: -webkit-linear-gradient(right, #67aefe, #67aefe);
                background: -moz-linear-gradient(right, #67aefe, #7bd7fe);
                background: -o-linear-gradient(right, #67aefe, #7bd7fe);
                background: -webkit-gradient(
                    linear,
                    100% 0,
                    0 0,
                    from(#67aefe),
                    to(#7bd7fe)
                );
                background: linear-gradient(right, #67aefe, #7bd7fe);
                background: #67aefe;
                /* Opera 11.1 - 12.0 */
                /* Firefox 3.6 - 15 */
                /* 标准的语法 */
            }

            .bg-yellow {
                background: -ms-linear-gradient(right, #f95a84, #f86953);
                background: -webkit-linear-gradient(right, #f95a84, #f86953);
                background: -moz-linear-gradient(right, #f95a84, #f86953);
                background: -o-linear-gradient(right, #f95a84, #f86953);
                background: -webkit-gradient(
                    linear,
                    100% 0,
                    0 0,
                    from(#f95a84),
                    to(#f86953)
                );
                background: linear-gradient(right, #f95a84, #f86953);
                background: #f95a84;
                /* Opera 11.1 - 12.0 */
                /* Firefox 3.6 - 15 */
                /* 标准的语法 */
            }
            /*.p-xl{
            border-width: 5px;
            border-style: solid;
            border-color: #69cbd0  #69cbd0 #be8bd6   #47bde3 ;
            border-radius: 50%;
        }*/

            .c-bottom {
                width: 29%;
                overflow: hidden;
                margin-right: 5px;
                float: left;
            }

            .c-bottom ul {
                overflow: hidden;
                width: 100%;
                padding-left: 0px;
                list-style: none;
                margin-top: 3px;
                cursor: pointer;
            }

            .Text {
                width: 100%;
                padding-bottom: 30px;
                position: relative;
            }

            .c-b-ul {
                list-style: none;
                padding-left: 0;
            }

            .c-b-ul span {
                position: absolute;
                left: 20px;
                top: 62px;
                font-weight: 600;
                font-size: 15px;
                color: #676a6c;
            }
            .c-b-ul #jrdwcl {
                top: 112px;
            }
            .c-b-ul #dydwcl {
                top: 162px;
            }

            .Announcement_title span {
                font-size: 16px;
                font-weight: 800;
                line-height: 80px;
            }

            .rl {
                float: right;
            }

            .Announcement_common {
                font-size: 14px;
            }

            .Announcement_common li {
                margin-bottom: 10px;
            }

            .At_time {
                padding-right: 25px;
            }

            .Announcement_common li a {
                color: #000;
            }

            .Announcement_common li a:hover {
                color: #00a1cb;
            }

            .new_title {
                height: 100%;
                line-height: 30px;
                padding: 0 15px;
            }

            .new_title h1 {
                margin: 0;
                padding: 0;
                font-weight: normal;
                line-height: 30px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                float: left;
                width: 55%;
            }

            .new_list li {
                height: 30px;
            }

            li {
                list-style-type: none;
            }

            .new_title a {
                color: #000;
                display: block;
                width: 100%;
                color: #666;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .s-14 {
                font-size: 14px;
            }

            .new_title em {
                font-style: normal;
            }

            .Widths {
                width: 50%;
                margin-top: 8%;
            }
        </style>
    </head>

    <body class="gray-bg">
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row LISTS" style="display: none">
                <div class="col-sm-2">
                    <div class="widget style1 bc">
                        <div class="row">
                            <div class="col-xs-3 text-center">
                                <i class="fa iconfont fa-4x bg_black"
                                    >&#xe732;</i
                                >
                            </div>
                            <div class="col-xs-9 text-left mins-left">
                                <h2 class="size-16 jg min_bottom">今日来电</h2>
                                <h2 class="font-bold size-15 min_bottom">0</h2>
                                <h3 class="font-bold size-12">总时长:0M</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="widget style1 bc">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa iconfont fa-4x bg_green"
                                    >&#xe735;</i
                                >
                            </div>
                            <div class="col-xs-9 text-left mins-left">
                                <h2 class="size-16 jg min_bottom">今日去电</h2>
                                <h2 class="font-bold size-15 min_bottom">0</h2>
                                <h3 class="font-bold size-12">总时长:0M</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="widget style1 bc">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa iconfont fa-4x bg_blue"
                                    >&#xe606;</i
                                >
                            </div>
                            <div class="col-xs-9 text-left mins-left">
                                <h2 class="size-16 jg min_bottom">本月来电</h2>
                                <h2 class="font-bold size-15 min_bottom">0</h2>
                                <h3 class="font-bold size-12">总时长:0M</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="widget style1 bc">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa iconfont fa-4x bg_red">&#xe61f;</i>
                            </div>
                            <div class="col-xs-9 text-left mins-left">
                                <h2 class="size-16 jg min_bottom">本月去电</h2>
                                <h2 class="font-bold size-15 min_bottom">0</h2>
                                <h3 class="font-bold size-12">总时长:0M</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="widget style1 bc">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa iconfont fa-4x bg_wj">&#xe61f;</i>
                            </div>
                            <div class="col-xs-9 text-left mins-left">
                                <h2 class="size-16 jg min_bottom">未接来电</h2>
                                <h2 class="font-bold size-15 min_bottom">0</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row LISTS" style="display: none">
                <div class="col-sm-12">
                    <div class="ibox-content">
                        <div>实时统计</div>
                        <div>
                            <span>后台排队：<b id="backstageQueue">0</b></span>
                            <!-- <ul class="tjcount">
                                <li>后台排队：<b>0</b></li>
                                <li>登录坐席：<b>0</b></li>
                                <li>离线人数：<b>0</b></li>
                                <li>空闲人数：<b>0</b></li>
                                <li>通话人数：<b>0</b></li>
                                <li>系统呼入：<b>0</b></li>
                                <li>置忙坐席：<b>0</b></li>
                                <li>签出坐席：<b>100</b></li>
                                <li>全部坐席：<b>0</b></li>
                            </ul> -->
                        </div>
                        <!-- <div class="ibox float-e-margins">
                            <div class="ibox-title border_top padding-left-min">
                                <div class="ibox-tools margin-tops">
                                    <h3>
                                        去年同月相比<strong> ↑ 4.3%</strong>
                                    </h3>
                                    <h3 class="size-20">↑ <strong>4.3%</strong></h3>
                                </div>
                            </div>
                            <div style="width: 100%">
                                <div
                                    class="flot-chart-content"
                                    id="flot-line-chart"
                                    style="height: 400px"
                                ></div>
                            </div>
                            <input type="hidden" id="RoleCode" />
                        </div> -->
                    </div>
                </div>
            </div>
            <div class="row" style="margin-bottom: 20px">
                <div class="col-sm-4 LIST_">
                    <div class="left_box rows num_box">
                        <div class="Announcement_box" style="width: 100%">
                            <div class="Announcement_title clearfix">
                                <span class="fl" style="padding-left: 25px"
                                    >通知公告</span
                                >
                                <!-- <span class="rl" style="padding-right: 25px">
                                    <a href="Announcement/NoAnnManagement.html"
                                        >更多&gt;&gt;</a
                                    >
                                </span> -->
                            </div>
                            <div class="Announcement_common">
                                <ul style="padding: 0" class="Ann">
                                    <!--<li>
										<div class="new_title clearfix">
											<h1 class="fl s-14">
											<a ><strong>·</strong> &nbsp;&nbsp;关于有关政策落实情况汇报</a>
											</h1>
											<em class="rl s-14">2017-5-21</em>
										</div>
									</li>
									<li>
										<div class="new_title clearfix">
											<h1 class="fl s-14">
											<a ><strong>·</strong> &nbsp;&nbsp;关于有关政策落实情况汇报</a>
											</h1>
											<em class="rl s-14">2017-5-21</em>
										</div>
									</li>
									<li>
										<div class="new_title clearfix">
											<h1 class="fl s-14">
											<a ><strong>·</strong> &nbsp;&nbsp;关于有关政策落实情况汇报</a>
											</h1>
											<em class="rl s-14">2017-5-21</em>
										</div>
									</li>
									<li>
										<div class="new_title clearfix">
											<h1 class="fl s-14">
											<a ><strong>·</strong> &nbsp;&nbsp;关于有关政策落实情况汇报</a>
											</h1>
											<em class="rl s-14">2017-5-21</em>
										</div>
									</li>
									<li>
										<div class="new_title clearfix">
											<h1 class="fl s-14">
											<a ><strong>·</strong> &nbsp;&nbsp;关于有关政策落实情况汇报</a>
											</h1>
											<em class="rl s-14">2017-5-21</em>
										</div>
									</li>-->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 LIST_">
                    <div class="left_box rows num_box">
                        <div style="margin-top: 30px; width: 100%">
                            <div
                                style="
                                    padding-left: 25px;
                                    font-size: 16px;
                                    font-weight: 800;
                                "
                            >
                                <span>工单信息</span>
                            </div>
                            <div class="col-md-7 clear">
                                <div
                                    class="widgets p-xl ss"
                                    id="hx"
                                    style="height: 300px"
                                ></div>
                            </div>
                            <div class="col-md-5 clear">
                                <div
                                    class="widgets p-xl border_left"
                                    style="margin-top: 26px"
                                >
                                    <ul class="c-b-ul clearfix">
                                        <li class="fl Text">今日完成量:</li>
                                        <span id="jrwcl"></span>
                                        <li class="fl Text">今日待完成量:</li>
                                        <span id="jrdwcl"></span>
                                        <li class="fl Text">当月待完成量:</li>
                                        <span id="dydwcl"></span>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 LISTS" style="width: 40%; display: none">
                    <div class="ibox float-e-margins mt">
                        <div class="ibox-content">
                            <div class="flot-chart">
                                <div
                                    class="flot-chart-content"
                                    id="flot-pie-chart"
                                    style="height: 295px; width: 100%"
                                ></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row LISTS" style="display: none">
                <div class="col-sm-12">
                    <div class="ibox-content">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title border_top padding-left-min">
                                <div class="ibox-tools margin-tops">
                                    <h3>
                                        去年同月相比<strong> ↑ 4.3%</strong>
                                    </h3>
                                    <!-- <h3 class="size-20">↑ <strong>4.3%</strong></h3>-->
                                </div>
                            </div>
                            <div style="width: 100%">
                                <div
                                    class="flot-chart-content"
                                    id="flot-line-chart"
                                    style="height: 400px"
                                ></div>
                            </div>
                            <input type="hidden" id="RoleCode" />
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <script src="./js/content.min.js?v=1.0.0"></script>
        <script src="./js/echarts.common.min.js"></script>
        <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
        <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
        <script src="./js/main.js"></script>
        <!--<script src="./js/highcharts.js"></script>-->
        <script>
            var inval;
            $(document).ready(function () {
                if (!top.ws) {
                    //top.Connect();
                }
                console.log(helper.init.isload)
            	helper.init.isload = 0 
                teltotal();
                telhour();
                telday();
                worktotal();
                Ann();
                DL();
                if (inval) {
                    clearInterval(inval);
                }
                inval = setInterval(function () {
                    teltotal();
                    telhour();
                    telday();
                    worktotal();
                }, huayi.config.indextime);
            });

            if ($.cookie("token") == null) {
                window.location.href = "login.html";
            }

            function DL() {
                $.getJSON(
                    huayi.config.callcenter_url + "UserAccount/GetNowUser",
                    {
                        token: $.cookie("token"),
                    },
                    function (result) {
                        if (result.state.toLowerCase() == "success") {
                            $("#RoleCode").val(result.data.user.F_RoleCode);

                            if (result.data.user.F_RoleCode == "WLDW") {
                                //改为除网络单位看不到，其他都能看到
                                $(".LISTS").hide();
                                $(".LIST_").addClass("Widths");
                            } else {
                                $(".LISTS").show();
                            }
                        }
                    }
                );
            }

            function Ann() {
                $.getJSON(
                    huayi.config.callcenter_url + "Notice/GetListTop",
                    {
                        top: 5,
                        token: $.cookie("token"),
                    },
                    function (result) {
                        //console.log(result);
                        var a;
                        $(result.rows).each(function (i, n) {
                            //console.log(n.F_CreateOn);
                            var T = n.F_CreateOn.substring(
                                0,
                                n.F_CreateOn.indexOf(" ")
                            );
                            a =
                                "<li>" +
                                '<div class="new_title clearfix">' +
                                '<h1 class="fl s-14">' +
                                '<a href="Announcement/AnnD.html?wid=' +
                                n.F_NoticeId +
                                '"><strong>·</strong> &nbsp;&nbsp;' +
                                n.F_Title +
                                "</a>" +
                                "</h1>" +
                                '<em class="rl s-14">' +
                                T +
                                "</em>" +
                                "</div>" +
                                "</li>";
                            $(a).appendTo($(".Ann"));
                        });
                    }
                );
            }

            function teltotal() {
//          	helper.init.isload = 0 
            	
            	$.ajax({
				    type: "GET",
				    url: huayi.config.callcenter_url + "Index/GetTelRecordsTotal",
				    isload: 0,
				    dataType: "json",
				    data:{token: $.cookie("token")},
				    success: function (result) {
				        $(".style1").eq(0).find("h2").eq(1).text(result.data.dayin.count);
                        $(".style1").eq(0).find("h3").text("总时长:" + result.data.dayin.totaltime + "");
                        $(".style1").eq(1).find("h2").eq(1).text(result.data.dayout.count);
                        $(".style1").eq(1).find("h3").text("总时长:" +result.data.dayout.totaltime +"");
                        $(".style1").eq(2).find("h2").eq(1).text(result.data.monin.count);
                        $(".style1").eq(2).find("h3").text("总时长:" + result.data.monin.totaltime + "");
                        $(".style1").eq(3).find("h2").eq(1).text(result.data.monout.count);
                        $(".style1").eq(3).find("h3").text("总时长:" +result.data.monout.totaltime +"");
                        $(".style1").eq(4).find("h2").eq(1).text(result.data.daynocon);
				    }
				});
				
            }
            function telhour() {
                $.getJSON(
                    huayi.config.callcenter_url + "Index/GetTelRecordsByHour",
                    {
                        token: $.cookie("token"),
                    },
                    function (result) {
                        if (result.state.toLowerCase() == "success") {
                            //						option1.series[0].data = result.data.total;
                            //						option1.series[1].data = result.data.count;
                            //						myChart1.setOptions(option1);
                            //图一
                            $("#flot-pie-chart").highcharts({
                                chart: {
                                    type: "column",
                                },
                                credits: {
                                    enabled: false, // 禁用版权信息
                                },
                                exporting: {
                                    enabled: false,
                                },
                                title: {
                                    text: "",
                                },
                                xAxis: {
                                    //categories: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", ],
                                    categories: result.data.col,
                                    crosshair: true,
                                },
                                yAxis: {
                                    min: 0,
                                    title: {
                                        text: "",
                                    },
                                },
                                tooltip: {
                                    headerFormat:
                                        '<span style="font-size:10px">{point.key}</span><table>',
                                    pointFormat:
                                        '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                                        '<td style="padding:0"><b>{point.y} </b></td></tr>',
                                    footerFormat: "</table>",
                                    shared: true,
                                    useHTML: true,
                                },
                                series: [
                                    {
                                        name: "来电数量",
                                        data: result.data.total,
                                    },
                                    {
                                        name: "接通数量",
                                        data: result.data.count,
                                    },
                                ],
                            });
                        }
                    }
                );
            }
            //myChart.setOption(option);
            //图3
            var option3 = {
                title: {
                    text: "本月话务量及工单量折线图",
                    x: -20,
                },
                xAxis: {
                    labels: {
                        style: {
                            color: "#19a0f5", //颜色
                            fontSize: "12px", //字体
                        },
                    },
                    categories: [
                        "01日",
                        "02日",
                        "03日",
                        "04日",
                        "05日",
                        "06日",
                        "07日",
                        "08日",
                        "09日",
                        "10日",
                        "11日",
                        "12日",
                        "13日",
                        "14日",
                        "15日",
                        "16日",
                        "17日",
                        "18日",
                        "19日",
                        "20日",
                        "21日",
                        "22日",
                        "23日",
                        "24日",
                        "25日",
                        "26日",
                        "27日",
                        "28日",
                        "29日",
                        "30日",
                        "31日",
                    ],
                },
                yAxis: {
                    title: {
                        text: "单位",
                        rotation: 0,
                        y: -180,
                        style: {
                            color: "#19a0f5", //颜色
                            fontSize: "16px", //字体
                        },
                    },
                    labels: {
                        style: {
                            color: "#19a0f5", //颜色
                            fontSize: "14px", //字体
                        },
                    },
                    plotLines: [
                        {
                            value: 0,
                            width: 1,
                            color: "#808080",
                        },
                    ],
                },
                tooltip: {
                    valueSuffix: "单",
                },
                legend: {
                    align: "right",
                    verticalAlign: "top",
                    x: 0,
                    y: 0,
                },
                credits: {
                    enabled: false,
                },
                series: [
                    {
                        name: "工单量",
                        data: [
                            7.0,
                            6.9,
                            9.5,
                            14.5,
                            18.2,
                            21.5,
                            25.2,
                            26.5,
                            23.3,
                            18.3,
                            13.9,
                            9.6,
                            21.5,
                            25.2,
                            26.5,
                            23.3,
                            6.9,
                            9.5,
                            14.5,
                            18.2,
                            14.5,
                            18.2,
                            21.5,
                            25.2,
                            26.5,
                            23.3,
                            18.3,
                            9.6,
                            21.5,
                            25.2,
                        ],
                        color: "#ffaaac",
                    },
                    {
                        name: "话务量",
                        data: [
                            2,
                            0.8,
                            5.7,
                            11.3,
                            17.0,
                            22.0,
                            24.8,
                            24.1,
                            20.1,
                            14.1,
                            8.6,
                            2.5,
                            14.5,
                            18.2,
                            21.5,
                            25.2,
                            26.5,
                            23.3,
                            18.3,
                            9.6,
                            13.9,
                            9.6,
                            21.5,
                            25.2,
                            26.5,
                            23.3,
                            6.9,
                            9.5,
                            18.2,
                            21.5,
                            25.2,
                        ],
                        color: "#d8e7ef",
                    },
                ],
            };

            function telday() {
                $.getJSON(
                    huayi.config.callcenter_url + "Index/GetWorkTelByDay",
                    {
                        token: $.cookie("token"),
                    },
                    function (result) {
                        if (result.state.toLowerCase() == "success") {
                            $(".ibox-tools h3 strong").text(result.data.bl);
                            option3.xAxis.categories = result.data.col;
                            option3.series[0].data = result.data.worktotal;
                            option3.series[1].data = result.data.teltotal;
                            var chart3 = new Highcharts.Chart(
                                "flot-line-chart",
                                option3
                            );
                        }
                    }
                );
            }

            //图2
            var myChart2 = echarts.init(document.getElementById("hx"));
            var option2 = {
                title: {
                    text: "总计",
                    subtext: "10000",
                    x: "center",
                    y: 60,
                    textStyle: {
                        fontWeight: "normal",
                        fontSize: 16,
                    },
                },
                color: ["#bf8bd5", "#68cbcf"],
                series: [
                    {
                        type: "pie",
                        radius: ["40%", "60%"],
                        center: ["50%", "30%"],
                        avoidLabelOverlap: false,
                        hoverAnimation: false,
                        label: {
                            normal: {
                                show: false,
                                position: "center",
                                formatter: "",
                            },
                            emphasis: {
                                show: true,
                                textStyle: {
                                    fontSize: "14",
                                    fontWeight: "bold",
                                },
                            },
                        },
                        labelLine: {
                            normal: {
                                show: false,
                            },
                        },
                        data: [
                            {
                                value: 335,
                                name: "直接访问",
                            },
                            {
                                value: 210,
                                name: "邮件营销",
                            },
                        ],
                    },
                ],
            };

            function worktotal() {
                $.getJSON(
                    huayi.config.callcenter_url + "Index/GetWorkTotal",
                    {
                        token: $.cookie("token"),
                    },
                    function (result) {
                        if (result.state.toLowerCase() == "success") {
                            option2.title.subtext =
                                result.data.daywc * 1 + result.data.daywwc * 1;
                            option2.series[0].data = [
                                {
                                    value: result.data.daywwc,
                                    name: "今日待完成量",
                                },
                                {
                                    value: result.data.daywc,
                                    name: "今日完成量",
                                },
                            ];

                            $("#jrwcl").text(result.data.daywc);
                            $("#jrdwcl").text(result.data.daywwc);
                            $("#dydwcl").text(result.data.monwwc);

                            //						$(".bg-blues h3").find("span").text(result.data.daywc);
                            //						$(".bg-purple h3").find("span").text(result.data.daywwc);
                            //						$(".bg-yellow h3").find("span").text(result.data.monwwc);
                            myChart2.setOption(option2);
                        }
                    }
                );
            }
            function realTimeMonitorQueue(data) {
                $("#backstageQueue").text(data)
            }
        </script>
    </body>
    <!-- Mirrored from www.zi-han.net/theme/hplus/widgets.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:01 GMT -->
</html>