111-尚硅谷-尚医通-前台用户系统-医院详情-前端整合（2）

各位大家好，我们继续来完成医院详情的简单整合，刚才呢，咱把这个预约挂号这个超链接的部分，我们做到了页面中调用接口，最终实现科室包括医院的预约详情信息的显示，那里做完之后呢，我们继续往下来做，大家看啊，在里边还有这么两个超链接，一个叫意外详情，一个叫预约须知。那咱们下面把这两个我们来做一下，首先我们看意愿详情，那这个怎么做呢？先看一下我这个页面中。我们找到它相关的超链接部分，那大家看啊，首先预约挂号里面用到的是不是咱们之前说这个动态路由的跳转方式，而各位看到我这里边的医院详情。包括预约须知用到的是不是也是这个就是动态路由方式，所以咱们下面根据动态路由的方式把这个页面我们先创建出来，然后在页面中，其实咱们就是调一下我们之前里边这个受的这个接口，最终把数据在里边做个显示就可以了，那咱下面根据这个路径，我们先把这页面创建出来。

那咱们来创建一下啊，首先第一个院详情，我们在这个host里边有一个叫底态，所以咱们在里边呢，先创建一个文件夹，就叫做底太，把这个我们先做创建。然后创建完这个文件夹之后，在里边呢，我们创建一个就是页面，页面呢我们就叫这个下划线hot code.vo用到咱们的动态路由的方式，那我在里边写一下。How code.wee所以这个我们就创建出来了，然后创建之后呢，我们再创建下一个，我们在这里边大家看啊，有一个文件夹叫notice，所以咱在里边再创建这么一个文件夹。

Notice，然后在里边呢，同样创建这么一个就是。页面我们也叫下划线。Hos code点。所以咱们现在就把这个动态路由里面需要用到的页面，咱们就完成创建，就是里边的这两页面，然后创建之后呢，咱们先写这个底T，也就是里边这个医院详情部分，把这个我们先做到，那这里边怎么做呢？医院详情页面中就是显示里边的相应的这些内容，那我们来做显示，各位看一下我的课件中，其实里边就这部分。那我现在把这页面部分给各位，就直接复制过来，到咱们这个detail里边这个hot code中，把其他的火箭都关掉，然后把这打开。

把内容咱复制过来，然后各位看啊，上面部分呢，就是一些相关信息的显示，咱们通过好的披来取到里边对应的值，然后你看下面的这个部分，首先引入CS文件，然后下面是不是引入咱们那个好的批，这个JS文件在里边先定义的初始值，包括hospital，然后咱们得到路由中这个ID值。这个写法更位应该注意啊，就是咱们通过这个路由中传ID，然后咱们用this.root.time.hot code把它得到，然后调用里边这个接口中的方法，最终得到好的批斗对象，把对象中的值在页面中我们就会显示，所以这是我们的医院相节部分，然后除了这个之外，还有最后一个就是里边的这个部分。我们叫这个预约须知，而写法跟上面应该说是一模一样的，那我还是把这页面给各位复制过来，因为结构都差不多，我就不再重新敲一遍了，各位把它自己在测试中直接复制就可以了，跟之前都一样的，然后你看里边相同代码也是引入这个文件，然后咱们调用接口中的方法得到hospital，把hospital中的内容在页面中做个显示就可以了。

所以咱们现在就把这个医院详情部分，我们最终就完成了，就是里边的这么一个过程，那这个完成之后呢，最终咱把这个效果我们来做个测试，看一下它最终的结果是什么样的。现在我的接口都启动了，包括前端我也启动了，然后咱们看啊，首先我在这个首页面中点击某一个医院，或者说咱们搜索医院选择的医院效果一样，比如现在我点击某一个医院，进入到的是不是它的详情页面中啊，里边有这个预约挂号规则，包括它的做课室。

然后咱们点击医院详情，大家看是不是医院的详细信息啊，包括里边这个介绍等等，然后比如现在我点击预约通知里边，就进入到预约通知这个页面中去啊，那我们看一下啊，这个页面它没有找到，咱们看它什么问题啊，首先我这个预院详情是没有问题，然后咱们看这个预约通知。他应该到我这个notice里边这个页面中来，那我们来看一下啊，是不是页面写的不对，里边有一个notice这个，然后里边有一个下划线，好code.ve这个页面。包括咱们看一下这个路径中，看路径中别写错，我们来找一下啊，首先我们找到这里边啊，大家看啊，应该是这个写的不对，咱们用的是。是不是hostst啊，这里也是hosts，把路径给他先改一下啊。然后包括到我们的这里边，把它也是改一下，改成这个叫hop啊，因为咱们是这个名字。

所以这样的话呢，这问题应该就解决了啊，就是一个名字我们刚是没写对，然后咱们比如说我们再重新试一下啊，重新回到首页面中，点击某一个医院进入到它的经营页面，然后点击预约详情显示内容，点击预约通知显示是不是也那个预约信息，所以现在咱就把这个医院详情部分我们就最终完成了，就是里边那个前端的整合。然后这个完成之后呢，大家看啊，咱们下面干什么。各位可以想一下，我们下面要做什么功能。你注意啊，我现在在预约挂号页面中是不是有很多的科室，而我现在点击某一个科室，进入到是不是科室里边那个排班信息列表中啊，咱是不是能做这个挂号的操作，比如说现在挂了某一天的某一个号，然后这里边做支付，是不是要做这个功能啊，当然我们做挂号过程中咱要干什么？

首先是不是要登录，登录之后这里边我们才能完成挂号信息，包括你要进行一些相关的实名认证等等内容，那这些功能呢，一会儿我们来实现，目前呢，是把这个医院的详情部分，它的前端我们完成了最终的这个整合。