后浪云百度小程序教程:page-social-security 社保查询模板

  • page-social-security 社保查询模板
    • 示例
    • 页面内容
      • 首页
      • 缴存明细页
      • 个人信息页
    • npm 依赖
    • Bug & Tip

    page-social-security 社保查询模板

    从开发者工具 v2.25.1-rc 版本开始支持。

    解释:针对社保查询场景的政务服务模板,包含账户基础信息、各险种账户信息及缴存支出明细等功能,模板支持二次开发,可根据实际业务需求使用。

    示例

    扫码体验

    代码示例

    后浪云百度小程序教程:page-social-security 社保查询模板插图

    请使用百度APP扫码

    页面内容

    模板包含三个页面:首页、险种缴存明细页、个人信息页。

    首页

    展示用户的基础信息、最近 1 次缴存情况,包含缴存基数、个人缴纳、单位缴纳等,此外首页还包含各险种缴存明细及个人信息入口。

    页面路径:index/index

    后浪云百度小程序教程:page-social-security 社保查询模板插图1

    缴存明细页

    展示用户某一险种的具体信息,包含账户基础信息、全部历史缴存记录、全部历史支出记录等。

    页面路径:insurance/insurance

    后浪云百度小程序教程:page-social-security 社保查询模板插图2

    个人信息页

    展示用户的基础信息和社保相关信息,如社保卡号、参保地、参保单位等。

    页面路径:info/info

    后浪云百度小程序教程:page-social-security 社保查询模板插图3

    npm 依赖

    名称 版本号
    @smt-ui/component-gov latest
    @smt-ui/component latest

    Bug & Tip

    • Tip:该模板使用了 ES6 语法,需要开启开发者工具的增强编译,操作步骤参看开启说明;同时也需开启上传代码时样式自动补全。
    • Tip:以上代码示例为纯客户端代码,可直接在模拟器和真机预览。
    • Tip:模板中使用的是测试数据,你需要从接口中获取真实的数据。
    THE END