import { Component, OnInit } from '@angular/core';
import { Location } from '@angular/common';
import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
import { HttpClientService } from '../../../../services/http-client.service';
import { Router, ActivatedRoute } from '@angular/router';
import { NzMessageService } from 'ng-zorro-antd';

import 'ztree';
declare var $: any;

@Component({
    selector: 'app-role-management-modify',
    templateUrl: './role-management-modify.component.html',
    styleUrls: ['./role-management-modify.component.scss']
})
export class RoleManagementModifyComponent implements OnInit {
    /* 新树形组件参数 begin*/
    parentNode: any;
    parentName: any;
    treeSelected: any;
    isTreeTop: any;
    /* 新树形组件参数 bed */
    validateForm: FormGroup;
    visibleUsers = false;  //控制抽屉显示
    statusParamsDetail: any = {	//获取用户详情接口的状态，0请求失败 1请求前 2请求中 3请求成功，有数据  4请求成功，无数据 
        status: 1,
    }
    statusParamsUsers: any = {	//接口的状态，0请求失败 1请求前 2请求中 3请求成功，有数据  4请求成功，无数据 
        status: 1,
    }
    modifyType: any = 1; //当前页面操作类型  1 新增  2 编辑
    public roleId: any = '';
    public userSelecteds: any = []; 	//机构负责人已选用户-新增、修改时 
    public userData: any = [];		//用户列表数据
    public search: any = {
        page_index: '1',
        page_size: '10',
        real_name: '',
    }
    collectionSize: any;
    public permissionChecked: any = [];	//角色详情的权限列表
    isLoadingSave: any = false;

    constructor(
        private fb: FormBuilder,
        private http: HttpClientService,
        private route: ActivatedRoute,
        private router: Router,
        private location: Location,
        private message: NzMessageService,
    ) { }

    ngOnInit() {
        this.validateForm = this.fb.group({
            role_name: ['', [Validators.required]],
            role_type: ['1', [Validators.required]],	//0=系统内置(不可删除)  ，1=用户定义
            description: [''],
            role_code: [''],
            status: [''],
            user: [],
            permission: [],
        });
        this.queryTable();
        //取路由参数
        this.route.queryParams.subscribe(routeParams => {
            this.modifyType = routeParams.operateType;
            //routeParams 1新增 2修改
            if (routeParams.operateType == 2) {
                this.roleId = routeParams.id;
                this.queryUserById();
                this.queryDetail();
            } else {
                this.initTree();
                this.statusParamsDetail.status = 3;
            }
        })
    }
    submitForm() {
        let permission: any = [];
        var zTree = $.fn.zTree.getZTreeObj("treeDemo");
        var checkList = zTree.getCheckedNodes(true);
        if (checkList.length > 0) {
            for (var i = 0; i < checkList.length; i++) {
                if (checkList[i].checked && checkList[i].level != 0 && checkList[i].level != 1) {
                    permission.push({
                        pid: checkList[i].id,
                    })
                }
            }
        }
        let users: any = [];
        if (this.userSelecteds && this.userSelecteds.length > 0) {
            this.userSelecteds.forEach(item => {
                users.push({
                    uid: item.uid,
                    real_name: item.real_name,
                    mobile: item.mobile,
                    email: item.email,
                    sex: item.sex,
                })
            })
        }
        this.validateForm.patchValue({
            permission: permission,
            user: users,
        })
        this.isLoadingSave = true;
        if (this.modifyType == 1) {
            this.http.post('/sysapi/setting/role/add/', this.validateForm.value).subscribe((json) => {
                if (json.is_success) {
                    this.message.success(`新增成功!`);
                    this.router.navigate(['app/system/roles'])
                } else {
                    this.message.error(`新增失败!`);
                }
                this.isLoadingSave = false;
            })
        } else if (this.modifyType == 2) {
            this.http.put('/sysapi/setting/role/update/' + this.roleId, this.validateForm.value).subscribe((json) => {
                if (json.is_success) {
                    this.message.success(`修改成功!`);
                    this.router.navigate(['app/system/roles'])
                } else {
                    this.message.error(`修改失败!`);
                }
                this.isLoadingSave = false;
            })
        }

    }

    cancel() {
        this.location.back()
    }

