duhongyu
/
AnYang_UI


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273
							<!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();
                }
                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() {
                $.getJSON(
                    huayi.config.callcenter_url + "Index/GetTelRecordsTotal",
                    {
                        token: $.cookie("token"),
                    },
                    function (result) {
                        if (result.state.toLowerCase() == "success") {
                            $(".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>