2e86acd6 by 焦小希

在线预约数据渲染

1 parent e9f6566e
......@@ -382,6 +382,7 @@
} */
.isAppoint {
cursor:not-allowed!important;
background-color: #ccc;
}
.business_item ul li h3 {
margin-bottom: 5px;
......
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!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>
<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">
<link rel="stylesheet" type="text/css" href="../staticCss/layuiDialog.css">
</head>
<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" />
<link
rel="stylesheet"
type="text/css"
href="../staticCss/layuiDialog.css"
/>
</head>
<body>
<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 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 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="activeing"></p>
<h5 class="activeingtext">
预约时间
</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="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>
<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>
<li>
<p class="active"></p>
<h5>选择区域</h5>
</li>
<div class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></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>
<li>
<p class="activeing"></p>
<h5 class="activeingtext">预约时间</h5>
</li>
<div class="layui-progress">
<div class="layui-progress-bar" lay-percent="50%"></div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<!-- <a href="./yyxz.html" title="上一步">
<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> -->
<a href="./xzqy.html" title="上一步">
上一步
</a>
</button>
</div>
<a href="./xzqy.html" title="上一步"> 上一步 </a>
</button>
</div>
</div>
</div>
</body>
</body>
</html>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
......@@ -108,41 +99,78 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
<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.jyjh}}</li>
</ul>
{{# } }}
{{# if(!item.isSelect){ }}
<ul class="swiper-slide layui-bg-gray">
<li>{{item.week}}</li>
<li>{{item.jyjh}}</li>
</ul>
{{# } }}
{{# }); }}
{{# layui.each(d.dateList, function(index, item){ }} {{# if(item.isSelect){ }}
<ul class="swiper-slide layui-bg-gray active1">
<li>{{item.week}}</li>
<li>{{item.jyjh}}</li>
</ul>
{{# } }}
{{# if(!item.isSelect){ }}
<ul class="swiper-slide layui-bg-gray">
<li>{{item.week}}</li>
<li>{{item.jyjh}}</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){ }}
<li class="item_appoint" data-id='{{item1.periodRulesId}}'>
<h3>
{{item1.shortName}}
</h3>
<p style="color:#5FB878">({{item1.residueNumber}})</p>
</li>
{{# }) }}
</ul>
{{# 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>
{{# }); }}
</script>
\ No newline at end of file
<ul>
{{# layui.each(item.orgBusinessList, function(index1, item1){ }}
{{# if(!item.choosePeriodRulesId && item1.residueNumber==0){ }}
<li class="isAppoint" data-id="{{item1.periodRulesId}}">
<h3>{{item1.shortName}}</h3>
<p style="color:#5FB878">({{item1.residueNumber}})</p>
</li>
{{# } }}
{{# if(!item.choosePeriodRulesId && item1.residueNumber!=0){ }}
<li class="item_appoint" data-id="{{item1.periodRulesId}}">
<h3>{{item1.shortName}}</h3>
<p style="color:#5FB878">({{item1.residueNumber}})</p>
</li>
{{# } }}
<!-- 表示预约的是该时间段 且是最后一个号 -->
{{# if(item.choosePeriodRulesId && item1.periodRulesId ==item.choosePeriodRulesId && item1.residueNumber==0){ }}
<li class="isAppoint" data-id="{{item1.periodRulesId}}">
<h3>{{item1.shortName}}</h3>
<input type="button" value='取消预约'>
<input type="button" value='查看详情'>
<p style="color:#5FB878">({{item1.residueNumber}})</p>
</li>
{{# } }}
<!-- 表示预约的是该时间段,且该时间段的号不为0 -->
{{# if(item.choosePeriodRulesId && item1.periodRulesId ==item.choosePeriodRulesId && item1.residueNumber!=0){ }}
<li class="isAppoint" data-id="{{item1.periodRulesId}}">
<h3>{{item1.shortName}}</h3>
<input type="button" value='取消预约'>
<input type="button" value='查看详情'>
<p style="color:#5FB878">({{item1.residueNumber}})</p>
</li>
{{# } }}
<!-- 表示预约的不是该时间段且剩余号为0 -->
{{# if(item.choosePeriodRulesId && item1.periodRulesId !=item.choosePeriodRulesId && item1.residueNumber==0){ }}
<li class="isAppoint" data-id="{{item1.periodRulesId}}">
<h3>{{item1.shortName}}</h3>
<p style="color:#5FB878">({{item1.residueNumber}})</p>
</li>
{{# } }}
<!-- 表示预约的不是该时间段且剩余数不为0-->
{{# if(item.choosePeriodRulesId && item1.periodRulesId !=item.choosePeriodRulesId && item1.residueNumbe!=0){ }}
<li class="isAppoint" data-id="{{item1.periodRulesId}}">
<h3>{{item1.shortName}}</h3>
<p style="color:#5FB878">({{item1.residueNumber}})</p>
</li>
{{# } }}
{{# }) }}
</ul>
</div>
{{# }); }}
</script>
......