sasp-admin 0.2.57

package/src/views/role/role.vue

@@ -0,0 +1,135 @@
+<!--角色页面主界面-->
+<template>
+    <el-tabs accordion type="border-card" class="el-tabs-rel" style="height:100%;">
+        <el-tab-pane>
+            <span slot="label" v-if="true">普通角色</span>
+            <common-role></common-role>
+        </el-tab-pane>
+
+        <el-tab-pane>
+            <span slot="label" v-if="loginUser.userType == 'empower' || loginUser.userType == 'sup' || loginUser.userType == 'dev'">授权角色</span>
+            <auth-role></auth-role>
+        </el-tab-pane>
+    </el-tabs>
+</template>
+
+<script>
+    import authRole from './authRole/authRole'; //授权角色
+    import commonRole from './commonRole/commonRole';//普通角色
+
+
+    export default {
+        name: "role",
+        components: {commonRole, authRole},
+        data() {
+            return {
+                loginUser:{}
+            }
+        },
+        created() {
+            this.loginUser = this.USER_GLOBAL.getLoginUser();
+        },
+        watch: {
+            //监听formdata 刷新表单
+        },
+        methods: {}
+    }
+
+</script>
+
+<style scoped>
+    legend {
+        font-size: 14px;
+    }
+
+    .button_header {
+        position: absolute;
+        height: 60px !important;
+        text-align: center;
+        line-height: 60px;
+        bottom: 0;
+        border-top: 1px solid #f2f2f2;
+        background-color: white;
+        margin: auto;
+        width: 100%;
+        right: 0;
+        z-index: 99;
+    }
+
+    .control_box {
+        padding-right: 100px;
+        position: relative;
+    }
+
+    .control_box_zero {
+        padding-right: 0;
+        position: relative;
+    }
+
+    .operate_div {
+        position: absolute;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        margin: auto;
+        width: 100px;
+    }
+
+    .operate_div i {
+        /*margin-right: 20px;*/
+        cursor: pointer;
+        width: 30px;
+        height: 30px;
+        padding-top: 15px;
+        padding-left: 15px;
+        float: left;
+    }
+
+    .top_contain {
+        height: 100%;
+        /*border-radius:8px;*/
+        overflow-y: hidden;
+    }
+
+    .top_contain::-webkit-scrollbar {
+        width: 0;
+    }
+</style>
+<style>
+    .black .el-form-item__label {
+        color: black;
+    }
+
+    .green .el-form-item__label {
+        color: #27B5C3;
+    }
+
+    .settingClass {
+        width: 100%;
+        height: 40px;
+        position: relative;
+    }
+
+    .settingClass span {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        margin: auto;
+        line-height: 40px;
+    }
+
+    .el-tabs-rel /deep/ ::-webkit-scrollbar{
+        width: 5px;
+        height: 5px;
+    }
+
+    .el-tabs-rel /deep/ ::-webkit-scrollbar-thumb{
+        border-radius: 8px;
+        background-color:#b6bcbf;
+    }
+    .el-tabs-rel /deep/ ::-webkit-scrollbar-track{
+        border-radius: 8px;
+    }
+</style>