common-header

公共头开发打包说明

install dependencies

npm install

开发环境

npm start

打包命令

npm run build

API

参数	说明	类型	默认值
productName	必选参数，项目名称，用来匹配logo图片 ke、mdm	String	无
productHeaderId	必选参数，eap接口获取项目头部数据对应id	String	无
productLogo	可选参数，header左侧logo图片，ke和mdm有默认图片，可以不做配置。	String	无
eap_url	可选参数，eap接口根地址	String	/eap/
file_url	可选参数，文件服务接口根地址	String	/eap/
ke_web_url	可选参数，ke web服务接口根地址	String	/ke-web/

后台自定义logo

可以在后台菜单配置最顶层添加图片

react组件方式调用示例

import Header from 'common-header';

const productName = 'ke';
const productHeaderId = '6';

const initConfig = typeof globalInitConfig === "object" ? globalInitConfig : {};

ReactDOM.render(
  <Header productName={productName} productHeaderId={productHeaderId} {...initConfig} />,
  document.getElementById('sysware-common-header')
);

非react组件方式调用示例

引用dist目录下对应文件

<script>
    var headerConfig = {
        productName: 'mdm',
        productHeaderId: '2-30',
        productLogo: './logo-conf.png'
    }
</script>
<link href="common-header.css" rel="stylesheet">

<div id="sysware-common-header"></div>
<script type="text/javascript" src="common-header.js"></script>