ximushanyuan/addons/zh_jdgjb/template/web/dlhotel.html

{template 'public/header'}
{template 'public/comhead'}
<style type="text/css">
    .yg9_content{padding:0px;}
    .yg9_content>li>.col-md-12{
        height: 130px;
        box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
        border-radius: 6px;
        overflow: hidden;
    }    
    .yg9_content>li:nth-child(1)>.col-md-12{
        background-color: #32CC7F;
        color: white;
        /*background:url(../addons/zh_jdgjb/template/images/tuceng4.png) no-repeat center;
        background-size: 100%;*/
    }
    .yg9_content>li:nth-child(2)>.col-md-12{
        background-color: #f17c67;
        color: white;
    }
    .yg9_content>li:nth-child(3)>.col-md-12{
        background-color: #99CC33;
        color: white;
    }
    .yg9_content>li:nth-child(4)>.col-md-12{
        background-color: #6C6FBF;
        color: #fff;
    }
    .tmoney{font-size: 26px;margin-top: 30px;text-align: center;}
    .today{font-size: 14px;text-align: center;}
    .vipbanner{padding:0px;}
    .vipbox{
        background-color: white;
        box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
        border-radius: 6px;
        overflow: hidden;
    }
    .vipbig1{padding-left: 0px;} 
    .vipbig2{padding-right: 0px;}
    .vipcontent{
        border-bottom: 1px solid #E4EAEC;
        height: 60px;
        line-height: 60px;
        padding:0px;
    }  
    .vipright{float: right;}
    .vipleft{float: left;}
    .vipleft>img{
        width: 20px;
        height: 20px;
    }
    .vipadd{
        height: 210px;
        text-align: center;
    }
    .vipadd>li{
        padding-top: 50px;
    }
    .font1{font-size: 30px;color: #333;}
    .font2{font-size: 15px;color: #666;margin-top: 15px;}
    .vipsell{padding:0px;}
    .vipsell>li:nth-child(1){padding-left: 0px;}
    .vipsell>li:nth-child(2){padding-right: 0px;}
    .vipsell{
        height: 210px;
        padding: 25px 0px;
    }
    .vipsell>li{height: 100%;}
    .vipsell>li>div{
        background-color: #F7F7F7;
        height: 100%;
        border-radius: 6px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .xuni{color: #666;text-align: center;}
    .xuni>span{color: #ff6363;}
    .viptitle{
        color: #333;
        border-bottom:1px solid #DEDEDE;
        padding-bottom: 15px;
        margin-bottom: 20px;
        text-align: center;
        width: 50%;
        font-size: 16px;
    }
    .botul{
        display: flex;
    }
    .botul>li{
        width: 13%;
        margin-right: 1.5%;
        height: 220px;
        background-color: white;
        padding: 50px 0px;
    }
    .botul>li:last-child{
        margin-right:0px;
        box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    }
    .boxcon{
        width: 100%;
        height: 100%;
        text-align: center;
    }
    .boxcon>img{
        margin-bottom: 10px;
        width: 55px;
        height: 55px;
    }
    .bfont1{
        color: #666;
        font-size: 15px;
        margin-bottom: 5px;
    }
    .bfont2{
        color: #ED5D5D;
        font-size: 20px;
    }
    .backimg{
        width: 71px;
        height: 74px;
        margin-top: 30px;
    }
</style>
<div class="main" style="float: left;width: 49%;vertical-align: middle;">
    <div class="panel panel-default">
        <div class="panel-heading" style="font-weight: bold;"> 
			<text style="background: orange;">&nbsp;</text>
        &nbsp;登入信息</div>
            <div class="panel-body">        
          	<p style="text-align: center;padding: 26px 0;font-size: 20px;"> 欢迎回来，{$users['username']}</p>
          	<!-- <p> &nbsp;</p>
          	<p>&nbsp; </p> -->
        </div>        
    </div>
 </div>
 <div class="main" style="float: right;width: 49%;vertical-align: middle;margin-left:2%;">
    <div class="panel panel-default">
        <div class="panel-heading" style="font-weight: bold;">
				<text style="background: orange;">&nbsp;</text>
        &nbsp;门店信息</div>
            <div class="panel-body"> 
            <p>酒店名称：{$cur_store['name']}</p>  
            <p>地址：{$cur_store['address']}</p>     
          	<p>电话：{$cur_store['tel']}</p>
        </div>        
    </div>
 </div>
 <div class="main" style="height: 270px;">
    <div class="col-md-12 vipbanner">
        <div class="col-md-6 vipbig1">
            <div class="col-md-12 vipbox">
                <div class="col-md-12 vipcontent">
                    <div class="vipleft">
                        <img src="../addons/zh_jdgjb/template/images/ygrz.png">
                        <span>订单信息</span>
                    </div>
                    <div class="vipright">(单位：个)</div>
                </div>
                <ul class="col-md-12 vipadd">
                    <li class="col-md-3">
                      
                        <p class="font1">{$order['yrz']}</p>
                        <p class="font2">已入住</p>
                         
                    </li>
                    <li class="col-md-3">
                      
                        <p class="font1">{$order['ywc']}</p>
                        <p class="font2">已完成</p>
                         
                    </li>
                    <li class="col-md-3">
                    
                        <p class="font1">{$order['yqx']}</p>
                        <p class="font2">已取消</p>
                    
                    </li>
                    <li class="col-md-3">
                      
                        <p class="font1">{$order['ytk']}</p>
                        <p class="font2">已退款</p>
                         
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-6 vipbig2">
            <div class="col-md-12 vipbox">
                <div class="col-md-12 vipcontent">
                    <div class="vipleft">
                        <img src="../addons/zh_jdgjb/template/images/6.png">
                        <span>房间一览</span>
                    </div>
                    <div class="vipright">(单位：间)</div>
                </div>
                <ul class="col-md-12 vipsell">
                    <li class="col-md-6">
                        <div>
                            <div class="viptitle">房间</div>
                            <div class="col-md-12">
                                <div class="col-md-6 xuni">房间总数：<span>{$total_nums}</span></div>
                                <div class="col-md-6 xuni">今日入住：<span>{$rznums['sl']}</span></div>
                            </div>
                        </div>
                    </li>
                    <!--  <li class="col-md-6">
                        <div>
                            <div class="viptitle">票卷</div>
                            <div class="col-md-12">
                                <div class="col-md-6 xuni">新增：<span>{$totalorder}</span></div>
                                <div class="col-md-6 xuni">总数：<span>{$dfhorder['count']}</span></div>
                            </div>
                        </div>
                    </li>  -->
                </ul>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
    $(function(){
        $("#frame-0").show();
        $("#yframe-0").addClass("wyactive");
    })
</script>
{template 'common/footer'}