feedback-dialog

服务反馈对话框

Install

npm install feedback-dialog --save

Simple Usage

render() {
    return (
        <div>
            <FeedbackDialog
                locale={'zh_CN'}/*zh_CN en_US 非必填*/
                className={'xxx'}/*非必填*/
                show={true}/*非必填*/
                position={'leftBottom'}/*非必填*/
                iconId={'feedback-server'}/*非必填*/
                iconFill={'#666'}/*非必填*/
                iconWidth={'32'}/*非必填*/
                iconHeight={'32'}/*非必填*/
                appCode={'AC1398'}/*非必填*/
                workUser={'23976'}/*非必填*/
                params={{'key1':'value1','key2':'value2'}}/*非必填*/
                extensionParams={{'module':'用车'}}/*非必填*/
                submitParamKeysFromUploadScreen={['authKey']}/*非必填*/
                uploadScreenUrl={'http://localhost:3000/feedback/uploadScreenshotWithBase64.json'}/*必填*/
                submitUrl={'http://localhost:3000/feedback/feedbackInfo.json'}/*必填*/
                onUploadScreenSuccess={t.handleUploadScreenSuccess.bind(t)}/*非必填*/
                onUploadScreenError={t.handleUploadScreenError.bind(t)}/*非必填*/
                onSubmitSuccess={t.handleSubmitSuccess.bind(t)}/*非必填*/
                onSubmitError={t.handleSubmitError.bind(t)}/*非必填*/
                />
                />
        </div>
    )
}

备注：在非React项目中使用，请参见index.html

Props

locale

• 描述：国际化(包括 zh_CN, en_US)
• 类型：String
• 默认：zh_CN
• 必选：否

className

• 描述：自定义样式的class名称
• 类型：String
• 默认：''
• 必选：否

show

• 描述：是否显示服务反馈图标
• 类型：Boolean
• 默认：true
• 必选：否

position

• 描述：反馈图标初始停靠位置，'LEFTTOP'、'RIGHTTOP'、'LEFT'、'LEFTBOTTOM'、'RIGHTBOTTOM'、'RIGHT'
• 类型：String
• 默认：``
• 必选：否

iconId

• 描述：反馈图标svg-symbol的id
• 类型：String
• 默认：feedback-server
• 必选：否

iconFill

• 描述：反馈图标的颜色
• 类型：String
• 默认：#666
• 必选：否

iconWidth

• 描述：反馈图标的宽度，单位px
• 类型：Number
• 默认：32
• 必选：否

iconHeight

• 描述：反馈图标的的高度，单位px
• 类型：Number
• 默认：32
• 必选：否

appCode

• 描述：应用编码
• 类型：String
• 默认：``
• 必选：否

workUser

• 描述：用户工号
• 类型：String
• 默认：``
• 必选：否

params

• 描述：自选参数和值
• 类型：JSON Object
• 默认：``
• 必选：否

extensionParams

• 描述：设置到extension参数中的参数和值
• 类型：JSON Object
• 默认：``
• 必选：否

submitParamKeysFromUploadScreen

• 描述：上传截屏图片成功后，从返回结果中传到提交反馈信息URL的参数名称
• 类型：Array
• 默认：``
• 必选：否

uploadScreenUrl

• 描述：上传截屏图片的URL
• 类型：String
• 默认：''
• 必选：是
• 备注：该接口参数名为imgData

submitUrl

• 描述：提交反馈信息的URL
• 类型：String
• 默认：''
• 必选：是
• 备注：该接口参数名为content

onUploadScreenSuccess

• 描述：上传截屏图片成功的回调函数
• 类型：function
• 默认：null
• 必选：否
• 参数：res 成功信息详情

onUploadScreenError

• 描述：上传截屏图片失败的回调函数
• 类型：function
• 默认：null
• 必选：否
• 参数：err 失败信息详情

onSubmitSuccess

• 描述：提交反馈信息成功的回调函数
• 类型：function
• 默认：null
• 必选：否
• 参数：res 成功信息详情

onSubmitError

• 描述：提交反馈信息失败的回调函数
• 类型：function
• 默认：null
• 必选：否
• 参数：err 失败信息详情

Links

• Issues