(function (vc) {
    vc.extends({
        data: {
            roleAInfo: {
                all: false,
                button: false,
                header: false
            },
            pgId: '', // 保存角色编码
            privilegeData: [] // 保存权限数据
        },
        _initMethod: function () {
            // 获取URL参数
            let pId = '';
            let pgId = '';
            let communityId = '';
            let type = '';
            
            // 优先从 hash 中获取参数（单页应用使用 hash 路由）
            const hash = location.hash;
            const search = location.search;
            
            // 先尝试从 hash 中获取
            if (hash && hash.indexOf('?') !== -1) {
                const hashParams = hash.substring(hash.indexOf('?') + 1);
                const params = hashParams.split('&');
                for (let i = 0; i < params.length; i++) {
                    const param = params[i].split('=');
                    const key = param[0];
                    const value = decodeURIComponent(param[1] || '');
                    if (key === 'pId') {
                        pId = value;
                    } else if (key === 'pgId') {
                        pgId = value;
                    } else if (key === 'communityId') {
                        communityId = value;
                    } else if (key === 'type') {
                        type = value;
                    }
                }
            }
            
            // 如果 hash 中没有，尝试从 search 中获取
            if (!pId) {
                pId = vc.getParam('pId') || '';
            }
            if (!pgId) {
                pgId = vc.getParam('pgId') || '';
            }
            if (!communityId) {
                communityId = vc.getParam('communityId') || '';
            }
            if (!type) {
                type = vc.getParam('type') || '';
            }
            
            // 如果缺少必要参数，使用默认值或从当前社区获取
            if (!communityId) {
                communityId = vc.getCurrentCommunity().communityId;
            }
            
            // 保存 pgId 到 data 中
            vc.component.pgId = pgId;
            
            // 调用接口
            if (pgId && communityId) {
                let param = {
                    params: {
                        pgId: pgId,
                        communityId: communityId,
                        pId: pId,
                        type: 'all'
                    }
                };
                
                vc.http.apiGet('/query.privilegeGroup.noAddPrivilege',
                    param,
                    function (json) {
                        // 接口调用成功处理
                        try {
                            // 判断 json 的类型，如果已经是对象则直接使用，否则进行解析
                            let data = typeof json === 'string' ? JSON.parse(json) : json;
                            vc.component.privilegeData = data;
                            vc.component.renderPrivileges(data);
                            vc.component.initCheckboxEvents();
                        } catch (e) {
                            console.error('解析数据失败:', e);
                            console.error('原始数据:', json);
                            console.error('数据类型:', typeof json);
                            vc.toast('数据解析失败');
                        }
                    },
                    function () {
                        console.log('请求失败处理');
                        vc.toast('加载数据失败');
                    }
                );
            } else {
                console.warn('缺少必要参数，无法调用接口');
            }
        },
        methods: {
            goBack: function () {
                vc.goBack();
            },
            // 渲染权限复选框
            renderPrivileges: function (data) {
                const buttonContainer = document.getElementById('button-container');
                const dataContainer = document.getElementById('data-container');
                
                // 清空容器
                if (buttonContainer) buttonContainer.innerHTML = '';
                if (dataContainer) dataContainer.innerHTML = '';
                
                // 遍历数据，根据 type 创建对应的复选框
                data.forEach(function (item) {
                    const checkboxDiv = document.createElement('div');
                    checkboxDiv.className = 'role-a-checkbox';
                    checkboxDiv.style.gap = '10px';
                    
                    const label = document.createElement('label');
                    label.textContent = item.pName;
                    
                    const checkbox = document.createElement('input');
                    checkbox.type = 'checkbox';
                    checkbox.name = 'privilege';
                    checkbox.value = item.pId;
                    checkbox.setAttribute('data-pid', item.pId);
                    checkbox.setAttribute('data-type', item.type);
                    
                    checkboxDiv.appendChild(label);
                    checkboxDiv.appendChild(checkbox);
                    
                    // 根据 type 添加到对应容器
                    if (item.type === '按钮') {
                        if (buttonContainer) {
                            buttonContainer.appendChild(checkboxDiv);
                        }
                    } else if (item.type === '数据') {
                        if (dataContainer) {
                            dataContainer.appendChild(checkboxDiv);
                        }
                    }
                });
            },
            // 初始化复选框事件
            initCheckboxEvents: function () {
                const self = this;
                
                // 全部复选框
                const allCheckbox = document.getElementById('all');
                if (allCheckbox) {
                    allCheckbox.addEventListener('change', function () {
                        const isChecked = this.checked;
                        // 选中所有复选框
                        const allCheckboxes = document.querySelectorAll('input[type="checkbox"][name="privilege"]');
                        allCheckboxes.forEach(function (cb) {
                            cb.checked = isChecked;
                        });
                        // 同时更新按钮和数据区域的"全部"复选框
                        const buttonAll = document.getElementById('button-all');
                        const dataAll = document.getElementById('data-all');
                        if (buttonAll) buttonAll.checked = isChecked;
                        if (dataAll) dataAll.checked = isChecked;
                    });
                }
                
                // 按钮区域全部复选框
                const buttonAllCheckbox = document.getElementById('button-all');
                if (buttonAllCheckbox) {
                    buttonAllCheckbox.addEventListener('change', function () {
                        const isChecked = this.checked;
                        // 选中按钮区域所有复选框
                        const buttonCheckboxes = document.querySelectorAll('#button-container input[type="checkbox"][name="privilege"]');
                        buttonCheckboxes.forEach(function (cb) {
                            cb.checked = isChecked;
                        });
                        // 检查是否需要更新"全部"复选框
                        self.updateAllCheckbox();
                    });
                }
                
                // 数据区域全部复选框
                const dataAllCheckbox = document.getElementById('data-all');
                if (dataAllCheckbox) {
                    dataAllCheckbox.addEventListener('change', function () {
                        const isChecked = this.checked;
                        // 选中数据区域所有复选框
                        const dataCheckboxes = document.querySelectorAll('#data-container input[type="checkbox"][name="privilege"]');
                        dataCheckboxes.forEach(function (cb) {
                            cb.checked = isChecked;
                        });
                        // 检查是否需要更新"全部"复选框
                        self.updateAllCheckbox();
                    });
                }
                
                // 监听所有权限复选框的变化，更新"全部"复选框状态
                const privilegeCheckboxes = document.querySelectorAll('input[type="checkbox"][name="privilege"]');
                privilegeCheckboxes.forEach(function (checkbox) {
                    checkbox.addEventListener('change', function () {
                        self.updateAllCheckbox();
                        self.updateSectionAllCheckbox();
                    });
                });
                
                // 保存按钮事件
                const saveButton = document.getElementById('save');
                if (saveButton) {
                    saveButton.addEventListener('click', function () {
                        self.savePrivileges();
                    });
                }
            },
            // 更新"全部"复选框状态
            updateAllCheckbox: function () {
                const allCheckboxes = document.querySelectorAll('input[type="checkbox"][name="privilege"]');
                const allChecked = Array.from(allCheckboxes).every(function (cb) {
                    return cb.checked;
                });
                const allCheckbox = document.getElementById('all');
                if (allCheckbox) {
                    allCheckbox.checked = allChecked;
                }
            },
            // 更新区域"全部"复选框状态
            updateSectionAllCheckbox: function () {
                // 更新按钮区域
                const buttonCheckboxes = document.querySelectorAll('#button-container input[type="checkbox"][name="privilege"]');
                const buttonAllChecked = buttonCheckboxes.length > 0 && Array.from(buttonCheckboxes).every(function (cb) {
                    return cb.checked;
                });
                const buttonAll = document.getElementById('button-all');
                if (buttonAll) {
                    buttonAll.checked = buttonAllChecked;
                }
                
                // 更新数据区域
                const dataCheckboxes = document.querySelectorAll('#data-container input[type="checkbox"][name="privilege"]');
                const dataAllChecked = dataCheckboxes.length > 0 && Array.from(dataCheckboxes).every(function (cb) {
                    return cb.checked;
                });
                const dataAll = document.getElementById('data-all');
                if (dataAll) {
                    dataAll.checked = dataAllChecked;
                }
            },
            // 保存权限
            savePrivileges: function () {
                const self = this;
                // 获取所有选中的复选框
                const checkedCheckboxes = document.querySelectorAll('input[type="checkbox"][name="privilege"]:checked');
                
                // 构建请求数据
                const pIds = [];
                checkedCheckboxes.forEach(function (checkbox) {
                    pIds.push({
                        pId: checkbox.value
                    });
                });
                
                const requestData = {
                    pgId: vc.component.pgId,
                    pIds: pIds
                };
                
                // 调用保存接口
                vc.http.apiPost('/add.privilege.PrivilegeGroup',
                    requestData,
                    {},
                    function (json) {
                        try {
                            // 判断 json 的类型，如果已经是对象则直接使用，否则进行解析
                            let result = typeof json === 'string' ? JSON.parse(json) : json;
                            vc.toast('保存成功');
                            console.log('保存成功:', result);
                            // 保存成功后返回上一页
                            setTimeout(function () {
                                vc.goBack();
                            }, 1000);
                        } catch (e) {
                            console.error('解析响应失败:', e);
                            vc.toast('保存成功');
                            // 保存成功后返回上一页
                            setTimeout(function () {
                                vc.goBack();
                            }, 1000);
                        }
                    },
                    function (error) {
                        console.error('保存失败:', error);
                        vc.toast('保存失败');
                    }
                );
            }
        }
    });
})(window.vc);