update 登录

package.json

@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "axios": "^0.20.0",
+    "dingtalk-jsapi": "^2.13.7",
     "echarts": "^4.9.0",
     "element-ui": "^2.13.2",
     "less": "^3.8.1",

src/api/login.js

@@ -0,0 +1,10 @@
+import requestFuc from '@/utils/request'
+
+// 钉钉免登录
+export function apiDingtalkLogin (query) {
+  return requestFuc({
+    url: '/lz_management/dtlg/login',
+    method: 'post',
+    params: query
+  })
+}

src/router/config_route.js

@@ -0,0 +1,11 @@
+export default [
+  {
+    path: '/dingTalkLogin',
+    name: 'dingTalkLogin',
+    component: (resolve) => require(['@/views/login/dingTalkLogin.vue'], resolve),
+    meta: {
+      title: '登录',
+      isNav: true
+    }
+  }
+]

src/router/index.js

@@ -1,17 +1,18 @@
 import Vue from 'vue'
 import Router from 'vue-router'
+import configRouter from './config_route.js'
 import kpiRouter from './kpi_route.js'
 Vue.use(Router)
 
-const routes = [
+const router = [
   {
     path: '/',
     redirect: kpiRouter.length > 0 ? kpiRouter[0].redirect : '/'
   }
-].concat(kpiRouter)
+]
 
 export default new Router({
   base: '/digitization/',
   mode: 'history',
-  routes
+  routes: [...configRouter, ...kpiRouter, ...router]
 })

src/views/login/dingTalkLogin.vue

@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <h2 class="brand-info__text">{{dataForm.verify}}</h2>
+  </div>
+</template>
+
+<script>
+import * as dd from 'dingtalk-jsapi'
+import { apiDingtalkLogin } from '@/api/login'
+
+export default {
+  data () {
+    return {
+      dataForm: {
+        verify: '身份验证中...'
+      },
+      dingCode: '' // 获取钉钉授权码
+    }
+  },
+  created () {
+    this.handleGetDingtalkCode()
+  },
+  mounted () {},
+  methods: {
+    // 获取钉钉鉴权码
+    handleGetDingtalkCode () {
+      dd.runtime.permission.requestAuthCode({
+        corpId: 'ding267474e759bbca1c35c2f4657eb6378f',
+        onSuccess (res) {
+          console.log('result===', res)
+          this.dingCode = res
+          this.handleDingtalkLogin(res)
+        },
+        onFail (err) {
+          console.log('err===', err)
+          this.dingCode = err
+        }
+      })
+    },
+    // 钉钉免登录
+    handleDingtalkLogin (res) {
+      apiDingtalkLogin(res).then(res => {
+        if (res && res.code === 0) {
+          this.$cookie.set('token', res.token)
+          this.dataForm.verify = '登录成功，跳转中...'
+          window.open(window.location.protocol + '//' + window.location.host + '/kpi/workbench/home&code=' + this.dingCode.code, '_blank')
+        } else {
+          this.dataForm.verify = '身份验证失败' + res.msg
+          this.$message.error(this.dataForm.verify)
+          this.$router.replace({ name: 'dingTalkLogin' })
+        }
+      })
+    }
+  }
+}
+</script>