Startsida Utforska Hjälp
Registrera dig Logga in
zdm
/
sr-publicServicePlatform
Bevaka 1
Stjärnmärk 0
Fork 0
Filer
Bläddra i källkod

转移目录

linehang 7 år sedan
förälder
0869558bcb
incheckning
58ce650c27
14 ändrade filer med 721 tillägg och 172 borttagningar
Delad Vy Visa Diff Statistik
  1. 83 0
      component/appointment/dept-source.js
  2. 224 0
      component/appointment/doctor-list.js
  3. 57 0
      component/appointment/hospital-source.js
  4. BIN
      images/youqianhuan_btn.png
  5. BIN
      images/youqianhuan_pre.png
  6. BIN
      images/zuoqianhuan_btn.png
  7. BIN
      images/zuoqianhuan_pre.png
  8. 3 0
      page/home/css/home.css
  9. 203 0
      page/appointment/css/select-hospital.css
  10. 58 0
      page/appointment/html/home.html
  11. 62 0
      page/appointment/html/select-hospital.html
  12. 1 0
      page/home/js/home.js
  13. 30 0
      page/appointment/js/select-hospital.js
  14. 0 172
      page/home/html/home.html

+ 83 - 0
component/appointment/dept-source.js
Visa fil 

@ -0,0 +1,83 @@
 
(function(){
 
    Vue.component('dept-source', {
 
        template: `<div class="select-hospital">
 
					<ul class="select-condition-list">
 
						<li class="select-condition-list-item">
 
							<div class="condition-name">医院</div>
 
							<div class="condition-list">
 
								<span>厦门市中医院</span>
 
								<span class="active">厦门大学附属中山医院</span>
 
								<span>厦门市第一医院</span>
 
								<span>厦门市妇幼保健院</span>
 
								<span>厦门市眼科医院</span>
 
							</div>
 
							<div class="more-list">更多</div>
 
						</li>
 
						<li class="select-condition-list-item">
 
							<div class="condition-name">就诊科室</div>
 
							<div class="condition-list">
 
								<span>全科</span>
 
								<span>儿科</span>
 
								<span>呼吸内科</span>
 
								<span>呼吸外科</span>
 
								<span>普通外科</span>
 
								<span>普通内科</span>
 
								<span>脑瘤科</span>
 
								<span>肾外科</span>
 
								<span>肾外科1</span>
 
								<span>肾外科2</span>
 
								<span>肾外科3</span>
 
							</div>
 
							<div class="more-list">更多</div>
 
						</li>
 
						<li class="select-condition-list-item">
 
							<div class="condition-name">子科室</div>
 
							<div class="condition-list">
 
								<span>全科</span>
 
								<span>儿科</span>
 
								<span>呼吸内科</span>
 
								<span>呼吸外科</span>
 
								<span>普通外科</span>
 
								<span>普通内科</span>
 
								<span>脑瘤科</span>
 
								<span>肾外科</span>
 
								<span>肾外科1</span>
 
								<span>肾外科2</span>
 
								<span>肾外科3</span>
 
							</div>
 
							<div class="more-list">更多</div>
 
						</li>
 
						<li class="select-condition-list-item">
 
							<div class="condition-name">就诊日期</div>
 
							<div class="condition-list">
 
								<span>全部</span>
 
								<span>周三(3月21日)</span>
 
								<span>周三(3月21日)</span>
 
								<span>周三(3月21日)</span>
 
								<span>周三(3月21日)</span>
 
							</div>
 
							<div class="more-list">更多</div>
 
						</li>
 
						<li class="select-condition-list-item">
 
							<div class="condition-name">医生类型</div>
 
							<div class="condition-list">
 
								<span>全部</span>
 
								<span>主任医师</span>
 
								<span>其他</span>
 
							</div>
 
							<div class="more-list">更多</div>
 
						</li>
 
					</ul>
 
				</div>`,
 
        props: [],
 
        data: function(){
 
            return {
 
               
            }
 
        },
 
        mounted: function(){
 
           
        }
 
    });
 
    
})()

