Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
任超
/
js.portalStaticPage
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
2e86acd6
authored
2020-12-16 08:58:52 +0800
by
焦小希
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
在线预约数据渲染
1 parent
e9f6566e
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
152 additions
and
123 deletions
staticCss/yysj.css
staticViews/yysj.html
staticCss/yysj.css
View file @
2e86acd
...
...
@@ -382,6 +382,7 @@
} */
.isAppoint
{
cursor
:
not-allowed
!important
;
background-color
:
#ccc
;
}
.business_item
ul
li
h3
{
margin-bottom
:
5px
;
...
...
staticViews/yysj.html
View file @
2e86acd
<!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>
...
...
Please
register
or
sign in
to post a comment