    //修改时查询该角色下的所有用户
    queryUserById(): void {
        this.http.get('/sysapi/setting/role/users/' + this.roleId).subscribe((json) => {
            if (json.is_success) {
                json.body.forEach(item => {
                    item.checked = true;
                    item.disabled = false;
                    this.userSelecteds = [...this.userSelecteds, item];
                })

            } else {

            }
        })
    }
    //根据id查询角色详情
    queryDetail(): void {
        this.http.get('/sysapi/setting/role/detail/find', { rid: this.roleId }).subscribe((json) => {
            if (json.is_success) {
                if (json.body) {
                    this.statusParamsDetail = 3;
                    //数据回填
                    let item = json.body;
                    this.validateForm.patchValue({
                        role_name: item.role_name,
                        role_type: item.role_type,	//0=系统内置(不可删除)  ，1=用户定义
                        description: item.description,
                        role_code: item.role_code,
                        status: item.status,
                    })
                    this.permissionChecked = item.permission;
                    this.initTree();
                } else {
                    this.statusParamsDetail = 4;
                }
            } else {
                this.statusParamsDetail = 0;
            }


        })
    }
    //保存机构负责人
    userSave() {
        this.userData.forEach(item => {
            if (item.checked && !item.disabled) {
                // 增加数据
                this.userSelecteds = [...this.userSelecteds, item];
            }
        })
        this.visibleUsers = false;
    }
    //处理机构负责人选择和数据回填
    userSelect() {
        if (this.userData) {
            this.userData.forEach(item => {
                this.userSelecteds.forEach(option => {
                    if (item.uid == option.uid) {
                        item.checked = true;
                        item.disabled = true;
                    }
                })
            })
        }
    }
    //删除机构负责人
    delectConfirm(item) {
        this.userSelecteds = this.userSelecteds.filter(function (option) {
            return item.uid !== option.uid
        })
    }
    //打开机构负责人抽屉
    openUsers() {
        this.visibleUsers = true;
        this.queryTable();
    }
    //关闭机构选择页面
    closeUser(): void {
        this.visibleUsers = false;
    }
    //翻页
    pageChange(event) {
        this.search.page_index = event;
        this.queryTable();
    }
    //获取用户列表
    queryTable(): void {
        this.statusParamsUsers.status = 1;
        this.http.get('/sysapi/setting/user/list', this.search).subscribe((json) => {
            if (json.is_success) {
                let data = json.body.list;
                this.collectionSize = json.body.total;
                if (json.body.list && json.body.list.length > 0) {
                    this.statusParamsUsers.status = 3;
                    data.forEach(item => {
                        if (this.userSelecteds.length > 0) {
                            this.userSelecteds.forEach(option => {
                                if (item.uid == option.uid) {
                                    item.checked = true;
                                    item.disabled = true;
                                }
                            })
                        } else {
                            item.checked = false;
                            item.disabled = false;
                        }
                    })
                } else {
                    this.statusParamsUsers.status = 4;
                }
                this.userData = data;
            } else {
                this.statusParamsUsers.status = 0;
            }
        })
    }

    //新树模型参数设置
    public zNodes: any[];
    setting = {
        data: {
            simpleData: {
                enable: true
            }
        },
        view: {
            showLine: true,
            dblClickExpand: false,
            showIcon: true
        },
        check: {
            autoCheckTrigger: true,
            chkboxType: { "Y": "ps", "N": "ps" },
            enable: true,
            chkStyle: "checkbox",
        },
        callback: {
            //节点点击事件
            onClick: (event, treeId, treeNode, clickFlag) => {
                var zTree = $.fn.zTree.getZTreeObj("treeDemo");
                zTree.expandNode(treeNode);
                this.treeSelected = treeNode;
                this.parentNode = this.treeSelected.getParentNode();
                if (!this.parentNode) {
                    this.isTreeTop = true;
                } else {
                    this.isTreeTop = false;
                }
            },
            //节点展开事件
            onExpand: (event, treeId, treeNode) => {

            }
        },
    };
    //新树模型
    initTree() {
        this.http.get('/sysapi/setting/permission/menu/list').subscribe(json => {
            if (json.is_success) {
                if (json.body && json.body.length > 0) {
                    if (this.modifyType == 2 && this.permissionChecked.length > 0) {
                        json.body.forEach(item => {
                            this.foreachNode(item);
                        })
                    }
                }
            }
            let treeList = [];
            treeList.push({  //一层目录
                name: "全部权限",
                isParent: true,
                open: true,
                id: '',
                children: json.body
            });
            this.zNodes = treeList;
            $.fn.zTree.init($("#treeDemo"), this.setting, this.zNodes);
            var zTree = $.fn.zTree.getZTreeObj("treeDemo");
            let node = zTree.getNodes();
        })
    }
    //递归方法处理权限树回填
    foreachNode(node) {
        this.setNode(node);
        if (node.children && node.children.length > 0) {
            node.children.forEach(item => {
                this.foreachNode(item)
            })
        }

    }
    //递归方法，处理单个节点
    setNode(node) {
        this.permissionChecked.forEach(item => {
            if (item.pid == node.id) {
                node.checked = true;
            }
        })
    }
}