父页面表单保存时保存当前嵌入视图数据

app_web/src/pages/uaa/sys-role-permissioncustom-view/sys-role-permissioncustom-view.less

@@ -40,7 +40,7 @@
         margin-top:30px;margin-bottom:20px;margin-left:40px;
     }
     .roll{
-        height:calc(100vh - 365px) ;overflow:hidden;overflow-x: hidden;overflow-y: auto;
+        height:calc(100vh - 305px) ;overflow:hidden;overflow-x: hidden;overflow-y: auto;
     }
     .tre{
         margin-left:20px;
@@ -108,9 +108,7 @@
             }
         }
     }
-    >.footer {
-        height: 64px;
-    }
+
 }
 
 

app_web/src/pages/uaa/sys-role-permissioncustom-view/sys-role-permissioncustom-view.vue

@@ -73,26 +73,18 @@
                         </context-menu-container>
                     </div>
                 </div>
-                <div>
-                    <!--操作按钮-->
-                    <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>
-                        </row>
-                    </card>
-                </div>
+
             </div>
         </card>
     </div>
 </template>
 
 <script lang='tsx'>
-    import {Component, Vue} from 'vue-property-decorator';
+    import {Component, Prop, Vue} from 'vue-property-decorator';
     import view_pickupviewpanel
         from '@widgets/sys-permission/mpickup-viewpickupviewpanel-pickupviewpanel/mpickup-viewpickupviewpanel-pickupviewpanel.vue';
     import ContextMenuContainer from "@components/context-menu-container/context-menu-container.vue";