+ 224 - 0
component/appointment/doctor-list.js
Visa fil 

@ -0,0 +1,224 @@
 
(function(){
 
    Vue.component('doctor-list', {
 
        template: `<div class="ui-col-1 ml15 bgc-fff c-border p20">
 
						<div class="c-f16 c-323232 mb20">医生列表</div>
 
						<div class="ui-grid c-border p10 pb0 mt10">
 
							<div class="ui-col-0 mr10">
 
								<img src="../../../images/d-male.png" width="70" height="70" class="c-images-cycle">
 
							</div>
 
							<div class="ui-col-1 div-doctor-info">
 
								<p>
 
									<span class="c-f16 c-323232 c-bold mr10">张三</span>
 
									<span class="c-f14 c-323232 mr10">主治医师</span>
 
									<span class="c-f14 c-909090">骨科</span>
 
								</p>
 
								<p class="c-f14 c-909090">上饶市第一医院</p>
 
								<p class="c-f14 text-ellipsis">
 
									<span class="c-909090">擅长：</span>
 
									<span class="c-909090">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
 
								</p>
 
							</div>
 
							<div class="ui-col-1 div-doctor-section">
 
								<div class="div-left-btn"></div>
 
								<ul class="doctor-ul">
 
									<li>
 
										<div class="div-doctor-item border-0ad8c8 c-0ad8c8">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-0ad8c8">预约</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-d1d1d1 c-d1d1d1">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-d1d1d1">已满</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-f0a65f c-f0a65f">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">排班</div>
 
											<div class="div-doctor-type bgc-f0a65f">放号提醒</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-ff8787 c-ff8787">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-ff8787">停诊</div>
 
										</div>
 
									</li>
 
								</ul>
 
								<div class="div-right-active-btn"></div>
 
							</div>
 
						</div>
 
						
						<div class="ui-grid c-border p10 pb0 mt10">
 
							<div class="ui-col-0 mr10">
 
								<img src="../../../images/d-male.png" width="70" height="70" class="c-images-cycle">
 
							</div>
 
							<div class="ui-col-1 div-doctor-info">
 
								<p>
 
									<span class="c-f16 c-323232 c-bold mr10">张三</span>
 
									<span class="c-f14 c-323232 mr10">主治医师</span>
 
									<span class="c-f14 c-909090">骨科</span>
 
								</p>
 
								<p class="c-f14 c-909090">上饶市第一医院</p>
 
								<p class="c-f14 text-ellipsis">
 
									<span class="c-909090">擅长：</span>
 
									<span class="c-909090">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
 
								</p>
 
							</div>
 
							<div class="ui-col-1 div-doctor-section">
 
								<div class="div-left-btn"></div>
 
								<ul class="doctor-ul">
 
									<li>
 
										<div class="div-doctor-item border-0ad8c8 c-0ad8c8">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-0ad8c8">预约</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-d1d1d1 c-d1d1d1">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-d1d1d1">已满</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-f0a65f c-f0a65f">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">排班</div>
 
											<div class="div-doctor-type bgc-f0a65f">放号提醒</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-ff8787 c-ff8787">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-ff8787">停诊</div>
 
										</div>
 
									</li>
 
								</ul>
 
								<div class="div-right-active-btn"></div>
 
							</div>
 
						</div>
 
						
						<div class="ui-grid c-border p10 pb0 mt10">
 
							<div class="ui-col-0 mr10">
 
								<img src="../../../images/d-male.png" width="70" height="70" class="c-images-cycle">
 
							</div>
 
							<div class="ui-col-1 div-doctor-info">
 
								<p>
 
									<span class="c-f16 c-323232 c-bold mr10">张三</span>
 
									<span class="c-f14 c-323232 mr10">主治医师</span>
 
									<span class="c-f14 c-909090">骨科</span>
 
								</p>
 
								<p class="c-f14 c-909090">上饶市第一医院</p>
 
								<p class="c-f14 text-ellipsis">
 
									<span class="c-909090">擅长：</span>
 
									<span class="c-909090">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
 
								</p>
 
							</div>
 
							<div class="ui-col-1 div-doctor-section">
 
								<div class="div-left-btn"></div>
 
								<ul class="doctor-ul">
 
									<li>
 
										<div class="div-doctor-item border-0ad8c8 c-0ad8c8">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-0ad8c8">预约</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-d1d1d1 c-d1d1d1">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-d1d1d1">已满</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-f0a65f c-f0a65f">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">排班</div>
 
											<div class="div-doctor-type bgc-f0a65f">放号提醒</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-ff8787 c-ff8787">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-ff8787">停诊</div>
 
										</div>
 
									</li>
 
								</ul>
 
								<div class="div-right-active-btn"></div>
 
							</div>
 
						</div>
 
						
						<div class="ui-grid c-border p10 pb0 mt10">
 
							<div class="ui-col-0 mr10">
 
								<img src="../../../images/d-male.png" width="70" height="70" class="c-images-cycle">
 
							</div>
 
							<div class="ui-col-1 div-doctor-info">
 
								<p>
 
									<span class="c-f16 c-323232 c-bold mr10">张三</span>
 
									<span class="c-f14 c-323232 mr10">主治医师</span>
 
									<span class="c-f14 c-909090">骨科</span>
 
								</p>
 
								<p class="c-f14 c-909090">上饶市第一医院</p>
 
								<p class="c-f14 text-ellipsis">
 
									<span class="c-909090">擅长：</span>
 
									<span class="c-909090">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
 
								</p>
 
							</div>
 
							<div class="ui-col-1 div-doctor-section">
 
								<div class="div-left-btn"></div>
 
								<ul class="doctor-ul">
 
									<li>
 
										<div class="div-doctor-item border-0ad8c8 c-0ad8c8">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-0ad8c8">预约</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-d1d1d1 c-d1d1d1">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-d1d1d1">已满</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-f0a65f c-f0a65f">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">排班</div>
 
											<div class="div-doctor-type bgc-f0a65f">放号提醒</div>
 
										</div>
 
									</li>
 
									<li>
 
										<div class="div-doctor-item border-ff8787 c-ff8787">
 
											<div class="mt5">03/22</div>
 
											<div class="mt5">下午</div>
 
											<div class="div-doctor-type bgc-ff8787">停诊</div>
 
										</div>
 
									</li>
 
								</ul>
 
								<div class="div-right-active-btn"></div>
 
							</div>
 
						</div>
 
					</div>`,
 
        props: [],
 
        data: function(){
 
            return {
 
               
            }
 
        },
 
        mounted: function(){
 
           
        }
 
    });
 
    
})()

