staticViews/yysj.html

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <style>
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的预约-预约时间</title>
    <script type="text/javascript" src="../staticJs/head.js"></script>
    <link rel="stylesheet" href="../staticCss/swiper-bundle.min.css">
    <link rel="stylesheet" type="text/css" href="../staticCss/progressBar.css">
    <link rel="stylesheet" type="text/css" href="../staticCss/yysj.css">
</head>


<body>
    <div class="yysj_main">
        <div class="navigation_crumbs">
            <div class="contentBox">
                <span class="layui-breadcrumb">
                    <a href="../index.html" title="首页">首页</a>
                    <a href="./grzx.html" title="个人中心">个人中心</a>
                    <a title="我的预约"><cite>我的预约</cite></a>
                </span>
            </div>
        </div>
        <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
        <div class="central_area">
            <div class="progressBar contentBox">
                <ul class="app_progress">
                    <li>
                        <p class="active"></p>
                        <h5>
                            预约须知
                        </h5>
                    </li>
                    <div class="layui-progress">
                        <div class="layui-progress-bar" lay-percent="100%"></div>
                    </div>
                    <li>
                        <p class="active"></p>
                        <h5>
                            选择区域
                        </h5>
                    </li>
                    <div class="layui-progress">
                        <div class="layui-progress-bar" lay-percent="100%"></div>
                    </div>
                    <li>
                        <p class="active"></p>
                        <h5>
                            预约时间
                        </h5>
                    </li>
                    <div class="layui-progress">
                        <div class="layui-progress-bar" lay-percent="50%"></div>
                    </div>
                    <li>
                        <p></p>
                        <h5>
                            预约结果
                        </h5>
                    </li>
                </ul>
            </div>
            <div class="appoint_time">
                <div class="swiper-container">
                    <div class="swiper-wrapper" id="swiperDate"></div>
                </div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            <!-- ----------------------------------业务选择start----------------------------------------------- -->
            <div class="business_choice contentBox">
                <div class="site-title">
                    <fieldset>
                        <legend>
                            <a href="" name="fieldset">
                                业务预约
                            </a>
                        </legend>
                    </fieldset>
                </div>
                <div id="business_list">
                </div>
            </div>
    
            <div class="next_button">
                <button type="button" class="layui-btn layui-btn-normal">
                    <a href="./yyxz.html" title="上一步">
                        上一步
                    </a>
                </button>
            </div>
        </div>
    </div>
</body>

</html>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script src="../staticJs/swiper-bundle.min.js"></script>
<script type="text/javascript" src="../staticJs/yysj.js"></script>

<script id="date" type="text/html">
    {{#  layui.each(d.dateList, function(index, item){ }}
    {{#  if(item.isSelect){ }}
    <ul class="swiper-slide layui-bg-gray active1">
        <li>{{item.week}}</li>
        <li>{{item.date}}</li>
    </ul>
    {{#  } }}
    {{#  if(!item.isSelect){ }}
    <ul class="swiper-slide layui-bg-gray">
        <li>{{item.week}}</li>
        <li>{{item.date}}</li>
    </ul>
    {{#  } }} 
    {{#  }); }}
</script>

<script id="business_item" type="text/html">
    {{#  layui.each(d.busList, function(index, item){ }}
    <div class="business_item">
        <div class="item_time">
            <span>上午</span>
            <span>{{item.startTime}}</span>
            <span>-</span>
            <span>{{item.endTime}}</span>
        </div>
        <ul>
            {{#  layui.each(item.orgBusinessList, function(index1, item1){ }}
            {{#  if(item1.isyy==0){ }}
            <li class="item_appoint">
                <h3>
                    {{item1.shortName}}
                </h3>
                {{#  if(item1.isyy==1){ }}
                    <p style="color:#FF5722">({{item1.residueNumber}})</p>
                {{#  } }}
                {{#  if(item1.isyy==0){ }}
                    <p style="color:#5FB878">({{item1.residueNumber}})</p>
                {{#  } }} 
            </li>
            {{#  } }}
            {{#  if(item1.isyy==1){ }}
            <li class="isAppoint">
                <h3>
                    {{item1.shortName}}
                </h3>
                {{#  if(item1.isyy==1){ }}
                    <p style="color:#FF5722">({{item1.residueNumber}})</p>
                {{#  } }}
                {{#  if(item1.isyy==0){ }}
                    <p style="color:#5FB878">({{item1.residueNumber}})</p>
                {{#  } }} 
            </li>
            {{#  } }} 
            {{#  }); }}
        </ul>
    </div>
    {{#  }); }}
</script>