审查视图

application/admin/view/dashboard/index.html 13.5 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: 400px;">
王智 authored
288
                                    <div class="panel-title">
王智 authored
289
                                        <span class="label label-success">{:__('Real time')}</span>
王智 authored
290 291 292
                                        <h5 id="H5Name" onmouseover="func()" onmouseout="func1()">
                                            {$vo.zhandian_name}</h5>
                                    </div>
王智 authored
293 294 295 296 297 298
                                    <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>-->
                                        <!--<small>{:__('Category count tips')}</small>-->
王智 authored
299 300 301 302 303

                                        <h4>报修完成率:</h4>
                                        <h5>{$vo.Round}%</h5>
                                        <h4>报修未完成率:</h4>
                                        <h5>{$vo.WRound}%</h5>
王智 authored
304
                                        <br>
王智 authored
305
                                    </div>
王智 authored
306 307 308 309
                                    <h4>故障设备名称:</h4>
                                    <h5>{$vo.BaoXiuStr}</h5>

                                </div>
王智 authored
310 311
                            </div>
                        </div>
王智 authored
312
                        {/foreach}
王智 authored
313
                    </div>
王智 authored
314
                </div>
王智 authored
315
王智 authored
316
王智 authored
317 318
                <!--<?php foreach ($row as  $info) { ?>-->
                <!--<div class="col-xs-6  stat-col">-->
王智 authored
319 320 321 322 323 324 325 326
                <!--<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
327 328
                <!--</div>-->
                <!--<?php } ?>-->
王智 authored
329
王智 authored
330
            </div>
王智 authored
331
        </div>
王智 authored
332 333
    </div>
</div>
王智 authored
334
</div>
王智 authored
335
<!--<script>-->
王智 authored
336 337 338 339 340 341 342 343 344 345 346 347 348 349 350
<!--var Orderdata = {-->
<!--column: {-->
<!--:-->
<!--json_encode(array_keys($paylist))-->
<!--},-->
<!--paydata: {:-->
<!--json_encode(array_values($paylist))-->
<!--}-->
<!--,-->
<!--createdata: {:-->
<!--json_encode(array_values($createlist))-->
<!--}-->
<!--,-->
<!--}-->
<!--;-->
王智 authored
351
<!--</script>-->
王智 authored
352 353 354 355 356 357 358 359 360 361 362 363 364 365 366
<!--<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>-->