审查视图

application/admin/view/dashboard/index.html 13.3 KB
王智 authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152
<style type="text/css">
    .sm-st {
        background: #fff;
        padding: 20px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 20px;
        -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
    }

    .sm-st-icon {
        width: 60px;
        height: 60px;
        display: inline-block;
        line-height: 60px;
        text-align: center;
        font-size: 30px;
        background: #eee;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        float: left;
        margin-right: 10px;
        color: #fff;
    }

    .sm-st-info {
        font-size: 12px;
        padding-top: 2px;
    }

    .sm-st-info span {
        display: block;
        font-size: 24px;
        font-weight: 600;
    }

    .orange {
        background: #fa8564 !important;
    }

    .tar {
        background: #45cf95 !important;
    }

    .sm-st .green {
        background: #86ba41 !important;
    }

    .pink {
        background: #AC75F0 !important;
    }

    .yellow-b {
        background: #fdd752 !important;
    }

    .stat-elem {

        background-color: #fff;
        padding: 18px;
        border-radius: 40px;

    }

    .stat-info {
        text-align: center;
        background-color: #fff;
        border-radius: 5px;
        margin-top: -5px;
        padding: 8px;
        -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        font-style: italic;
    }

    .stat-icon {
        text-align: center;
        margin-bottom: 5px;
    }

    .st-red {
        background-color: #F05050;
    }

    .st-green {
        background-color: #27C24C;
    }

    .st-violet {
        background-color: #7266ba;
    }

    .st-blue {
        background-color: #23b7e5;
    }

    .stats .stat-icon {
        color: #28bb9c;
        display: inline-block;
        font-size: 26px;
        text-align: center;
        vertical-align: middle;
        width: 50px;
        float: left;
    }

    .stat {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        margin-right: 10px;
    }

    .stat .value {
        font-size: 20px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500;
    }

    .stat .name {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .stat.lg .value {
        font-size: 26px;
        line-height: 28px;
    }

    .stat.lg .name {
        font-size: 16px;
    }

    .stat-col .progress {
        height: 2px;
    }

    .stat-col .progress-bar {
        line-height: 2px;
        height: 2px;
    }

    .item {
        padding: 30px 0;
    }
</style>
王智 authored
153 154 155 156 157
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        {:build_heading(null, false)}
        <ul class="nav nav-tabs">
            <li class="active"><a href="#one" data-toggle="tab">{:__('Dashboard')}</a></li>
王智 authored
158
            <!--<li><a href="#two" data-toggle="tab">详细1报表</a></li>-->
王智 authored
159 160
        </ul>
    </div>
王智 authored
161 162 163 164 165 166 167
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">

                <div class="row">
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
王智 authored
168
                            <span class="sm-st-icon st-red"><i class="fa fa-calendar-check-o"></i></span>
王智 authored
169
                            <div class="sm-st-info">
王智 authored
170
                                <span>{$baoxiunum}</span>
王智 authored
171
                                {:__('Baoxiunum')}
王智 authored
172 173 174 175 176
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
王智 authored
177
                            <span class="sm-st-icon st-violet"><i class="fa fa-battery-full"></i></span>
王智 authored
178
                            <div class="sm-st-info">
王智 authored
179 180
                                <span>{$baoxiu}</span>
                                {:__('Baoxiu')}
王智 authored
181 182 183 184 185
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
王智 authored
186
                            <span class="sm-st-icon st-blue"><i class="fa  fa-battery-quarter"></i></span>
王智 authored
187
                            <div class="sm-st-info">
王智 authored
188 189
                                <span>{$wbaoxiu}</span>
                                {:__('WBaoxiu')}
王智 authored
190 191 192
                            </div>
                        </div>
                    </div>
王智 authored
193
                    <!--<div class="col-sm-3 col-xs-6">-->
王智 authored
194 195 196 197 198 199 200 201
                    <!--<div class="sm-st clearfix">-->
                    <!--<span class="sm-st-icon st-green"><i class="fa fa-cny"></i></span>-->
                    <!--<div class="sm-st-info">-->
                    <!--<span>{$totalorderamount}</span>-->
                    <!--{:__('Total order amount')}-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
王智 authored
202
                    <!--</div>-->
王智 authored
203
王智 authored
204 205
                    <div class="row">
                        <!--<div class="col-lg-8">-->
王智 authored
206
                        <!--&lt;!&ndash;<div id="echart" class="btn-refresh" style="height:200px;width:100%;"></div>&ndash;&gt;-->
王智 authored
207
                        <!--</div>-->
王智 authored
208
                        <div class="col-lg-12">
王智 authored
209 210 211 212 213 214 215 216 217 218 219 220
                            <div class="card sameheight-item stats">
                                <div class="card-block">
                                    <div class="row row-sm stats-container">
                                        <div class="col-xs-6 stat-col">
                                            <div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
                                            <div class="stat">
                                                <div class="value"> {$jiankong}</div>
                                                <div class="name"> {:__('Jiankong')}</div>
                                            </div>
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-success" style="width: 30%"></div>
                                            </div>
王智 authored
221
                                        </div>
王智 authored
222 223 224 225 226 227 228 229 230
                                        <div class="col-xs-6 stat-col">
                                            <div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
                                            <div class="stat">
                                                <div class="value"> {$tongxin}</div>
                                                <div class="name"> {:__('Tongxin')}</div>
                                            </div>
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                            </div>
王智 authored
231
                                        </div>
王智 authored
232 233 234 235 236 237 238 239 240
                                        <div class="col-xs-6  stat-col">
                                            <div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
                                            <div class="stat">
                                                <div class="value"> {$peidian}</div>
                                                <div class="name"> {:__('Peidian')}</div>
                                            </div>
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                            </div>
王智 authored
241
                                        </div>
王智 authored
242 243 244 245 246 247 248 249 250
                                        <div class="col-xs-6  stat-col">
                                            <div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
                                            <div class="stat">
                                                <div class="value"> {$jizhong}</div>
                                                <div class="name"> {:__('Jizhong')}</div>
                                            </div>
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                            </div>
王智 authored
251
                                        </div>
王智 authored
252 253 254 255 256 257 258 259 260
                                        <div class="col-xs-6  stat-col">
                                            <div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
                                            <div class="stat">
                                                <div class="value"> {$shoufei}</div>
                                                <div class="name"> {:__('Shoufei')}</div>
                                            </div>
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                            </div>
王智 authored
261
                                        </div>
王智 authored
262 263 264 265 266 267 268 269 270 271
                                        <!--<div class="col-xs-6 stat-col">-->
                                        <!--<div class="stat-icon"><i class="fa fa-dollar"></i></div>-->
                                        <!--<div class="stat">-->
                                        <!--<div class="value"> {$sevendau}</div>-->
                                        <!--<div class="name"> {:__('Seven dau')}</div>-->
                                        <!--</div>-->
                                        <!--<div class="progress">-->
                                        <!--<div class="progress-bar progress-bar-success" style="width: 25%"></div>-->
                                        <!--</div>-->
                                        <!--</div>-->
王智 authored
272 273 274 275 276
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
王智 authored
277
王智 authored
278 279
                    <div class="row" style="margin-top:15px;">
王智 authored
280 281
                        <!--<div class="col-lg-12">-->
                        <!--</div>-->
王智 authored
282 283

王智 authored
284
                        {foreach name="row" item="vo"}
王智 authored
285
                        <div class="col-xs-6 col-md-4">
王智 authored
286
                            <div class="panel bg-blue">
王智 authored
287
                                <div class="panel-body" style="width:250px; height: 250px;">
王智 authored
288
                                    <div class="panel-title">
王智 authored
289
                                        <span class="label label-success">{:__('Real time')}</span>
王智 authored
290 291 292 293 294 295 296 297
                                        <h5 id="H5Name" onmouseover="func()" onmouseout="func1()">
                                            {$vo.zhandian_name}</h5>
                                    </div>
                                    <div class="panel-content">
                                        <h1>{$vo.baoxiu_num}</h1>
                                        <!--<div class="stat-percent font-bold text-gray"><i class="fa fa-commenting"></i>-->
                                        <!--1234-->
                                        <!--</div>-->
王智 authored
298
                                        <!--<small>{:__('Category count tips')}</small>-->
王智 authored
299
                                        <br>
王智 authored
300
                                    </div>
王智 authored
301
                                    <h4>故障设备名称:</h4>
王智 authored
302
                                    <h5>{$vo.BaoXiuStr}</h5>
王智 authored
303 304 305
                                </div>
                            </div>
                        </div>
王智 authored
306
                        {/foreach}
王智 authored
307
                    </div>
王智 authored
308
                </div>
王智 authored
309
王智 authored
310
王智 authored
311 312
                <!--<?php foreach ($row as  $info) { ?>-->
                <!--<div class="col-xs-6  stat-col">-->
王智 authored
313 314 315 316 317 318 319 320
                <!--<div class="stat-icon"><i class="fa fa-bar-chart"></i></div>-->
                <!--<div class="stat">-->
                <!--<div class="value"><?= $info["zhandian_name"]?></div>-->
                <!--<div class="name"> <?= $info["baoxiu_num"]?></div>-->
                <!--</div>-->
                <!--<div class="progress">-->
                <!--<div class="progress-bar progress-bar-success" style="width: 25%"></div>-->
                <!--</div>-->
王智 authored
321 322
                <!--</div>-->
                <!--<?php } ?>-->
王智 authored
323
王智 authored
324
            </div>
王智 authored
325
        </div>
王智 authored
326 327
    </div>
</div>
王智 authored
328
</div>
王智 authored
329
<!--<script>-->
王智 authored
330 331 332 333 334 335 336 337 338 339 340 341 342 343 344
<!--var Orderdata = {-->
<!--column: {-->
<!--:-->
<!--json_encode(array_keys($paylist))-->
<!--},-->
<!--paydata: {:-->
<!--json_encode(array_values($paylist))-->
<!--}-->
<!--,-->
<!--createdata: {:-->
<!--json_encode(array_values($createlist))-->
<!--}-->
<!--,-->
<!--}-->
<!--;-->
王智 authored
345
<!--</script>-->
王智 authored
346 347 348 349 350 351 352 353 354 355 356 357 358 359 360
<!--<script>-->
<!--var c;-->
<!--var H5Name = document.getElementById("H5Name").innerHTML;-->
<!--var func = function () {-->
<!--c = setTimeout(function () {-->
<!--console.log('鼠标悬浮');-->
<!--console.log(H5Name);-->
<!--alert();-->
<!--}, 2000);-->
<!--};-->
<!--var func1 = function () {-->
<!--clearTimeout(c);-->
<!--console.log('鼠标离开');-->
<!--}-->
<!--</script>-->