<!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,
|
},
|
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:{
|
// handleClick(val) {
|
// // this.initData();
|
// // console.log(val)
|
// },
|
|
initData() {
|
var me = this;
|
// this.doQueryByTab(function(result, callback) {//查询后的回调，用于获取字段的
|
// if (result.meta && result.meta[me.selectTabObj.dataname] && result.meta[me.selectTabObj.dataname].fields) {
|
// var metas = clone(result.meta[me.selectTabObj.dataname].fields);
|
// var filterFields_ = [];
|
// var tableFields_ = [];
|
|
// metas.map(f=>{
|
// f.isshow = "T";
|
|
// if (f.isfilter) {
|
// filterFields_.push(clone(f));
|
// }
|
// else {
|
// var filter_f = clone(f);
|
// filter_f.isshow = "F";
|
// filterFields_.push(filter_f);
|
// }
|
|
// tableFields_.push(clone(f));
|
// })
|
// if (!me.selectTabObj.filterFields || (me.selectTabObj.filterFields && me.selectTabObj.filterFields.length == 0)) {
|
|
// me.selectTabObj.filterFields = clone(filterFields_);
|
// me.selectTabObj.tableFields = clone(tableFields_);
|
|
// //字段数组转字段obj，目的为了筛选时获取字段属性
|
// me.fieldsToFieldsObj();
|
|
// //设置字段事件
|
// me.tableFieldClick();
|
// }
|
// }
|
|
// if (callback) {
|
// callback();
|
// }
|
// });
|
},
|
|
// tableFieldClick() {
|
// var me = this;
|
// var tablefieldClick = {};
|
// //表格字段事件设置
|
// tablefieldClick.input = {
|
// };
|
// tablefieldClick.all = {
|
// };
|
|
// this.selectTabObj.tablefieldClick = tablefieldClick[this.activeTabName];
|
// },
|
}
|
});
|
};
|
|
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>
|
