审查视图

application/admin/view/dashboard/index.html 22.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 153 154 155 156 157 158 159 160 161
<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;
    }

    .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;
    }

    #statistics .panel {
        min-height: 150px;
    }

    #statistics .panel h5 {
        font-size: 13px;
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
王智 authored
162
        <!--<div class="form-group col-lg-3">-->
王智 authored
163 164 165 166
        <div style="margin-bottom: 10px;">
            <a href="javascript:;" id="onload" style="float: left;margin-left: -16px;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i
                    class="fa fa-refresh"></i> </a>
            <div class="input-group form_datetime" style="width: 300px;float:left;margin-left: 10px">
王智 authored
167 168 169 170 171 172 173
                <span class="input-group-addon">开始时间:</span>
                <input class="form-control datetimepicker"
                       data-date-format="YYYY-MM-DD HH:mm:ss"
                       type="text"
                       data-rule="required"
                       name="collecttime"
                       id="start"
王智 authored
174
                       placeholder="请选择开始时间"
王智 authored
175 176 177 178
                >
            </div>
            <!--</div>-->
            <!--<div class="form-group col-lg-3">-->
王智 authored
179
            <div class="input-group form_datetime" style="width: 300px;float:left;margin-left: 50px">
王智 authored
180 181 182 183 184 185 186
                <span class="input-group-addon">结束时间:</span>
                <input class="form-control datetimepicker"
                       data-date-format="YYYY-MM-DD HH:mm:ss"
                       type="text"
                       data-rule="required"
                       name="collecttime"
                       id="end"
王智 authored
187
                       placeholder="请选择结束时间"
王智 authored
188 189
                >
            </div>
王智 authored
190
            <div class="input-group" style="width: 300px;float:left;margin-left: 50px">
王智 authored
191 192 193 194 195 196 197
                <span class="input-group-addon">渠道筛选:</span>
                <select id="myselect" data-rule="" class="form-control selectpage" autocomplete="off">
                    {foreach name="qudao" item="vo"}
                    <option value="{$vo.id}">{$vo.title}</option>
                    {/foreach}
                </select>
            </div>
王智 authored
198
            <!--</div>-->
王智 authored
199
            <a href="javascript:;" id="btn" onclick="btn()" class="btn btn-success" title="提交" style="margin-left: 25px" >提交 </a>
王智 authored
200 201 202 203 204 205
        </div>
        <!--{:build_heading(null, false)}-->
        <!--<ul class="nav nav-tabs">-->
        <!--<li class="active"><a href="#one" data-toggle="tab">{:__('Dashboard')}</a></li>-->
        <!--&lt;!&ndash;<li><a href="#two" data-toggle="tab">{:__('Custom')}</a></li>&ndash;&gt;-->
        <!--</ul>-->
王智 authored
206 207 208 209 210 211 212 213 214 215
    </div>
    <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">
                            <span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>
                            <div class="sm-st-info">
王智 authored
216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235
                                <span>{$UserFirst}</span>
                                普通会员人数
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
                            <span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>
                            <div class="sm-st-info">
                                <span>{$UserSecond}</span>
                                高级会员人数
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
                            <span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>
                            <div class="sm-st-info">
                                <span>{$UserThird}</span>
                                VIP人数
王智 authored
236 237 238 239 240
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
王智 authored
241 242 243 244 245 246 247 248 249 250
                            <span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>
                            <div class="sm-st-info">
                                <span>{$UserFourth}</span>
                                SVIP人数
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
                            <span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>
王智 authored
251
                            <div class="sm-st-info">
王智 authored
252 253
                                <span>{$UserFifth}</span>
                                芳香生活家人数
王智 authored
254 255 256 257 258
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
王智 authored
259
                            <span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>
王智 authored
260
                            <div class="sm-st-info">
王智 authored
261 262
                                <span>{$UserSixth}</span>
                                城市合伙人人数
王智 authored
263 264 265 266 267
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
王智 authored
268
                            <span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>
王智 authored
269
                            <div class="sm-st-info">
王智 authored
270 271 272 273 274 275 276 277 278 279 280
                                <span>{$UserSeventh}</span>
                                区域合伙人人数
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
                            <span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>
                            <div class="sm-st-info">
                                <span>{$UserEighth}</span>
                                联合创始人人数
王智 authored
281 282 283 284 285 286
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
王智 authored
287 288 289 290
                    <!--<div class="col-lg-8">-->
                    <!--<div id="echart" class="btn-refresh" style="height:200px;width:100%;"></div>-->
                    <!--</div>-->
                    <div class="col-lg-12">
王智 authored
291 292 293
                        <div class="card sameheight-item stats">
                            <div class="card-block">
                                <div class="row row-sm stats-container">
王智 authored
294 295
                                    <div class="col-xs-3 stat-col">
                                        <div class="stat-icon"><i class="fa fa-shopping-cart"></i></div>
