对接预约挂号医院和科室列表

component/appointment/dept-source.js

@@ -1,83 +1,153 @@
(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(){
           
        }
    });
    
})()
(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\': hos.hospitalId==currentHospitalId}" v-for="hos in hospitalData" v-bind:data-id="hos.hospitalId">{{hos.hosName}}</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  v-for="dept in deptData" v-bind:data-id="dept.hosDeptId">{{dept.deptName}}</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 data-val="{{nowDate}}">今天</span>\
								<span v-for="d in planDate" v-bind:data-val="d.date1">{{d.day}}({{d.date}})</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: ["info"],
		data: function() {
			return {
				hospitalData: [],
				deptData: [],
				subDeptData: [],
				planDate: [],
				currentHospitalId:"",
				nowDate:new Date().format("YYYY-MM-dd"),
				pageIndex:1,
				pageSize:10
			}
		},
		mounted: function() {
			var vm = this;
			setTimeout(function(){
				vm.currentHospitalId = JSON.parse(vm.info).hospitalId;
				vm.getHospitalList();
				vm.getDeptList();
				vm.getVisitDate();
				vm.bindEvents();
			},50);
		},
		methods: {
			bindEvents:function(){
				//查看更多
				$(".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("更多")
					}
				})
			},
			//获取医院列表
			getHospitalList: function() {
				var vm = this;
				var params = {
					pageIndex: 1,
					pageSize: 99,
					provinceCode: 360000,
					cityCode: 361100
				}
				appointmentAPI.querySimpleHospitalList(params).then(function(res) {
					if(res.successFlg && res.obj.Code == "10000") {
						vm.hospitalData = res.obj.Result;
					}
				})
			},
			//获取科室列表
			getDeptList: function() {
				var vm = this;
				var params = {
					pageIndex: 1,
					pageSize: 99,
					hospitalId: vm.currentHospitalId
				}
				appointmentAPI.querySimpleHosDeptList(params).then(function(res) {
					if(res.successFlg && res.obj.Code == "10000") {
						vm.deptData = res.obj.Result;
					}
				})
			},
			//默认只有7天的号源
			getVisitDate: function() {
				var vm = this;
				var now = new Date(),d = new Date();
				for(i = 1; i < 8; i++) {
					var nDate = now.getDate();
					d.setDate(nDate + i);
					var obj = {
						date: d.format("MM月dd日"),
						date1: d.format("YYYY-MM-dd"),
						day: this.getWeekDay(d.getDay())
					}
					this.planDate.push(obj);
				}
			},
			getWeekDay: function(val) {
				switch(val) {
					case 0:
						return "周日";
						break;
					case 1:
						return "周一";
						break;
					case 2:
						return "周二";
						break;
					case 3:
						return "周三";
						break;
					case 4:
						return "周四";
						break;
					case 5:
						return "周五";
						break;
					case 6:
						return "周六";
						break;
				}
			}
		}
	});
	function getDeptList(vm) {
	}
})()

component/appointment/doctor-list.js

