h5下载二维码

src/pages/activity/drainage/DrainageList.jsx

@@ -73,6 +73,23 @@ const header = (props) => {
     });
   }
 
+  const newQrcode = row => {
+    const x = new XMLHttpRequest();
+    const resourceUrl = row.qrCode
+    console.log(resourceUrl);
+    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 = 'H5二维码.png';
+      a.click();
+    }
+    x.send();
+  }
+
   const exchangeDrainage = drainage => () => {
     if(drainage.status === 1){
       if(drainage.isMiniapp){
@@ -206,6 +223,11 @@ const header = (props) => {
               数据
             </span>
           </AuthButton>
+          <AuthButton name="admin.taDrainage.id.delete" noRight={null}>
+            <span style={{ right: '20px', bottom: ' 10px', fontSize: ' 0.106rem', color: '#FF7E48', cursor: 'pointer', marginLeft: 20 }} onClick={newQrcode.bind(this, datas)}>
+              下载二维码
+            </span>
+          </AuthButton >
         </>
       ),
     },