From 4a800a8fc83c6bd1f86a8e847b079a51a7532c09 Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@smartai.com> Date: 星期三, 20 七月 2022 15:05:58 +0800 Subject: [PATCH] 修复国标配置的bug --- src/pages/systemSettings/index/App.vue | 162 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 162 insertions(+), 0 deletions(-) diff --git a/src/pages/systemSettings/index/App.vue b/src/pages/systemSettings/index/App.vue new file mode 100644 index 0000000..d2ecf07 --- /dev/null +++ b/src/pages/systemSettings/index/App.vue @@ -0,0 +1,162 @@ +<template> + <div class="s-system-manage"> + <basic-setting v-show="activeName === 'basic'"></basic-setting> + </div> +</template> + +<script> +import BasicSetting from "../components/BasicSetting"; + +export default { + name: "settings", + components: { + BasicSetting, + }, + data() { + return { + activeName: "basic", + buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [], + loginName: + JSON.parse(sessionStorage.getItem("userInfo")).username || "鐢ㄦ埛鍚�", + }; + }, + computed: { + isAdmin() { + if ( + sessionStorage.getItem("userInfo") && + sessionStorage.getItem("userInfo") !== "" + ) { + let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username; + return loginName === "superadmin" || loginName === "basic"; + } + return false; + }, + }, + methods: { + isShow(authority) { + if (this.isAdmin) { + return true; + } else if (this.buttonAuthority.indexOf("," + authority + ",") > -1) { + return true; + } else { + return false; + } + }, + }, + created() { + if (this.isShow("videoSystem:base")) { + this.activeName = "basic"; + } else if (this.isShow("videoSystem:permission")) { + this.activeName = "user"; + } else if (this.isShow("videoSystem:broadcast")) { + this.activeName = "radio"; + } else if (this.isShow("videoSystem:eventPush")) { + this.activeName = "event"; + } else if (this.isShow("videoSystem:logManage")) { + this.activeName = "log"; + } else if (this.isShow("videoSystem:sysManage")) { + this.activeName = "system"; + } + }, +}; +</script> +<style lang="scss"> +.s-system-manage { + width: 100% !important; + min-width: 1067px; + height: 100%; + box-sizing: border-box; + padding: 10px; + background-color: #f8f9fb; + .s-system-manage-breadcrumb { + height: 5%; + box-sizing: border-box; + border: 1px solid #e4e7ed; + box-shadow: #e4e7ed 0px 0px 9px inset; + box-shadow: #e4e7ed 0px 0px 9px inset; + border-radius: 5px; + } + + .el-tabs--border-card { + border: 0px solid #dcdfe6; + -webkit-box-shadow: none; + box-shadow: none; + .el-tabs__header { + border: 0px solid #dcdfe6; + .el-tabs__item { + padding: 5px 50px; + height: 50px; + font-family: PingFangSC-Regular; + font-size: 15px; + color: #222222; + text-align: center; + border: 0px solid transparent; + } + .el-tabs__item:nth-child(2) { + padding-left: 50px !important; + } + .el-tabs__item:last-child { + padding-right: 50px !important; + } + .el-tabs__item.is-active { + color: #3d68e1; + + // border-right-color: #fff; + // border-left-color: #fff; + } + .el-tabs__item:not(.is-disabled):hover { + color: #3d68e1; + } + } + } + .el-tabs__header { + margin-bottom: 0; + } + .el-tabs__content { + height: calc(100% - 64px); + box-sizing: border-box; + overflow-y: auto; + padding: 20px 40px !important; + background: #fff; + .el-tab-pane { + width: 100%; + .s-title { + text-align: left; + padding: 15px 0px; + font-size: 16px; + } + } + } + + .s-table { + border: 1px solid #e8e8e9; + margin-top: 40px; + } + + .ui-top-title { + padding-bottom: 10px; + /* border-bottom: 1px solid #ebebeb; */ + position: relative; + text-align: left; + padding-left: 15px; + font-size: 16px; + font-weight: bold; + } + + .ui-top-title:before { + content: " "; + border-left: 4px solid #f53d3d; + display: inline-block; + height: 16px; + position: absolute; + top: 50%; + left: 0; + margin-top: -13px; + } + + .el-button--text { + color: #3d68e1; + text-decoration: underline; + } +} +</style> -- Gitblit v1.8.0