提交 e128c996 编写于 作者: laizhilong's avatar laizhilong

添加统一资源树,并给应用菜单添加根节点‘系统’

上级 58f417d1
...@@ -5,8 +5,8 @@ ...@@ -5,8 +5,8 @@
<div class="translate-contant"> <div class="translate-contant">
<!--应用菜单--> <!--应用菜单-->
<div class="center" :style="{width : '33%',border:'0px solid red' }"> <div class="center" :style="{width : '33%',border:'0px solid red' }">
<context-menu-container class='design-tree-container' > <context-menu-container class='design-tree-container'>
<div > <div>
<div class="text">应用菜单</div> <div class="text">应用菜单</div>
<div class="roll"> <div class="roll">
<el-tree <el-tree
...@@ -27,8 +27,8 @@ ...@@ -27,8 +27,8 @@
</div> </div>
<!--数据能力--> <!--数据能力-->
<div class="center" :style="{width : '33%',border:'0px solid red' }"> <div class="center" :style="{width : '33%',border:'0px solid red' }">
<context-menu-container class='design-tree-container' > <context-menu-container class='design-tree-container'>
<div > <div>
<div class="text">数据能力</div> <div class="text">数据能力</div>
<div class="roll"> <div class="roll">
<el-tree <el-tree
...@@ -49,8 +49,8 @@ ...@@ -49,8 +49,8 @@
</div> </div>
<!--统一资源--> <!--统一资源-->
<div class="center" :style="{width : '33%',border:'0px solid red' }"> <div class="center" :style="{width : '33%',border:'0px solid red' }">
<context-menu-container class='design-tree-container' > <context-menu-container class='design-tree-container'>
<div > <div>
<div class="text">统一资源</div> <div class="text">统一资源</div>
<div class="roll"> <div class="roll">
<el-tree <el-tree
...@@ -72,9 +72,11 @@ ...@@ -72,9 +72,11 @@
</div> </div>
<div> <div>
<!--操作按钮--> <!--操作按钮-->
<card :dis-hover="true" :bordered="false" class="footer"> <card :dis-hover="true" :bordered="false" class="footer">
<row :style="{ textAlign: 'right',border:'0px solid red' }"> <row :style="{ textAlign: 'right',border:'0px solid red' }">
<i-button type="primary" :disabled="this.selectData.length > 0 ? false : true" @click="onClickOk">{{this.containerModel.view_okbtn.text}}</i-button> <i-button type="primary" :disabled="this.selectData.length > 0 ? false : true"
@click="onClickOk">{{this.containerModel.view_okbtn.text}}
</i-button>
&nbsp;&nbsp; &nbsp;&nbsp;
<i-button @click="onClickCancel">{{this.containerModel.view_cancelbtn.text}}</i-button> <i-button @click="onClickCancel">{{this.containerModel.view_cancelbtn.text}}</i-button>
</row> </row>
...@@ -87,11 +89,13 @@ ...@@ -87,11 +89,13 @@
<script lang='tsx'> <script lang='tsx'>
import {Vue, Component, Emit, Prop, Watch, Provide} from 'vue-property-decorator'; import {Vue, Component, Emit, Prop, Watch, Provide} from 'vue-property-decorator';
import view_pickupviewpanel from '@widgets/sys-permission/mpickup-viewpickupviewpanel-pickupviewpanel/mpickup-viewpickupviewpanel-pickupviewpanel.vue'; import view_pickupviewpanel
from '@widgets/sys-permission/mpickup-viewpickupviewpanel-pickupviewpanel/mpickup-viewpickupviewpanel-pickupviewpanel.vue';
import {Subject, Subscription} from "rxjs"; import {Subject, Subscription} from "rxjs";
import {Util} from "@/utils"; import {Util} from "@/utils";
import { ControlInterface } from '@/interface/control'; import {ControlInterface} from '@/interface/control';
import ContextMenuContainer from "@components/context-menu-container/context-menu-container.vue"; import ContextMenuContainer from "@components/context-menu-container/context-menu-container.vue";
@Component({ @Component({
components: { components: {
ContextMenuContainer, ContextMenuContainer,
...@@ -99,30 +103,30 @@ ...@@ -99,30 +103,30 @@
}, },
beforeRouteEnter: (to: any, from: any, next: any) => { beforeRouteEnter: (to: any, from: any, next: any) => {
next((vm: any) => { next((vm: any) => {
vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag }); vm.$store.commit('addCurPageViewtag', {fullPath: to.fullPath, viewtag: vm.viewtag});
}); });
}, },
}) })
export default class SYS_PERMISSIONMPickupView extends Vue{ export default class SYS_PERMISSIONMPickupView extends Vue {
/*应用菜单数据*/ /*应用菜单数据*/
protected CDdata: any = []; protected CDdata: any = [];
/*应用菜单数据默认展开节点*/ /*应用菜单数据默认展开节点*/
protected CDdataexpandedKeys:any =[]; protected CDdataexpandedKeys: any = [];
/*数据能力数据*/ /*数据能力数据*/
protected QXdata: any = []; protected QXdata: any = [];
/*数据能力数据默认展开节点*/ /*数据能力数据默认展开节点*/
protected QXdataexpandedKeys:any =[]; protected QXdataexpandedKeys: any = [];
/*统一资源数据*/ /*统一资源数据*/
protected ZYdata: any = []; protected ZYdata: any = [];
/*统一资源数据默认展开节点*/ /*统一资源数据默认展开节点*/
protected ZYdataexpandedKeys:any =[]; protected ZYdataexpandedKeys: any = [];
/** /**
* 树显示说明:子树为节点对象的children,节点标签为节点对象的label * 树显示说明:子树为节点对象的children,节点标签为节点对象的label
*/ */
protected defaultProps:any= { protected defaultProps: any = {
children: 'children', children: 'children',
label: 'label' label: 'label'
} }
...@@ -134,7 +138,7 @@ ...@@ -134,7 +138,7 @@
/** /**
* 视图选中数据 * 视图选中数据
*/ */
public viewSelections:any[] = []; public viewSelections: any[] = [];
/** /**
* 父数据 * 父数据
...@@ -143,18 +147,18 @@ ...@@ -143,18 +147,18 @@
/** /**
* 父数据主键 * 父数据主键
*/ */
protected srfparentkey:any ; protected srfparentkey: any;
/** /**
* vue 创建 * vue 创建
*/ */
public created(){ public created() {
const _this: any = this; const _this: any = this;
// 获取父数据 // 获取父数据
if (_this.$attrs && _this.$attrs.viewdata) { if (_this.$attrs && _this.$attrs.viewdata) {
_this.parentData = JSON.parse(_this.$attrs.viewdata); _this.parentData = JSON.parse(_this.$attrs.viewdata);
} }
if(_this.parentData && _this.parentData.srfparentkey){ if (_this.parentData && _this.parentData.srfparentkey) {
_this.srfparentkey = _this.parentData.srfparentkey; _this.srfparentkey = _this.parentData.srfparentkey;
// console.log("父主键:" + _this.srfparentkey); // console.log("父主键:" + _this.srfparentkey);
} }
...@@ -163,44 +167,44 @@ ...@@ -163,44 +167,44 @@
/** /**
* vue 挂载 * vue 挂载
*/ */
public mounted(){ public mounted() {
this.initTree(); this.initTree();
} }
/** /**
* 初始化树 * 初始化树
*/ */
private initTree(){ private initTree() {
const _this = this; const _this = this;
// get全部菜单和权限的请求路径 // get全部菜单和数据能力和统一资源的请求路径
const url = `sys_permissions/getallMenuAndPermissionAndUnires`; const url = `sys_permissions/getallMenuAndPermissionAndUnires`;
this.$http.get(url).then((response: any)=>{ this.$http.get(url).then((response: any) => {
if (!response || response.status !== 200) { if (!response || response.status !== 200) {
this.$Notice.error({ title: '错误', desc: response.message }); this.$Notice.error({title: '错误', desc: response.message});
return; return;
}else{ } else {
// 给树赋值,数据结构在后台已经按照eltree格式化 // 给树赋值,数据结构在后台已经按照eltree格式化
_this.CDdata = response.data[0]; _this.CDdata = response.data[0];
_this.QXdata = response.data[1]; _this.QXdata = response.data[1];
_this.ZYdata = response.data[2]; _this.ZYdata = response.data[2];
// 树视图默认展开一级节点 // 树视图默认展开一级节点
if (_this.CDdata && _this.CDdata.length>0){ if (_this.CDdata && _this.CDdata.length > 0) {
_this.CDdata.forEach((item:any, index:any)=> { _this.CDdata.forEach((item: any, index: any) => {
if (item[index].id){ if (item[index].id) {
_this.CDdataexpandedKeys.push(item[index].id); _this.CDdataexpandedKeys.push(item[index].id);
} }
}) })
} }
if (_this.QXdata && _this.QXdata.length>0){ if (_this.QXdata && _this.QXdata.length > 0) {
_this.QXdata.forEach((item:any, index:any)=> { _this.QXdata.forEach((item: any, index: any) => {
if (item[index].id){ if (item[index].id) {
_this.QXdataexpandedKeys.push(item[index]); _this.QXdataexpandedKeys.push(item[index]);
} }
}) })
} }
if (_this.ZYdata && _this.ZYdata.length>0){ if (_this.ZYdata && _this.ZYdata.length > 0) {
_this.ZYdata.forEach((item:any, index:any)=> { _this.ZYdata.forEach((item: any, index: any) => {
if (item[index].id){ if (item[index].id) {
_this.ZYdataexpandedKeys.push(item[index]); _this.ZYdataexpandedKeys.push(item[index]);
} }
}) })
...@@ -216,7 +220,7 @@ ...@@ -216,7 +220,7 @@
*/ */
protected handleCheckChange() { protected handleCheckChange() {
// console.log("SYS_PERMISSIONMPickupView执行了handleCheckChange") // console.log("SYS_PERMISSIONMPickupView执行了handleCheckChange")
// 两棵 // 树
const CDtree: any = this.$refs.CDtree; const CDtree: any = this.$refs.CDtree;
const QXtree: any = this.$refs.QXtree; const QXtree: any = this.$refs.QXtree;
const ZYtree: any = this.$refs.ZYtree; const ZYtree: any = this.$refs.ZYtree;
...@@ -230,8 +234,8 @@ ...@@ -230,8 +234,8 @@
* 容器模型 * 容器模型
*/ */
public containerModel: any = { public containerModel: any = {
view_okbtn: { name: 'okbtn', type: 'button', text: '确定', disabled: true }, view_okbtn: {name: 'okbtn', type: 'button', text: '确定', disabled: true},
view_cancelbtn: { name: 'cancelbtn', type: 'button', text: '取消', disabled: false }, view_cancelbtn: {name: 'cancelbtn', type: 'button', text: '取消', disabled: false},
}; };
/** /**
...@@ -239,10 +243,10 @@ ...@@ -239,10 +243,10 @@
*/ */
public onClickOk(): void { public onClickOk(): void {
// 处理选中的数据 // 处理选中的数据
if(this.selectData && this.selectData.length > 0){ if (this.selectData && this.selectData.length > 0) {
this.selectData.forEach((item: any) => { this.selectData.forEach((item: any) => {
let _itemTemp: any = JSON.parse(JSON.stringify(item)); let _itemTemp: any = JSON.parse(JSON.stringify(item));
let _item:any = {}; let _item: any = {};
if (_itemTemp.sys_permissionId) {// 应用菜单 if (_itemTemp.sys_permissionId) {// 应用菜单
_item.srfdataaccaction = _itemTemp.sys_permissionId; _item.srfdataaccaction = _itemTemp.sys_permissionId;
_item.srfkey = _itemTemp.sys_permissionId; _item.srfkey = _itemTemp.sys_permissionId;
...@@ -250,17 +254,17 @@ ...@@ -250,17 +254,17 @@
_item.sys_permissionid = _itemTemp.sys_permissionId; _item.sys_permissionid = _itemTemp.sys_permissionId;
_item.srfmajortext = _itemTemp.label; _item.srfmajortext = _itemTemp.label;
_item.sys_permissionname = _itemTemp.label; _item.sys_permissionname = _itemTemp.label;
Object.assign(_item, { _select: false }) Object.assign(_item, {_select: false})
this.viewSelections.push(_item); this.viewSelections.push(_item);
}else{ } else {
if(!_itemTemp.children){// 数据能力或者统一资源 if (!_itemTemp.children) {// 数据能力或者统一资源
_item.srfdataaccaction = _itemTemp.id; _item.srfdataaccaction = _itemTemp.id;
_item.srfkey = _itemTemp.id; _item.srfkey = _itemTemp.id;
_item.sys_permission = _itemTemp.id; _item.sys_permission = _itemTemp.id;
_item.sys_permissionid = _itemTemp.id; _item.sys_permissionid = _itemTemp.id;
_item.srfmajortext = _itemTemp.label; _item.srfmajortext = _itemTemp.label;
_item.sys_permissionname = _itemTemp.label; _item.sys_permissionname = _itemTemp.label;
Object.assign(_item, { _select: false }) Object.assign(_item, {_select: false})
this.viewSelections.push(_item); this.viewSelections.push(_item);
} }
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册