[User Story][酒店] 1. 酒店资源浏览列表

[runhan26]

描述功能要求
酒店相关数据：https://shimo.im/sheets/Hd9C3QytrJK3RWxG/z1rye/
UI设计稿：https://www.figma.com/file/6oLZ4Swo2He0w8DUNELsUV/wuhan?node-id=46%3A2

功能模块名称：酒店资源浏览列表

参与者：用户
简要说明：用户可根据城市、市辖区维度信息或酒店名称浏览并筛选当前所有符合条件的酒店
前置条件：当前页面停留在【酒店】模块

功能描述：
001: 用户点击“酒店”标签后跳转至当前页面，标签【酒店】高亮
002: 用户选择“湖北医务人员”或“武汉在外人士”，选中选项高亮
003: 用户点击“选择城市“，下拉框显示目前已提供酒店的城市列表
004: 用户点击“选择辖区”，下拉框显示选中城市中的市辖区列表
005: 用户输入文字后，点击右侧【搜索】图标或点击【回车】键可搜索匹配酒店信息
006: 点击图标【>】后展开当前卡片，覆盖在其他卡片上方 (图示2)
007: 用户点击电话号码，调用电话功能，直接拨打
008: 点击【页码】跳转，当前页码高亮
009: 点击【上一页】【下一页】切换页面

业务规则：
1 默认显示<武汉>的酒店信息。
2 用户可以只选择城市，不选择辖区。
3 若用户希望选择辖区，必须先选择城市。
4 若用户只选择辖区，未选择城市，下拉框无法下拉。
5 搜索支持模糊匹配。例如，当用户输入“酒店”，所有包含“酒店”的医院卡片均应展示。
6 每页最多显示 6 张卡片。卡片内容从上到下，从左到右依次为：酒店名称（完整）、所属城市与市辖区、发布时间、酒店详细地址、查看地图、联系人、联系电话

备注：#pwc
具体城市、市辖区维度信息请参照此文档 https://shimo.im/docs/8jXhVDGT8Ck6TjHd/read

图示1

图示2