【更新】修复错误

_web/src/views/system/role/roleMenuForm.vue

@@ -36,149 +36,149 @@
 </template>
 
 <script>
-import {SysMenuTreeForGrant} from '@/api/modular/system/menuManage'
-import {sysRoleOwnMenu, sysRoleGrantMenu} from '@/api/modular/system/roleManage'
+  import { SysMenuTreeForGrant } from '@/api/modular/system/menuManage'
+  import { sysRoleOwnMenu, sysRoleGrantMenu } from '@/api/modular/system/roleManage'
 
-export default {
-  data() {
-    return {
-      labelCol: {
-        style: {'padding-right': '20px'},
-        xs: {span: 24},
-        sm: {span: 5}
-      },
-      wrapperCol: {
-        xs: {span: 24},
-        sm: {span: 15}
-      },
-      menuTreeData: [],
-      expandedKeys: [],
-      checkedKeys: [],
-      visible: false,
-      confirmLoading: false,
-      formLoading: true,
-      autoExpandParent: true,
-      selectedKeys: [],
-      subValues: [],
-      roleEntity: [],
-      replaceFields: {
-        key: 'id'
-      },
-      form: this.$form.createForm(this),
-      commitKeys: [],
-      leastChilds: []
-    }
-  },
-  methods: {
-    // 初始化方法
-    roleMenu(record) {
-      this.formLoading = true
-      this.roleEntity = record
-      this.visible = true
-      this.getMenuTree()
-    },
-
-    /**
-     * 获取菜单列表
-     */
-    getMenuTree() {
-      const _this = this
-      SysMenuTreeForGrant().then((res) => {
-        if (res.success) {
-          _this.menuTreeData = res.data
-          _this.getLeastChilds(res.data)
-          // 默认展开目录级
-          _this.menuTreeData.forEach(item => {
-            _this.expandedKeys.push(item.id)
-          })
-
-          _this.expandedMenuKeys(_this.roleEntity)
-        }
-      })
-    },
-
-    getLeastChilds(data){
-      for (let i = 0; i < data.length; i++) {
-        this.pushLeastChilds(data[i])
+  export default {
+    data() {
+      return {
+        labelCol: {
+          style: { 'padding-right': '20px' },
+          xs: { span: 24 },
+          sm: { span: 5 }
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 15 }
+        },
+        menuTreeData: [],
+        expandedKeys: [],
+        checkedKeys: [],
+        visible: false,
+        confirmLoading: false,
+        formLoading: true,
+        autoExpandParent: true,
+        selectedKeys: [],
+        subValues: [],
+        roleEntity: [],
+        replaceFields: {
+          key: 'id'
+        },
+        form: this.$form.createForm(this),
+        commitKeys: [],
+        leastChilds: []
       }
     },
+    methods: {
+      // 初始化方法
+      roleMenu(record) {
+        this.formLoading = true
+        this.roleEntity = record
+        this.visible = true
+        this.getMenuTree()
+      },
 
-    pushLeastChilds(e) {
-      if (e.children.length > 0) {
-        this.getLeastChilds(e.children)
-        return
-      }
-      this.leastChilds.push(e.id)
-    },
+      /**
+       * 获取菜单列表
+       */
+      getMenuTree() {
+        const _this = this
+        SysMenuTreeForGrant().then((res) => {
+          if (res.success) {
+            _this.menuTreeData = res.data
+            _this.getLeastChilds(res.data)
+            // 默认展开目录级
+            _this.menuTreeData.forEach(item => {
+              _this.expandedKeys.push(item.id)
+            })
 
-    /**
-     * 此角色已有菜单权限
-     */
-    expandedMenuKeys(record) {
-      const _this = this
-      sysRoleOwnMenu({id: record.id}).then((res) => {
-        if (res.success) {
-          _this.pickCheckedKeys(res.data)
-          _this.commitKeys = res.data
+            _this.expandedMenuKeys(_this.roleEntity)
+          }
+        })
+      },
+
+      getLeastChilds(data) {
+        for (let i = 0; i < data.length; i++) {
+          this.pushLeastChilds(data[i])
         }
-        _this.formLoading = false
-      })
-    },
+      },
 
-    pickCheckedKeys(data){
-      for (let i = 0; i < data.length; i++) {
-        if (this.leastChilds.includes(data[i])) {
-          this.checkedKeys.push(data[i])
+      pushLeastChilds(e) {
+        if (e.children.length > 0) {
+          this.getLeastChilds(e.children)
+          return
         }
-      }
-    },
+        this.leastChilds.push(e.id)
+      },
 
-    onExpand(expandedKeys) {
-      this.expandedKeys = expandedKeys
-      this.autoExpandParent = false
-    },
+      /**
+       * 此角色已有菜单权限
+       */
+      expandedMenuKeys(record) {
+        const _this = this
+        sysRoleOwnMenu({ id: record.id }).then((res) => {
+          if (res.success) {
+            _this.pickCheckedKeys(res.data)
+            _this.commitKeys = res.data
+          }
+          _this.formLoading = false
+        })
+      },
 
-    onCheck(checkedKeys, info) {
-      this.checkedKeys = checkedKeys
-      this.commitKeys = checkedKeys.concat(info.halfCheckedKeys);
-    },
+      pickCheckedKeys(data) {
+        for (let i = 0; i < data.length; i++) {
+          if (this.leastChilds.includes(data[i])) {
+            this.checkedKeys.push(data[i])
+          }
+        }
+      },
 
-    onSelect(selectedKeys, info) {
-      console.log(selectedKeys)
-      console.log(info)
-      this.selectedKeys = selectedKeys
-    },
+      onExpand(expandedKeys) {
+        this.expandedKeys = expandedKeys
+        this.autoExpandParent = false
+      },
 
-    handleSubmit() {
-      const _this = this;
-      const {form: {validateFields}} = this
-      this.confirmLoading = true
-      validateFields((errors, values) => {
-        if (!errors) {
-          sysRoleGrantMenu({id: _this.roleEntity.id, grantMenuIdList: _this.commitKeys}).then((res) => {
-            if (res.success) {
-              _this.$message.success('授权成功')
+      onCheck(checkedKeys, info) {
+        this.checkedKeys = checkedKeys
+        this.commitKeys = checkedKeys.concat(info.halfCheckedKeys)
+      },
+
+      onSelect(selectedKeys, info) {
+        console.log(selectedKeys)
+        console.log(info)
+        this.selectedKeys = selectedKeys
+      },
+
+      handleSubmit() {
+        const _this = this
+        const { form: { validateFields } } = this
+        this.confirmLoading = true
+        validateFields((errors, values) => {
+          if (!errors) {
+            sysRoleGrantMenu({ id: _this.roleEntity.id, grantMenuIdList: _this.commitKeys }).then((res) => {
+              if (res.success) {
+                _this.$message.success('授权成功')
+                _this.confirmLoading = false
+                _this.$emit('ok', values)
+                _this.handleCancel()
+              } else {
+                _this.$message.error('授权失败：' + res.message)
+              }
+            }).finally((res) => {
               _this.confirmLoading = false
-              _this.$emit('ok', values)
-              _this.handleCancel()
-            } else {
-              _this.$message.error('授权失败：' + res.message)
-            }
-          }).finally((res) => {
+            })
+          } else {
             _this.confirmLoading = false
-          })
-        } else {
-          _this.confirmLoading = false
-        }
-      })
-    },
-    handleCancel() {
-      // 清空已选择的
-      this.checkedKeys = []
-      // 清空已展开的
-      this.expandedKeys = []
-      this.visible = false
+          }
+        })
+      },
+      handleCancel() {
+        // 清空已选择的
+        this.checkedKeys = []
+        // 清空已展开的
+        this.expandedKeys = []
+        this.visible = false
+      }
     }
   }
-}
 </script>

_web/src/views/system/role/roleOrgForm.vue

@@ -28,13 +28,14 @@
             <a-tree
               v-model="checkedKeys"
               checkable
+              checkStrictly
               :auto-expand-parent="autoExpandParent"
               :expanded-keys="expandedKeys"
               :tree-data="orgTreeData"
               :selected-keys="selectedKeys"
               :replaceFields="replaceFields"
               @expand="onExpand"
-              @check="onCheck"
+              @select="onSelect"
             />
           </a-form-item>
         </div>
@@ -75,9 +76,7 @@
         replaceFields: {
           key: 'id'
         },
-        form: this.$form.createForm(this),
-        commitKeys: [],
-        leastChilds: []
+        form: this.$form.createForm(this)
       }
     },
 
@@ -111,6 +110,8 @@
           this.orgTreeShow = true
           // 获取机构树
           this.getOrgTree()
+          // 已关联数据
+          this.sysRoleOwnData(this.roleEntity)
         } else {
           this.orgTreeShow = false
           // 清理已选中机构
@@ -122,20 +123,14 @@
        * 获取机构树
        */
       getOrgTree () {
-        const _this = this
         getOrgTree().then((res) => {
-           if (res.success) {
-             this.orgTreeData = res.data
-
-             _this.getLeastChilds(res.data)
-             // 默认展开
-             this.orgTreeData.forEach(item => {
-               this.expandedKeys.push(item.id)
-             })
-
-             // 已关联数据
-             this.sysRoleOwnData(_this.roleEntity)
-           }
+          if (res.success) {
+            this.orgTreeData = res.data
+            // 默认展开
+            this.orgTreeData.forEach(item => {
+              this.expandedKeys.push(item.id)
+            })
+          }
         })
       },
 
@@ -143,57 +138,34 @@
        * 此角色已有数据列表
        */
       sysRoleOwnData (record) {
-        const _this = this
         sysRoleOwnData({ id: record.id }).then((res) => {
           if (res.success) {
-            _this.pickCheckedKeys(res.data)
-            _this.commitKeys = res.data
+            console.log(JSON.stringify(res.data))
+            this.checkedKeys = res.data
           }
           this.formLoading = false
         })
       },
 
-      getLeastChilds(data){
-        for (let i = 0; i < data.length; i++) {
-          this.pushLeastChilds(data[i])
-        }
-      },
-
-      pushLeastChilds(e) {
-        if (e.children.length > 0) {
-          this.getLeastChilds(e.children)
-          return
-        }
-        this.leastChilds.push(e.id)
-      },
-
-      pickCheckedKeys(data){
-        for (let i = 0; i < data.length; i++) {
-          if (this.leastChilds.includes(data[i])) {
-            this.checkedKeys.push(data[i])
-          }
-        }
-      },
-
       onExpand (expandedKeys) {
         this.expandedKeys = expandedKeys
         this.autoExpandParent = false
       },
-      onCheck (checkedKeys, info) {
+      onCheck (checkedKeys) {
+        console.log(JSON.stringify(checkedKeys))
         this.checkedKeys = checkedKeys
-        this.commitKeys = checkedKeys.concat(info.halfCheckedKeys);
       },
       onSelect (selectedKeys, info) {
         this.selectedKeys = selectedKeys
       },
 
       handleSubmit () {
-        const _this = this
         const { form: { validateFields } } = this
         this.confirmLoading = true
         validateFields((errors, values) => {
           if (!errors) {
-            sysRoleGrantData({ id: this.roleEntity.id, grantOrgIdList: _this.commitKeys, dataScopeType: values.dataScopeType }).then((res) => {
+            const checkedKeys = this.checkedKeys.checked === undefined ? this.checkedKeys : this.checkedKeys.checked
+            sysRoleGrantData({ id: this.roleEntity.id, grantOrgIdList: checkedKeys, dataScopeType: values.dataScopeType }).then((res) => {
               this.confirmLoading = false
               if (res.success) {
                 this.$message.success('授权成功')
@@ -222,4 +194,4 @@
       }
     }
   }
-</script>
+</script>