点击房间状态显示对应的房间并显示相应的数量

Posted 2022-12-09 埋年

我们所做的这个客房管理的查询，并不像我们之前所学的表格查询，所以我们就不能使用表格数据重载这些方法了，我想的这种方法代码量非常大，首先我们要先给我们要点击的空净房和住房等等这些，设置一个ID或者一个点击事件，我这里设置的ID，所以我会用ID来解说，通过ID进行点击事件，然后我们需要找到我们装房间的那条代码，然后通过选中他的ID把它里面的html给清除掉，然后在获取到我们到我们实现房态图的那些代码，这就是查询全部房间，全部房间的代码就是所以的房间合在一起，为了节省图片，所以我只发其他房间代码的图片，如果是空净房，就像上面一样获取到ID，然后进行点击事件，把装房间的里面的数据给清空，因为我们这里是空净房，房间状态为1就是空净房，所以我们只需要获取到实现房态图里面判断条件房间状态等于 1 里面的代码就行了，空净房代码如下。

如果是住房，则获取判断条件房间状态为2里面的代码就行了。

如果房间状态为3或者4都和上面一样，我这里就是把数据移进去，然后通过类改变他的颜色就行了，大家的代码和我的肯定不太一样，不过都是在点击不同的房间状态事件的时候，用HTML清空一下数据，然后里面获取到属于点击房间状态对应的那段代码数据。
然后查询房间状态对应的房间数量就比较简单了，我们只需要使用数据接口连接到控制器，然后进行一个加载事件，给一个参数，用来接收控制器返回的数据。然后在我们需要显示数据的HTML代码里面添加一个ID，使用 val让这个ID获取到控制器返回的值。

控制器方面呢，通过房间表连接到房间状态表，然后根据房间状态表里面的房间状态ID来设置是空净房还是住房等 ，因为我们查询的是房间的数量，所以最后我们要使用Count，查询有多少条数据，最后返回数据。

查询住房、脏房和维修房，只需要把查询范围where里面房间状态ID修改就ok了。