+ 57 - 0
component/appointment/hospital-source.js
Visa fil 

@ -0,0 +1,57 @@
 
(function(){
 
    Vue.component('hospital-source', {
 
        template: `<div>
 
       				 <div class="ml20 mt16 c-f20 c-323232">按医院</div>
 
					 <div class="c-50 fl pr15 mt10">
 
							<div class="ui-col-1 h160 c-border">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
						</div>
 
						<div class="c-50 fl pr15 mt10">
 
							<div class="ui-col-1 h160 c-border">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
						</div>
 
       		 </div>`,
 
        props: [],
 
        data: function(){
 
            return {
 
               
            }
 
        },
 
        mounted: function(){
 
           
        }
 
    });
 
    
})()

BIN
images/youqianhuan_btn.png
Visa fil


BIN
images/youqianhuan_pre.png
Visa fil


BIN
images/zuoqianhuan_btn.png
Visa fil


BIN
images/zuoqianhuan_pre.png
Visa fil


+ 3 - 0
page/home/css/home.css
Visa fil 

@ -29,3 +29,6 @@
 
.mt14{
 
	margin-top: 14px;
 
}
 
.div-hostipal-content{
 
	max-height: 654px;overflow: auto;
 
}

+ 203 - 0
page/appointment/css/select-hospital.css
Visa fil 

