huangzhidong
/
guoyao-jiankang


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="refresh" content="3600">
    <title>{$info['name']}&nbsp;|&nbsp;{:get_config('web_site_title')}&nbsp;&nbsp;</title>
    <link rel="Shortcut Icon" href="/logo.png" type="image/x-icon" />
    <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/screen/css/style.css">
</head>
<body>
<style>

</style>
<div class="nav-header">
    <div class="nav-title">医院后勤管理系统数据大屏</div>
</div>
<div class="main">
    <div class="main-left1">
        <div class="box">
            <div class="box-title">
                医废数据统计
            </div>
            <div id="waste-count">

            </div>
<!--            <div class="user-box">-->
<!--                <img src="/static/screen/images/project/left1.png" alt="">-->
<!--                <div class="user-box-nums">10</div>-->
<!--                <div class="user-box-title">保洁人员</div>-->
<!--                <div class="user-box-header">-->
<!--                    <div class="user-box-nums">20%</div>-->
<!--                    <div class="user-box-title">保洁</div>-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>
    <div class="main-left2">
        <div class="box">
            <div class="box-title">
                项目在岗人员
            </div>
            <table class="table2" style="margin: 10px 0;" border="0">
                <thead>
                <tr>
                    <th>姓名</th>
                    <th>已完成任务</th>
                    <th>最新位置信息</th>
                </tr>
                </thead>
                <tbody id="ys-user">

                </tbody>

            </table>
        </div>
    </div>
    <div class="main-left3">
        <div class="box">
            <div class="box-title">
                安保数据统计
            </div>
            <div class="box-yhyj-chart" id="yhyj-chart"></div>
        </div>
    </div>

    <div class="main-left4">
        <div class="box">
            <div class="box-title">
                报修任务数据统计
            </div>
            <div class="box-bx-chart" id="repair-chart"></div>
        </div>
    </div>

    <div class="main-middle1">
        <div class="middle-box">
            <img class="middle-box-img" src="{$info['img']}" onerror="this.src='/static/screen/images/project/zhongshan.png'" alt="">
            <div class="middle-box-title"><?=$info['name']?></div>
            <div class="order-box">
                <div class="order-box-box">
                    <img src="/static/screen/images/project/middle22.png" alt="">
                    <div class="order-box-pos" id="todo-count">
