linehang 7 år sedan
förälder
incheckning
a1ae2c2ae0

+ 4 - 1
component/appointment/hospital-source.js

@ -50,7 +50,10 @@
            }
        },
        mounted: function(){
           
//          appointmentAPI.querySimpleHospitalList({timestamp:new Date().getTime(),appId:"9000401",pageIndex:1,pageSize:20,provinceCode:360000,cityCode:361100}).then(function(res){
//			  	console.error(JSON.stringify(res))
//			  	
//			  })
        }
    });
    

+ 4 - 2
page/appointment/html/home.html

@ -35,6 +35,7 @@
				<div id="page" class="page_div"></div>
				<page-footer></page-footer>
			</div>
		</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>
@ -44,15 +45,16 @@
			<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="../../../api/http-request.js"></script>
			<script src="../../../api/patient/appointment-api.jss"></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>
			<script src="../js/home.js"></script> 
	</body>
</html>

+ 57 - 2
page/appointment/html/success-info.html

@ -16,6 +16,32 @@
        <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/appointment.css"/>
        <style>
        	.h50{
        		height: 50px;
        	}
        	.h684{
        		height: 684px;
        	}
        	.btn-primary{
        		border-color: #0AD8C8;
        	}
        	.div-btn{
        		height: 50px;line-height: 50px;width: 130px;text-align: center;
        	}
        	.ml67{
        		margin-left: 67px;
        	}
        	.mr16{
        		margin-right: 16px;
        	}
        	.mt26{
        		margin-top: 26px;
        	}
        	.mt18{
        		margin-top: 18px;
        	}
        </style>
    </head>
    <body class="bgc-f5f9f9">
        <div id="main">
@ -33,8 +59,37 @@
                                <button type="button" class="btn btn-primary plr20">返回</button>
                            </div>
                        </div>
                        <div class="mt30 c-border">
                            
                        <div class="mt30 c-border bgc-fff">
                            <div class="h50 c-border-b" style="display: -webkit-box">
                            	<div class="div-btn c-border-r btn-primary">交通路线</div>
                            	<div class="div-btn c-border-r">楼层分布</div>
                            </div>
                            <div class="h684" id="jiaoTongLuXian">
                            	<div class="ml30 mt20">
                            		<img src="../../../images/icon_lianxifangshi.png" width="21" height="21" class="mr16"/>
                            		<label class="c-f14 c-323232">联系方式:</label>
                            		<label class="c-f14 c-909090">13500000001</label>
                            	</div>
                            	<div class="ml30 mt26">
                            		<img src="../../../images/icon_dizhiyiyuan.png" width="21" height="21" class="mr16"/>
                            		<label class="c-f14 c-323232">医院地址:</label>
                            		<label class="c-f14 c-909090">福建省厦门市思明区</label>
                            	</div>
                            	<div class="ml30 mt26">
                            		<img src="../../../images/icon-gonggjiaotong.png" width="21" height="21" class="mr16"/>
                            		<label class="c-f14 c-323232">公共交通:</label>
                            		<label class="c-f14 c-909090">乘1、15路到厦大站下车</label>
                            	</div>
                            	<div class="ml67 mt18 c-f14 c-909090">
                            		乘1、15路到厦大站下车
                            	</div>
                            	<div class="ml30 mt20 mb20 mr20" style="height: 474px;border: 1px solid #dcdcdc;">
                            		地图内容
                            	</div>
                            </div>
                        	<div class="c-909090 c-f14 h684 c-hide" id="louCengFenBu">
                        		楼层位置信息
                        	</div>
                        </div>
                    </div>
                </div>

+ 1 - 1
page/appointment/js/home.js

@ -15,6 +15,6 @@ new Vue({
			}
		})
		
		EventBus.$emit("jump-step",{step:3});//step:跳转的步数
		EventBus.$emit("jump-step",{});//step:跳转的步数
    }
})

+ 13 - 0
page/appointment/js/success-info.js

@ -5,5 +5,18 @@ new Vue({
    },
    mounted: function(){
        EventBus.$emit("jump-step",{step:4});//step:跳转的步数
        
        $(".div-btn").on("click",function(){
        	var index = $(this).index();
        	if(index==0){
        		$("#jiaoTongLuXian").show();
        		$("#louCengFenBu").hide();
        	}else{
        		$("#jiaoTongLuXian").hide();
        		$("#louCengFenBu").show();
        	}
        	$(".div-btn").removeClass("btn-primary");
        	$(this).addClass("btn-primary");
        })
    }
})