@ -0,0 +1,203 @@
 
* {
 
	margin: 0;
 
	padding: 0;
 
	box-sizing: border-box;
 
}
 
.select-condition-list {
 
	padding-left: 25px;
 
	padding-right: 10px;
 
}
 
.select-condition-list-item {
 
	position: relative;
 
	max-height: 60px;
 
	transition: all .5s ease-in-out;
 
	display: flex;
 
	justify-content: center;
 
	overflow: hidden;
 
	line-height: 60px;
 
	font-size: 16px;
 
	color: #323232;
 
	border-bottom: 1px dashed #ececec;
 
	padding-right: 75px;
 
}
 
.select-condition-list-item:first-child {
 
	line-height: 70px;
 
	max-height: 70px;
 
	margin-left: -25px;
 
	margin-right: -10px;
 
	border-bottom: 1px solid #ececec;
 
	padding-left: 25px;
 
	padding-right: 85px;
 
}
 
.select-condition-list-item.select-condition-list-item-active {
 
	max-height: 420px;
 
}
 
.condition-name {
 
	width: 65px;
 
	white-space: nowrap;
 
	color: #909090;
 
}
 
.select-condition-list-item:first-child .condition-name {
 
	color: #323232;
 
}
 
.condition-list {
 
	flex: 1;
 
	-webkit-flex: 1;
 
}
 
.condition-list.active {
 
	max-height: 999px;
 
}
 
.condition-list span {
 
	white-space: nowrap;
 
	margin-left: 42px;
 
	font-size: 14px;
 
	line-height: 30px;
 
	display: inline-block;
 
	padding: 0 5px;
 
}
 
.condition-list span.active {
 
	background: #ecfffe;
 
	border: 1px dashed #0ad8c8;
 
}
 
.more-list {
 
	position: absolute;
 
	right: -10px;
 
	top: 0;
 
	background: #fff;
 
	color: #909090;
 
	z-index: 2;
 
	width: 85px;
 
	text-align: center;
 
}
 
.select-condition-list-item:first-child .more-list {
 
	right: 0;
 
}
 
.text-ellipsis {
 
	width: 240px;
 
	overflow: hidden;
 
	text-overflow: ellipsis;
 
	white-space: nowrap;
 
}
 
.doctor-ul {
 
	padding-left: 10px;
 
}
 
.doctor-ul li {
 
	width: 84px;
 
	display: inline-block;
 
	list-style-type: none;
 
	margin-right: 10px;
 
}
 
.div-doctor-info {
 
	width: 240px !important;
 
}
 
.ml276 {
 
	margin-left: 276px;
 
}
 
.l276 {
 
	left: -276px;
 
}
 
.div-doctor-section {
 
	display: -webkit-box;
 
	padding-left: 0;
 
}
 
.div-left-btn {
 
	width: 24px;
 
	height: 68px;
 
	background: url(../../../images/zuoqianhuan_btn.png);
 
	margin-top: 5px;
 
}
 
.div-right-active-btn {
 
	width: 24px;
 
	height: 68px;
 
	background: url(../../../images/youqianhuan_pre.png);
 
}
 
.border-0ad8c8 {
 
	border: 1px solid #0ad8c8;
 
}
 
.border-d1d1d1 {
 
	border: 1px solid #d1d1d1;
 
}
 
.border-f0a65f {
 
	border: 1px solid #f0a65f;
 
}
 
.border-ff8787 {
 
	border: 1px solid #ff8787;
 
}
 
.bgc-0ad8c8 {
 
	background: #0AD8C8;
 
}
 
.bgc-d1d1d1 {
 
	background: #d1d1d1;
 
}
 
.bgc-f0a65f {
 
	background: #f0a65f;
 
}
 
.bgc-ff8787 {
 
	background: #ff8787;
 
}
 
.c-0ad8c8 {
 
	color: #0AD8C8;
 
}
 
.c-d1d1d1 {
 
	color: #d1d1d1;
 
}
 
.c-f0a65f {
 
	color: #f0a65f;
 
}
 
