From 66630c747c49e54df825e3492d35cc20f13f3e94 Mon Sep 17 00:00:00 2001
From: yoe <yoe0405@163.com>
Date: Wed, 28 Oct 2020 11:05:53 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                      |  1 +
 src/api/login.js                  | 10 ++++++
 src/router/config_route.js        | 11 ++++++
 src/router/index.js               |  7 ++--
 src/views/login/dingTalkLogin.vue | 56 +++++++++++++++++++++++++++++++
 5 files changed, 82 insertions(+), 3 deletions(-)
 create mode 100644 src/api/login.js
 create mode 100644 src/router/config_route.js
 create mode 100644 src/views/login/dingTalkLogin.vue

diff --git a/package.json b/package.json
index 0d71846..2e26f7d 100644
--- a/package.json
+++ b/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",
diff --git a/src/api/login.js b/src/api/login.js
new file mode 100644
index 0000000..a099445
--- /dev/null
+++ b/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
+  })
+}
diff --git a/src/router/config_route.js b/src/router/config_route.js
new file mode 100644
index 0000000..8a16081
--- /dev/null
+++ b/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
+    }
+  }
+]
diff --git a/src/router/index.js b/src/router/index.js
index 0303ac8..b033fcf 100644
--- a/src/router/index.js
+++ b/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]
 })
diff --git a/src/views/login/dingTalkLogin.vue b/src/views/login/dingTalkLogin.vue
new file mode 100644
index 0000000..7e88886
--- /dev/null
+++ b/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>