yinbangzhong
2024-09-12 ff0ae974a1c561eaf2915988dac63cd066af189f
src/views/authority/users/index.vue
@@ -171,10 +171,8 @@
          </a-col>
          <a-col :span="10">
            <a-form-item
              required
              field="role"
              label="角色"
              :rules="[{ required: true, message: '角色必选' }]"
            >
              <a-select
                multiple
@@ -218,17 +216,28 @@
          >
          </a-tree>
        </a-card>
        <a-card class="card-demo" title="用户所属机构" hoverable>
          <a-space wrap>
            <a-tag
              v-for="(tag, index) of checkStrictly"
              :key="tag.deptId"
              @close="handleRemove(tag)"
            >
              {{ tag.deptName }}
            </a-tag>
          </a-space>
        </a-card>
        <div :style="{ 'display': 'flex', 'flex-direction': 'column' }">
          <a-card class="card-demo" title="用户所属部门" :style="{ 'width': '460px', 'height': '500px', 'overflow-y': 'auto' }">
            <a-space wrap>
              <a-tag
                v-for="(tag, index) of checkStrictly"
                :key="tag.deptId"
              >
                {{ tag.deptName }}
              </a-tag>
            </a-space>
            <a-divider />
            <a-space wrap>
              部门角色:
              <a-tag
                v-for="(tag, index) of checkStrictlyDeptRole"
                :key="tag.roleId"
              >
                {{ tag.roleName }}
              </a-tag>
            </a-space>
          </a-card>
        </div>
      </div>
    </a-modal>
    <a-modal
@@ -327,6 +336,7 @@
  let checkStrictlyKnowledge = ref([]);
  let checkStrictlyDialog = ref([]);
  let checkStrictlyAgent = ref([]);
  let checkStrictlyDeptRole = ref([]);
  let formRef = ref();
  let menuTips = ref(['权限管理', '账号']);
@@ -377,12 +387,22 @@
  const onCheck = (newCheckedKeys, event) => {
    let o = { deptId: event.node.deptId, deptName: event.node.deptName };
    if (event.checked) {
      event.node.roles.forEach(
        (val) => {
          checkStrictlyDeptRole.value.push(val);
        }
      );
      checkStrictly.value.push(o);
    } else {
      checkStrictly.value.forEach((val, idx, array) => {
        // val: 当前值
        if (val.deptId == event.node.deptId) {
          checkStrictly.value.splice(idx, 1);
          checkStrictlyDeptRole.value.forEach((val2, idx2, array2) => {
            if (val2.deptId == event.node.deptId) {
              checkStrictlyDeptRole.value.splice(idx2, 1);
            }
          });
          return true;
        }
      });
@@ -499,11 +519,13 @@
          uuu = res.data;
        });
      }
      deptvisible.value = true;
      checkedKeys.value = [];
      expandKdys.value = [];
      checkStrictly.value = [];
      selectUser.value = uuu;
      if (uuu.dept?false:true) {
        deptvisible.value = true;
        checkedKeys.value = [];
        expandKdys.value = [];
        checkStrictly.value = [];
        selectUser.value = uuu;
      }
    }
  };
  const editHandleOk = () => {
@@ -630,16 +652,32 @@
      checkedKeys.value = [];
      expandKdys.value = [];
      checkStrictly.value = [];
      checkStrictlyDeptRole.value=[];
      selectUser.value = record;
      expandKdys.value.push('0');
      expandKdys.value.push("0");
      if (record?.dept) {
        record.dept.forEach((val) => {
          checkStrictly.value.push({
            deptId: val.deptId,
            deptName: val.deptName,
            deptName: val.deptName
          });
          checkedKeys.value.push(val.deptId);
          expandKdys.value.push(val.deptId);
          record.roles.forEach(
            (r) => {
              if (r.dept) {
                r.dept.forEach((d) => {
                  if (d.deptId == val.deptId) {
                    checkStrictlyDeptRole.value.push({
                      roleId: r.roleId,
                      roleName: r.roleName,
                      deptId:d.deptId,
                    });
                  }
                });
              }
            }
          );
        });
      }
    }