diff --git a/src/views/system/role/functionPerm.vue b/src/views/system/role/functionPerm.vue
index cdc85b5..75fc261 100644
--- a/src/views/system/role/functionPerm.vue
+++ b/src/views/system/role/functionPerm.vue
@@ -10,7 +10,9 @@
         :default-checked-keys="defaultChecked"
         check-strictly
         show-checkbox
-        node-key="id"/>
+        node-key="id"
+        @check="changeSelect"
+      />
     </el-scrollbar>
     <div slot="footer" class="dialog-footer">
       <el-button type="primary" @click="saveData">保存</el-button>
@@ -35,6 +37,7 @@
         label: 'name',
         children: 'children'
       },
+      resourcePlainList: [], // 资源列表平行数据
       resourceTreeList: [], // 资源树列表数据
       defaultExpanded: [], // 默认展开的项
       defaultChecked: [], // 默认选中的树
@@ -61,6 +64,7 @@
     fetchResourceTree: function() {
       getResourceListByRole(this.roleId).then(response => {
         if (response.data.list) {
+          this.resourcePlainList = response.data.list
           this.resourceTreeList = toTreeList(response.data.list)
           const temp = getShowItem(response.data.list) // 获取展开项和选中项
           this.defaultExpanded = temp[0]
@@ -80,7 +84,76 @@
           this.dialogFormVisible = false
         }
       })
+    },
+    // 选择变更，对应更新上下级
+    changeSelect(node, treeState) {
+      const checked = treeState.checkedKeys.findIndex(v => v === node.id) !== -1
+      // 若有子节点，将子节点都选中或不选中
+      this.checkChildState(node, checked, treeState)
+      // 如果有父节点，向上追溯找父节点
+      if (node.pid !== '0' && checked) {
+        // treeState.checkedKeys.push(node.pid)
+        const pcodes_str = node.pcodes
+        const pcodes_ori_list = pcodes_str.split(',')
+        const pcodes_list = [] // 存父级pcodes
+        for (const item of pcodes_ori_list) {
+          if (item.length !== 0) {
+            pcodes_list.push(item.substring(1, item.length - 1))
+          }
+        }
+        // 根据code找id,将id放入选中列表
+        for (const item of this.resourcePlainList) {
+          if (pcodes_list.includes(item.code)) {
+            treeState.checkedKeys.push(item.id)
+          }
+        }
+      }
+      // else if (node.pid !== '0' && !checked) {
+      //   const index = treeState.checkedKeys.findIndex(v => v === node.pid)
+      //   if (index !== -1) {
+      //     treeState.checkedKeys.splice(index, 1)
+      //   }
+      // }
+      this.$refs.tree.setCheckedKeys(treeState.checkedKeys)
+    },
+    // 检查子节点状态，状态若有变更更新
+    checkChildState(node, checked, treeState) {
+      // 如果选中
+      if (checked) {
+        const index = treeState.checkedKeys.findIndex(v => v === node.id)
+        if (index === -1) {
+          treeState.checkedKeys.push(node.id)
+        }
+      } else { // 如果没有选中
+        const index = treeState.checkedKeys.findIndex(v => v === node.id)
+        if (index !== -1) {
+          treeState.checkedKeys.splice(index, 1)
+        }
+      }
+      this.$refs.tree.setCheckedKeys(treeState.checkedKeys)
+
+      if (node.children && node.children.length > 0) {
+        node.children.forEach((item) => {
+          this.checkChildState(item, checked, treeState)
+        })
+      }
+    },
+    // 检查父节点状态，状态若有变更则更新
+    checkParentState(pid, checked, treeState) {
+      if (pid !== '0' && checked) {
+        const index = treeState.checkedKeys.findIndex(v => v === pid)
+        if (index === -1) {
+          treeState.checkedKeys.push(pid)
+        }
+      } else if (pid !== '0' && checked) {
+        const index = treeState.checkedKeys.findIndex(v => v === pid)
+        if (index !== -1) {
+          treeState.checkedKeys.splice(index, 1)
+        }
+      }
+      this.$refs.tree.setCheckedKeys(treeState.checkedKeys)
     }
+
   }
 }
 </script>