@aligov/gov-login

login for gov

Usage no npm install needed!

<script type="module">
  import aligovGovLogin from 'https://cdn.skypack.dev/@aligov/gov-login';
</script>

README

gov-login

@aligov/gov-login

G 端政务统一登录组件,包含登录、注册、忘记密码等功能

Install

外部源: npm install @aligov/gov-login -S 内部源: tnpm install @aligov/gov-login -S

同步 tnpm

tnpm sync @aligov/gov-login

API

参数名 说明 必填 类型 默认值 备注
hasGovernment 是否有经办人办理 tab boolean false
extendParam 扩展参数 object publicKeyUrl: 公钥 url
loginUrl: 登录 url
treeUrl: 组织树 url
lang: 多语言 tag。英文: en-US, 葡文: pt-PT, 中文繁体: zh-TW,中文简体(默认): zh-CN
config 页面静态配置 object Copyright: 自定义网页底部
logoSrc: 自定义 logo 地址
register: 是否出现注册按钮
recoverPW: 是否出现忘记登录密码
bgImage: 自定义大背景图,不填则使用默认

Usage

使用默认页

推荐使用

import React from "react";
import Login from "@aligov/gov-login";


export default () => {
  render() {
    return (
      <div>
        <GovLogin
          hasGovernment
          extendParam={{ indexPage: '/test' }}
          config={{
            Copyright: '浙江省杭州市人民政府版权所有',
            logoSrc: 'https://gw.alicdn.com/tfs/TB12WS9Rhv1gK0jSZFFXXb0sXXa-612-88.png',
            bgImage: '//mdn.alipayobjects.com/afts/img/A*jkYqTLCEZeAAAAAAAAAAAABjAQAAAQ/original?bz=mpaas_user'
          }}
        />
      </div>
    );
  }
}

直接调用接口,不使用默认登录页

import Login from "@aligov/gov-login";

enum ACCOUNT_TYPE {
  // 系统管理员
  manager = 'manager',
  // 政府部门账号
  gov = 'gov',
  person = 'person',
  legal = 'legal',
}


interface loginDataTypes {
  account: string;
  password: string;
  department?: object;
  accountType?: ACCOUNT_TYPE;
  oid?: string;
  devCoding?: string;
  orgName?: string;
}

Login.doLogin({
    params: loginDataTypes,
    extendParam: any,
    loginService?: any
});

一般地,直接调用接口地方式,关注params即可,以下是举例:

例一:G端管理员账户登录(线下大厅登录)

Login.doLogin(
  {
      account: 'xxx',
      password: 'xxx',
      accountType: 'manager'
  }, {}
)
.then(data => console.log(data))
.catch(err => console.log(err));

Bugs and feature requests

Have a bug or a feature request? please open a new issue in gov-login

Backers

古樾