@@ -1,224 +1,149 @@
(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(){
           
        }
    });
    
})()
(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" v-for="(doc, index) in doctorList">\
							<div class="ui-col-0 mr10">\
								<img v-bind:src="doc.photoUri" 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">{{doc.doctorName}}</span>\
									<span class="c-f14 c-323232 mr10">{{doc.lczcName}}</span>\
									<span class="c-f14 c-909090">{{doc.standardDeptName}}</span>\
								</p>\
								<p class="c-f14 c-909090">{{currentHosName}}</p>\
								<p class="c-f14 text-ellipsis">\
									<span class="c-909090">擅长：</span>\
									<span class="c-909090" v-bind:title="doc.skill">{{doc.skill}}</span>\
								</p>\
							</div>\
							<div class="ui-col-1 div-doctor-section" v-for="(arrange, aindex) in arrangeList" v-if="index==aindex">\
								<div class="div-left-btn c-hide" @click="preClick"></div>\
								<ul class="doctor-ul">\
									<li v-for="(arrg, arrIndex) in arrange">\
										<div class="div-doctor-item" :class="getColorClass(arrg.numberStatus,arrg.arrangeStatus)">\
											<div class="mt5">{{arrg.registerDate}}</div>\
											<div class="mt5">{{arrg.timeName}}</div>\
											<div class="div-doctor-type bgc-0ad8c8" v-if="arrg.numberStatus==1">预约</div>\
											<div class="div-doctor-type bgc-d1d1d1" v-if="arrg.numberStatus==2">已满</div>\
											<div class="div-doctor-type bgc-f0a65f" v-if="arrg.arrangeStatus==2">放号提醒</div>\
											<div class="div-doctor-type bgc-ff8787" v-if="arrg.arrangeStatus==4">停诊</div>\
										</div>\
									</li>\
								</ul>\
								<div class="div-right-active-btn" @click="nextClick" v-if="arrangeList[aindex].length>4"></div>\
							</div>\
						</div>\
						<div id="page" class="page_div fr"></div>\
					</div>',
		props: ["info"],
		data: function() {
			return {
				isInit: true,
				currentHospitalId: "",
				currentHosName: "",
				pageIndex: 1,
				pageSize: 10,
				totalPage: 0,
				hosDeptId: "",
				doctorList: [],
				arrangeList:[]
			}
		},
		mounted: function() {
			var vm = this;
			setTimeout(function() {
				vm.currentHospitalId = JSON.parse(vm.info).hospitalId;
				vm.currentHosName = JSON.parse(vm.info).hosName;
				vm.getDoctorList();
			}, 50);
		},
		methods: {
			getColorClass:function(numberStatus,arrangeStatus){
				var classZ="";
				if(numberStatus==1){
					classZ = "border-0ad8c8 c-0ad8c8";
				}else if(numberStatus==2){
					classZ = "border-d1d1d1 c-d1d1d1";
				}else if(arrangeStatus==2){
					classZ = "border-ff8787 c-ff8787";
				}else if(arrangeStatus==4){
					classZ = "border-f0a65f c-f0a65f";
				}
				return classZ;
			},
			//获取医生列表
			getDoctorList: function() {
				var vm = this;
				var params = {
					pageIndex: vm.pageIndex,
					pageSize: vm.pageSize,
					hospitalId: vm.currentHospitalId,
					hosDeptId: vm.hosDeptId
				}
				appointmentAPI.querySimpleDoctorList(params).then(function(res) {
					if(res.successFlg && res.obj.Code == "10000") {
						vm.doctorList = res.obj.Result;
						//获取医生排班数据
						vm.getArrangeWater(vm.doctorList);
						if(vm.isInit) {
							vm.totalPage = Math.ceil(res.obj.Total / vm.pageSize);
							//分页初始化
							$("#page").paging({
								pageNo: 1,
								totalPage: vm.totalPage,
								totalSize: res.obj.Total,
								callback: function(num) {
									vm.pageIndex = num; //回调的页数
									getDoctorList(vm);
								}
							})
							vm.isInit = false;
						}
					}
				})
			},
			//获取医生排班数据
			getArrangeWater: function(doctorData) {
				var vm = this,
					reqPromise = [];
				_.map(doctorData, function(data) {
					var params = {
						pageIndex: vm.pageIndex,
						pageSize: vm.pageSize,
						hospitalId: vm.currentHospitalId,
						hosDeptId: vm.hosDeptId,
						doctorSn: data.doctorSn, //医生编号
						registerDate: "" //就诊日期
					}
					reqPromise.push(appointmentAPI.queryGhtArrangeWater(params));
				})
				
				Promise.all(reqPromise).then(function(datas) {
					_.map(datas, function(data) {
						if(data.successFlg && data.obj.Code == "10000") {
							vm.arrangeList.push(data.obj.Result);
						}
					})
					
					vm.arrangeList = _.map(vm.arrangeList, function(data) {
						_.map(data, function(item) {
							item.registerDate = item.registerDate.substring(5,10).replace("-","/");
							item.timeName = item.timeId==1?"上午":item.timeId==2?"下午":"晚上";
						})	
						return data;
					})
					 $(".doctor-ul li:lt(4)").hide()
				});
			},
			preClick:function(){
				
			},
			nextClick:function(){
				$(event.target).prev().find("li:lt(4)").hide();
			}
		}
	});
})()