+    import {Subject} from "rxjs";
 
     @Component({
         components: {
@@ -153,21 +145,236 @@
          */
         protected srfparentkey: any;
 
+        /**
+         * 视图标识
+         *
+         * @type {string}
+         * @memberof SYS_ROLE_PERMISSIONCustomViewBase
+         */
+        public viewtag: string = 'e791be173ed0f4bbe9cce942b6edde63';
+
+        /**
+         * 是否嵌入关系界面
+         *
+         * @type {boolean}
+         * @memberof SYS_USER_ROLEGridViewBase
+         */
+        @Prop({default:false}) public isformDruipart?: boolean;
+
+        /**
+         * 界面关系通讯对象
+         *
+         * @type {Subject<ViewState>}
+         * @memberof SYS_USER_ROLEGridViewBase
+         */
+        @Prop() public formDruipart?: Subject<ViewState>;
+
+        /**
+         * 应用上下文
+         *
+         * @type {*}
+         * @memberof SYS_ROLE_PERMISSIONCustomViewBase
+         */
+        public context:any = {};
+
+        /**
+         * 视图参数
+         *
+         * @type {*}
+         * @memberof SYS_ROLE_PERMISSIONCustomViewBase
+         */
+        public viewparams:any = {};
+
+        /**
+         * 传入视图上下文
+         *
+         * @type {string}
+         * @memberof SYS_ROLE_PERMISSIONCustomViewBase
+         */
+        @Prop() public viewdata!: string;
+
+        /**
+         * 视图默认使用
+         *
+         * @type {boolean}
+         * @memberof SYS_ROLE_PERMISSIONCustomViewBase
+         */
+        @Prop({ default: true }) public viewDefaultUsage!: boolean;
+
+        /**
+         * 自定义视图导航上下文集合
+         *
+         * @type {*}
+         * @memberof SYS_ROLE_PERMISSIONCustomViewBase
+         */
+        public customViewNavContexts:any ={};
+        /**
+         * 自定义视图导航参数集合
+         *
+         * @type {*}
+         * @memberof SYS_ROLE_PERMISSIONCustomViewBase
+         */
+        public customViewParams:any ={};
+
+        /**
+         * 解析视图参数
+         *
+         * @public
+         * @memberof SYS_ROLE_PERMISSIONCustomViewBase
+         */
+        public parseViewParam(): void {
+            for(let key in this.context){
+                delete this.context[key];
+            }
+            if (!this.viewDefaultUsage && this.viewdata && !Object.is(this.viewdata, '')) {
+                Object.assign(this.context, JSON.parse(this.viewdata));
+                if(this.context && this.context.srfparentdename){
+                    Object.assign(this.viewparams,{srfparentdename:this.context.srfparentdename});
+                }
+                if(this.context && this.context.srfparentkey){
+                    Object.assign(this.viewparams,{srfparentkey:this.context.srfparentkey});
+                }
+                this.handleCustomViewData();
+                return;
+            }
+            const path = (this.$route.matched[this.$route.matched.length - 1]).path;
+            const keys: Array<any> = [];
+            const curReg = this.$pathToRegExp.pathToRegexp(path, keys);
+            const matchArray = curReg.exec(this.$route.path);
+            let tempValue: Object = {};
+            keys.forEach((item: any, index: number) => {
+                Object.defineProperty(tempValue, item.name, {
+                    enumerable: true,
+                    value: matchArray[index + 1]
+                });
+            });
+            this.$viewTool.formatRouteParams(tempValue,this.$route,this.context,this.viewparams);
+            if(this.$store.getters.getAppData() && this.$store.getters.getAppData().context){
+                Object.assign(this.context,this.$store.getters.getAppData().context);
+            }
+            //初始化视图唯一标识
+            Object.assign(this.context,{srfsessionid:this.$util.createUUID()});
+            this.handleCustomViewData();
+        }
+
+        /**
+         * 处理自定义视图数据
+         *
+         * @memberof SYS_ROLE_PERMISSIONCustomViewBase
+         */
+        public handleCustomViewData(){
+            if(Object.keys(this.customViewNavContexts).length > 0){
+                Object.keys(this.customViewNavContexts).forEach((item:any) =>{
+                    let tempContext:any = {};
+                    let curNavContext:any = this.customViewNavContexts[item];
+                    this.handleCustomDataLogic(curNavContext,tempContext,item);
+                    Object.assign(this.context,tempContext);
+                })
+            }
+            if(Object.keys(this.customViewParams).length > 0){
+                Object.keys(this.customViewParams).forEach((item:any) =>{
+                    let tempParam:any = {};
+                    let curNavParam:any = this.customViewParams[item];
+                    this.handleCustomDataLogic(curNavParam,tempParam,item);
+                    Object.assign(this.viewparams,tempParam);
+                })
+            }
+        }
+
+        /**
+         * 处理自定义视图数据逻辑
+         *
+         * @memberof SYS_ROLE_PERMISSIONCustomViewBase
+         */
+        public handleCustomDataLogic(curNavData:any,tempData:any,item:string){
+            // 直接值直接赋值
+            if(curNavData.isRawValue){
+                if(Object.is(curNavData.value,"null") || Object.is(curNavData.value,"")){
+                    Object.defineProperty(tempData, item.toLowerCase(), {
+                        value: null,
+                        writable : true,
+                        enumerable : true,
+                        configurable : true
+                    });
+                }else{
+                    Object.defineProperty(tempData, item.toLowerCase(), {
+                        value: curNavData.value,
+                        writable : true,
+                        enumerable : true,
+                        configurable : true
+                    });
+                }
+            }else{
+                // 先从导航上下文取数，没有再从导航参数（URL）取数，如果导航上下文和导航参数都没有则为null
+                if(this.context[(curNavData.value).toLowerCase()]){
+                    Object.defineProperty(tempData, item.toLowerCase(), {
+                        value: this.context[(curNavData.value).toLowerCase()],
+                        writable : true,
+                        enumerable : true,
+                        configurable : true
+                    });
+                }else{
+                    if(this.viewparams[(curNavData.value).toLowerCase()]){
+                        Object.defineProperty(tempData, item.toLowerCase(), {
+                            value: this.viewparams[(curNavData.value).toLowerCase()],
+                            writable : true,
+                            enumerable : true,
+                            configurable : true
+                        });
+                    }else{
+                        Object.defineProperty(tempData, item.toLowerCase(), {
+                            value: null,
+                            writable : true,
+                            enumerable : true,
+                            configurable : true
+                        });
+                    }
+                }
+            }
+        }
+
         /**
          * vue 创建
          */
         public created() {
+            this.afterCreated();
+        }
+
+        /**
+         * 执行created后的逻辑
+         *
+         * @memberof SYS_USER_ROLEGridViewBase
+         */
+        public afterCreated(){
+            const secondtag = this.$util.createUUID();
+            this.$store.commit('viewaction/createdView', { viewtag: this.viewtag, secondtag: secondtag });
+            this.viewtag = secondtag;
+            this.parseViewParam();
+
             const _this: any = this;
             // 获取父数据
-            if (_this.$attrs && _this.$attrs.viewdata) {
-                _this.parentData = JSON.parse(_this.$attrs.viewdata);
+            if (_this && _this.viewdata) {
+                _this.parentData = JSON.parse(_this.viewdata);
             }
             if (_this.parentData && _this.parentData.sys_role) {
-                console.log("当前角色id：" + _this.parentData.sys_role);
+                // console.log("当前角色id：" + _this.parentData.sys_role);
                 _this.srfparentkey = _this.parentData.sys_role;
             }
+            // 监听父页面
+            if(this.formDruipart){
+                this.formDruipart.subscribe((res:any) =>{
+                    if(Object.is(res.action,'load')){
+                        // 父数据保存时调用当前视图的点击确定事件
+                        if(this.selectData.length>0){
+                            this.onClickOk();
+                        }
+                    }
+                });
+            }
+
         }
 
+
         /**
          * vue 挂载
          */
@@ -226,6 +433,16 @@
             });
         }
 
+        /**
+         * 销毁之前
+         *
+         * @memberof SYS_ROLE_PERMISSIONCustomViewBase
+         */
+        public beforeDestroy() {
+            this.$store.commit('viewaction/removeView', this.viewtag);
+        }
+
+
         /**
          * 处理选中节点
          */
@@ -299,7 +516,8 @@
                         Object.assign(param,{roleid:this.srfparentkey, checkedNodes: this.viewSelections});
                         this.$http.post(url,param).then((response: any) => {
                             if (!(!response || response.status !== 200)) {
-                                this.$Notice.success({title: '', desc: '操作成功!'});
+                                // 选中节点多，执行时间长，因此不需要success提示
+                                // this.$Notice.success({title: '', desc: '保存权限成功!'});
                             } else {
                                 this.$Notice.error({title: '错误', desc: response.message});
                                 return;