部署结果添加二维码展示

src/app/basicVersion/myDeploy/TencentDeploy.js

@@ -7,6 +7,7 @@ import {
 import {request} from 'graphql-request'
 import copy from 'copy-to-clipboard';
 import axios from 'axios';
+import QRCode from 'qrcode.react';
 import {graphqlUrl} from "../../../config";
 import {Query, Mutation} from "react-apollo";
 import gql from "graphql-tag";
@@ -114,10 +115,12 @@ class TencentDeployRender extends Component {
                             <div className={'schema-name'}><FormattedMessage id='service manage'/></div>
                             <div className={'schema-table-list-title'}>
                                 <Row>
-                                    <Col span={5}><span className={'schema-table-title'}><FormattedMessage
+                                    <Col span={4}><span className={'schema-table-title'}><FormattedMessage
                                         id='groupName'/></span></Col>
-                                    <Col span={15}><span className={'schema-table-title'}><FormattedMessage
+                                    <Col span={10}><span className={'schema-table-title'}><FormattedMessage
                                         id='defaultDomain'/></span></Col>
+                                    <Col span={6}><span className={'schema-table-title'}><FormattedMessage
+                                        id='qrcode'/></span></Col>
                                     <Col span={4}><span className={'schema-table-title'}><FormattedMessage
                                         id='operation'/></span></Col>
                                 </Row>
@@ -127,11 +130,11 @@ class TencentDeployRender extends Component {
                                 {
                                     deployed.map(deploy => (
                                         <Row key={deploy.id}>
-                                            <Col span={5}>
+                                            <Col span={4}>
                                                 <span
                                                     className={'schema-table-content'}>{deploy.groupName.replace(regexp, '')}</span>
                                             </Col>
-                                            <Col span={15}>
+                                            <Col span={10}>
                                                 <span
                                                     className={'schema-table-content'}>{`http://${deploy.defaultDomain}/test`} </span>
                                                 <Icon type="copy" theme="twoTone" onClick={() => {
@@ -139,6 +142,13 @@ class TencentDeployRender extends Component {
                                                     message.success('复制成功.');
                                                 }}/>
                                             </Col>
+                                            <Col span={6}>
+                                                <QRCode
+                                                    value={deploy.userDomain ? `http://${deploy.userDomain}` : `http://${deploy.defaultDomain}/test`}
+                                                    size={128}
+                                                    includeMargin={true}
+                                                />
+                                            </Col>
                                             <Col span={4}>
                                                 <DeleteButton
                                                     groupID={deploy.id}