Skip to content

H
haoban-4
Commit 57609373 by 无尘
Options

feat: 增加授权

parent 3165fdfd
Showing with 150 additions and 1 deletions
dist/css/chunk-7af082c6.b2b30b26.css 0 → 100644
.app-auth-body[data-v-49edd25f]{width:100%;height:46px;line-height:46px;font-size:14px;background-color:#fff;padding:0;color:#fff;-webkit-box-shadow:0 4px 6px 0 rgba(221,227,237,.29);box-shadow:0 4px 6px 0 rgba(221,227,237,.29)}.app-auth-body .app-auth-head[data-v-49edd25f]{text-align:left}.app-auth-body .app-auth-head img[data-v-49edd25f]{width:22px}.app-auth-body .app-auth-head .web-name[data-v-49edd25f]{padding-left:10px;font-size:16px;font-weight:600;color:#303133;line-height:22px;background:-webkit-gradient(linear,right top,left top,from(#5b4adb),to(#2da8ff));background:linear-gradient(270deg,#5b4adb,#2da8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-auth-body .app-auth-info[data-v-49edd25f]{width:100%}.app-auth-body .app-auth-info .app-info-body[data-v-49edd25f]{width:498px;height:374px;margin:50px auto;padding:20px 30px;background:#fff;-webkit-box-shadow:0 5px 9px 0 hsla(0,0%,87.1%,.28);box-shadow:0 5px 9px 0 hsla(0,0%,87.1%,.28);-webkit-box-sizing:border-box;box-sizing:border-box}.app-auth-body .app-auth-info .app-info-body .app-info-title[data-v-49edd25f]{font-size:16px;font-weight:500;color:#303133;line-height:22px}.app-auth-body .app-auth-info .app-info-body .app-info-detail[data-v-49edd25f]{padding:15px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e4e7ed}
\ No newline at end of file
dist/js/chunk-7af082c6.e41b6489.js 0 → 100644
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-7af082c6"],{c686:function(t,a,i){"use strict";i.r(a);var s=function(){var t=this,a=t.$createElement,i=t._self._c||a;return i("div",{staticClass:"app-auth-body"},[t._m(0),i("div",{staticClass:"app-auth-info"},[i("div",{staticClass:"app-info-body"},[i("div",{staticClass:"app-info-title"},[t._v("应用授权")]),i("div",{staticClass:"app-info-detail"},[i("div",{staticClass:"flex"},[i("div",{staticClass:"app-img"},[i("img",{attrs:{src:t.appInfo.iconUrl,alt:"app"}})]),i("div",{staticClass:"flex flex-column"},[i("div",[t._v(t._s(t.appInfo.applicationName))]),i("div",[t._v(t._s(t.appInfo.introduction))])])]),i("div",{staticClass:"auth-rights"},[i("div",{staticClass:"auth-rights-title font-14 coor-909399"},[t._v("授权后将允许"+t._s(t.appInfo.applicationName||"")+"应用进行以下权限操作")]),i("div",[i("ul",t._l(t.rightsList,(function(a,s){return i("li",{key:s+"right"},[t._v(t._s(a.rightsName))])})),0)])])]),i("div",{staticClass:"app-info-btn"},[i("el-checkbox",{staticClass:"p-r-10",model:{value:t.checkAuth,callback:function(a){t.checkAuth=a},expression:"checkAuth"}}),i("el-button",{attrs:{type:"text"},on:{click:t.toProtocol}},[t._v("授权同意《达摩授权服务协议》")]),i("el-button",{attrs:{disabled:!t.checkAuth,type:"text"},on:{click:function(a){return a.stopPropagation(),t.toAuthRights(a)}}},[t._v("授权")])],1)])])])},c=[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"app-auth-head"},[s("img",{attrs:{src:i("cf05"),alt:"logo"}}),s("span",{staticClass:"web-name"},[t._v("好办管理平台")])])}],n={name:"AppAuth",components:{},data:function(){return{appInfo:{appId:"",applicationName:"",introduction:"",iconUrl:"https://pic01-10001430.image.myqcloud.com/69918371857506304/1594638566081_O1zMw.jpg",rights:""},checkAuth:!1,rightsList:[]}},mounted:function(){var t=this;t.getAppData()},methods:{toProtocol:function(){window.open("protocol","_blank","noopener")},toAuthRights:function(){var t=this;t.$router.push("/")},getAppData:function(){var t=this;t.appInfo={}}},watch:{}},o=n,e=(i("e1c7"),i("2877")),p=Object(e["a"])(o,s,c,!1,null,"49edd25f",null);a["default"]=p.exports},cb8b:function(t,a,i){},cf05:function(t,a,i){t.exports=i.p+"img/logo.861ef5c7.png"},e1c7:function(t,a,i){"use strict";var s=i("cb8b"),c=i.n(s);c.a}}]);
\ No newline at end of file
src/router/routes.js
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2020-07-16 16:37:05
* @LastEditors: 无尘
* @LastEditTime: 2020-09-24 11:38:37
* @LastEditTime: 2020-10-16 10:20:16
*/
import _import from './_import.js';
......@@ -213,6 +213,11 @@ export const routes = [
]
},
{
path: '/app-auth',
name: '应用授权',
component: _import('apps', 'app-auth')
},
{
path: '/gic-error',
name: 'gic跳转失败页',
component: _import('error-page', 'gic-error')
......
src/views/apps/app-auth.vue 0 → 100644
<!--
* @Descripttion: 应用授权
* @version: 1.0.0
* @Author: 无尘
* @Date: 2020-10-16 10:18:02
* @LastEditors: 无尘
* @LastEditTime: 2020-10-16 11:05:43
-->
<template>
<div class="app-auth-body">
<div class="app-auth-head">
<img src="../../assets/logo.png" alt="logo" /><span class="web-name">好办管理平台</span>
</div>
<div class="app-auth-info">
<div class="app-info-body">
<div class="app-info-title">应用授权</div>
<div class="app-info-detail">
<div class="flex">
<div class="app-img">
<img :src="appInfo.iconUrl" alt="app" />
</div>
<div class="flex flex-column">
<div>{{appInfo.applicationName}}</div>
<div>{{appInfo.introduction}}</div>
</div>
</div>
<div class="auth-rights">
<div class="auth-rights-title font-14 coor-909399">授权后将允许{{appInfo.applicationName || ''}}应用进行以下权限操作</div>
<div>
<ul>
<li v-for="(item, index) in rightsList" :key="index + 'right'">{{item.rightsName}}</li>
</ul>
</div>
</div>
</div>
<div class="app-info-btn">
<el-checkbox v-model="checkAuth" class="p-r-10" /><el-button type="text" @click="toProtocol">授权同意《达摩授权服务协议》</el-button><el-button :disabled="checkAuth? false : true" type="text" @click.stop="toAuthRights">授权</el-button>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'AppAuth',
components: {},
data() {
return {
appInfo: {
appId: '',
applicationName: '',
introduction: '',
iconUrl: 'https://pic01-10001430.image.myqcloud.com/69918371857506304/1594638566081_O1zMw.jpg',
rights: ''
},
checkAuth: false,
rightsList: []
};
},
// 生命周期 - 挂载完成（访问DOM元素）
mounted() {
const that = this;
that.getAppData();
},
// methods
methods: {
/**
* @description: 跳转协议
* @author: 无尘
*/
toProtocol() {
window.open('protocol', '_blank', 'noopener');
},
toAuthRights() {
const that = this;
that.$router.push('/');
},
getAppData() {
const that = this;
that.appInfo = {};
}
},
watch: {}
};
</script>
<style lang='less' scoped>
.app-auth-body {
width: 100%;
height: 46px;
line-height: 46px;
font-size: 14px;
background-color: #fff;
padding: 0;
color: #fff;
-webkit-box-shadow: 0 4px 6px 0 rgba(221,227,237,.29);
box-shadow: 0 4px 6px 0 rgba(221,227,237,.29);
.app-auth-head {
text-align: left;
img {
width: 22px;
}
.web-name {
padding-left: 10px;
font-size: 16px;
font-weight: 600;
color: #303133;
line-height: 22px;
background: -webkit-gradient(linear,right top,left top,from(#5b4adb),to(#2da8ff));
background: linear-gradient(270deg,#5b4adb,#2da8ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.app-auth-info {
width: 100%;
.app-info-body {
width: 498px;
height: 374px;
margin: 50px auto;
padding: 20px 30px;
background: #FFFFFF;
box-shadow: 0px 5px 9px 0px rgba(222, 222, 222, 0.28);
box-sizing: border-box;
.app-info-title {
font-size: 16px;
font-weight: 500;
color: #303133;
line-height: 22px;
}
.app-info-detail {
padding: 15px 20px;
box-sizing: border-box;
border: 1px solid #E4E7ED;
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment