完善app扫码下载

anrui-system-ui/src/api/downloadByApp/downloadByApp.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+export default {
+  selectNewAppVersion: function() { // 登录页面 下载 App 二维码
+    return request({
+      url: '/portal/v1/appversion/selectNewAppVersion2',
+      method: 'get'
+    })
+  }
+}

anrui-system-ui/src/router/index.js

@@ -202,6 +202,19 @@ export const constantRoutes = [
       }
     }]
   },
+  {
+    path: '/downloadByApp',
+    component: Layout,
+    redirect: '/downloadByApp',
+    children: [{
+      path: '/downloadByApp',
+      component: () => import('@/views/downloadByApp/downloadByApp.vue'),
+      name: 'downloadByApp',
+      meta: {
+        title: 'app下载'
+      }
+    }]
+  },
   {
     path: '/logManage',
     component: Layout,

anrui-system-ui/src/views/downloadByApp/downloadByApp.vue

@@ -0,0 +1,40 @@
+<template>
+  <div id="qrcode" style="text-align: center">
+    <div style="color: red; font-weight: bold;padding-top: 20px">注：请使用手机浏览器扫描</div>
+    <canvas id="cancas"></canvas>
+  </div>
+</template>
+
+<script>
+import QRcode from 'qrcode'
+import req from '@/api/downloadByApp/downloadByApp'
+
+export default {
+  components: {
+    QRcode
+  },
+  data() {
+    return {
+      mag: '',
+      codes: ''
+    }
+  },
+  mounted() {
+    req.selectNewAppVersion().then((res) => {
+      if (res.success && res.data) {
+        this.useQRcode(res.data)
+      }
+    })
+  },
+  methods: {
+    useQRcode(url) {
+      var canvas = document.getElementById('cancas')
+      QRcode.toCanvas(canvas, url, { width: 300 })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>