component/appointment/hospital-source.js

@@ -1,42 +1,22 @@
(function(){
    Vue.component('hospital-source', {
        template: '<div class="plr20 ptb15 clearfix">\
(function() {
	Vue.component('hospital-source', {
		template: '<div class="plr20 ptb15 clearfix">\
                      <div class="clearfix">\
       				    <div class="c-f20 c-323232">按医院</div>\
					    <div class="c-50 fl pr15 mt10">\
					    <div :class="{\'pr15\': (index%2==0)}" class="c-50 fl mt10" v-for="(data, index) in hospitalData" @click="hostipalClick(data)">\
							<div class="ui-grid h160 c-border ptb15 plr15">\
								<div class="ui-col-0 hospital-photo-box mr20">\
							        <img src="../../../images/BG.jpg">\
							        <img v-bind:src="data.photoUri">\
								</div>\
								<div class="ui-col-1">\
									<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>\
									<div class="c-f16 c-323232">{{data.hosName}}<span class="ml10 c-f14 c-ef6b00">[{{data.levelName}}]</span></div>\
									<div class="mt16 c-f14">\
										<span class="c-0AD9C9">382</span>\
										<span class="c-0AD9C9">{{data.doctorNum}}</span>\
										<span class="c-909090">个推荐医生</span>\
									</div>\
									<div class="mt20">\
										<img src="../../../images/icon_dizhi.png" width="24" height="24" />\
										<span class="ml5 c-f14 c-909090">厦门市湖里区中山路</span>\
									</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>\
										<span class="ml5 c-f14 c-909090">{{data.address}}</span>\
									</div>\
								</div>\
							</div>\
@@ -44,46 +24,68 @@
				    </div>\
				    <div id="page" class="page_div"></div>\
       		 </div>',
        props: [],
        data: function(){
            return {
               page: 1,
               pagesize: 10,
               totalPage: 0,
               totalSize: 0
            }
        },
        mounted: function(){
            var vm = this;
            //分页初始化
            $("#page").paging({
                pageNo: 1,
                totalPage: vm.totalPage,
                totalSize: vm.totalSize,
                callback: function(num) {
                    vm.page = num;
                    //回调的页数
                    alert("查询第"+num+"页");
                    getHospitalList(vm);
                }
            })
            
            getHospitalList(vm);
        }
    });
    
    function getHospitalList(vm){
        var params = {
//          timestamp:new Date().getTime(),
//          appId: "9000401",
            pageIndex: vm.page,
            pageSize: vm.pagesize,
            provinceCode: 360000,
            cityCode: 361100
        }
        appointmentAPI.querySimpleHospitalList(params).then(function(res){
            console.error(JSON.stringify(res))
            
        })
    }
})()
		props: [],
		data: function() {
			return {
				isInit: true,
				hospitalData: [],
				currentPage: 1,
				pageSize: 10,
				totalPage: 0
			}
		},
		mounted: function() {
			var vm = this;
			getHospitalList(vm);
		},
		methods: {
			hostipalClick: function(data) {
				location.href = "../html/select-hospital.html?hospitalId=" + data.hospitalId + "&hosName=" + data.hosName;
			},
			getHospitalList: function() {
				var vm = this;
				var params = {
					pageIndex: vm.currentPage,
					pageSize: vm.pageSize,
					provinceCode: 360000,
					cityCode: 361100
				}
				appointmentAPI.querySimpleHospitalList(params).then(function(res) {
					if(res.successFlg && res.obj.Code == "10000") {
						var hospitalData = res.obj;
						//				vm.hospitalData = hospitalData.Result;
						if(vm.isInit) {
							vm.totalPage = Math.ceil(hospitalData.Total / vm.pageSize);
							//分页初始化
							$("#page").paging({
								pageNo: 1,
								totalPage: vm.totalPage,
								totalSize: hospitalData.Total,
								callback: function(num) {
									vm.currentPage = num; //回调的页数
									getHospitalList(vm);
								}
							})
							vm.isInit = false;
							//查询医生总数
							var doctorParams = {
								pageIndex: vm.currentPage,
								pageSize: vm.pageSize,
								hospitalId: hospitalData.Result[0].hospitalId
							}
							appointmentAPI.querySimpleDoctorList(doctorParams).then(function(doctorRes) {
								if(doctorRes.successFlg && doctorRes.obj.Code == "10000") {
									hospitalData.Result[0].doctorNum = doctorRes.obj.Total;
									vm.hospitalData = hospitalData.Result;
								}
							})
						}
					}
				})
			}
		}
	});
})()