王智 authored
296 297
                                        <div class="stat">
                                            <div class="value"> {$todayusersignup}</div>
王智 authored
298
                                            <div class="name">支付订单数</div>
王智 authored
299 300
                                        </div>
                                        <div class="progress">
王智 authored
301
                                            <div class="progress-bar progress-bar-success" style="width: 100%"></div>
王智 authored
302 303
                                        </div>
                                    </div>
王智 authored
304 305
                                    <div class="col-xs-3 stat-col">
                                        <div class="stat-icon"><i class="fa fa-user"></i></div>
王智 authored
306 307 308 309 310
                                        <div class="stat">
                                            <div class="value"> {$todayuserlogin}</div>
                                            <div class="name"> {:__('Today user login')}</div>
                                        </div>
                                        <div class="progress">
王智 authored
311
                                            <div class="progress-bar progress-bar-success" style="width: 100%"></div>
王智 authored
312 313
                                        </div>
                                    </div>
王智 authored
314
                                    <div class="col-xs-3  stat-col">
王智 authored
315 316 317
                                        <div class="stat-icon"><i class="fa fa-line-chart"></i></div>
                                        <div class="stat">
                                            <div class="value"> {$todayorder}</div>
王智 authored
318
                                            <div class="name"> 支付人数</div>
王智 authored
319 320
                                        </div>
                                        <div class="progress">
王智 authored
321
                                            <div class="progress-bar progress-bar-success" style="width: 100%"></div>
王智 authored
322 323
                                        </div>
                                    </div>
王智 authored
324 325
                                    <div class="col-xs-3  stat-col">
                                        <div class="stat-icon"><i class="fa fa-cny"></i></div>
王智 authored
326 327
                                        <div class="stat">
                                            <div class="value"> {$unsettleorder}</div>
王智 authored
328
                                            <div class="name"> 今日支付金额</div>
王智 authored
329 330
                                        </div>
                                        <div class="progress">
王智 authored
331
                                            <div class="progress-bar progress-bar-success" style="width: 100%"></div>
王智 authored
332 333
                                        </div>
                                    </div>
王智 authored
334
                                    <div class="col-xs-3  stat-col">
王智 authored
335 336 337
                                        <div class="stat-icon"><i class="fa fa-list-alt"></i></div>
                                        <div class="stat">
                                            <div class="value"> {$sevendnu}</div>
王智 authored
338
                                            <div class="name"> 人均订单数</div>
王智 authored
339 340
                                        </div>
                                        <div class="progress">
王智 authored
341
                                            <div class="progress-bar progress-bar-success" style="width: 100%"></div>
王智 authored
342 343
                                        </div>
                                    </div>
王智 authored
344
                                    <div class="col-xs-3 stat-col">
王智 authored
345 346 347
                                        <div class="stat-icon"><i class="fa fa-dollar"></i></div>
                                        <div class="stat">
                                            <div class="value"> {$sevendau}</div>
王智 authored
348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368
                                            <div class="name"> 支付转化率</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-3 stat-col">
                                        <div class="stat-icon"><i class="fa fa-user-plus"></i></div>
                                        <div class="stat">
                                            <div class="value"> {$NewUserOrder}</div>
                                            <div class="name"> 新增新客数</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 100%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-3 stat-col">
                                        <div class="stat-icon"><i class="fa fa-etsy"></i></div>
                                        <div class="stat">
                                            <div class="value"> {$UserOrderPrice}</div>
                                            <div class="name"> 客单价</div>
王智 authored
369 370
                                        </div>
                                        <div class="progress">
王智 authored
371
                                            <div class="progress-bar progress-bar-success" style="width: 100%"></div>
王智 authored
372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row" style="margin-top:15px;" id="statistics">

                    <div class="col-lg-12">
                    </div>
                    <div class="col-xs-6 col-md-3">
                        <div class="panel bg-blue-gradient no-border">
                            <div class="panel-body">
                                <div class="panel-title">
                                    <span class="label label-primary pull-right">{:__('Real time')}</span>
王智 authored
389
                                    <h5>授权统计</h5>
王智 authored
390 391
                                </div>
                                <div class="panel-content">
王智 authored
392 393 394 395
                                    <h1 class="no-margins">{$CountMiniAppLoginHistory}</h1>
                                    <!--<div class="stat-percent font-bold text-gray"><i class="fa fa-commenting"></i> 1234-->
                                    <!--</div>-->
                                    <small>当前授权登录人数</small>
王智 authored
396 397 398 399 400 401 402 403 404
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-md-3">
                        <div class="panel bg-aqua-gradient no-border">
                            <div class="panel-body">
                                <div class="ibox-title">
                                    <span class="label label-primary pull-right">{:__('Real time')}</span>
王智 authored
405
                                    <h5>测试统计</h5>
