161-尚硅谷-尚医通-前台用户系统-预约挂号-订单详情功能实现

刚才呢，咱们把确认挂号功能已经完成了，那咱们继续往下开发，就是下面我们要做什么呢？大家看啊，当我点击确认挂号之后，咱是不是要生成挂号订单呀，然后生成订单之后，最终它是不是要到一个页面中进行显示，也就是里边的这个位置，咱们根据订单ID，然后到页面中显示订单的详情信息啊，这里应该是OID，所以咱们下面就来开发这部分显示订单的详情信息，而这个信息中呢，我们写两部分，第一部分咱们根据ID来显示内容，开发个接口，然后再整合它的前端，那下面呢，我们先来编写它的接口部分，我在里边写一下。这些我先都给它关掉。然后咱们来到orders这个CTRL里边，我们找到在CTRL里边，咱们来编写里边这个接口。

我写到这个位置，这个接口做的就是根据订单ID。查询订单等。相应信息。在里边我们写一下啊，首先我来一个get提交，然后在里边加上它这个名字，比如说我们叫这个author get。Orders，在里边传入订单的ID，咱们叫OID，下面加上方法，咱们来一个public result，我叫get。Orders，然后在方法中得到我们这个ID值，用pass不解，把这个咱给它得到，就是这个order ID。然后得到之后，我们调用order service里边的方法，我们就要get order里边传入ID，最终让它返回到那就是一个我们这个order相关这个对象，咱们是这个order。

返回之后，最后给他做一个re return就可以了，然后写下啊，Order info，然后最后咱加一个。蕊屯。点OK，里边传入order in four。这是我们完成的这么一个结构，然后写完之后，下面咱们写它的service，包括它的。实现的部分。那咱们Switch里边先把接口创建，然后来到它的实现类中，在实现类中把这方法我们最终做实现，那下面我们就快速写下啊，这个方法应该很简单，咱们直接调用这个base map中的方法，我们就要select by ID，根据ID，然后查询里边这个数据，返回这么一个对象，这样的话应该就可以了，但是返回的过程中呢，大家注意啊，因为咱们在order info中有一个值，就是里边这个咱们找到啊，就是order中的一个状态的值，这个值。

而这个状态值呢，因为它这个值呢，里边我们存的是一个状态码，所以我想把这状态码变成咱们那个具体的描述的值，所以这个咱需要在里边做处理，那怎么处理很简单啊，咱们写了一个枚举类，那我们找药这个枚举类它叫OS theats这个枚举。到这里边我们看一下啊，在枚举类中呢，咱们有这个方法，我们直接给它用一下就可以了，也就是里边的这个方法，大家看状态啊，零约成功，待支付一已经支付，然后已取号，包括取消预约等等，咱在里边有一个方法，用这个方法把这个号码变成对应的字母串，最下面我们就可以写个方法把这个处理一下，我把这个给各位就直接拿过来啊，来用它，给它最终做一个处理就可以了的。那咱们来到里边，我下面写上。

这么一个方法。就是里边的这个方法，我们叫拍pay package order info里边改变它状态板，放到它的P中，然后这里边最终咱做一个铝，就是this次点package order info里边反order info，而这样的话反映数据中既有order info的基本信息，还有它的状态码对应的字符串信息，这是关于咱们里边的。接口开发这就完成了，然后接口完成之后呢，下面再来整个前端，前端怎么做呢？按照这个结构，咱需要建个O文件夹，然后里边建一个售点voe的这么一个文件，那我来创建啊，我在里边写一下。就是现在我在这个配置里边呢，咱们先创建个文件夹，我们叫order，然后创建文件夹之后里边我们创建一个文件，这个文件咱就叫这个售点，会有一用于显示我们里边的最终那种。

然后在受点voe中，咱就可以调用接口，最终进行这个显示接口呢，咱们在O的info中把它定义一下。我来写一下啊，订单的。详情信息。然后在里边我把这结构给它来写一下啊，在这个结构中，比如说咱给它起个名字，我就叫这个get orders里边传入这个ID。O的ID下面加上它的接口路径，我们就是。这个路径。把它。复制过来。通过表达式取得这个值。它的提交方式是一个盖的提交，这样的话定义出来了，定义之后在这个授页面中，咱最终。写上页面中的内容可以了，那我把这个页面中的部分给各位，我就直接分过来。

咱们复制一下啊，就是这些值。给他拿过来，然后咱们来看一下里边的这么一个结构是怎么样的啊，大家看啊，首先在我页面的上面部分就显示它的相关的内容，在内容中呢，首先第一部分这个订单它的一个状态，包括比如它的这个。就诊人信息，日期，医院科室，医生的职称，包括费用等等这些内容，然后这里边我们下面在里边引入了刚才写的get文件order info b片，然后在这里边第一部分，因为咱们在页面中是把OLDID传过来的，所以我在里边YID取到，用this.root.query o ID取到之后，在里边调用接口中的方法得到order info的值，把这个值最终在页面终做一个显示就可以了，所以这样的话呢，咱们把这个就是订单详情页面我们就完成了，包括它的接口部分，包括它的前端部分。

下面呢，我们做一下最终的测试，首先我们写的接口，咱们把O的这个服务给它重新启动一下，启动之后我们进行完整的测试，看一下最终的效果到底是怎么样的，我们等它先启动起来。现在服务已经启动了，然后咱们进行测试，首先在这个就是订单的页面中，我们先进行刷新，刷新之后我们现在点击确认挂号，是不是进行挂号，挂号之后生成订单，然后它会跳转到我们订单的详情页面中去，那现在我点击确认挂号，然后咱们看它的过程，大家看目前是不是跳转了，告诉我们说预约成功待支付，然后后面再来做这个支付，然后里边显示是不是他的奖金信息啊，包含这个。

救人信息日期，包括医师等等内容，所以现在咱就把这个详情功能就完成了。