yukai
/
yanglao


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/service/css/index.css">
    <title>Document</title>
</head>

<body>
<div class="box">
    <!-- <div class="menu"></div> -->
    <div class="content">
        <!-- <div class="head"></div> -->

        <div class="floor1-box">
            <div class="flex-1">
               

                <div class="floor1-each each-1">
                    <div class="text-box">
                        <div class="text-box-text">总用户</div>
                        <div class="number">{$data.total_user_nums|htmlentities}</div>
                        <div class="change">
                            比昨日+{$diff.total_user_nums|htmlentities}
                            <img class="up-icon" src="__CDN__/assets/addons/service/image/change-2.png" alt="" />
                        </div>
                    </div>
                    <div class="floor1-each-img-r">
                        <img src="__CDN__/assets/addons/service/image/user.png" alt="" />
                    </div>
                </div>
                <div class="floor1-each each-2">
                    <div class="text-box">
                        <div class="text-box-text">总会员</div>
                        <div class="number">{$data.total_plus_nums|htmlentities}</div>
                        <div class="change">
                            比昨日+{$diff.total_plus_nums|htmlentities}
                            <img class="up-icon" src="__CDN__/assets/addons/service/image/change-2.png" alt="" />
                        </div>
                    </div>
                    <div class="floor1-each-img-r">
                        <img src="__CDN__/assets/addons/service/image/member.png" alt="" />
                    </div>
                </div>
            </div>

            <div class="flex-2">
                
                <div class="floor1-each each-3">
                    <div class="text-box">
                        <div class="text-box-text">总服务人员</div>
                        <div class="number">{$data.total_skill_nums|htmlentities}</div>
                        <div class="change">
                            比昨日+{$diff.total_skill_nums|htmlentities}
                            <img class="up-icon" src="__CDN__/assets/addons/service/image/change-2.png" alt="" />
                        </div>
                    </div>
                    <div class="floor1-each-img-r">
                        <img src="__CDN__/assets/addons/service/image/serve.png" alt="" />
                    </div>
                </div>
                <div class="floor1-each each-4">
                    <div class="text-box">
                        <div class="text-box-text">总商户</div>
                        <div class="number">{$data.total_shop_nums|htmlentities}</div>
                        <div class="change">
                            比昨日+{$diff.total_shop_nums|htmlentities}
                            <img class="up-icon" src="__CDN__/assets/addons/service/image/change-2.png" alt="" />
                        </div>
                    </div>
                    <div class="floor1-each-img-r">
                        <img src="__CDN__/assets/addons/service/image/serve.png" alt="" />
                    </div>
                </div>
            </div>
        </div>


        <div class="floor1-box">
            <div class="flex-1">
                <div class="box-1">
                    
                    <div class="sum">订单总金额（元）</div>
                    <div class="sum-money">{$data.total_price|htmlentities}</div>
                    <div class="box1-change">
                        比昨日+{$diff.total_price|htmlentities}
                        <img class="box-1-change-img" src="__CDN__/assets/addons/service/image/change-2.png" alt="" />
                    </div>
                    <div class="back">
                        
                        <div>
                            <div class="back-sum">总订单</div>
                        <div class="back-sum-money">{$data.total_order_nums|htmlentities}</div>
                        <div class="back-change">
                            比昨日+{$diff.total_order_nums|htmlentities}
                            <img class="box-1-change-img" src="__CDN__/assets/addons/service/image/change-2.png" alt="" />
                        </div>
                        </div>
                        <div style="padding-right: 24px;">
                            <div class="back-sum">总佣金（元）</div>
                        <div class="back-sum-money">{$data.rebate_price|htmlentities}</div>
                        <div class="back-change">
                            比昨日+{$diff.rebate_price|htmlentities}
                            <img class="box-1-change-img" src="__CDN__/assets/addons/service/image/change-2.png" alt="" />
                        </div>
                        </div>
                    </div>
                </div>

                <div class="box-2-1">
                    <div class="ico-img">
                        <img class="img-ico-img" src="__CDN__/assets/addons/service/image/recharge.png" alt="" />
                    </div>
                    <div class="box-2-back">
                        <div style="height: 1px"></div>
                        <div class="back-sum">总充值（元）</div>
                        <div class="back-sum-money">{$data.recharge_price|htmlentities}</div>
                        <div class="back-change">
                            比昨日+{$diff.recharge_price|htmlentities}
                            <img class="back-change-img" src="__CDN__/assets/addons/service/image/change-2.png" alt="" />
                        </div>
                    </div>
                </div>
            </div>

            <div class="flex-2">
                <div class="box-2-1">
                    <div class="ico-img">
                        <img class="img-ico-img" src="__CDN__/assets/addons/service/image/recharge.png" alt="" />
                    </div>
                    <div class="box-2-back">
                        <div style="height: 1px"></div>
                        <div class="back-sum">总提现（元）</div>
                        <div class="back-sum-money">{$data.withdraw_price|htmlentities}</div>
                        <div class="back-change">
                            比昨日+{$diff.withdraw_price|htmlentities}
                            <img class="back-change-img" src="__CDN__/assets/addons/service/image/change-2.png" alt="" />
                        </div>
                    </div>
                </div>

                <div class="newbox-3">
                    <div class="newbox-3-1">
                        <div class="newbox-3-1-text">
                            <div style="height: 8px"></div>
                            <div class="back-sum">服务人员保证金（元）</div>
                            <div class="back-sum-money">{$data.skill_ensure_price|htmlentities}</div>
                            <div class="back-change">
                                比昨日+{$diff.skill_ensure_price|htmlentities}
                                <img class="back-change-img" src="__CDN__/assets/addons/service/image/change-2.png" alt="" />
                            </div>

                        </div>
                        <div class="newbox-3-1-img">
                            <img class="newbox-3-1-img" src="__CDN__/assets/addons/service/image/Intersect2.png" alt="">
                        </div>
                    </div>
                    <!-- <div class="newbox-3-2"></div> -->
                    <div class="newbox-3-2">
                        <div class="newbox-3-1-text">
                            <div style="height: 8px"></div>
                            <div class="back-sum">商户保证金（元）</div>
                            <div class="back-sum-money">{$data.shop_ensure_price|htmlentities}</div>
                            <div class="back-change">
                                比昨日+{$diff.shop_ensure_price|htmlentities}
                                <img class="back-change-img" src="__CDN__/assets/addons/service/image/change-2.png" alt="" />
                            </div>

                        </div>
                        <div class="newbox-3-1-img">
                            <img class="newbox-3-1-img" src="__CDN__/assets/addons/service/image/Intersect2.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="floor1-box">
            <div class="flex-1">
                <div class="box-4">
                    <div class="box-4-1">
                        <div class="nav-tabs-custom charts-custom">
                                <!-- Tabs within a box -->
                                <div class="charts-box">
                                    <div class="line"></div>订单趋势
                                </div>
                                
                                <div class="tab-content no-padding">
                                    <!-- Morris chart - Sales -->
                                    <div class="chart tab-pane active" id="line-chart" style="position: relative; height: 230px;"></div>
                                    
                                </div>
                            </div>
                    </div>
                    <div class="box-4-2">
                        <div class="nav-tabs-custom charts-custom">
                                <!-- Tabs within a box -->
                                
                                <div class="charts-box">
                                    <div class="line"></div>用户趋势
                                </div>
                                <div class="tab-content no-padding">
                                    <!-- Morris chart - Sales -->
                                    <div class="chart tab-pane active" id="line-user-chart" style="position: relative; height: 230px;"></div>
                                    
                                </div>
                            </div>
                    </div>
                </div>

                <div class="newbox-5-1">
                    <div class="box-6-each single-1">
                        <div class="box-6-each-title">
                            <img class="box-6-each-title-img" src="__CDN__/assets/addons/service/image/single-1.png" alt="" />今日已服务
                        </div>
                        <div class="box-6-each-number">{$finish|htmlentities}</div>

                    </div>
                    <div class="box-6-each single-3">
                        <div class="box-6-each-title">
                            <img class="box-6-each-title-img" src="__CDN__/assets/addons/service/image/single-4.png" alt="" />今日待服务
                        </div>
                        <div class="box-6-each-number">{$notFinish|htmlentities}</div>

                    </div>
                    <div class="box-6-each single-5">
                        <div class="box-6-each-title">
                            <img class="box-6-each-title-img" src="__CDN__/assets/addons/service/image/single-6.png" alt="" />后日待服务
                        </div>
                        <div class="box-6-each-number">{$afterNotFinish|htmlentities}</div>

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

            <div class="flex-2">
                <div class="newbox-5-1">
                    <div class="box-6-each single-2">
                        <div class="box-6-each-title">
                            <img class="box-6-each-title-img" src="__CDN__/assets/addons/service/image/single-2.png" alt="" />昨日已服务
                        </div>
                        <div class="box-6-each-number">{$beforeFinish|htmlentities}</div>

                    </div>
                    <div class="box-6-each single-4">
                        <div class="box-6-each-title">
                            <img class="box-6-each-title-img" src="__CDN__/assets/addons/service/image/single-3.png" alt="" />明日待服务
                        </div>
                        <div class="box-6-each-number">{$tomorrowNotFinish|htmlentities}</div>
                    </div>
                    <div class="box-6-each single-6">
                        <div class="box-6-each-title">
                            <img class="box-6-each-title-img" src="__CDN__/assets/addons/service/image/single-5.png" alt="" />售后订单
                        </div>
                        <div class="box-6-each-number">{$refund|htmlentities}</div>
                    </div>
                </div>

                <div class="box-5">
                    <div class="box-5-each">
                        <div class="box-5-text">
                            <div class="today">今日订单</div>
                            <div class="number-b">{$dayOrder|htmlentities}</div>

                        </div>
                        <div class="box-5-img">
                            <img class="img-box-5-img" src="__CDN__/assets/addons/service/image/trend-1.png" alt="" />
                        </div>
                    </div>
                    <div class="box-5-each">
                        <div class="box-5-text">
                            <div class="today">今日用户</div>
                            <div class="number-b">{$dayUser|htmlentities}</div>

                        </div>
                        <div class="box-5-img">
                            <img class="img-box-5-img" src="__CDN__/assets/addons/service/image/trend-2.png" alt="" />
                        </div>
                    </div>
                    <div class="box-5-each">
                        <div class="box-5-text">
                            <div class="today">今日充值（元）</div>
                            <div class="number-b">{$dayRecharge|htmlentities}</div>
                        </div>
                        <div class="box-5-img">
                            <img class="img-box-5-img" src="__CDN__/assets/addons/service/image/trend-3.png" alt="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="floor1-box" id="app">
            
            <div class="flex-1 flex-rank">
                <div class="box-7">
                    <div class="box-3-head">
                        <div class="title">
                            <span class="rod"></span> 服务销量排行
                        </div>
                        <div class="tags-box" id="list1">
                            <span class="tags-box-span" :class="{curtag1 : goodsType == 0}" style="border-radius: 6px 0px 0px 6px" @click="goodsChange(0)">日</span><span
                                class="tags-box-span"  :class="{curtag1 : goodsType == 1}" @click="goodsChange(1)">月</span class="tags-box-span"><span class="tags-box-span"  :class="{curtag1 : goodsType == 2}" @click="goodsChange(2)">年</span><span
                                class="tags-box-span"  :class="{curtag1 : goodsType == 3}" style="border-radius: 0px 6px 6px 0px" @click="goodsChange(3)">总</span>
                        </div>
                    </div>

                    <div class="list-box">
                        
                        <div class="title-box">
                            <div class="title-1">排名</div>
                            <div class="title-2">项目名</div>
                            <div class="title-3">订单量</div>
                            <div class="title-4">价格</div>
                        </div>

                        <div class="overflow-box" v-if="goodsType == 0">
                            {volist name="dayGoods" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.goodsName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="goodsType == 1">
                            {volist name="monthGoods" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.goodsName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="goodsType == 2">
                            {volist name="yearGoods" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.goodsName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="goodsType == 3">
                            {volist name="allGoods" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.goodsName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                    </div>
                </div>

                <div class="box-7">
                    <div class="box-3-head">
                        <div class="title">
                            <span class="rod"></span> 城市订单排行
                        </div>
                        <div class="tags-box" id="list2">
                            <span class="tags-box-span" :class="{curtag1 : cityType == 0}"  @click="cityChange(0)" style="border-radius: 6px 0px 0px 6px">日</span><span
                                class="tags-box-span" :class="{curtag1 : cityType == 1}"  @click="cityChange(1)">月</span class="tags-box-span"><span class="tags-box-span" :class="{curtag1 : cityType == 2}"  @click="cityChange(2)">年</span><span
                                class="tags-box-span" style="border-radius: 0px 6px 6px 0px" :class="{curtag1 : cityType == 3}"  @click="cityChange(3)">总</span>
                        </div>
                    </div>

                    <div class="list-box">
                        
                        <div class="title-box">
                            <div class="title-1">排名</div>
                            <div class="title-2">城市名</div>
                            <div class="title-3">订单量</div>
                            <div class="title-4">金额</div>
                        </div>

                        <div class="overflow-box" v-if="cityType == 0">
                            {volist name="dayCity" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.city|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="cityType == 1">
                            {volist name="monthCity" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.city|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="cityType == 2">
                            {volist name="yearCity" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.city|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="cityType == 3">
                            {volist name="allCity" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.city|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                    </div>
                </div>
            </div>

            <div class="flex-2  flex-rank">
                <div class="box-7">
                    <div class="box-3-head">
                        <div class="title">
                            <span class="rod"></span> 商家订单排行
                        </div>
                        <div class="tags-box" id="list3">
                            <span class="tags-box-span" :class="{curtag1 : shopType == 0}"  @click="shopChange(0)" style="border-radius: 6px 0px 0px 6px">日</span><span
                                class="tags-box-span" :class="{curtag1 : shopType == 1}"  @click="shopChange(1)">月</span class="tags-box-span">
                                <span class="tags-box-span" :class="{curtag1 : shopType == 2}"  @click="shopChange(2)">年</span>
                                <span class="tags-box-span" :class="{curtag1 : shopType == 3}"  @click="shopChange(3)" style="border-radius: 0px 6px 6px 0px">总</span>
                        </div>
                    </div>

                    <div class="list-box">
                        
                        <div class="title-box">
                            <div class="title-1">排名</div>
                            <div class="title-2">商家名</div>
                            <div class="title-3">订单量</div>
                            <div class="title-4">金额</div>
                        </div>

                        <div class="overflow-box" v-if="shopType == 0">
                            {volist name="dayShop" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.shopName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="shopType == 1">
                            {volist name="monthShop" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.shopName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="shopType == 2">
                            {volist name="yearShop" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.shopName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="shopType == 3">
                            {volist name="allShop" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.shopName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                    </div>
                </div>

                <div class="box-7">
                    <div class="box-3-head">
                        <div class="title">
                            <span class="rod"></span> 服务者订单排行
                        </div>
                        <div class="tags-box" id="list4">
                            <span class="tags-box-span" :class="{curtag1 : skillType == 0}"  @click="skillChange(0)" style="border-radius: 6px 0px 0px 6px">日</span>
                            <span class="tags-box-span" :class="{curtag1 : skillType == 1}"  @click="skillChange(1)">月</span class="tags-box-span">
                            <span class="tags-box-span" :class="{curtag1 : skillType == 2}"  @click="skillChange(2)">年</span>
                            <span class="tags-box-span" :class="{curtag1 : skillType == 3}"  @click="skillChange(3)" style="border-radius: 0px 6px 6px 0px">总</span>
                        </div>
                    </div>

                    <div class="list-box">
                        
                        <div class="title-box">
                            <div class="title-1">排名</div>
                            <div class="title-2">服务人员</div>
                            <div class="title-3">订单量</div>
                            <div class="title-4">金额</div>
                        </div>

                        <div class="overflow-box" v-if="skillType == 0">
                            {volist name="daySkill" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.skillName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="skillType == 1">
                            {volist name="monthSkill" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.skillName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="skillType == 2">
                            {volist name="yearSkill" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.skillName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                        <div class="overflow-box" v-if="skillType == 3">
                            {volist name="allSkill" id="vb"}
                            <div class="content-box">
                                <div class="title-1">{$key+1}</div>
                                <div class="title-2">{$vb.skillName|htmlentities}</div>
                                <div class="title-3">{$vb.num|htmlentities}</div>
                                <div class="title-4">{$vb.total_price|htmlentities}</div>
                            </div>
                            {/volist}
                        </div>
                    </div>
                </div>
            </div>
        </div>


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

<script src="__CDN__/assets/addons/service/js/vue.min.js"></script>
<script type="text/javascript" charset="utf-8">
    let add = new Vue({
                el: '#app',
                data(){
                    return {
                        goodsType: 0,
                        cityType: 0,
                        shopType: 0,
                        skillType:0
                    }
                },
           
                
                methods:{
                    cityChange(type){
                        this.cityType = type
                    },
                    goodsChange(type){
                        this.goodsType = type
                    },
                    shopChange(type){
                        this.shopType = type
                    },
                    skillChange(type){
                        this.skillType = type
                    },
                }
            })
</script>

</html>