raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!--360浏览器优先以webkit内核解析-->

    <title>厦门i健康-客户服务平台</title>

    <link href="../../../../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet" />
    <link href="../../../../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet" />
    <link href="../../../../css/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet" />
    <link href="../../../../css/animate.min.css" rel="stylesheet" />
    <link href="../../../../css/style1.min.css?v=4.1.0" rel="stylesheet" />
    <style>
      body {
        padding-top: 20px;
      }
      .w20 {
        width: 20px;
      }
      .w120 {
        width: 120px;
        margin: 0 auto;
      }
      ul {
        list-style: none;
        padding: 20px;
        font-size: 14px;
      }
      ul li {
        float: left;
        width: 50%;
        margin-bottom: 10px;
      }
      ul li,
      ul li a {
        display: inline-block;
        height: 28px;
        line-height: 28px;
      }
      ul li a {
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 20px;
        color: #12b7f5;
      }
      ul li a:hover {
        background-color: #12b7f5;
        border-radius: 5px;
        color: #fff;
      }
      .col-999 {
        color: #999;
      }
      .col-red {
        color: red;
      }
      .btn {
        display: block;
        border: 1px solid #12b7f5;
        margin: 0 auto;
        color: #12b7f5;
      }
      /* .inp_border {
        height: 32px;
        padding: 2px 7px;
        border-radius: 2px;
        color: #666;
      } */
      .search-wrapper {
        display: flex;
        align-items: center;
        margin-left: 20px;
      }
      /* .bd1 {
        border: 1px solid #999;
      }
      .setInput {
        border: solid 1px #d7dce6;
        border-radius: 5px;
      } */
      .setInput input {
        outline: none;
        border-radius: 5px;
      }
      #search span {
        display: inline-block;
        content: '';
        width: 16px;
        height: 16px;
        background: url(../../images/search.png);
        background-repeat: no-repeat;
        background-size: 16px;
        vertical-align: middle;
        margin-right: 9px;
      }
      .middle {
        -webkit-box-align: center;
      }
      .hosipital-wrapper {
        display: flex;
        margin-bottom: 20px;
        margin-left: 20px;
      }
      .hospital {
        width: 100px;
        font-size: 15px;
        border: 1px solid #666;
        height: 30px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        margin-right: 5px;
      }
      .selectedItem {
        color: #12b7f5;
        border: 1px solid #12b7f5;
      }
    </style>
    <script>
      var storage = localStorage.getItem('app_storage')
      if (storage) {
        storage = JSON.parse(storage)
        sessionStorage.setItem('LoginUser', JSON.stringify(storage.api_login_doctor))
      }
    </script>
  </head>
  <body>
    <div id="app" class="pl30 pr30 pb30">
		<template v-if="show==0">
			<!-- <div class="hosipital-wrapper">
			  <div class="hospital" :class="selectHospital==1? 'selectedItem':''" @click="changeTypeHospital(1)">
			    医院预约
			  </div>
			  <div class="hospital" :class="selectHospital==2? 'selectedItem':''" @click="changeTypeHospital(2)">
			    社区预约
			  </div>
			</div> -->
			<appoint-hospital :hospital="hospital" v-if="selectHospital==1" :show='0'></appoint-hospital>
			<!-- <appoint-country :country="country" v-if="selectHospital==2"></appoint-country> -->
			<div><span class="btn w120" style="background: #12b7f5;color: #fff;" @click="subscribe(1)">预约其他医院</span></div>
		</template>
		<template v-if="show==1">
		  <div class="hosipital-wrapper">
			<div class="hospital" :class="selectHospital==1? 'selectedItem':''" @click="changeTypeHospital(1)">
			  医院预约
			</div>
			<div class="hospital" :class="selectHospital==2? 'selectedItem':''" @click="changeTypeHospital(2)">
			  社区预约
			</div>
		  </div>
		  <appoint-hospital :hospital="hospital" v-if="selectHospital==1"></appoint-hospital>
		  <appoint-country :country="country" v-if="selectHospital==2"></appoint-country>
		  <div><span class="btn w120" id="closeBtn" @click="subscribe(0)">返回</span></div>
		</template>
    </div>
    <script src="../../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../../js/vue.js"></script>
    <script src="../../../../js/underscore.js"></script>
    <script src="../../../../js/es6-promise.js"></script>
    <script src="../../../../js/util.js"></script>
    <script src="../../../../js/validate/jquery.validate.min.js"></script>
    <script src="../../../../js/validate/messages_zh.min.js"></script>
    <script src="../../../../plugins/toastr/toastr.min.js"></script>
    <script src="../../../../plugins/datepicker/bootstrap-datepicker.js"></script>
    <script src="../../../../plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>
    <script src="../../../../plugins/jqgrid/jquery.jqGrid.minffe4.js"></script>
    <script src="../../../../component/common/event-bus.js"></script>
    <script src="../../appointment/appoint-hospital.js"></script>
    <script src="../../appointment/appoint-country.js"></script>
    <script src="../../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../../api/jbsc-api.js"></script>
    <script src="appoint-select.js"></script>
  </body>
</html>