28 lines
1.3 KiB
JavaScript
28 lines
1.3 KiB
JavaScript
import React from "react";
|
||
import { Switch, Form, Tag, Input } from 'antd';
|
||
import Styles from './web.module.less';
|
||
export default function wechatPublicForWeb(props) {
|
||
const { passport, appIdStr, t, changeEnabled, updateConfig } = props;
|
||
const { id, type, enabled, stateColor } = passport;
|
||
const config = passport.config || {};
|
||
return (<div className={Styles.item}>
|
||
<div className={Styles.title}>
|
||
<Tag color={stateColor}>{t(`passport:v.type.${type}`)}</Tag>
|
||
{/* <Tooltip title={(publicAppIds && publicAppIds.length > 0) ? '' : '如需启用公众号授权登录，请先前往应用管理，创建是服务号的公众号application,并完成基础配置'}> */}
|
||
<Switch
|
||
// disabled={!(publicAppIds && publicAppIds.length > 0)}
|
||
checkedChildren="开启" unCheckedChildren="关闭" checked={enabled} onChange={(checked) => {
|
||
changeEnabled(checked);
|
||
}}/>
|
||
{/* </Tooltip> */}
|
||
</div>
|
||
|
||
<Form labelCol={{ span: 4 }} wrapperCol={{ span: 20 }} style={{ maxWidth: 900, marginTop: 16 }}>
|
||
<Form.Item label="appId">
|
||
<Input value={appIdStr} disabled={true}/>
|
||
</Form.Item>
|
||
</Form>
|
||
|
||
</div>);
|
||
}
|