page/appointment/css/select-hospital.css

@@ -94,6 +94,9 @@
.doctor-ul {
	padding-left: 10px;
	height: 72px;
	width:390px;
	overflow: hidden;
}
.doctor-ul li {
@@ -123,14 +126,14 @@
.div-left-btn {
	width: 24px;
	height: 68px;
	background: url(../../../images/zuoqianhuan_btn.png);
	background: url(../../../images/zuoqianhuan_btn.png) no-repeat;
	margin-top: 5px;
}
.div-right-active-btn {
	width: 24px;
	height: 68px;
	background: url(../../../images/youqianhuan_pre.png);
	background: url(../../../images/youqianhuan_pre.png) no-repeat;
}
.border-0ad8c8 {

page/appointment/html/select-hospital.html

@@ -28,13 +28,12 @@
						<appointment-step></appointment-step>
					</div>
					<div class="ui-col-1 ml15 bgc-fff c-border">
						<dept-source></dept-source>
						<dept-source :info="info"></dept-source>
					</div>
				</div>
				<div class="ui-grid mt10 ml276" style="height: 530px;overflow: auto;">
					<doctor-list></doctor-list>
				<div class="ui-grid mt10 ml276">
					<doctor-list :info="info"></doctor-list>
				</div>
				<div id="page" class="page_div fr"></div>
			</div>
			<page-footer></page-footer>
		</div>
@@ -47,7 +46,8 @@
		<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="../../../api/http-request.js"></script>
		<script src="../../../api/patient/appointment-api.js"></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>

page/appointment/js/home.js

@@ -4,18 +4,6 @@ new Vue({
        
    },
    mounted:function(){
        //分页初始化
//          $("#page").paging({
//              pageNo: 1,
//              totalPage: 50,
//              totalSize: 20,
//              callback: function(num) {
//                  vm.page = num;
//                  //回调的页数
//                  alert("查询第"+num+"页");
//                  getHospitalList(vm);
//              }
//          })
		EventBus.$emit("jump-step",{});//step:跳转的步数
    }
})

page/appointment/js/select-hospital.js

@@ -1,30 +1,38 @@
new Vue({
    el: "#main",
    data: {
        
    },
    mounted:function(){
    	//分页初始化
		$("#page").paging({
			pageNo: 1,
			totalPage: 50,
			totalSize: 20,
			callback: function(num) {
				//回调的页数
				alert("查询第"+num+"页");
	el: "#main",
	data: {
		info: ""
	},
	mounted: function() {
		this.info = JSON.stringify({
			hospitalId: this.getRequest("hospitalId"),
			hosName: this.getRequest("hosName")
		});
		this.bindEvents();
	},
	methods: {
		bindEvents: function() {
			EventBus.$emit("jump-step", {
				step: 1
			}); //step: 跳转的步数
		},
		getRequest: function(name) {
			var url = window.location.href; //获取地址栏url
			var pattern = new RegExp("[?&]" + name + "\=([^&]+)", "g");
			var matcher = pattern.exec(url);
			var items = null;
			if(null != matcher) {
				try {
					items = decodeURIComponent(decodeURIComponent(matcher[1]));
				} catch(e) {
					try {
						items = decodeURIComponent(matcher[1]);
					} catch(e) {
						items = matcher[1];
					}
				}
			}
		})
		
		EventBus.$emit("jump-step",{step:2});//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("更多")
			}
		})
    }
			return items;
		}
	}
})