<!--                        <div class="order-box-list">-->
<!--                            <div>运送任务</div>-->
<!--                            <div class="order-box-list-num">1000</div>-->
<!--                        </div>-->
<!--                        <div class="order-box-list">-->
<!--                            <div>维修任务</div>-->
<!--                            <div class="order-box-list-num">1000</div>-->
<!--                        </div>-->
<!--                        <div class="order-box-list">-->
<!--                            <div>日常保洁</div>-->
<!--                            <div class="order-box-list-num">1000</div>-->
<!--                        </div>-->
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="main-middle2">
        <div class="task-box">
            <div class="task-box-title">运送任务数据总览</div>
            <div style="overflow: hidden" id="yscount-box">
                <div class="yscount-box">
                    <img src="/static/screen/images/project/ybp.png" alt="">
                    <div class="yscount-box-title">标准时间内送达</div>
                    <div class="yscount-box-des">完成率</div>
                    <div class="yscount-box-nums" id="yscount1"></div>
                </div>
                <div class="yscount-box">
                    <img src="/static/screen/images/project/ybp.png" alt="">
                    <div class="yscount-box-title">平均派工时间</div>
                    <div class="yscount-box-des">单位:分</div>
                    <div class="yscount-box-nums" id="yscount2"></div>
                </div>
                <div class="yscount-box">
                    <img src="/static/screen/images/project/ybp.png" alt="">
                    <div class="yscount-box-title">未派工任务数量</div>
                    <div class="yscount-box-des">未派工</div>
                    <div class="yscount-box-nums" id="yscount3"></div>
                </div>
                <div class="yscount-box">
                    <img src="/static/screen/images/project/ybp.png" alt="">
                    <div class="yscount-box-title">进行中任务数量</div>
                    <div class="yscount-box-des">进行中</div>
                    <div class="yscount-box-nums" id="yscount4"></div>
                </div>
                <div class="yscount-box">
                    <img src="/static/screen/images/project/ybp.png" alt="">
                    <div class="yscount-box-title">已完成任务数量</div>
                    <div class="yscount-box-des">已完成</div>
                    <div class="yscount-box-nums" id="yscount5"></div>
                </div>
                <div class="yscount-box">
                    <img src="/static/screen/images/project/ybp.png" alt="">
                    <div class="yscount-box-title">被驳回任务数量</div>
                    <div class="yscount-box-des">被驳回</div>
                    <div class="yscount-box-nums" id="yscount6"></div>
                </div>
            </div>
        </div>
        <div class="task-box">
            <div class="task-box-title" style="padding-left: 40px;">运送热点区域总览</div>
            <div class="hot-chart" id="hot-chart"></div>
        </div>
        <div class="bottom-box">
            <table class="table2" border="0">
                <thead>
                <tr>
                    <th>任务状态</th>
                    <th>任务类型</th>
                    <th>始发地</th>
                    <th>目的地</th>
                    <th>需求时间</th>
                    <th>执行人</th>
                    <th>派工时间</th>
                    <th>接收时间</th>
                </tr>
                </thead>
                <tbody id="yunsong-table">
                </tbody>

            </table>
        </div>
    </div>

    <div class="main-right1">
        <div class="box">
            <div class="box-title">
                网格化管理数据
            </div>
            <table class="table2" border="0" style="margin-top: 10px">
                <thead>
                <tr>
                    <th>任务大厅</th>
                    <th>执行人员</th>
                    <th>任务详情</th>
                    <th>任务时间</th>
                </tr>
                </thead>
                <tbody id="daily-table">

                </tbody>
            </table>
        </div>
    </div>
    <div class="main-right2">
        <div class="box">
            <div class="box-title">
                可视化轨迹展示
            </div>
            <table class="table2" border="0" style="margin-top: 10px">
                <thead>
                <tr>
                    <th>巡更地点</th>
                    <th>巡更时间</th>
                    <th>巡更人员</th>
                    <th>巡更内容</th>
                </tr>
                </thead>
                <tbody id="patrol-table">

                </tbody>
            </table>
        </div>
    </div>

    <div class="main-right3" id="patrol-img-table">

    </div>
</div>

