Skip to content

H
haoban-4
Commit 646adc2d by 无尘
Options

feat: 增加授权

parent 57609373
Showing with 59 additions and 20 deletions
dist/css/chunk-6904068a.bd3003d7.css 0 → 100644
.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/css/chunk-7af082c6.b2b30b26.css deleted 100644 → 0
.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-6904068a.235c606c.js 0 → 100644
(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
dist/js/chunk-7af082c6.e41b6489.js deleted 100644 → 0
(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/views/apps/app-auth.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2020-10-16 10:18:02
* @LastEditors: 无尘
* @LastEditTime: 2020-10-16 11:05:43
* @LastEditTime: 2020-10-16 11:32:18
-->
<template>
<div class="app-auth-body">
......@@ -15,26 +15,26 @@
<div class="app-info-body">
<div class="app-info-title">应用授权</div>
<div class="app-info-detail">
<div class="flex">
<div class="flex app-top">
<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 class="flex flex-column p-l-12 flex-space-between">
<div class="font-14 color-303133 line-h-22">{{appInfo.applicationName}}</div>
<div class="font-12 color-606266 line-h-20">{{appInfo.introduction}}</div>
</div>
</div>
<div class="auth-rights">
<div class="auth-rights-title font-14 coor-909399">授权后将允许{{appInfo.applicationName || ''}}应用进行以下权限操作</div>
<div class="auth-rights-title font-14 color-909399">授权后将允许{{appInfo.applicationName || ''}}应用进行以下权限操作</div>
<div>
<ul>
<li v-for="(item, index) in rightsList" :key="index + 'right'">{{item.rightsName}}</li>
<li v-for="(item, index) in rightsList" class="font-14 color-303133" :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>
<el-checkbox v-model="checkAuth" class="p-r-10" /><el-button type="text" @click="toProtocol">授权同意《达摩授权服务协议》</el-button><el-button :disabled="checkAuth? false : true" type="primary" @click.stop="toAuthRights">授权</el-button>
</div>
</div>
</div>
......@@ -85,18 +85,25 @@ export default {
};
</script>
<style lang='less' scoped>
.line-h-22 {
line-height: 22px;
}
.line-h-20 {
line-height: 20px;
}
.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 {
display: flex;
align-items: center;
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);
img {
width: 22px;
}
......@@ -114,6 +121,7 @@ export default {
}
.app-auth-info {
width: 100%;
min-height: 227px;
.app-info-body {
width: 498px;
height: 374px;
......@@ -129,9 +137,40 @@ export default {
line-height: 22px;
}
.app-info-detail {
margin-top: 25px;
padding: 15px 20px;
box-sizing: border-box;
border: 1px solid #E4E7ED;
.app-top {
border-bottom: 1px solid #EBECF0;
padding-bottom: 15px;
}
.app-img {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
border-radius: 6px;
img {
max-width: 42px;
max-height: 42px;
border-radius: 6px;
}
}
.auth-rights {
.auth-rights-title {
padding: 10px 0;
}
ul {
li {
line-height: 20px;
margin-bottom: 5px;
}
}
}
}
}
}
......
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