|
@ -16,32 +16,6 @@
|
|
<link rel="stylesheet" type="text/css" href="../../../css/cross.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/common.css"/>
|
|
<link rel="stylesheet" type="text/css" href="../css/appointment.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>
|
|
</head>
|
|
<body class="bgc-f5f9f9">
|
|
<body class="bgc-f5f9f9">
|
|
<div id="main">
|
|
<div id="main">
|
|
@ -56,53 +30,57 @@
|
|
<img src="../../../images/success.png" width="228" height="137" class="mt20">
|
|
<img src="../../../images/success.png" width="228" height="137" class="mt20">
|
|
<div class="c-f16 c-bold">预约成功!</div>
|
|
<div class="c-f16 c-bold">预约成功!</div>
|
|
<div class="mt50">
|
|
<div class="mt50">
|
|
<button type="button" class="btn btn-primary plr20">返回</button>
|
|
|
|
|
|
<button type="button" class="btn btn-primary plr20" @click="backPage">返回</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt30 c-border bgc-fff">
|
|
<div class="mt30 c-border bgc-fff">
|
|
<div class="h50 c-border-b" style="display: -webkit-box">
|
|
<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 class="div-btn c-border-r" :class="{'btn-primary': activeTabIdx==1}" @click="activeTab(1)">交通路线</div>
|
|
|
|
<!--<div class="div-btn c-border-r" :class="{'btn-primary': activeTabIdx==2}" @click="activeTab(2)">楼层分布</div>-->
|
|
</div>
|
|
</div>
|
|
<div class="h684" id="jiaoTongLuXian">
|
|
|
|
|
|
<div class="h684" v-show="activeTabIdx==1" v-cloak>
|
|
<div class="ml30 mt20">
|
|
<div class="ml30 mt20">
|
|
<img src="../../../images/icon_lianxifangshi.png" width="21" height="21" class="mr16"/>
|
|
<img src="../../../images/icon_lianxifangshi.png" width="21" height="21" class="mr16"/>
|
|
<label class="c-f14 c-323232">联系方式:</label>
|
|
<label class="c-f14 c-323232">联系方式:</label>
|
|
<label class="c-f14 c-909090">13500000001</label>
|
|
|
|
|
|
<label class="c-f14 c-909090">{{data.contact}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="ml30 mt26">
|
|
<div class="ml30 mt26">
|
|
<img src="../../../images/icon_dizhiyiyuan.png" width="21" height="21" class="mr16"/>
|
|
<img src="../../../images/icon_dizhiyiyuan.png" width="21" height="21" class="mr16"/>
|
|
<label class="c-f14 c-323232">医院地址:</label>
|
|
<label class="c-f14 c-323232">医院地址:</label>
|
|
<label class="c-f14 c-909090">福建省厦门市思明区</label>
|
|
|
|
|
|
<label class="c-f14 c-909090">{{data.address}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="ml30 mt26">
|
|
<div class="ml30 mt26">
|
|
<img src="../../../images/icon-gonggjiaotong.png" width="21" height="21" class="mr16"/>
|
|
<img src="../../../images/icon-gonggjiaotong.png" width="21" height="21" class="mr16"/>
|
|
<label class="c-f14 c-323232">公共交通:</label>
|
|
<label class="c-f14 c-323232">公共交通:</label>
|
|
<label class="c-f14 c-909090">乘1、15路到厦大站下车</label>
|
|
|
|
|
|
<label class="c-f14 c-909090">{{data.traffic}}</label>
|
|
</div>
|
|
</div>
|
|
<div class="ml67 mt18 c-f14 c-909090">
|
|
|
|
|
|
<!--<div class="ml67 mt18 c-f14 c-909090">
|
|
乘1、15路到厦大站下车
|
|
乘1、15路到厦大站下车
|
|
</div>
|
|
|
|
<div class="ml30 mt20 mb20 mr20" style="height: 474px;border: 1px solid #dcdcdc;">
|
|
|
|
地图内容
|
|
|
|
|
|
</div>-->
|
|
|
|
<div class="ml30 mt20 mb20 mr20" id="div_map">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="c-909090 c-f14 h684 c-hide" id="louCengFenBu">
|
|
|
|
|
|
<!--<div class="c-909090 c-f14 h684" v-show="activeTabIdx==2">
|
|
楼层位置信息
|
|
楼层位置信息
|
|
</div>
|
|
|
|
|
|
</div>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<page-footer></page-footer>
|
|
<page-footer></page-footer>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1W9gqPiqc7C9TDliPP8S9Rj9"></script>
|
|
|
|
<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
|
|
|
|
<script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
|
|
<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../../js/jquery-2.2.4.js"></script>
|
|
<script src="../../../js/jquery-2.2.4.js"></script>
|
|
<script src="../../../js/bootstrap.min.js"></script>
|
|
<script src="../../../js/bootstrap.min.js"></script>
|
|
<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></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/underscore.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../../js/util.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" type="text/javascript" charset="utf-8"></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="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.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/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/footer.js" type="text/javascript" charset="utf-8"></script>
|