light.html 5.6 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>预定具体财神灯位置</title>
    <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
    <script src="__TMPL__/public/assets/js/fontsize.js"></script>
    <link href="__TMPL__/public/assets/css/appointment.css" rel="stylesheet">
</head>
<body>
    <div class="content">
        <div class="head">
            <div class="center">
                <div class="area"># {$area.name} #</div>
                <div class="seat-num">{$area.empty}个空位</div>
                <div class="btn">
                    <div class="reset" onclick="resetChoose()">重新选区</div>
                </div>
                <div class="tips">灯暗的为可选,灯亮的为已被预定</div>
            </div>
        </div>
        <div class="seat-list">
            <foreach name="list" item="vo" key="key">
            <div class="list-item">
                <div class="line-num">{$key}行</div>
                <div class="column-list">
                    <foreach name="vo" item="vo2">
                        <div class="item"  <eq name="vo2.can_light" value="0">onclick="showModal()"</eq>>
                        <eq name="vo2.can_light" value="1">
                        <a href="{:url('portal/index/lightOrder',array('id'=>$vo2.id))}"><div class="modal"></div></a>
                        </eq>
                        <image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>
                        <div class="column-num">{$vo2.column}列</div>
                    </div>
                    </foreach>
                    <!--<div class="item">-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                    <!--<div class="item">-->
                        <!--<div class="modal"></div>-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                    <!--<div class="item">-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                    <!--<div class="item">-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                    <!--<div class="item">-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                    <!--<div class="item">-->
                        <!--<div class="modal"></div>-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                </div>
            </div>
            </foreach>

            <!--<div class="list-item" onclick="enter()">-->
                <!--<div class="line-num">二行</div>-->
                <!--<div class="column-list">-->
                    <!--<div class="item">-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                    <!--<div class="item">-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                    <!--<div class="item">-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                    <!--<div class="item">-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                    <!--<div class="item">-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                    <!--<div class="item">-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->
                    <!--<div class="item">-->
                        <!--<image src="__TMPL__/public/assets/images/bicon01@2x.png" class="img"></image>-->
                        <!--<div class="column-num">9列</div>-->
                    <!--</div>-->

                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
</body>
<script>
    function enter() {
        window.location.href='./temple-info.html';
    }
    function resetChoose() {
        window.history.go(-1);
    }
    function showModal() {
        alert("该位置已被预订,不能选择")
    }
</script>
</html>