王智 authored
406 407
                                </div>
                                <div class="ibox-content">
王智 authored
408 409 410
                                    <h1 class="no-margins">{$SleepHistory}</h1>
                                    <!--<div class="stat-percent font-bold text-gray"><i class="fa fa-modx"></i> 2592</div>-->
                                    <small>当前做过测试人数</small>
王智 authored
411 412 413 414 415 416 417 418 419 420
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6 col-md-3">
                        <div class="panel bg-purple-gradient no-border">
                            <div class="panel-body">
                                <div class="ibox-title">
                                    <span class="label label-primary pull-right">{:__('Real time')}</span>
王智 authored
421
                                    <h5>报告统计</h5>
王智 authored
422
                                </div>
王智 authored
423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444
                                <!--<div class="ibox-content">-->

                                <!--<div class="row">-->
                                <!--<div class="col-md-6">-->
                                <!--<h1 class="no-margins">1234</h1>-->
                                <!--<div class="font-bold"><i class="fa fa-commenting"></i>-->
                                <!--<small>{:__('Comment count')}</small>-->
                                <!--</div>-->
                                <!--</div>-->
                                <!--<div class="col-md-6">-->
                                <!--<h1 class="no-margins">6754</h1>-->
                                <!--<div class="font-bold"><i class="fa fa-heart"></i>-->
                                <!--<small>{:__('Like count')}</small>-->
                                <!--</div>-->
                                <!--</div>-->
                                <!--</div>-->
                                <!--</div>-->
                                <div class="panel-content">
                                    <h1 class="no-margins">{$SleepTypeFirst}</h1>
                                    <!--<div class="stat-percent font-bold text-gray"><i class="fa fa-commenting"></i> 1234-->
                                    <!--</div>-->
                                    <small>当前获得过测试报告的人数</small>
王智 authored
445
                                </div>
王智 authored
446
王智 authored
447 448 449 450 451 452 453 454
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-md-3">
                        <div class="panel bg-green-gradient no-border">
                            <div class="panel-body">
                                <div class="ibox-title">
                                    <span class="label label-primary pull-right">{:__('Real time')}</span>
王智 authored
455
                                    <h5>下单统计</h5>
王智 authored
456
                                </div>
王智 authored
457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478
                                <!--<div class="ibox-content">-->

                                <!--<div class="row">-->
                                <!--<div class="col-md-6">-->
                                <!--<h1 class="no-margins">5302</h1>-->
                                <!--<div class="font-bold"><i class="fa fa-commenting"></i>-->
                                <!--<small>{:__('Comment count')}</small>-->
                                <!--</div>-->
                                <!--</div>-->
                                <!--<div class="col-md-6">-->
                                <!--<h1 class="no-margins">8205</h1>-->
                                <!--<div class="font-bold"><i class="fa fa-user"></i>-->
                                <!--<small>{:__('Like count')}</small>-->
                                <!--</div>-->
                                <!--</div>-->
                                <!--</div>-->
                                <!--</div>-->
                                <div class="panel-content">
                                    <h1 class="no-margins">{$UpOrderNum}</h1>
                                    <!--<div class="stat-percent font-bold text-gray"><i class="fa fa-commenting"></i> 1234-->
                                    <!--</div>-->
                                    <small>当前下过单的人数</small>
王智 authored
479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="two">
                <div class="row">
                    <div class="col-xs-12">
                        {:__('Custom zone')}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--@formatter:off-->
<script>
王智 authored
497 498 499
    var Start = document.getElementById('start');
    var End = document.getElementById('end');
    var onload = document.getElementById('onload');
王智 authored
500 501 502 503 504 505
    var myselect = document.getElementById('myselect');
    QuyuId = 1;
    myselect.onchange = function () {
        var index = myselect.selectedIndex;
        QuyuId = myselect.options[index].value
    };
王智 authored
506 507 508

    function btn() {
        if (Start.value.length === 0) {
王智 authored
509 510 511 512
            if (End.value.length !== 0) {
                Layer.msg("请选择开始时间");
                return false;
            }
王智 authored
513 514
        }
        if (End.value.length === 0) {
王智 authored
515 516 517 518
            if (Start.value.length !== 0) {
                Layer.msg("请选择结束时间");
                return false;
            }
王智 authored
519 520
        }
        Fast.api.ajax({
王智 authored
521
            url: "dashboard/ajaxBtn",
王智 authored
522 523 524
            type: "POST",
            data: {
                Start: Start.value,
王智 authored
525 526
                End: End.value,
                Qudao: QuyuId
王智 authored
527 528 529
            },
        });
        location.replace(location);
王智 authored
530
    }
王智 authored
531
王智 authored
532
    onload.onclick = function (e) {
王智 authored
533
        location.replace(location);
王智 authored
534
    }
王智 authored
535 536
</script>
<!--@formatter:on-->