home.html 6.2 KB
<!--去除样式-->
{__NOLAYOUT__}
<!--引入header头-->
{include file="public/header" /}


<!-- 当前位置 -->
<!--<div class="page-head clearfix">-->
<!--    <ol class="breadcrumb pull-left">-->
<!--        <li><a href="#"><i class="fa fa-align-left"></i>首页</a></li>-->
<!--    </ol>-->
<!--    <div class="pull-right breadcrumbtn">-->

<!--    </div>-->
<!--</div>-->
<div class="wrapper box">
    <!-- part1 数据展示 -->
    <div class="row row2 state-overview show box-width">
        <li class="f1">
            <section class="panel img">
                <img alt="" src="__INS__/img/rw.png">
                <div class="value gray ">
                    <p><a href="">今日巡检任务</a></p>
                    <p><b>{$task}</b></p>
                </div>
            </section>
        </li>
        <li class="f2">
            <section class="panel img">
                <img alt="" src="__INS__/img/yh.png">
                <div class="value gray ">
                    <p><a href="">今日上报<b>隐患</b></a></p>
                    <p><b>{$warning}</b></p>
                </div>
            </section>
        </li>
        <li class="f3">
            <section class="panel img">
                <img alt="" src="__INS__/img/gl.png">
                <div class="value gray">
                    <p><a href="">总巡检人员</a></p>
                    <p><b>{$staff}</b></p>
                </div>
            </section>
        </li>
        <li class="f4">
            <section class="panel img">
                <img alt="" src="__INS__/img/bb.png">
                <div class="value gray">
                    <p><a href="">总巡检任务</a></p>
                    <p><b>{$task_t}</b></p>
                </div>
            </section>
        </li>
    </div>
    <div class="row row2 box-qushi ">
        <li class="col-xs-6 box-2">
            <header class="panel-heading head-border qst">巡检任务完成趋势图</header>
            <section class="panel">
                <div class="panel-body box-lt lf">
                    <ul>
                        <li >
                            <div class="wc-zs">
                                <p>本周巡检任务总数</p>
                                <p><b class="bold" id="atask"></b></p>
                                <p>
                                    <i class="fa fa-caret-up tb-add"></i>
                                    <span class="tb-add" id="bper"></span>
                                    <span>同比上周</span>
                                </p>
                            </div>
                            <div class="wc-zs second">
                                <p>本周完成巡检任务</p>
                                <p><b class="bold" id="com_task"></b></p>
                                <p>
                                    <i class="fa fa-caret-down tb-down"></i>
                                    <span class="tb-down" id="com_pre"></span>
                                    <span>同比上周</span>
                                </p>
                            </div>
                        </li>
                        <li>
<!--                            <div class="rw-rt">-->
<!--                                <p>近一周任务统计</p>-->
<!--                                <p>-->
<!--                                    <span>今日</span>-->
<!--                                    <span class="rw-bz">本周</span>-->
<!--                                    <span>本月</span>-->
<!--                                    <span><input type="date"></span>-->
<!--                                </p>-->
<!--                            </div>-->
                            <div id="container" style="width: 900px; height: 400px; margin: 0 auto">
                                <script charset="utf-8" src="__INS__/js/sy-xjrw.js" type="text/javascript"></script>


                            </div>
                        </li>
                    </ul>
                </div>
            </section>
        </li>
    </div>
    <div class="row row2 box-qushi xj-yhqs">
        <li class="col-xs-6 box-2">
            <header class="panel-heading head-border qst">水库隐患趋势图</header>
            <section class="panel">
                <div class="panel-body box-lt">
                    <ul>
                        <li>
                            <div class="wc-zs">
                                <p>本周隐患总数</p>
                                <p><b class="bold">1</b></p>
                                <p>
                                    <i class="fa fa-caret-up tb-add"></i>
                                    <span class="tb-add" >1</span>
                                    <span>同比上周</span>
                                </p>
                            </div>
                            <div class="wc-zs second">
                                <p>本周隐患任务</p>
                                <p><b class="bold">1</b></p>
                                <p>
                                    <i class="fa fa-caret-down tb-down"></i>
                                    <span class="tb-down">1</span>
                                    <span>同比上周</span>
                                </p>
                            </div>
                        </li>
                        <li>
<!--                            <div class="rw-rt">-->
<!--                                <p>近一周隐患统计</p>-->
<!--                                <p>-->
<!--                                    <span>今日</span>-->
<!--                                    <span class="rw-bz">本周</span>-->
<!--                                    <span>本月</span>-->
<!--                                    <span><input type="date"></span>-->
<!--                                </p>-->
<!--                            </div>-->
                            <div id="container1" style="width:900px; height: 400px; margin: 0 auto">
                                <script charset="utf-8" src="__INS__/js/sy-yhrw.js" type="text/javascript"></script>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
        </li>
</div>
</div>