<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">
|
<title>角色管理</title>
|
|
<script type="text/javascript">
|
var pageVue = null;
|
function loadJsCss(callback) {
|
var jscss_urls = [];
|
window.top.initJsCss(document, jscss_urls, callback);
|
};
|
|
function initVue() {
|
pageVue = new TabTableVue({
|
el: "#vbody",
|
data: {
|
title: "角色管理",
|
//Tab项设置
|
tabs: [
|
{code: "role", name: "角色", pageurl:"./role_list.html?v=2"},
|
{code: "pageRole", name: "页面权限", pageurl:"./page_role.html?v=2"},
|
// {code: "dataRole", name: "数据权限", pageurl:"./data_role.html"},
|
// {code: "nodeRole", name: "资料库权限", pageurl:"./node_role.html"},
|
],
|
|
cheight:null,
|
activeTabName: ""
|
},
|
created() {
|
var me = this;
|
me.cheight = document.documentElement.clientHeight - 75;
|
},
|
|
mounted() {
|
var me = this;
|
this.activeTabName = "role";
|
//获取数据
|
this.initTabsPage(function() {
|
me.initData();
|
});
|
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
|
hideLoading();
|
});
|
},
|
|
methods:{
|
initData() {
|
var me = this;
|
},
|
}
|
});
|
};
|
|
loadJsCss(function () {
|
initVue();
|
});
|
</script>
|
<style>
|
/* 在vue.js中 v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的 */
|
[v-cloak] {
|
display: none !important;
|
}
|
.el-tabs__nav-scroll {
|
overflow: hidden;
|
position: relative;
|
padding-left: 20px;
|
}
|
</style>
|
|
</head>
|
|
<body style="margin: 0px;">
|
<div v-cloak id="vbody">
|
<div id="page_root">
|
<div class="topbar">
|
<span>{{title}}</span>
|
</div>
|
</div>
|
<div>
|
<el-tabs v-model="activeTabName" @tab-click="handleClick">
|
<el-tab-pane v-for="(tab, k) in tabs" :label="tab.name" :name="tab.code" :key="k">
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
|
<iframe :src="selectTabObj.pageurl" frameborder="0" :style="{ width:'100%', height: cheight+ 'px' }"></iframe>
|
</div>
|
|
<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 50vh;">
|
<div class="spinner">
|
<div class="cube1"></div>
|
<div class="cube2"></div>
|
</div>
|
</div>
|
|
</body>
|
</html>
|
