Skip to content

H
haoban-4
Commit 7f15ce58 by 无尘
Options

feat: 增加授权

parent 646adc2d
Showing with 11 additions and 7 deletions
dist/css/chunk-372d2ec4.1cfab0d4.css 0 → 100644
.line-h-22[data-v-43800c50]{line-height:22px}.line-h-20[data-v-43800c50]{line-height:20px}.app-auth-body[data-v-43800c50]{width:100%}.app-auth-body .app-auth-head[data-v-43800c50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left;padding:0 20px;height:46px;color:#fff;background-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 img[data-v-43800c50]{width:22px}.app-auth-body .app-auth-head .web-name[data-v-43800c50]{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-43800c50]{width:100%}.app-auth-body .app-auth-info .app-info-body[data-v-43800c50]{width:498px;min-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-43800c50]{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-43800c50]{min-height:227px;margin-top:25px;padding:15px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e4e7ed}.app-auth-body .app-auth-info .app-info-body .app-info-detail .app-top[data-v-43800c50]{border-bottom:1px solid #ebecf0;padding-bottom:15px}.app-auth-body .app-auth-info .app-info-body .app-info-detail .app-img[data-v-43800c50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:42px;height:42px;max-width:42px;max-height:42px;border-radius:6px}.app-auth-body .app-auth-info .app-info-body .app-info-detail .app-img img[data-v-43800c50]{max-width:42px;max-height:42px;border-radius:6px}.app-auth-body .app-auth-info .app-info-body .app-info-detail .auth-rights .auth-rights-title[data-v-43800c50]{padding:10px 0}.app-auth-body .app-auth-info .app-info-body .app-info-detail .auth-rights ul li[data-v-43800c50]{line-height:20px;margin-bottom:5px}.app-auth-body .app-info-btn[data-v-43800c50]{margin-top:30px;text-align:right}
\ No newline at end of file
dist/css/chunk-6904068a.bd3003d7.css deleted 100644 → 0
.line-h-22[data-v-0d19003e]{line-height:22px}.line-h-20[data-v-0d19003e]{line-height:20px}.app-auth-body[data-v-0d19003e]{width:100%}.app-auth-body .app-auth-head[data-v-0d19003e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left;padding:0 20px;height:46px;color:#fff;background-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 img[data-v-0d19003e]{width:22px}.app-auth-body .app-auth-head .web-name[data-v-0d19003e]{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-0d19003e]{width:100%;min-height:227px}.app-auth-body .app-auth-info .app-info-body[data-v-0d19003e]{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-0d19003e]{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-0d19003e]{margin-top:25px;padding:15px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e4e7ed}.app-auth-body .app-auth-info .app-info-body .app-info-detail .app-top[data-v-0d19003e]{border-bottom:1px solid #ebecf0;padding-bottom:15px}.app-auth-body .app-auth-info .app-info-body .app-info-detail .app-img[data-v-0d19003e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:42px;height:42px;max-width:42px;max-height:42px;border-radius:6px}.app-auth-body .app-auth-info .app-info-body .app-info-detail .app-img img[data-v-0d19003e]{max-width:42px;max-height:42px;border-radius:6px}.app-auth-body .app-auth-info .app-info-body .app-info-detail .auth-rights .auth-rights-title[data-v-0d19003e]{padding:10px 0}.app-auth-body .app-auth-info .app-info-body .app-info-detail .auth-rights ul li[data-v-0d19003e]{line-height:20px;margin-bottom:5px}
\ No newline at end of file
dist/js/chunk-372d2ec4.916b9e97.js 0 → 100644
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-372d2ec4"],{2313:function(t,a,i){"use strict";var s=i("2dfb"),o=i.n(s);o.a},"2dfb":function(t,a,i){},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 app-top"},[i("div",{staticClass:"app-img"},[i("img",{attrs:{src:t.appInfo.iconUrl,alt:"app"}})]),i("div",{staticClass:"flex flex-column p-l-12 flex-space-between"},[i("div",{staticClass:"font-14 color-303133 line-h-22"},[t._v(t._s(t.appInfo.applicationName))]),i("div",{staticClass:"font-12 color-606266 line-h-20"},[t._v(t._s(t.appInfo.introduction))])])]),i("div",{staticClass:"auth-rights"},[i("div",{staticClass:"auth-rights-title font-14 color-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",staticClass:"font-14 color-303133"},[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:"primary"},on:{click:function(a){return a.stopPropagation(),t.toAuthRights(a)}}},[t._v("授权")])],1)])])])},o=[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:{}},c=n,e=(i("2313"),i("2877")),p=Object(e["a"])(c,s,o,!1,null,"43800c50",null);a["default"]=p.exports},cf05:function(t,a,i){t.exports=i.p+"img/logo.861ef5c7.png"}}]);
\ No newline at end of file
dist/js/chunk-6904068a.235c606c.js deleted 100644 → 0
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-6904068a"],{1413:function(t,a,i){},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 app-top"},[i("div",{staticClass:"app-img"},[i("img",{attrs:{src:t.appInfo.iconUrl,alt:"app"}})]),i("div",{staticClass:"flex flex-column p-l-12 flex-space-between"},[i("div",{staticClass:"font-14 color-303133 line-h-22"},[t._v(t._s(t.appInfo.applicationName))]),i("div",{staticClass:"font-12 color-606266 line-h-20"},[t._v(t._s(t.appInfo.introduction))])])]),i("div",{staticClass:"auth-rights"},[i("div",{staticClass:"auth-rights-title font-14 color-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",staticClass:"font-14 color-303133"},[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:"primary"},on:{click:function(a){return a.stopPropagation(),t.toAuthRights(a)}}},[t._v("授权")])],1)])])])},o=[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("好办管理平台")])])}],c={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:{}},n=c,e=(i("cddc"),i("2877")),p=Object(e["a"])(n,s,o,!1,null,"0d19003e",null);a["default"]=p.exports},cddc:function(t,a,i){"use strict";var s=i("1413"),o=i.n(s);o.a},cf05:function(t,a,i){t.exports=i.p+"img/logo.861ef5c7.png"}}]);
\ No newline at end of file
src/views/apps/app-auth.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2020-10-16 10:18:02
* @LastEditors: 无尘
* @LastEditTime: 2020-10-16 11:32:18
* @LastEditTime: 2020-10-16 11:35:44
-->
<template>
<div class="app-auth-body">
......@@ -121,10 +121,9 @@ export default {
}
.app-auth-info {
width: 100%;
min-height: 227px;
.app-info-body {
width: 498px;
height: 374px;
min-height: 374px;
margin: 50px auto;
padding: 20px 30px;
background: #FFFFFF;
......@@ -137,6 +136,7 @@ export default {
line-height: 22px;
}
.app-info-detail {
min-height: 227px;
margin-top: 25px;
padding: 15px 20px;
box-sizing: border-box;
......@@ -174,6 +174,10 @@ export default {
}
}
}
.app-info-btn {
margin-top: 30px;
text-align: right;
}
}
</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