.c-ff8787 {
 
	color: #ff8787;
 
}
 
.mt5 {
 
	margin-top: 5px;
 
}
 
.div-doctor-item {
 
	width: 84px;
 
	height: 72px;
 
	border-radius: 10px;
 
	font-size: 13px;
 
	text-align: center;
 
}
 
.div-doctor-type {
 
	text-align: center;
 
	height: 26px;
 
	line-height: 26px;
 
	color: #fff;
 
	border-bottom-left-radius: 10px;
 
	border-bottom-right-radius: 10px;
 
}

+ 58 - 0
page/appointment/html/home.html
Visa fil 

@ -0,0 +1,58 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title>预约挂号</title>
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
		<meta name="renderer" content="webkit">
 
		<meta http-equiv="Cache-Control" content="no-siteapp" />
 
		<meta name="keywords" content="预约挂号">
 
		<meta name="description" content="预约挂号">
 
		<link rel="shortcut icon" href="../../../favicon.ico">
 
		<link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/common.css" />
 
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
 
	</head>
 
	<body class="bgc-f5f9f9">
 
		<div id="main">
 
			<page-header></page-header>
 
			<div class="container mt20">
 
				<div class="ui-grid">
 
					<div class="ui-col-0">
 
						<appointment-step></appointment-step>
 
					</div>
 
					<div class="ui-col-1 ml15 bgc-fff c-border div-hostipal-content">
 
						<hospital-source></hospital-source>
 
					</div>
 
				</div>
 
				<div id="page" class="page_div"></div>
 
				<page-footer></page-footer>
 
			</div>
 
			<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
 
			<script src="../../../js/jquery-2.2.4.js"></script>
 
			<script src="../../../js/bootstrap.min.js"></script>
 
			<script src="../../../js/validate/jquery.validate.min.js"></script>
 
			<script src="../../../js/validate/messages_zh.min.js"></script>
 
			<script src="../../../js/security.js"></script>
 
			<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
 
			<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
 
			<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
 
			<!--<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
 
			<script src="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
 
			<script src="../../../js/paging.js"></script>
 
			<script src="../../../component/common/event-bus.js" type="text/javascript" charset="utf-8"></script>
 
			<script src="../../../component/common/header.js" type="text/javascript" charset="utf-8"></script>
 
			<script src="../../../component/common/footer.js" type="text/javascript" charset="utf-8"></script>
 
			<script src="../../../component/common/appointment-step.js" type="text/javascript" charset="utf-8"></script>
 
			<script src="../../../component/appointment/hospital-source.js" type="text/javascript" charset="utf-8"></script>
 
			<script src="../js/home.js"></script>
 
	</body>
 
</html>

+ 62 - 0
page/appointment/html/select-hospital.html
Visa fil 

@ -0,0 +1,62 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title>选择医院</title>
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
		<meta name="renderer" content="webkit">
 
		<meta http-equiv="Cache-Control" content="no-siteapp" />
 
		<meta name="keywords" content="选择医院">
 
		<meta name="description" content="选择医院">
 
		<link rel="shortcut icon" href="../../../favicon.ico">
 
		<link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/common.css" />
 
		<link rel="stylesheet" type="text/css" href="../css/select-hospital.css" />
 
	</head>
 
	<body class="bgc-f5f9f9">
 
		<div id="main">
 
			<page-header></page-header>
 
			<div class="container mt20">
 
				<div class="ui-grid c-position-r ml276">
 
					<div class="c-position-a l276">
 
						<appointment-step></appointment-step>
 
					</div>
 
					<div class="ui-col-1 ml15 bgc-fff c-border">
 
						<dept-source></dept-source>
 
					</div>
 
				</div>
 
				<div class="ui-grid mt10 ml276" style="height: 530px;overflow: auto;">
 
					<doctor-list></doctor-list>
 
				</div>
 
				<div id="page" class="page_div fr"></div>
 
			</div>
 
			<page-footer></page-footer>
 
		</div>
 
		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/jquery-2.2.4.js"></script>
 
		<script src="../../../js/bootstrap.min.js"></script>
 
		<script src="../../../js/validate/jquery.validate.min.js"></script>
 
		<script src="../../../js/validate/messages_zh.min.js"></script>
 
		<script src="../../../js/security.js"></script>
 
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
 
		<!--<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
 
		<script src="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/paging.js"></script>
 
		<script src="../../../component/common/event-bus.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../component/common/header.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../component/common/footer.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../component/common/appointment-step.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../component/appointment/dept-source.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../component/appointment/doctor-list.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../js/select-hospital.js"></script>
 
	</body>
 
</html>

+ 1 - 0
page/home/js/home.js
Visa fil 

@ -11,6 +11,7 @@ new Vue({
 
			totalSize: 20,
 
			callback: function(num) {
 
				//回调的页数
 
				alert("查询第"+num+"页");
 
			}
 
		})

+ 30 - 0
page/appointment/js/select-hospital.js
Visa fil 

@ -0,0 +1,30 @@
 
new Vue({
 
    el: "#main",
 
    data: {
 
        
    },
 
    mounted:function(){
 
    	//分页初始化
 
		$("#page").paging({
 
			pageNo: 1,
 
			totalPage: 50,
 
			totalSize: 20,
 
			callback: function(num) {
 
				//回调的页数
 
				alert("查询第"+num+"页");
 
			}
 
		})
 
		
		EventBus.$emit("jump-step",{step:3});//step:跳转的步数
 
		
		$(".more-list").click(function(){
 
			var parent=$(this).parents(".select-condition-list-item");
 
			parent.toggleClass('select-condition-list-item-active');
 
			if(parent.hasClass("select-condition-list-item-active")){
 
				$(this).text("收起")
 
			}else{
 
				$(this).text("更多")
 
			}
 
		})
 
    }
 
})

+ 0 - 172
page/home/html/home.html
Visa fil 

@ -1,172 +0,0 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title>首页</title>
 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
		<meta name="renderer" content="webkit">
 
		<meta http-equiv="Cache-Control" content="no-siteapp" />
 
		<meta name="keywords" content="首页">
 
		<meta name="description" content="首页">
 
		<link rel="shortcut icon" href="../../../favicon.ico">
 
		<link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/common.css" />
 
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
 
	</head>
 
	<body class="bgc-f5f9f9">
 
		<div id="main">
 
			<page-header></page-header>
 
			<div class="container mt20">
 
				<div class="ui-grid">
 
					<div class="ui-col-0">
 
						<appointment-step></appointment-step>
 
					</div>
 
					<div class="ui-col-1 ml15 bgc-fff c-border">
 
						<div class="ml20 mt16 c-f20 c-323232">按医院</div>
 
						<div class="ui-grid m20">
 
							<div class="ui-col-1 h160 c-border">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
							<div class="ui-col-1 h160 c-border ml14">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
						</div>
 
						<div class="ui-grid m20">
 
							<div class="ui-col-1 h160 c-border">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
							<div class="ui-col-1 h160 c-border ml14">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
						</div>
 
						<div class="ui-grid m20">
 
							<div class="ui-col-1 h160 c-border">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
							<div class="ui-col-1 h160 c-border ml14">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
						</div>
 
						<div id="page" class="page_div"></div>
 
					</div>
 
				</div>
 
			</div>
 
			<page-footer></page-footer>
 
		</div>
 
		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/jquery-2.2.4.js"></script>
 
		<script src="../../../js/bootstrap.min.js"></script>
 
		<script src="../../../js/validate/jquery.validate.min.js"></script>
 
		<script src="../../../js/validate/messages_zh.min.js"></script>
 
		<script src="../../../js/security.js"></script>
 
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
 
		<!--<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
 
		<script src="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/paging.js"></script>
 
		<script src="../../../component/common/event-bus.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../component/common/header.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../component/common/footer.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../component/common/appointment-step.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../js/home.js"></script>
 
	</body>
 
</html>