bjquanjiang
/
DigitalScholl

﻿
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name=”renderer” content=”webkit|ie-comp|ie-stand” />
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">
    <meta name="renderer" content="webkit">
    
    <title> </title>
    <link href="/Content/font/css/font-awesome.min.css" rel="stylesheet" />
    <link href="/Content/bootstrap/bootstrap.min.css" rel="stylesheet" />

    <style>
        html {
            width: 100%;
            height: 100%
        }

        body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            font-family: PingFangSC-Regular,Microsoft YaHei,SimSun,Arial,Helvetica,Verdana,sans-serif !important;
            color: #333;
            font-size: 12px;
            background-color: initial;
            overflow: hidden
        }

        ul, li {
            list-style: none;
            margin: 0;
            padding: 0
        }

        a {
            color: #000;
            text-decoration: none
        }

            a:hover {
                color: #000;
                text-decoration: none
            }

            a:focus {
                outline: 0;
                -moz-outline: 0;
                color: #000;
                text-decoration: none
            }

        .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
            background-color: #fff;
            opacity: 1
        }

        .btn-primary {
            color: #fff;
            background-color: #3286ed;
            border-color: #3286ed
        }

            .btn-primary:hover {
                color: #fff;
                background-color: #156edb;
                border-color: #156edb
            }

            .btn-primary:focus, .btn-primary.focus {
                color: #fff;
                background-color: #027dcb;
                border-color: #0277c1
            }

            .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
                color: #fff;
                background-color: #027dcb;
                border-color: #0277c1;
                background-image: none
            }

                .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
                    color: #fff;
                    background-color: #0167a8;
                    border-color: #014e7f
                }

            .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
                background-color: #039cfd;
                border-color: #039cfd
            }

            .btn-primary.disabled:hover, .btn-primary:disabled:hover {
                background-color: #039cfd;
                border-color: #039cfd
            }

        .btn-default {
            color: #373a3c;
            background-color: #fff;
            border-color: #ccc
        }

            .btn-default:hover {
                color: #373a3c;
                background-color: #e6e6e6;
                border-color: #adadad
            }

            .btn-default:focus, .btn-default.focus {
                color: #373a3c;
                background-color: #e6e6e6;
                border-color: #adadad
            }

            .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
                color: #373a3c;
                background-color: #e6e6e6;
                border-color: #adadad;
                background-image: none
            }

                .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
                    color: #373a3c;
                    background-color: #d4d4d4;
                    border-color: #8c8c8c
                }

            .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default:disabled:focus, .btn-default:disabled.focus {
                background-color: #fff;
                border-color: #ccc
            }

            .btn-default.disabled:hover, .btn-default:disabled:hover {
                background-color: #fff;
                border-color: #ccc
            }

        .btn-success {
            color: #fff;
            background-color: #1bb99a;
            border-color: #1bb99a
        }

            .btn-success:hover {
                color: #fff;
                background-color: #158c75;
                border-color: #13846e
            }

            .btn-success:focus, .btn-success.focus {
                color: #fff;
                background-color: #158c75;
                border-color: #13846e
            }

            .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
                color: #fff;
                background-color: #158c75;
                border-color: #13846e;
                background-image: none
            }

                .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
                    color: #fff;
                    background-color: #106d5b;
                    border-color: #0b4a3d
                }

            .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
                background-color: #1bb99a;
                border-color: #1bb99a
            }

            .btn-success.disabled:hover, .btn-success:disabled:hover {
                background-color: #1bb99a;
                border-color: #1bb99a
            }

        .btn-warning {
            color: #fff;
            background-color: #f1b53d;
            border-color: #f1b53d
        }

            .btn-warning:hover {
                color: #fff;
                background-color: #eaa211;
                border-color: #e19b10
            }

            .btn-warning:focus, .btn-warning.focus {
                color: #fff;
                background-color: #eaa211;
                border-color: #e19b10
            }

            .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
                color: #fff;
                background-color: #eaa211;
                border-color: #e19b10;
                background-image: none
            }

                .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
                    color: #fff;
                    background-color: #c98b0e;
                    border-color: #a3700c
                }

            .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
                background-color: #f1b53d;
                border-color: #f1b53d
            }

            .btn-warning.disabled:hover, .btn-warning:disabled:hover {
                background-color: #f1b53d;
                border-color: #f1b53d
            }

        .btn-danger {
            color: #fff;
            background-color: #ff5d48;
            border-color: #ff5d48
        }

            .btn-danger:hover {
                color: #fff;
                background-color: #ff3015;
                border-color: #ff270b
            }

            .btn-danger:focus, .btn-danger.focus {
                color: #fff;
                background-color: #ff3015;
                border-color: #ff270b
            }

            .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
                color: #fff;
                background-color: #ff3015;
                border-color: #ff270b;
                background-image: none
            }

                .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
                    color: #fff;
                    background-color: #f01c00;
                    border-color: #c81700
                }

            .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
                background-color: #ff5d48;
                border-color: #ff5d48
            }

            .btn-danger.disabled:hover, .btn-danger:disabled:hover {
                background-color: #ff5d48;
                border-color: #ff5d48
            }

        .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            padding: 0
        }

        .form-control {
            color: #000;
            border-radius: 0;
            box-shadow: none;
            font-size: 9pt;
            height: 28px;
            padding-top: 0;
            padding-bottom: 1px;
            padding-right: 0;
            padding-left: 5px;
            resize: none;
            border-radius: 2px
        }

            .form-control:focus {
                border-color: #039cfd;
                box-shadow: none
            }

        .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
            pointer-events: none;
            cursor: not-allowed;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: .65
        }

        .dropdown-menu a {
            cursor: pointer
        }

        .lr-rblock {
            position: relative;
            width: 100%;
            height: 100%
        }

        .lr-layout-tool-right .btn-default:hover {
            color: #fff;
            background-color: #3286ed;
            border-color: transparent
        }

        .lr-scroll-wrap {
            position: relative;
            overflow: hidden;
            height: 70%;
            width: 100%
        }

        .lr-scroll-box {
            position: relative;
            top: 0;
            left: 0;
            min-height: 100%;
            min-width: 100%;
            overflow: hidden;
            zoom: 1
        }

        .lr-scroll-vertical {
            position: absolute;
            width: 4px;
            height: 100%;
            top: 0;
            right: 0;
            display: none;
            z-index: 100
        }

        .lr-scroll-wrap:hover > .lr-scroll-vertical, .lr-scroll-active > .lr-scroll-vertical {
            display: block
        }

        .lr-scroll-vertical-block {
            position: absolute;
            width: 100%;
            height: 0;
            top: 0;
            left: 0;
            background-color: #B3B3B3;
            cursor: pointer;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
            -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
            -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
            -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
            transition: opacity .2s ease-in-out,background-color .2s ease-in-out
        }

        .lr-scroll-horizontal {
            position: absolute;
            width: 100%;
            height: 4px;
            bottom: 0;
            right: 0;
            display: none;
            z-index: 100
        }

        .lr-scroll-wrap:hover > .lr-scroll-horizontal, .lr-scroll-active > .lr-scroll-horizontal {
            display: block
        }

        .lr-scroll-horizontal-block {
            position: absolute;
            height: 100%;
            width: 0;
            top: 0;
            left: 0;
            background-color: #B3B3B3;
            cursor: pointer;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
            -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
            -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
            -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
            transition: opacity .2s ease-in-out,background-color .2s ease-in-out
        }

        .lr-desktop-panel {
            position: relative;
            width: 100%;
            height: 100%;
            background-color: #F8F8F8;
            padding-right: 380px
        }

        .lr-desktop-panel-left {
            position: relative;
            width: 100%;
            height: 100%;
            padding: 20px
        }

        .lr-desktop-panel-right {
            position: absolute;
            top: 0;
            right: 0;
            width: 380px;
            height: 100%;
            padding: 20px 0
        }

        .lr-desktop-panel-right-content {
            position: relative;
            width: 100%;
            height: 100%
        }

            .lr-desktop-panel-right-content > .lr-scroll-box {
                padding-right: 20px
            }

        .title {
            position: relative;
            width: 100%;
            height: 22px;
            font-size: 16px;
            color: #333;
            margin-bottom: 12px
        }

        .content {
            position: relative;
            width: 100%;
            background: #FFF !important;
            border: 1px solid #E5E5E5;
            border-radius: 3px
        }

        .lr-target {
            position: relative;
            height: 265px;
            width: 100%;
            margin-bottom: 20px
        }

            .lr-target > .content {
                position: relative;
                width: 100%;
                height: 231px;
                padding: 0 20px
            }

                .lr-target > .content > div {
                    position: relative;
                    width: 100%;
                    height: 100%
                }

                    .lr-target > .content > div:after {
                        position: absolute;
                        content: '';
                        width: 100%;
                        left: 0;
                        height: 1px;
                        background: #E5E5E5;
                        top: 115px
                    }

            .lr-target .lr-scroll-box {
                width: 645px
            }

            .lr-target .target-item {
                position: relative;
                width: 129px;
                height: 100%;
                float: left;
                color: #999;
                text-align: center;
                cursor: pointer
            }

                .lr-target .target-item .count {
                    margin-top: 37px;
                    margin-bottom: 29px;
                    height: 44px;
                    line-height: 44px;
                    font-size: 20px;
                    position: relative;
                    color: #333
                }

                .lr-target .target-item:hover {
                    color: #3285ED
                }

                    .lr-target .target-item:hover .count {
                        color: #3285ED
                    }

                        .lr-target .target-item:hover .count > span {
                            background: #3285ED;
                            border-radius: 3px;
                            color: #fff;
                            padding: 5px
                        }

                .lr-target .target-item .count:after {
                    content: '';
                    position: absolute;
                    bottom: -6px;
                    left: 45%;
                    width: 0;
                    height: 0;
                    display: inline-block;
                    border: 5px solid transparent;
                    border-top-color: #3285ED;
                    display: none
                }

                .lr-target .target-item:hover .count:after {
                    display: block
                }

                .lr-target .target-item .point {
                    width: 12px;
                    height: 12px;
                    border-radius: 50%;
                    position: relative;
                    margin: 0 auto 16px;
                    background: #fff;
                    border: 1px solid transparent
                }

                    .lr-target .target-item .point span {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        margin-left: -4px;
                        margin-top: -4px;
                        border-radius: 50%;
                        width: 8px;
                        height: 8px;
                        background: #3285ED;
                        display: none
                    }

                .lr-target .target-item:hover .point {
                    border: 1px solid #3285ED;
                    z-index: 10
                }

                    .lr-target .target-item:hover .point span {
                        display: block
                    }

                .lr-target .target-item .content {
                    border: 0;
                    font-size: 14px
                }

                    .lr-target .target-item .content i {
                        margin-bottom: 17px;
                        font-size: 24px
                    }

                    .lr-target .target-item .content .text {
                        margin-bottom: 30px
                    }

        .lr-desktop-chart {
            position: relative;
            width: 100%;
            height: 400px
        }

            .lr-desktop-chart .content {
                position: relative;
                width: 100%;
                height: 366px
            }

        .lr-desktop-chart-list > div:nth-of-type(2n+1) .lr-desktop-chart {
            padding-right: 10px
        }

        .lr-desktop-chart-list > div:nth-of-type(2n) .lr-desktop-chart {
            padding-left: 10px
        }

        .lr-desktop-list {
            position: relative;
            width: 100%;
            min-height: 270px;
            margin-bottom: 20px;
            padding-right: 20px
        }

            .lr-desktop-list .content {
                min-height: 236px;
                padding: 20px;
                padding-top: 0
            }

        .lr-list-line {
            position: relative;
            width: 100%;
            height: 42px;
            font-size: 12px;
            color: #333;
            padding: 16px 70px 8px 0;
            border-bottom: 1px solid #E5E5E5;
            cursor: pointer
        }

            .lr-list-line .date {
                position: absolute;
                top: 16px;
                right: 0
            }

        .lr-desktop-list .title .menu {
            float: right;
            display: flex;
            margin-top: 12px;
            margin-right: 5px;
            width: 26px;
            background: transparent;
            justify-content: space-between;
            cursor: pointer
        }

        .lr-desktop-list .menu .point {
            display: inline-block;
            width: 4px;
            height: 4px;
            border: 1px solid #979797;
            border-radius: 50%
        }
    </style>
    <!--[if lt IE 9]>
      <script src="~/Content/bootstrap/html5shiv.min.js"></script>
      <script src="~/Content/bootstrap/respond.min.js"></script>
    <![endif]-->

    <script src="/Content/jquery/jquery-1.10.2.min.js"></script>
    <script src="/Content/echarts/echarts.min.js"></script>
