(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210692237.5 (22)申请日 2022.06.17 (71)申请人 平安普惠企业管理有限公司 地址 518000 广东省深圳市前海深港合作 区前湾一路1号A栋201室 （入驻深圳市 前海商务秘书 有限公司） (72)发明人 余丽　 (74)专利代理 机构 深圳市明日今典知识产权代 理事务所(普通 合伙) 44343 专利代理师 王杰辉　宋莉 (51)Int.Cl. G06F 8/38(2018.01) G06F 8/36(2018.01) G06F 9/451(2018.01) (54)发明名称 城市页面下拉选与渲染的方法、 装置、 设备 及存储介质 (57)摘要 本申请涉及通信领域， 特别是涉及到一种城 市页面下拉选与渲染的方法、 装置、 设备及存储 介质， 其中方法包括： 获取城市页面配置需求； 根 据所述城市页面配置需求， 调用经过casca der级 联选择器或tree树形控件进行一次封装和经过 initCityOp tions方法进行二次封装后的直接下 拉选配置或树形城市配置的组件； 根据所述城市 页面配置中具体的城市层级要求和列表展示页 面的展示配置数据， 将对应的参数传递给所述组 件进行渲染， 得到符合所述城市页面配置需求的 城市页面。 通过调用相应的组件， 读取相应参数 即可得到相应的城市页面层 级配置和展示风格。 解决现有技术中城市配置页面开发时扩展性差 的问题， 可适用于所有类似城市配置和展示需 求， 极大节省相关开发 成本。 权利要求书2页 说明书9页 附图4页 CN 114936023 A 2022.08.23 CN 114936023 A 1.一种城市页面下拉选与渲染的方法， 其特 征在于， 所述方法包括： 获取城市页面配置需求； 根据所述城市页 面配置需求， 调用经过cascader级联选择器或tree树形控件进行一次 封装和经过initCityOptions方法进行二次封装后的直接下拉选配置或树形城市配置的组 件； 根据所述城市页面配置 中具体的城市层级要求和列表展示页面的展示配置数据， 将对 应的参数传递给 所述组件进行渲染， 得到符合所述城市页面配置需求的城市页面。 2.根据权利要求1所述的城市页面下拉选与渲染的方法， 其特征在于， 所述根据 所述城 市页面配置需求， 调用经过cascader级联选择器或tree树形控件进行一次封装和经过 initCityOpti ons方法进行二次封装后的直接下拉选配置或树形城市配置的组件， 包括： 判断城市页面配置需求 为城市直接下拉选配置或树形城市配置中的哪一种； 若判定城市页面配置需求为直接下拉选配置， 建通用的citySelect组件， 并使用 cascader级联选择器进行封装； 若判定城市页面配置需求为树形城市配置， 建通用的cityTree组件， 并使用tree树形 控件进行封装。 3.根据权利要求2所述的城市页面下拉选与渲染的方法， 其特征在于， 所述若判定城市 页面配置需求为直接下拉选配置， 建通用的citySelect组件， 并使用cascader级联选择器 进行封装之后； 或者若判定城市页面配置需求为树形城市配置， 建通用的cityTree 组件， 并 使用tree树形控件进行封装之后， 包括： 采用initCityOptions方法， 对经过cascader级联选择器封装的citySelect组件或经 过tree树形控件封装的cityTree 组件进行二次封装， 得到直接下拉选配置或树形城市配置 的组件， 其中initCityOptions方法包含有5个参数， showType、 setDisabled、 checkType、 isAllCheck和level。 4.根据权利要求3所述的城市页面下拉选与渲染的方法， 其特征在于， 所述根据 所述城 市页面配置中具体的城市层级要求和列 表展示页面的展示配置数据， 将对应的参数传递给 所述组件进行渲染， 得到符合所述城市页面配置需求的城市页面之前， 包括： 判断运行直接下拉选配置或树形城市配置的组件的设备中的本地存储中是否存在 cityOpti ons； 若不存在cityOptions， 则调用后端查询全量城市列表， 转换为前端组件识别的JSON结 构， 存储在本地存 储中。 5.根据权利要求4所述的城市页面下拉选与渲染的方法， 其特征在于， 所述根据 所述城 市页面配置中具体的城市层级要求和列 表展示页面的展示配置数据， 将对应的参数传递给 所述组件进行渲染， 得到符合所述城市页面配置需求的城市页面， 包括： 调用所述cityOptions， 读取后 端返回的所述initCit yOptions方法中根据所述城市页 面配置中具体的城市层级要求设置的参数， 并根据不同组件封装 带有不同层 级的children 节点数据。 6.根据权利要求5所述的城市页面下拉选与渲染的方法， 其特征在于， 所述调用所述 cityOptions， 读取后端返回的所述initCityOptions方法中根据所述城市页面配置中具体 的城市层级要求设置的参数， 并根据不同组件封装带有不同层级的children节点数据之权　利　要　求　书 1/2 页 2 CN 114936023 A 2后， 包括： 读取所述level参数中的城市列表长度， 超过指定列表长度时进行缩略展示。 7.根据权利要求6所述的城市页面下拉选与渲染的方法， 其特征在于， 所述根据 所述城 市页面配置中具体的城市层级要求和列 表展示页面的展示配置数据， 将对应的参数传递给 所述组件进行渲染， 得到符合所述城市页面配置需求的城市页面之后， 包括： 取消缩略时， 通过v ‑if树形展开Popover， Popover内引用封装有缩略内容的cityTree 组件。 8.一种城市页面下拉选与渲染的装置， 其特 征在于， 所述装置包括： 需求获取模块， 用于获取城市页面配置需求； 组件调用模块， 根据所述城市页面配置需求， 调用经过cascader级联选择器或tree树 形控件进行一次封装和initCityOptions方法进行二次封装后的直接下拉选配置或树形城 市配置的组件； 参数传递模块， 根据 所述城市页面配置 中具体的城市层级要求和列表展示页面的展示 配置数据， 将对应的参数传递给所述组件进行渲染， 得到符合所述城市页面配置需求的城 市页面。 9.一种计算机设备， 包括存储器和处理器， 所述存储器存储有计算机程序， 其特征在 于， 所述处 理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。 10.一种计算机可读存储介质， 其上存储有计算机程序， 其特征在于， 所述计算机程序 被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。权　利　要　求　书 2/2 页 3 CN 114936023 A 3