efats

src/pages/org/org/Edit/components/BasicPage.jsx

@@ -1,5 +1,5 @@
 import { Form, Input, Button } from 'antd';
-import QRCode from '@/components/QRCode'
+import QRCode from './QRCode'
 import React, { useEffect, useState, useCallback, useRef, useMemo } from 'react'
 import { useModel } from 'umi'
 import { getDetail, saveOrg, updateOrg } from '@/services/org';
@@ -12,13 +12,8 @@ export default (props) => {
   const [form] = Form.useForm();
   const [formData, setFormData] = useState()
   const [loading, setLoading] = useState(false)
-  const qrcodeRef = useRef()
+
   const qrcodeText = useMemo(() => initialState.report_url + '#resume-work-form?org=' + id, [id, initialState.report_url])
-  const downloadQrcode = useCallback(() => {
-    if (qrcodeRef.current) {
-      qrcodeRef.current.download();
-    }
-  }, [])
 
   const onFinish = (values) => {
     setLoading(true)
@@ -76,19 +71,14 @@ export default (props) => {
           <Input type='number' min='0' />
         </Form.Item>
         {
-          id && <Form.Item label=' ' colon={false} wrapperCol={{ offset: 3 }}>
-            <QRCode ref={qrcodeRef} border width={200} content={qrcodeText} title={formData?.orgName} fileName={formData?.orgName} />
+          id && <Form.Item label='申报二维码' >
+            <QRCode text={qrcodeText} title={formData?.orgName} />
           </Form.Item>
         }
         <Form.Item label=' ' colon={false} >
           <Button type="primary" htmlType="submit" loading={loading}>
             保存
           </Button>
-          {id &&
-            <Button style={{ marginLeft: '32px' }} onClick={downloadQrcode} >
-              下载二维码
-            </Button>
-          }
           <Button style={{ marginLeft: '32px' }} onClick={() => { history.go(-1); }} >返回</Button>
         </Form.Item>
       </Form>

src/pages/org/org/components/QRCode.jsx → src/pages/org/org/Edit/components/QRCode.jsx

@@ -35,7 +35,7 @@ export default (props) => {
       <Popover content={content} placement="right">
         <QrcodeOutlined style={{ fontSize: '32px' }} />
       </Popover>
-      <Button style={{ marginLeft: '16px' }} onClick={download}>下载</Button>
+      <Button style={{ marginLeft: '16px' }} onClick={download} type='link'>下载</Button>
     </div>
   )
 }