</head>
<body class="Chrome 69.0 lr-uitheme-top">
    <div class="lr-desktop-panel">
        <div class="lr-desktop-panel-left">
            <div class="col-xs-12">
                <div class="lr-target">
                    <div class="title">统计指标</div>
                    <div class="content">
                        <div id="lr_target_content">

                        </div>
                    </div>
                </div>
            </div>
            <div class="lr-desktop-chart-list" id="lr_desktop_chart">
            </div>
        </div>
        <div class="lr-desktop-panel-right">
            <div class="lr-desktop-panel-right-content" id="lr_desktop_list">


            </div>
        </div>
    </div>
    <script>(function (l, t, o) { var m = l([]), q = l.resize = l.extend(l.resize, {}), u, w = "setTimeout", v = "resize", p = v + "-special-event", n = "delay", r = "throttleWindow"; q[n] = 250; q[r] = true; l.event.special[v] = { setup: function () { if (!q[r] && this[w]) { return false } var a = l(this); m = m.add(a); l.data(this, p, { w: a.width(), h: a.height() }); if (m.length === 1) { s() } }, teardown: function () { if (!q[r] && this[w]) { return false } var a = l(this); m = m.not(a); a.removeData(p); if (!m.length) { clearTimeout(u) } }, add: function (a) { if (!q[r] && this[w]) { return false } var c; function b(h, d, e) { var f = l(this), g = l.data(this, p); g.w = d !== o ? d : f.width(); g.h = e !== o ? e : f.height(); c.apply(this, arguments) } if (l.isFunction(a)) { c = a; return b } else { c = a.handler; a.handler = b } } }; function s() { u = t[w](function () { m.each(function () { var c = l(this), b = c.width(), a = c.height(), d = l.data(this, p); if (b !== d.w || a !== d.h) { c.trigger(v, [d.w = b, d.h = a]) } }); s() }, q[n]) } })(jQuery, this); (function (a) { var l = ["wheel", "mousewheel", "DOMMouseScroll", "MozMousePixelScroll"], k = ("onwheel" in document || document.documentMode >= 9) ? ["wheel"] : ["mousewheel", "DomMouseScroll", "MozMousePixelScroll"], h = Array.prototype.slice, f, d; if (a.event.fixHooks) { for (var c = l.length; c;){ a.event.fixHooks[l[--c]] = a.event.mouseHooks } } var j = a.event.special.mousewheel = { setup: function () { if (this.addEventListener) { for (var m = k.length; m;){ this.addEventListener(k[--m], b, false) } } else { this.onmousewheel = b } a.data(this, "mousewheel-line-height", j.getLineHeight(this)); a.data(this, "mousewheel-page-height", j.getPageHeight(this)) }, teardown: function () { if (this.removeEventListener) { for (var m = k.length; m;){ this.removeEventListener(k[--m], b, false) } } else { this.onmousewheel = null } }, getLineHeight: function (i) { return parseInt(a(i)["offsetParent" in a.fn ? "offsetParent" : "parent"]().css("fontSize"), 10) }, getPageHeight: function (i) { return a(i).height() }, settings: { adjustOldDeltas: true } }; a.fn.extend({ mousewheel: function (i) { return i ? this.bind("mousewheel", i) : this.trigger("mousewheel") }, unmousewheel: function (i) { return this.unbind("mousewheel", i) } }); function b(q) { var s = q || window.event, m = h.call(arguments, 1), n = 0, o = 0, p = 0, i = 0; q = a.event.fix(s); q.type = "mousewheel"; if ("detail" in s) { p = s.detail * -1 } if ("wheelDelta" in s) { p = s.wheelDelta } if ("wheelDeltaY" in s) { p = s.wheelDeltaY } if ("wheelDeltaX" in s) { o = s.wheelDeltaX * -1 } if ("axis" in s && s.axis === s.HORIZONTAL_AXIS) { o = p * -1; p = 0 } n = p === 0 ? o : p; if ("deltaY" in s) { p = s.deltaY * -1; n = p } if ("deltaX" in s) { o = s.deltaX; if (p === 0) { n = o * -1 } } if (p === 0 && o === 0) { return } if (s.deltaMode === 1) { var r = a.data(this, "mousewheel-line-height"); n *= r; p *= r; o *= r } else { if (s.deltaMode === 2) { var t = a.data(this, "mousewheel-page-height"); n *= t; p *= t; o *= t } } i = Math.max(Math.abs(p), Math.abs(o)); if (!d || i < d) { d = i; if (g(s, i)) { d /= 40 } } if (g(s, i)) { n /= 40; o /= 40; p /= 40 } n = Math[n >= 1 ? "floor" : "ceil"](n / d); o = Math[o >= 1 ? "floor" : "ceil"](o / d); p = Math[p >= 1 ? "floor" : "ceil"](p / d); q.deltaX = o; q.deltaY = p; q.deltaFactor = d; q.deltaMode = 0; m.unshift(q, n, o, p); if (f) { clearTimeout(f) } f = setTimeout(e, 200); return (a.event.dispatch || a.event.handle).apply(this, m) } function e() { d = null } function g(m, i) { return j.settings.adjustOldDeltas && m.type === "mousewheel" && i % 120 === 0 } })(window.jQuery); (function (a, c, e) { var b = null; var d = { init: function (j, l) { var o = j.attr("id"); if (!o) { o = "LR_" + c.newGuid(); j.attr("id", o) } j.addClass("lr-scroll-wrap"); var f = j.children(); var i = a('<div class="lr-scroll-box" id="' + o + '_box" ></div>'); j.append(i); i.append(f); var k = a('<div class="lr-scroll-vertical"   ><div class="lr-scroll-vertical-block" id="' + o + '_vertical"></div></div>'); j.append(k); var g = a('<div class="lr-scroll-horizontal" ><div class="lr-scroll-horizontal-block" id="' + o + '_horizontal"></div></div>'); j.append(g); if (b === null) { b = a('<div style="-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;cursor: pointer;" ></div>'); a("body").append(b) } var p = i.innerHeight(); var q = i.innerWidth(); var n = j.height(); var r = j.width(); var m = { id: o, sy: 0, sx: 0, sh: p, sw: q, h: n, w: r, yh: 0, xw: 0, callback: l }; j[0].op = m; d.update(j); d.bindEvent(j, i, k, g); i = null; f = null; k = null; g = null; j = null }, bindEvent: function (h, g, i, f) { h.resize(function () { var j = a(this); var l = j[0].op; var k = j.height(); var m = j.width(); if (k != l.h) { l.h = k; d.updateY(j) } if (m != l.w) { l.w = m; d.updateX(j) } j = null }); g.resize(function () { var k = a(this); var j = k.parent(); var l = j[0].op; var m = k.innerHeight(); var n = k.innerWidth(); if (m != l.sh) { l.sh = m; d.updateY(j) } if (n != l.sw) { l.sw = n; d.updateX(j) } k = null; j = null }); h.mousewheel(function (p, m, n, o) { var k = 4 + (Math.abs(m) - 1) * 0.8; var j = a(this); var q = j[0].op; var l = m * k; if (q.sh > q.h) { q.oldsy = q.sy; q.sy = q.sy - l; d.moveY(j, true); j = null; return false } else { if (q.sw > q.w) { q.oldsx = q.sx; q.sx = q.sx - l; d.moveX(j, true); j = null; return false } } }); i.find(".lr-scroll-vertical-block").on("mousedown", function (k) { b.show(); var j = a(this).parent().parent(); var l = j[0].op; l.isYMousedown = true; l.yMousedown = k.pageY; j.addClass("lr-scroll-active"); j = null }); f.find(".lr-scroll-horizontal-block").on("mousedown", function (k) { b.show(); var j = a(this).parent().parent(); var l = j[0].op; l.isXMousedown = true; l.xMousedown = k.pageX; j.addClass("lr-scroll-active"); j = null }); top.$(document).on("mousemove", { $obj: h }, function (l) { var m = l.data.$obj[0].op; if (m.isYMousedown) { var o = l.pageY; var k = o - m.yMousedown; m.yMousedown = o; m.oldsy = m.sy; m.blockY = m.blockY + k; if ((m.blockY + m.yh) > m.h) { m.blockY = m.h - m.yh } if (m.blockY < 0) { m.blockY = 0 } d.getY(m); d.moveY(l.data.$obj) } else { if (m.isXMousedown) { var m = l.data.$obj[0].op; var n = l.pageX; var j = n - m.xMousedown; m.xMousedown = n; m.oldsx = m.sx; m.blockX = m.blockX + j; if ((m.blockX + m.xw) > m.w) { m.blockX = m.w - m.xw } if (m.blockX < 0) { m.blockX = 0 } d.getX(m); d.moveX(l.data.$obj) } } }).on("mouseup", { $obj: h }, function (j) { j.data.$obj[0].op.isYMousedown = false; j.data.$obj[0].op.isXMousedown = false; b.hide(); j.data.$obj.removeClass("lr-scroll-active") }) }, update: function (f) { d.updateY(f); d.updateX(f) }, updateY: function (g) { var k = g[0].op; var f = g.find("#" + k.id + "_box"); var h = g.find("#" + k.id + "_vertical"); if (k.sh > k.h) { if ((k.sh - k.sy) < k.h) { var i = 0; k.sy = k.sh - k.h; if (k.sy < 0) { k.sy = 0 } else { i = 0 - k.sy } f.css("top", i + "px") } var l = parseInt(k.h * k.h / k.sh); l = (l < 30 ? 30 : l); k.yh = l; var j = parseInt(k.sy * (k.h - l) / (k.sh - k.h)); if ((j + l) > k.h) { j = k.h - l } if (j < 0) { j = 0 } k.blockY = j; h.css({ top: j + "px", height: l + "px" }) } else { k.blockY = 0; k.sy = 0; f.css("top", "0px"); h.css({ top: "0px", height: "0px" }) } k.callback && k.callback(k.sx, k.sy); f = null; h = null }, updateX: function (h) { var k = h[0].op; var g = h.find("#" + k.id + "_box"); var f = h.find("#" + k.id + "_horizontal"); if (k.sw > k.w) { if ((k.sw - k.sx) < k.w) { var i = 0; k.sx = k.sw - k.w; if (k.sx < 0) { k.sx = 0 } else { i = 0 - k.sx } g.css("left", i + "px") } var l = parseInt(k.w * k.w / k.sw); l = (l < 30 ? 30 : l); k.xw = l; var j = parseInt(k.sx * (k.w - l) / (k.sw - k.w)); if ((j + l) > k.w) { j = k.w - l } if (j < 0) { j = 0 } k.blockX = j; f.css({ left: j + "px", width: l + "px" }) } else { k.sx = 0; k.blockX = 0; g.css("left", "0px"); f.css({ left: "0px", width: "0px" }) } k.callback && k.callback(k.sx, k.sy); g = null; f = null }, moveY: function (g, k) { var l = g[0].op; var f = g.find("#" + l.id + "_box"); var h = g.find("#" + l.id + "_vertical"); var i = 0; if (l.sy < 0) { l.sy = 0 } else { if (l.sy + l.h > l.sh) { l.sy = l.sh - l.h; i = 0 - l.sy } else { i = 0 - l.sy } } if (k) { var j = d.getBlockY(l); if (j == 0 && l.sy != 0) { l.sy = 0; i = 0 } l.blockY = j; f.css({ top: i + "px" }); h.css({ top: j + "px" }) } else { f.css({ top: i + "px" }); h.css({ top: l.blockY + "px" }) } l.callback && l.callback(l.sx, l.sy); f = null; h = null }, moveX: function (h, k) { var l = h[0].op; var g = h.find("#" + l.id + "_box"); var f = h.find("#" + l.id + "_horizontal"); var i = 0; if (l.sx < 0) { l.sx = 0 } else { if (l.sx + l.w > l.sw) { l.sx = l.sw - l.w; i = 0 - l.sx } else { i = 0 - l.sx } } if (k) { var j = d.getBlockX(l); if (j == 0 && l.sx != 0) { l.sx = 0; i = 0 } l.blockX = j; g.css({ left: i + "px" }); f.css({ left: j + "px" }) } else { g.css({ left: i + "px" }); f.css({ left: l.blockX + "px" }) } l.callback && l.callback(l.sx, l.sy); g = null; f = null }, getBlockY: function (g) { var f = parseFloat(g.sy * (g.h - g.yh) / (g.sh - g.h)); if ((f + g.yh) > g.h) { f = g.h - g.yh } if (f < 0) { f = 0 } return f }, getY: function (f) { f.sy = parseInt(f.blockY * (f.sh - f.h) / (f.h - f.yh)); if ((f.sy + f.h) > f.sh) { f.sy = f.sh - f.h } if (f.sy < 0) { f.sy = 0 } }, getBlockX: function (g) { var f = parseFloat(g.sx * (g.w - g.xw) / (g.sw - g.w)); if ((f + g.xw) > g.w) { f = g.w - g.xw } if (f < 0) { f = 0 } return f }, getX: function (f) { f.sx = parseInt(f.blockX * (f.sw - f.w) / (f.w - f.xw)); if ((f.sx + f.w) > f.sw) { f.sx = f.sw - f.w } if (f.sx < 0) { f.sx = 0 } }, }; a.fn.lrscroll = function (f) { a(this).each(function () { var g = a(this); d.init(g, f) }) }; a.fn.lrscrollSet = function (h, g) { switch (h) { case "moveRight": var f = a(this); setTimeout(function () { var i = f[0].op; i.oldsx = i.sx; i.sx = i.sw - i.w; d.moveX(f, true); f = null }, 250); break; case "moveBottom": var f = a(this); setTimeout(function () { var i = f[0].op; i.oldsy = i.sx; i.sy = i.sh - i.h; d.moveY(f, true); f = null }, 250); break } } })(window.jQuery, top.learun, window); $(function () {
            var f = {}; var d = {}; function e(h) { if (h.length > 0) { $("#lr_target_content").lrscroll(); var g = $("#lr_target_content .lr-scroll-box"); $.each(h, function (j, k) { f[k.F_Id] = k; var i = '                    <div class="target-item" data-Id="' + k.F_Id + '">                        <div class="count"><span data-value="' + k.F_Id + '"></span></div>                        <div class="point"><span></span></div>                        <div class="content">                            <i class="' + k.F_Icon + '"></i>                            <div class="text">' + k.F_Name + "</div>                        </div>                    </div>"; g.append(i); top.learun.httpAsync("GET", top.$.rootUrl + "/LR_Desktop/DTTarget/GetSqlData", { Id: k.F_Id }, function (l) { if (l) { g.find('[data-value="' + l.Id + '"]').text(l.value) } }) }); g.find(".target-item").on("click", function () { var i = $(this).attr("data-Id"); top.learun.frameTab.open({ F_ModuleId: i, F_FullName: f[i].F_Name, F_UrlAddress: f[i].F_Url }); return false }) } } function c(h) {
                if (h.length > 0) {
                    $("#lr_desktop_list").lrscroll(); var g = $("#lr_desktop_list .lr-scroll-box"); $.each(h, function (j, k) {
                    d[k.F_Id] = k; var i = '                <div class="lr-desktop-list"  data-Id="' + k.F_Id + '">                    <div class="title">                        ' + k.F_Name + '                        <span class="menu" title="更多">                            <span class="point"></span>                            <span class="point"></span>                            <span class="point"></span>                        </span>                    </div>                    <div class="content" data-value="' + k.F_Id + '">                    </div>                </div>'; g.append(i); top.learun.httpAsync("GET", top.$.rootUrl + "/LR_Desktop/DTList/GetSqlData", { Id: k.F_Id }, function (m) {
                        if (m) {
                            var l = g.find('[data-value="' + m.Id + '"]'); $.each(m.value, function (p, q) { var o = '                            <div class="lr-list-line">                                <div class="point"></div>                                <div class="text">' + q.f_title + '</div>                                <div class="date">' + q.f_time + "</div>                            </div>"; var n = $(o); n[0].item = q; l.append(n) }); l.find(".lr-list-line").on("click", function () {
                                var n = $(this).parent();
                                var o = n.attr("data-value");
                                var p = $(this)[0].item;
                                if (d[o].F_ItemUrl) {
                                    top.learun.frameTab.open({
                                        F_ModuleId: "dtlist" + p.f_id,
                                        F_FullName: p.f_title,
                                        F_UrlAddress: d[o].F_ItemUrl + p.f_id
                                    })
                                } else {
                                    //判断点击项是否为‘待办’的子项
                                    if (d[o].F_Id == "33d50f1a-a64d-4b86-a6d4-2d937226de95") {
                                        if (p.f_tasktype != 2) {
                                            top.learun.frameTab.open({ F_ModuleId: p.f_id, F_Icon: 'fa magic', F_FullName: '审核流程【' + p.f_processname + '/' + p.f_content + '】', F_UrlAddress: '/LR_WorkFlowModule/WfMyTask/CustmerWorkFlowForm?tabIframeId=' + p.f_id + '&type=' + p.f_tasktype + '' + "&processId=" + p.f_processid + "&taskId=" + p.f_id });
                                        }
                                    } else {
                                        top["dtlist" + p.f_id] = p;
                                        top.learun.frameTab.open({
                                            F_ModuleId: "dtlist" + p.f_id,
                                            F_FullName: p.f_title,
                                            F_UrlAddress: "/Utility/ListContentIndex?id=" + p.f_id
                                        })
                                    }
                                } return false
                            })
                        }
                    })
                    }); g.find(".lr-desktop-list .menu").on("click", function () { var i = $(this).parents(".lr-desktop-list"); var j = i.attr("data-Id"); top.learun.frameTab.open({ F_ModuleId: j, F_FullName: d[j].F_Name, F_UrlAddress: d[j].F_Url }); return false })
                }
            } var b = {}; function a(h) { if (h.length > 0) { $("#lr_desktop_chart").lrscroll(); var g = $("#lr_desktop_chart>.lr-scroll-box"); $.each(h, function (j, k) { var i = '                <div class="col-xs-' + (12 / parseInt(k.F_Proportion1)) + '">                    <div class="lr-desktop-chart">                        <div class="title">' + k.F_Name + '</div>                        <div class="content"  id="' + k.F_Id + '"  data-type="' + k.F_Type + '"></div>                    </div>                </div>'; g.append(i); b[k.F_Id] = echarts.init(document.getElementById(k.F_Id)); top.learun.httpAsync("GET", top.$.rootUrl + "/LR_Desktop/DTChart/GetSqlData", { Id: k.F_Id }, function (l) { if (l) { var o = $("#" + l.Id).attr("data-type"); var m = []; var p = []; $.each(l.value, function (q, r) { m.push(r.name); p.push(r.value) }); var n = {}; switch (o) { case "0": n.tooltip = { trigger: "item", formatter: "{a} <br/>{b} : {c} ({d}%)" }; n.legend = { bottom: "bottom", data: m }; n.series = [{ name: "占比", type: "pie", radius: "75%", center: ["50%", "50%"], label: { normal: { formatter: "{b}:{c}: ({d}%)", textStyle: { fontWeight: "normal", fontSize: 12, color: "#333" } } }, data: l.value, itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: "rgba(0, 0, 0, 0.5)" } } }]; n.color = ["#df4d4b", "#304552", "#52bbc8", "rgb(224,134,105)", "#8dd5b4", "#5eb57d", "#d78d2f"]; break; case "1": n.tooltip = { trigger: "axis" }; n.grid = { bottom: "8%", containLabel: true }; n.xAxis = { type: "category", boundaryGap: false, data: m }; n.yAxis = { type: "value" }; n.series = [{ type: "line", data: p }]; break; case "2": n.tooltip = { trigger: "axis" }; n.grid = { bottom: "8%", containLabel: true }; n.xAxis = { type: "category", boundaryGap: false, data: m }; n.yAxis = { type: "value" }; n.series = [{ type: "bar", data: p }]; break }b[l.Id].setOption(n) } }) }); window.onresize = function (i) { $.each(b, function (j, k) { k.resize(i) }) } } } top.learun.clientdata.getAsync("desktop", { callback: function (g) { console.log(g); e(g.target || []); c(g.list || []); a(g.chart || []) } })
        });</script>
</body>
</html>