| | |
| | | |
| | | <div class="permission" v-if="inAccountDetail && isSetPermission"> |
| | | <div class="title">权限管理</div> |
| | | |
| | | <!-- <div class="line-wrap" v-for="item in sysMenus" :key="item.id"> |
| | | <div class="line"> |
| | | <div class="name">{{ item.name }}</div> |
| | | <el-switch |
| | | v-model="item.selected" |
| | | active-color="rgba(61, 104, 225, 1)" |
| | | @change="fatherChange(item)" |
| | | > |
| | | </el-switch> |
| | | </div> |
| | | <div v-if="item.children"> |
| | | <div |
| | | class="line" |
| | | style="margin-left: 55px" |
| | | v-for="x in item.children" |
| | | :key="x.id" |
| | | > |
| | | <div class="name">{{ x.name }}</div> |
| | | <el-switch |
| | | v-model="x.selected" |
| | | active-color="rgba(61, 104, 225, 1)" |
| | | @change="childrenChange(item)" |
| | | > |
| | | </el-switch> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <!-- --> |
| | | <div class="tree-window"> |
| | | <el-tree |
| | | ref="treeMenus" |
| | |
| | | ></deviceInfo> |
| | | <Authorization v-if="activeIndex == 7" style="width: 100%" ref="view_7"> |
| | | </Authorization> |
| | | <WebManage v-if="activeIndex == 8"></WebManage> |
| | | </div> |
| | | <div class="welcome-page" v-else ref="curPage" @mouseup="mouseDownIndex = ''"> |
| | | <div |
| | |
| | | size="mini" |
| | | @focus="showRecomand = true" |
| | | clearable |
| | | @input="filterRecomand" |
| | | :suffix-icon="showRecomand && searchText.length ? '' : 'el-icon-search'" |
| | | v-model="searchText" |
| | | > |
| | |
| | | import keyboardLanguage from "../views/keyboardLanguage"; |
| | | import generalSettings from "../views/generalSettings"; |
| | | import Authorization from "../views/Authorization"; |
| | | import WebManage from "@/pages/settings/components/WebManage"; |
| | | import { pad0, getUrlKey } from "@/api/utils"; |
| | | |
| | | export default { |
| | |
| | | generalSettings, |
| | | deviceInfo, |
| | | Authorization, |
| | | WebManage, |
| | | }, |
| | | data() { |
| | | var v2 = (rule, value, callback) => { |
| | |
| | | blackIcon: "/images/settings/黑色一级icon/授权管理.png", |
| | | whiteIcon: "/images/settings/白色一级icon/授权管理.png", |
| | | }, |
| | | { |
| | | name: "域名管理", |
| | | icon: "\ue6db", |
| | | imgUrl: "/images/settings/通用设置.png", |
| | | blackIcon: "/images/settings/黑色一级icon/通用设置.png", |
| | | whiteIcon: "/images/settings/白色一级icon/通用设置.png", |
| | | }, |
| | | ], |
| | | accountArr: [], |
| | | jpgArr: [], |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | window.parent.postMessage( |
| | | { |
| | | msg: "showBack", |
| | | }, |
| | | "*" |
| | | ); |
| | | |
| | | let color = localStorage.getItem("--colorCard"); |
| | | if (color) { |
| | | document.documentElement.style.setProperty("--colorCard", `${color}`); |
| | |
| | | clearInterval(this.browserTimer); |
| | | }, |
| | | mounted() { |
| | | // 返回按钮回调 |
| | | window.addEventListener("message", (e) => { |
| | | if (e.data.msg === "返回系统设置") { |
| | | this.showWelcome = true; |
| | |
| | | return false; |
| | | }, |
| | | isShowPermitBtn() { |
| | | // basic 用户不允许修改权限 |
| | | if (this.activeUserRole == "超级管理员") { |
| | | return false; |
| | | } |
| | | if (this.curUserRole == "管理员") { |
| | | return this.activeUserRole == "普通用户"; |
| | | } else { |
| | |
| | | return this.searchArr.filter((item) => { |
| | | return item.name.indexOf(this.searchText.toUpperCase()) > -1; |
| | | }); |
| | | } |
| | | }, |
| | | }, |
| | | watch: { |
| | | showWelcome(newVal) { |
| | | if (newVal) { |
| | | // 隐藏返回按按钮 |
| | | window.parent.postMessage( |
| | | { |
| | | msg: "hiddenBack", |
| | | }, |
| | | "*" |
| | | ); |
| | | } else { |
| | | //显示返回按钮 |
| | | window.parent.postMessage( |
| | | { |
| | | msg: "showBack", |
| | | }, |
| | | "*" |
| | | ); |
| | | } |
| | | }, |
| | | }, |
| | |
| | | |
| | | .change-pw { |
| | | padding: 40px 10px; |
| | | max-width: 600px; |
| | | // max-width: 600px; |
| | | margin: 0 auto; |
| | | .title { |
| | | font-weight: bold; |
| | |
| | | line-height: 22px; |
| | | } |
| | | .fill-group { |
| | | max-width: 450px; |
| | | // max-width: 450px; |
| | | margin-top: 10px; |
| | | |
| | | margin: 0 auto; |
| | |
| | | } |
| | | } |
| | | </style> |
| | | |
| | | |