<script src="/static/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/static/echarts.js"></script>
<script type="text/javascript" src="/static/layer/layer.js"></script>
<script>
    $(window).resize(function(){
        location.reload()
    });
    $(function () {
        changeZoom();
    });


    var orgid = "{$info.id}";
    var text = document.title;
    var timer;
    function loadingTitle() {
        clearTimeout(timer);
        document.title = text.substring(1,text.length) + text.substring(0,1);
        text = document.title.substring(0,text.length);
        timer = setTimeout("loadingTitle()", 500)
    }
    loadingTitle();


    getYinhuan();
    getRepair();
    getHot();
    getYsTask();
    getDailyTask();
    getPatrolTask();
    getPatrolImg();
    getTodoStis();
    getYsUser();
    getYsCount();
    getWaste();
    // getTodo();
    // getComment();
    // getTodotime();
    // getPatrol();
    // getDevice();
    // getPatrolRecord();


    setInterval(function () {
        getPatrolTask();
        getPatrolImg();
    }, 10000);

    setInterval(function () {
        getYinhuan();
        getRepair();
        getHot();
        getYsTask();
        getDailyTask();
        getTodoStis();
        getYsUser();
        getYsCount();
        getWaste();
    }, 1*60000);

    function changeZoom() {
        var wb = $(window).width()/1920;
        var hb = $(window).height()/1080;
        if(wb >= hb){
            $('body').css({
                'zoom': hb,
            });
        }else{
            $('body').css({
                'zoom': wb,
            });
        }
    }

    function getWaste() {
        var url = '/api/screen/project/waste';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                let option = {
                    color: ['#0C9BFF','#FEC006'],
                    legend: {
                        textStyle: {
                            color: "#ffffff"
                        }
                    },
                    xAxis: {
                        type: 'category',
                        axisLabel: {
                            show: true,
                            textStyle: {
                                color: '#ffffff'   //这里用参数代替了
                            }
                        },
                        axisLine:{
                            lineStyle:{
                                color:'#FFFFFF',
                                width:1,//这里是为了突出显示加上的
                            }
                        },
                        data: res.data.xdata
                    },
                    yAxis: {
                        type: 'value',
                        splitLine:{
                            show:false //  去掉背景的网格线
                        },

                        axisLabel: {
                            show: true,
                            textStyle: {
                                color:'#ffffff'  //这里用参数代替了
                            }
                        },
                        axisLine:{
                            lineStyle:{
                                color:'#FFFFFF',
                                width:1,//这里是为了突出显示加上的
                            }
                        }
                    },
                    series: [{
                        data: res.data.ydata,
                        type: 'line'
                    }]
                };

                var myChart = echarts.init(document.getElementById('waste-count'));
                myChart.setOption(option);
            }
        });
    }

    function getYsCount() {
        var url = '/api/screen/project/yscount';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                $('#yscount1').html(res.data.count1);
                $('#yscount2').html(res.data.count2);
                $('#yscount3').html(res.data.count3);
                $('#yscount4').html(res.data.count4);
                $('#yscount5').html(res.data.count5);
                $('#yscount6').html(res.data.count6);
            }
        })
    }

    function getYsUser() {
        var url = '/api/screen/project/ysuser';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                var str = '';
                var lists = res.data;

                for (let o in lists){
                    str += '<tr>';
                    str += '<td>'+lists[o].realName+'</td>';
                    str += '<td>'+lists[o].count+'</td>';
                    str += '<td>'+lists[o].addrTitle+'</td>';
                    str += '</tr>';
                }
                $('#ys-user').html(str);
            }
        })
    }

    function getYsTask() {
        var url = '/api/screen/project/ystask';
        $.post(url,{orgid:orgid,size:5},function (res) {
            if(res.code == 0){
                var str = '';
                var lists = res.data;

                for (let o in lists){
                    if(lists[o].orderMode == 1){
                        str += '<tr>';
                        str += '<td>新任务</td>';
                    }else if(lists[o].orderMode == 5 && !lists[o].confirmTime){
                        str += '<tr class="table-color2">';
                        str += '<td>已派工</td>';
                    }else{
                        str += '<tr class="table-color3">';
                        str += '<td>进行中</td>';
                    }

                    str += '<td>'+lists[o].typeName+'</td>';
                    str += '<td>'+lists[o].startName+'</td>';
                    str += '<td>'+lists[o].endName+'</td>';
                    str += '<td>'+lists[o].xqTime+'</td>';
                    str += '<td>'+lists[o].realNames+'</td>';
                    str += '<td>'+lists[o].sendTime+'</td>';
                    str += '<td>'+lists[o].confirmTime+'</td>';
                }
                $('#yunsong-table').html(str);
            }
        })
    }

    function getDailyTask() {
        var url = '/api/screen/project/daily';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                var str = '';
                var lists = res.data;

                for (let o in lists){
                    str += '<tr>';
                    str += '<td>'+lists[o].title+'</td>';
                    str += '<td>'+lists[o].realName+'</td>';
                    str += '<td>'+lists[o].content+'</td>';
                    str += '<td>'+lists[o].createTime+'</td>';
                }
                $('#daily-table').html(str);
            }
        })
    }

    function getPatrolTask() {
        var url = '/api/screen/project/patrolList';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                var str = '';
                var lists = res.data;

                for (let o in lists){
                    str += '<tr>';
                    str += '<td>'+lists[o].title+'</td>';
                    str += '<td>'+lists[o].createTime+'</td>';
                    str += '<td>'+lists[o].realName+'</td>';
                    str += '<td>'+lists[o].taskTitle+'</td>';
                }
                $('#patrol-table').html(str);
            }
        })
    }

    function getPatrolImg() {
        var url = '/api/screen/project/patrolImg';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                var str = '';
                var lists = res.data;

                for (let o in lists){
                    str += '<div class="patrol-box">';
                    str += '<div class="patrol-box-list">';
                    str += '<img onclick="open_img(this)" src="'+lists[o].images+'" alt="">';
                    str += '<div>'+lists[o].taskTitle+'</div>';
                    str += '</div>';
                    str += '</div>';
                }
                $('#patrol-img-table').html(str);
            }
        })
    }

    function getYinhuan() {
        var url = '/api/screen/project/yinhuan';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                var option = {
                    title: {
                        textStyle: {
                            color: "#fff"
                        }
                    },
                    color: ['#0C9BFF','#FEC006'],
                    legend: {
                        // orient: 'vertical',
                        // right: 10,
                        textStyle: {
                            color: "#ffffff"
                        }
                    },
                    tooltip: {},
                    dataset: {
                        source:res.data.list
                    },
                    xAxis: {
                        type: 'category',
                        axisLabel: {
                            show: true,
                            textStyle: {
                                color: '#ffffff'   //这里用参数代替了
                            }
                        },
                        axisLine:{
                            lineStyle:{
                                color:'#FFFFFF',
                                width:1,//这里是为了突出显示加上的
                            }
                        }
                    },
                    yAxis: {
                        splitLine:{
                            show:false
                        },
                        //  去掉背景的网格线
                        axisLabel: {
                            show: true,
                            textStyle: {
                                color:'#ffffff'  //这里用参数代替了
                            }
                        },
                        axisLine:{
                            lineStyle:{
                                color:'#FFFFFF',
                                width:1,//这里是为了突出显示加上的
                            }
                        }
                    },
                    // Declare several bar series, each will be mapped
                    // to a column of dataset.source by default.
                    series: [
                        {type: 'bar', barWidth:10},
                        {type: 'bar',barWidth:10}
                    ]
                };

                var myChart = echarts.init(document.getElementById('yhyj-chart'));
                myChart.setOption(option);
            }
        })
    }

    function getHot() {
        var url = '/api/screen/project/hotaddr';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                let option = {
                    title: {
                        textStyle: {
                            color: "#fff"
                        }
                    },
                    color: ['#23A3F4','#FEC006'],

                    legend: {
                        data: ['当天运送', '30天内平均运送'],
                        textStyle: {
                            color: "#ffffff"
                        }
                    },
                    xAxis: [
                        {
                            type: 'category',
                            data: res.data.x,
                            axisPointer: {
                                type: 'shadow'
                            },
                            axisLabel: {
                                show: true,
                                rotate:25,
                                textStyle: {
                                    color: '#ffffff'   //这里用参数代替了
                                }
                            },
                            axisLine:{
                                lineStyle:{
                                    color:'#FFFFFF',
                                    width:1,//这里是为了突出显示加上的
                                }
                            }
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value',
                            name: '数量',

                            axisLabel: {
                                formatter: '{value}'
                            },
                            splitLine:{
                                show:false
                            },
                            //  去掉背景的网格线
                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color:'#ffffff'  //这里用参数代替了
                                }
                            },
                            axisLine:{
                                lineStyle:{
                                    color:'#FFFFFF',
                                    width:1,//这里是为了突出显示加上的
                                }
                            }
                        },
                        {
                            type: 'value',
                            name: '数量',

                            axisLabel: {
                                formatter: '{value}'
                            },
                            splitLine:{
                                show:false
                            },
                            //  去掉背景的网格线
                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color:'#ffffff'  //这里用参数代替了
                                }
                            },
                            axisLine:{
                                lineStyle:{
                                    color:'#FFFFFF',
                                    width:1,//这里是为了突出显示加上的
                                }
                            }
                        }
                    ],
                    series: [
                        {
                            name: '当天运送',
                            type: 'bar',
                            barWidth:10,
                            data: res.data.y1
                        },
                        {
                            name: '30天内平均运送',
                            type: 'line',
                            yAxisIndex: 1,
                            data: res.data.y2
                        }
                    ]
                };
                var myChart = echarts.init(document.getElementById('hot-chart'));
                myChart.setOption(option);
            }
        });

    }

    function getTodoStis() {
        var url = '/api/screen/project/todostis';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                var str = '';
                var lists = res.data;

                for (let o in lists){
                    str += '<div class="order-box-list">';
                    str += '<div>'+lists[o].name+'</div>';
                    str += '<div class="order-box-list-num">'+lists[o].count+'</div>';
                    str += '</div>';
                }
                $('#todo-count').html(str);
            }
        })
    }

    function getUser() {
        var url = '/api/screen/project/user';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                var str = '';
                var lists = res.data.list;

                for (let o in lists){
                    str += '<div class="user-box">';
                    str += '<img src="/static/screen/images/project/left1.png" alt="">';
                    str += '<div class="user-box-nums">'+lists[o].value+'</div>';
                    str += '<div class="user-box-title">'+lists[o].name+'</div>';
                    str += '<div class="user-box-header">';
                    str += '<div class="user-box-nums">'+lists[o].bl+'%</div>';
                    str += '<div class="user-box-title">'+lists[o].name2+'</div>';
                    str += '</div>';
                    str += '</div>';
                }
                $('#user-count').html(str);
            }
        })
    }

    function getTodo() {
        var url = '/api/screen/project/todo';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                $('#todoTotal').html(res.data.total);
                $('#todoToday').html(res.data.today);
                $('#todoUndeal').html(res.data.undeal);
                $('#todoComment').html(res.data.comment);
                $('#todoFinish').html(res.data.finish);
                $('#todoUnfinish').html(res.data.unfinish);
            }
        })
    }

    function getComment() {
        var url = '/api/screen/project/comment';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                var option = {
                    color: ['#FFD900','#24C768','#FF7E00','#00A1E4','#FE546D'],
                    tooltip: {
                        trigger: 'item',
                        formatter: '{a} <br/>{b} : {c} ({d}%)'
                    },

                    series: [
                        {
                            name: '满意度',
                            type: 'pie',
                            radius: '55%',
                            center: ['50%', '50%'],
                            data: res.data.count.sort(function (a, b) { return a.value - b.value; }),
                            roseType: 'radius',
                            label: {
                                show: true,
                                formatter:'{b}: {d}%',
                            },
                            labelLine: {
                                lineStyle: {
                                    color: 'rgba(255, 255, 255, 0.3)'
                                },
                                smooth: 0.2,
                                length: 10,
                                length2: 20
                            },

                            animationType: 'scale',
                            animationEasing: 'elasticOut',
                            animationDelay: function (idx) {
                                return Math.random() * 200;
                            }
                        }
                    ]
                };

                var myChart = echarts.init(document.getElementById('comment-chart'));
                myChart.setOption(option);

                var ulist = res.data.list;
                var str = '';
                for (var o in ulist){
                    str += '<div class="common-box">';
                    str += '<div class="common-box-list1">';
                    if(o == 0){
                        str += '<img src="/static/screen/images/first.png" alt="">';
                    }else if(o == 1){
                        str += '<img src="/static/screen/images/second.png" alt="">';
                    }else if(o == 2){
                        str += '<img src="/static/screen/images/third.png" alt="">';
                    }
                    str += '</div>';
                    str += '<div class="common-box-list2">'+ulist[o].DEP_NAME+'</div>';
                    str += '<div class="common-box-list3">'+ulist[o].REAL_NAME+'</div>';
                    str += '<div class="common-box-list4">'+ulist[o].SCORE+'</div>';
                    if(o < 3){
                        str += '<div class="common-box-list5">';
                        str += '<img src="/static/screen/images/trophy.png" alt="">'
                        str += '</div>';
                    }
                }

                $('#comment-box').html(str);

            }
        })
    }

    function getPatrol() {
        var url = '/api/screen/project/patrol';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                $('#patrolAddr').html(res.data.TITLE);
                $('#patrolUser').html(res.data.REAL_NAME);
                $('#patrolTime').html(res.data.CREATE_TIME);
                $('#patrolContent').html(res.data.CONTENT);
                if(res.data.IMAGES){
                    $('#patrolImg').attr('src',res.data.IMAGES).show();
                }else{
                    $('#patrolImg').attr('src','#').hide();
                }
            }
        })
    }

    function getTodotime() {
        var url = '/api/screen/project/todotime';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                $('#todoBx').html(res.data.bx);
                $('#todoBj').html(res.data.bj);
                $('#todoYs').html(res.data.ys);
                $('#todoYh').html(res.data.yh);

                var option = {
                    title: {
                        textStyle: {
                            color: "#fff"
                        }
                    },
                    color: ['#1E88E5','#26C6DA','#FF7E00'],
                    legend: {
                        // orient: 'vertical',
                        // right: 10,
                        textStyle: {
                            color: "#ffffff"
                        }
                    },
                    tooltip: {},
                    dataset: {
                        source:res.data.list
                    },
                    xAxis: {
                        type: 'category',
                        axisLabel: {
                            show: true,
                            textStyle: {
                                color: '#ffffff'   //这里用参数代替了
                            }
                        },
                    },
                    yAxis: {
                        splitLine:{
                            show:false
                        },
                        //  去掉背景的网格线
                        axisLabel: {
                            show: true,
                            textStyle: {
                                color:'#ffffff'  //这里用参数代替了
                            }
                        },
                    },
                    // Declare several bar series, each will be mapped
                    // to a column of dataset.source by default.
                    series: [
                        {type: 'bar', barWidth:10},
                        {type: 'bar',barWidth:10}
                    ]
                };

                var myChart = echarts.init(document.getElementById('order-chart'));
                myChart.setOption(option);
            }
        })
    }

    function getDevice() {
        var url = '/api/screen/project/device';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                $('#deviceCount').html(res.data.dcount);
                $('#recordCount').html(res.data.rcount);

                var option = {
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'cross',
                            label: {
                                backgroundColor: '#6a7985'
                            }
                        }
                    },
                    color: ['#36f6f9','#8efaff'],
                    legend: {
                        data: ['台账记录'],
                        textStyle: {
                            color: "#ffffff"
                        }
                    },
                    toolbox: {
                        // feature: {
                        //     saveAsImage: {}
                        // }
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis: [
                        {
                            type: 'category',
                            boundaryGap: false,
                            data: res.data.month,
                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color: '#ffffff'   //这里用参数代替了
                                }
                            },
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value',
                            splitLine:{
                                show:false
                            },
                            //  去掉背景的网格线
                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color:'#ffffff'  //这里用参数代替了
                                }
                            },
                        }
                    ],
                    series: [
                        {
                            name: '台账记录',
                            type: 'line',
                            stack: '总量',
                            smooth: true,
                            areaStyle: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#1E8BFF'
                                }, {
                                    offset: 1,
                                    color: '#7937FF'
                                }])
                            },
                            data: res.data.list
                        }
                    ]
                };
                var myChart = echarts.init(document.getElementById('device-chart'));
                myChart.setOption(option);
            }
        })
    }

    function getPatrolRecord() {
        var url = '/api/screen/project/patrolRecord';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                var option = {
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'cross',
                            label: {
                                backgroundColor: '#6a7985'
                            }
                        }
                    },
                    color: ['#1E8BFF','#9433D6'],
                    legend: {
                        data: ['巡更', '巡视', '巡查', '巡检'],
                        textStyle: {
                            color: "#ffffff"
                        }
                    },
                    toolbox: {
                        // feature: {
                        //     saveAsImage: {}
                        // }
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis: [
                        {
                            type: 'category',
                            boundaryGap: false,
                            data: res.data.hour,
                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color: '#ffffff'   //这里用参数代替了
                                }
                            },
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value',
                            splitLine:{
                                show:false
                            },
                            //  去掉背景的网格线
                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color:'#ffffff'  //这里用参数代替了
                                }
                            },
                        }
                    ],
                    series: [
                        {
                            name: '巡更',
                            type: 'line',
                            stack: '总量',
                            smooth: true,
                            areaStyle: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#1E8BFF'
                                }, {
                                    offset: 1,
                                    color: '#7937FF'
                                }])
                            },
                            data: res.data.plist1
                        },
                        {
                            name: '巡视',
                            type: 'line',
                            stack: '总量',
                            smooth: true,
                            areaStyle: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#B745FF'
                                }, {
                                    offset: 1,
                                    color: '#7937FF'
                                }])
                            },
                            data: res.data.plist2
                        },
                        {
                            name: '巡查',
                            type: 'line',
                            stack: '总量',
                            smooth: true,
                            areaStyle: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#ff7e00'
                                }, {
                                    offset: 1,
                                    color: '#091759'
                                }])
                            },
                            data: res.data.plist3
                        },
                        {
                            name: '巡检',
                            type: 'line',
                            stack: '总量',
                            smooth: true,
                            areaStyle: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#00f8fd'
                                }, {
                                    offset: 1,
                                    color: '#091759'
                                }])
                            },
                            data: res.data.plist4
                        }
                    ]
                };
                var myChart = echarts.init(document.getElementById('patrol-chart'));
                myChart.setOption(option);
            }
        })
    }

    function getRepair() {
        var url = '/api/screen/project/repair';
        $.post(url,{orgid:orgid},function (res) {
            if(res.code == 0){
                var option = {
                    color: ['#0C9BFF'],
                    xAxis: {
                        type: 'category',
                        data: res.data.names,
                        axisLabel: {
                            show: true,
                            // rotate:45,
                            textStyle: {
                                color: '#ffffff'   //这里用参数代替了
                            }
                        },
                        axisLine:{
                            lineStyle:{
                                color:'#FFFFFF',
                                width:1,//这里是为了突出显示加上的
                            }
                        }
                    },
                    yAxis: {
                        type: 'value',
                        splitLine:{
                            show:false
                        },
                        //  去掉背景的网格线
                        axisLabel: {
                            show: true,
                            textStyle: {
                                color:'#ffffff'  //这里用参数代替了
                            }
                        },
                        axisLine:{
                            lineStyle:{
                                color:'#FFFFFF',
                                width:1,//这里是为了突出显示加上的
                            }
                        }
                    },
                    series: [{
                        data: res.data.counts,
                        type: 'bar',
                        center: ['30%', '80%'],
                        barWidth : 10,
                        // itemStyle: {
                        //     normal: {
                        //         label: {
                        //             show: true,  //开启显示
                        //             position: 'top',  //在上方显示
                        //             textStyle: {  //数值样式
                        //                 color: '#fff',
                        //                 fontSize: 12,
                        //             }
                        //         }
                        //     }
                        // },
                    }]
                };
                var myChart = echarts.init(document.getElementById('repair-chart'));
                myChart.setOption(option);
            }
        })
    }


    function open_img(_self) {
        var src = $(_self).attr('src');
        var img = new Image();
        img.src = src;
        var width = $(window).width()*0.8;
        var height = $(window).height()*0.6;
        img.onload = function(){
            var imgw = img.width;
            var imgh = img.height;
            if(imgw > width&&imgh < height){
                imgh = imgh*width/imgw;
                imgw = width;
            }else if(imgw < width&&imgh > height){
                imgw = imgw*height/imgh;
                imgh = height;
            }else if(imgw > width&&imgh > height){
                var bl1 = width/height;
                var bl2 = imgw/imgh;
                if(bl1 < bl2){
                    imgh = imgh*width/imgw;
                    imgw = width;
                }else if(bl1 > bl2){
                    imgw = imgw*height/imgh;
                    imgh = height;
                }else{
                    imgh = height;
                    imgw = width;
                }
            }
            var imgs = '<img width="'+imgw+'" height="'+imgh+'" src="'+src+'" />';
            layer.open({
                type: 1,
                title: false,
                closeBtn: 1,
                area: [imgw+'px', imgh+'px'],
                skin: 'layui-layer-nobg', //没有背景色
                shadeClose: true,
                content: imgs
            });
        };
    }
    function logout() {
        window.location.href = '/Account/logout';
    }
</script>
</body>
</html>