@aligov/gov-login NPM

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));