hippius-front的一些常量

import { HIPPIUS_AM } from 'hippius-front/lib/utils/hipsConfig';

// 下面是 hippius-front/lib/utils/hipsConfig 的内容，后端可能回倾向于把这些叫做‘路由’
export const HIPPIUS_AM = '/hipsam';
export const HIPPIUS_SUBMENU = '/hipssm';
export const HIPS_DV = '/hipsdv';
export const HIPS_PLAFORM = '/hipspfm';
export const HIPS_MSG = '/hipsmsg';

export const HIPS_APPSA = 'hipsst';

hippius-front的一些组件

图片组件

hzero的图片需要用${HZERO_FILE}/v1/files/redirect-url?access_token=${accessToken}&bucketName=${this.props.bucketName}&url=${encodeURIComponent(this.props.src)}形式去渲染，为了简化，封装了下面这个组件，属性和<img />一样，只比<img />多了一个bucketName表示桶名

import HipsHzeroImg from 'hippius-front/lib/components/hipsHzeroImg';

<HipsHzeroImg
  bucketName="public"
  src={info.logoUrl}
  style={{ height: 60 }}
  alt="logo"
/>

图片上传

请放在getFieldDecorator中，否则请设置value并且手动控制其值

import UploadImg from 'hippius-front/lib/components/hipsUploadCropImg';

<Form.Item>
  {getFieldDecorator('logoUrl')(
    <UploadImg
      defaltValue={logoUrl}
      bucketName="hipsam" // 桶名
      style={{}}
      maskStyle={{}}
      onChange={this.handelImageChange}
      btnPosition="bottom" // right / bottom
      // onOpenImgDetail={() => { console.log('会覆盖默认的查看大图'); }} // 查看大图
      options={{ requiredType: ['JPG', 'PNG'], size: { height: 40, width: 40 } }}
      fileSize="2048000" // maxSize: 2m
      editing={editing}
    />
  )}
</Form.Item>

组织架构选择

import Structure from 'hippius-front/lib/components/hipsOrganizationalStructure'

<Structure
  title="title"
  chosenTitle="chosenTitle"
  hideSearch // 不显示搜索
  hideTag // 不显示标签
  isSingle // 单选
  staffOnly // 只能选员工
  isSingleStaff // 只能选一个员工
  showAll // 搜索时，显示员工+部门，这个props优先级比上面两个高，就是staffOnly和showAll同时存在时，搜索也能搜到部门
  oldChosenData={oldChosenData} // 已选上的数据
  handelReceiversData={() => {}}
  handleOk={() => {}}
  okLoading={okLoading}
  handelCancel={() => {}}
/>

(带秀米的)富文本编辑器

如果没有秀米需求，请使用其他比较新的富文本编辑器

<Form.Item>
  {getFieldDecorator('content')(
    <Editor
      disabled={disabled}
      onChange={c => {
        if (c && c.html) {
          try {
            this.props.form.setFieldsValue({
              content: c.html,
            });
          } catch (error) {
            //
          }
        }
      }}
      initialValue={
        detail && detail.content ? detail.content : ''
      }
    />
  )}
</Form.Item>