二维码封装

src/pages/activity/SignupActivity/detail.jsx

 import { getImgURL } from '@/utils/image';
 import Share from '@/components/Share';
 import Poster from '@/components/Poster';
+import PictureQRcode from '@/utils/imageQC'
 
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 const { TextArea } = Input;
   });
 };
 
-const newQrcode = row => {
-  const x = new XMLHttpRequest();
-  const resourceUrl = row.qrCode;
-  x.open('GET', resourceUrl, true);
-  x.responseType = 'blob';
-  x.onload = function(e) {
-    const url = window.URL.createObjectURL(x.response);
-    const a = document.createElement('a');
-    a.href = url;
-    a.style.display = 'none';
-    a.download = '活动二维码.png';
-    a.click();
-  };
-  x.send();
-};
+// const newQrcode = row => {
+//   const x = new XMLHttpRequest();
+//   const resourceUrl = row.qrCode;
+//   x.open('GET', resourceUrl, true);
+//   x.responseType = 'blob';
+//   x.onload = function (e) {
+//     const url = window.URL.createObjectURL(x.response);
+//     const a = document.createElement('a');
+//     a.href = url;
+//     a.style.display = 'none';
+//     a.download = '活动二维码.png';
+//     a.click();
+//   };
+//   x.send();
+// };
 
 const BasicForm = props => {
   const detailData = props.detailData || {};
           {(detailData.activityStatus === 0 || detailData.activityStatus === 2) && (
             <span
               style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }}
-              onClick={newQrcode.bind(this, detailData)}
+              // onClick={newQrcode.bind(this, detailData)}
+              onClick={() => {
+                PictureQRcode(detailData, '活动二维码')
+                  , console.log(detailData)
+              }}
             >
               {<Button>下载二维码</Button>}
             </span>

src/pages/activity/groupRoomActivity/detail.jsx

 import { getImgURL } from '@/utils/image';
 import Share from '@/components/Share';
 import Poster from '@/components/Poster';
+import PictureQRcode from '@/utils/imageQC'
 
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 const { TextArea } = Input;
   });
 };
 
-const newQrcode = row => {
-  const x = new XMLHttpRequest();
-  const resourceUrl = row.qrCode;
-  x.open('GET', resourceUrl, true);
-  x.responseType = 'blob';
-  x.onload = function(e) {
-    const url = window.URL.createObjectURL(x.response);
-    const a = document.createElement('a');
-    a.href = url;
-    a.style.display = 'none';
-    a.download = '活动二维码.png';
-    a.click();
-  };
-  x.send();
-};
+
+
+// const newQrcode = row => {
+//   const x = new XMLHttpRequest();
+//   const resourceUrl = row.qrCode;
+//   x.open('GET', resourceUrl, true);
+//   x.responseType = 'blob';
+//   x.onload = function (e) {
+//     const url = window.URL.createObjectURL(x.response);
+//     const a = document.createElement('a');
+//     a.href = url;
+//     a.style.display = 'none';
+//     a.download = '活动二维码.png';
+//     a.click();
+//   };
+//   x.send();
+// };
 
 const BasicForm = props => {
   const detailData = props.detailData || {};
           {(detailData.activityStatus === 0 || detailData.activityStatus === 2) && (
             <span
               style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }}
-              onClick={newQrcode.bind(this, detailData)}
+              // onClick={newQrcode.bind(this, detailData)}
+
+              onClick={() => {
+                PictureQRcode(detailData, '测试')
+                  , console.log(detailData)
+              }}
             >
               {<Button>下载二维码</Button>}
             </span>

src/pages/activity/lookHouseActivity/detail.jsx

 import { getImgURL } from '@/utils/image';
 import Share from '@/components/Share';
 import Poster from '@/components/Poster';
+import PictureQRcode from '@/utils/imageQC'
 
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 const { TextArea } = Input;
   });
 };
 
-const newQrcode = row => {
-  const x = new XMLHttpRequest();
-  const resourceUrl = row.qrCode;
-  x.open('GET', resourceUrl, true);
-  x.responseType = 'blob';
-  x.onload = function(e) {
-    const url = window.URL.createObjectURL(x.response);
-    const a = document.createElement('a');
-    a.href = url;
-    a.style.display = 'none';
-    a.download = '活动二维码.png';
-    a.click();
-  };
-  x.send();
-};
+// const newQrcode = row => {
+//   const x = new XMLHttpRequest();
+//   const resourceUrl = row.qrCode;
+//   x.open('GET', resourceUrl, true);
+//   x.responseType = 'blob';
+//   x.onload = function (e) {
+//     const url = window.URL.createObjectURL(x.response);
+//     const a = document.createElement('a');
+//     a.href = url;
+//     a.style.display = 'none';
+//     a.download = '活动二维码.png';
+//     a.click();
+//   };
+//   x.send();
+// };
 
 const BasicForm = props => {
   const detailData = props.detailData || {};
           {(detailData.activityStatus === 0 || detailData.activityStatus === 2) && (
             <span
               style={{ color: '#1990FF', marginRight: '20px', cursor: 'pointer' }}
-              onClick={newQrcode.bind(this, detailData)}
+              // onClick={newQrcode.bind(this, detailData)}
+              onClick={() => {
+                PictureQRcode(detailData, '活动二维码')
+                  , console.log(detailData)
+              }}
             >
               {<Button>下载二维码</Button>}
             </span>

src/utils/imageQC.js

+
+import { message } from 'antd';
+//测试封装
+export default function PictureQRcode(res, title) {
+  if (res.qrCode === null || res.qrCode == 'null') {
+    message.error(`保存失败${res.qrCode}`);
+
+  } else {
+    const x = new XMLHttpRequest();
+    const resourceUrl = res.qrCode;
+    x.open('GET', resourceUrl, true);
+    x.responseType = 'blob';
+    x.onload = function (e) {
+      const url = window.URL.createObjectURL(x.response);
+      const a = document.createElement('a');
+      a.href = url;
+      a.style.display = 'none';
+      a.download = `${title}.png`;
+      a.click();
+    };
+    x.send();
+    message.info(`保存成功`);
+
+
+  }
+
+
+}
+