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

app_web/src/pages/uaa/sys-permissionmpickup-view/sys-permissionmpickup-view.vue

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