1.新增 提交类按钮只能提交一次的控制2.关联类的按钮 接口返回成功后显示对话框

loulijun2021

2022-09-29 482efd9ee971fe7d799a015dc288340c85b8805c

 src/views/jcsz/jsqd.vue

@@ -236,7 +236,12 @@
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button @click="dialogVisibleCancel">取 消</el-button>
          <el-button type="primary" @click="dialogVisibleConfirm">确 定</el-button>
          <el-button
            type="primary"
            :loading="$store.state.app.buttonIsDisabled"
            :disabled="$store.state.app.buttonIsDisabled"
            @click="dialogVisibleConfirm"
          >确 定</el-button>
        </div>
      </span>
    </el-dialog>
@@ -479,7 +484,12 @@
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button @click="userDialogVisibleCancel">取 消</el-button>
          <el-button type="primary" @click="userDialogVisibleConfirm">确 定</el-button>
          <el-button
            type="primary"
            :loading="$store.state.app.buttonIsDisabled"
            :disabled="$store.state.app.buttonIsDisabled"
            @click="userDialogVisibleConfirm"
          >确 定</el-button>
        </div>
      </span>
    </el-dialog>
@@ -557,7 +567,12 @@
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button @click="rightDialogVisibleCancel">取 消</el-button>
          <el-button type="primary" @click="rightDialogVisibleConfirm">确 定</el-button>
          <el-button
            type="primary"
            :loading="$store.state.app.buttonIsDisabled"
            :disabled="$store.state.app.buttonIsDisabled"
            @click="rightDialogVisibleConfirm"
          >确 定</el-button>
        </div>
      </span>
    </el-dialog>
@@ -854,6 +869,7 @@
    dialogVisibleConfirm() {
      this.$refs.dialogForm.validate(valid => {
        if (valid) {
          this.$store.state.app.buttonIsDisabled = true
          const data = {
            RoleId: this.dialogForm.RoleId,
            RoleCode: this.dialogForm.RoleCode,
@@ -865,11 +881,13 @@
          }
          AddUpdateRole(data).then(res => {
            if (res.code === '200') {
              this.$message.success(this.operation === 'add' ? '添加成功！' : '修改成功！')
              this.dialogVisible = false
              this.$message.success(this.operation === 'add' ? '添加成功！' : '修改成功！')
              this.getRoleSearch()
              this.$store.state.app.buttonIsDisabled = false
            } else {
              this.$message.error(this.operation === 'add' ? '添加失败！' : '修改失败！')
              this.$store.state.app.buttonIsDisabled = false
            }
          })
        }
@@ -963,17 +981,33 @@
    },

    /* 关联用户模块*/
    userClick(row) {
    async  userClick(row) {
      if (row.role_code === 'S001') {
        return this.$message.info('此角色无法操作！')
      }
      this.userDialogVisible = true
      const loading = this.$loading({
        lock: true,
        text: '正在加载数据，请稍等...',
        spinner: 'el-icon-loading',
        customClass: 'osloading',
        background: 'rgba(0, 0, 0, 0.7)'
      })

      this.userForm.roleName = row.role_name
      this.dialogFormUser.rolecode = row.role_code
      this.getRoleAssociationUser()
      this.$nextTick(() => {
        this.$refs.multipleTable.doLayout()
      })
      const res = await this.getRoleAssociationUser()

      if (res.code === '200') {
        setTimeout(() => {
          loading.close()
          this.userDialogVisible = true
          this.$nextTick(() => {
            this.$refs.multipleTable.doLayout()
          })
        }, 1000)
      } else {
        loading.close()
      }
    },
    // 获取角色清单关联用户
    async getRoleAssociationUser() {
@@ -987,6 +1021,7 @@
          }
        })
      })
      return { code: res.code }
    },
    // 处理多选
    handleSelectionChange(rows) {
@@ -1037,15 +1072,19 @@
    },
    // 关联用户对话框确认
    async userDialogVisibleConfirm() {
      this.$store.state.app.buttonIsDisabled = true
      const userMultipleArr = []
      this.userMultipleArr.forEach(item => {
        userMultipleArr.push({ code: item.usercode, name: item.username })
      })
      const res = await SaveRoleAssoctUser(userMultipleArr, this.dialogFormUser.rolecode)
      if (res.code === '200') {
        this.userDialogVisible = false
        this.$message.success('保存成功！')
        await this.getRoleSearch()
        this.userDialogVisible = false
        this.$store.state.app.buttonIsDisabled = false
      } else {
        this.$store.state.app.buttonIsDisabled = false
      }
    },
    // 级联选择器
@@ -1065,7 +1104,15 @@
    /* 角色关联权限对话框部分*/
    // 分配权限点击
    async rightClick(row) {
      this.dialogVisibleRight = true
      const loading = this.$loading({
        lock: true,
        text: '正在加载数据，请稍等...',
        spinner: 'el-icon-loading',
        customClass: 'osloading',
        background: 'rgba(0, 0, 0, 0.7)'
      })

      // this.dialogVisibleRight = true
      this.rightFrom.usercode = row.role_code
      this.rightFrom.username = row.role_name

@@ -1073,250 +1120,258 @@
        rolecode: this.rightFrom.usercode,
        type: ''
      }
      const { data: res } = await RoleAssociationRight(data)// 接口获取数据
      // console.log(res, 111)
      this.dialogFormRight.rightPCArr = res[0][0].is_delete === '0' ? res[0] : []
      this.dialogFormRight.rightAPPArr = res[1][0].is_delete === '0' ? res[1] : []
      RoleAssociationRight(data).then(res => {
        if (res.code === '200') {
          setTimeout(() => {
            loading.close()
            this.dialogVisibleRight = true
            this.dialogFormRight.rightPCArr = res.data[0][0].is_delete === '0' ? res.data[0] : []
            this.dialogFormRight.rightAPPArr = res.data[1][0].is_delete === '0' ? res.data[1] : []

      this.PCTrue = res[0][0].is_delete === '0'
      this.APPTrue = res[1][0].children.filter(item => item.is_delete === '0').length === 0 ? false : res[1][0].is_delete === '0'
            this.PCTrue = res.data[0][0].is_delete === '0'
            this.APPTrue = res.data[1][0].children.filter(item => item.is_delete === '0').length === 0 ? false : res.data[1][0].is_delete === '0'

      // '0'显示  '1' 不显示   过滤出相对应的菜单
      if (this.PCTrue) {
        this.dialogFormRight.rightPCArr[0].children = this.dialogFormRight.rightPCArr[0].children.filter(item => item.is_delete === '0')
        this.dialogFormRight.rightPCArr[0].children.forEach(item => {
          item.children = item.children.filter(it => it.is_delete === '0')
            // '0'显示  '1' 不显示   过滤出相对应的菜单
            if (this.PCTrue) {
              this.dialogFormRight.rightPCArr[0].children = this.dialogFormRight.rightPCArr[0].children.filter(item => item.is_delete === '0')
              this.dialogFormRight.rightPCArr[0].children.forEach(item => {
                item.children = item.children.filter(it => it.is_delete === '0')

          if (this.rightFrom.usercode === 'S001') { // Admin系统管理员菜单做到只增不减
            if (item.flag === 'Y') {
              item.disabled = true
            }
            if (item.children && item.children.length > 0) {
              item.children.forEach(it => {
                if (it.flag === 'Y') {
                  it.disabled = true
                if (this.rightFrom.usercode === 'S001') { // Admin系统管理员菜单做到只增不减
                  if (item.flag === 'Y') {
                    item.disabled = true
                  }
                  if (item.children && item.children.length > 0) {
                    item.children.forEach(it => {
                      if (it.flag === 'Y') {
                        it.disabled = true
                      }
                    })
                  }
                }
              })
            }
          }
        })
      }

      if (this.APPTrue) {
        this.dialogFormRight.rightAPPArr[0].children = this.dialogFormRight.rightAPPArr[0].children.filter(item => item.is_delete === '0' || item.is_delete === null)
        this.dialogFormRight.rightAPPArr[0].children.forEach(item => {
          item.children = item.children.filter(it => it.is_delete === '0' || it.is_delete === null)
          // item.children = item.children.filter(it => it.is_delete !== '1')
            if (this.APPTrue) {
              this.dialogFormRight.rightAPPArr[0].children = this.dialogFormRight.rightAPPArr[0].children.filter(item => item.is_delete === '0' || item.is_delete === null)
              this.dialogFormRight.rightAPPArr[0].children.forEach(item => {
                item.children = item.children.filter(it => it.is_delete === '0' || it.is_delete === null)
                // item.children = item.children.filter(it => it.is_delete !== '1')

          if (this.rightFrom.usercode === 'S001') { // Admin系统管理员菜单做到只增不减
            if (item.flag === 'Y') {
              item.disabled = true
            }
            if (item.children && item.children.length > 0) {
              item.children.forEach(it => {
                if (it.flag === 'Y') {
                  it.disabled = true
                if (this.rightFrom.usercode === 'S001') { // Admin系统管理员菜单做到只增不减
                  if (item.flag === 'Y') {
                    item.disabled = true
                  }
                  if (item.children && item.children.length > 0) {
                    item.children.forEach(it => {
                      if (it.flag === 'Y') {
                        it.disabled = true
                      }
                    })
                  }
                }
              })
            }
          }
        })
      }
      // console.log(this.dialogFormRight.rightAPPArr[0], 234)
      // 判断哪个是高亮
      let pcIsSelected1 = false
      let pcIsSelected2 = false
      let appIsSelected1 = false
      let appIsSelected2 = false
      let rightPCArrFlag
      let rightAPPArrFlag
            // console.log(this.dialogFormRight.rightAPPArr[0], 234)
            // 判断哪个是高亮
            let pcIsSelected1 = false
            let pcIsSelected2 = false
            let appIsSelected1 = false
            let appIsSelected2 = false
            let rightPCArrFlag
            let rightAPPArrFlag

      if (this.PCTrue) {
        rightPCArrFlag = this.dialogFormRight.rightPCArr[0].flag
      }
      if (this.APPTrue) {
        rightAPPArrFlag = this.dialogFormRight.rightAPPArr[0].flag
      }

      let waitFlag = false// 回显等待是否放行

      if (this.PCTrue && this.APPTrue) {
        // 1.第一种情况PC和APP都一次都没选中时    PC未选中，APP未选中
        if (rightPCArrFlag === 'N' && rightAPPArrFlag === 'N') {
          pcIsSelected1 = true
          this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
        }
        // 2.第二种情况PC已选中，APP未选中
        if (rightPCArrFlag === 'Y' && rightAPPArrFlag === 'N') {
          pcIsSelected1 = true
          pcIsSelected2 = true

          const interval = setInterval(() => {
            if ($("input[name='PC']").length > 0) {
              waitFlag = true
            if (this.PCTrue) {
              rightPCArrFlag = this.dialogFormRight.rightPCArr[0].flag
            }
            if (waitFlag) {
              clearInterval(interval)
              this.$nextTick(() => {
                $("input[name='PC']").eq(0).prop('checked', true)// 自定义单选框回显
            if (this.APPTrue) {
              rightAPPArrFlag = this.dialogFormRight.rightAPPArr[0].flag
            }

            let waitFlag = false// 回显等待是否放行

            if (this.PCTrue && this.APPTrue) {
              // 1.第一种情况PC和APP都一次都没选中时    PC未选中，APP未选中
              if (rightPCArrFlag === 'N' && rightAPPArrFlag === 'N') {
                pcIsSelected1 = true
                this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
              }
              // 2.第二种情况PC已选中，APP未选中
              if (rightPCArrFlag === 'Y' && rightAPPArrFlag === 'N') {
                pcIsSelected1 = true
                pcIsSelected2 = true

                const interval = setInterval(() => {
                  if ($("input[name='PC']").length > 0) {
                    waitFlag = true
                  }
                  if (waitFlag) {
                    clearInterval(interval)
                    this.$nextTick(() => {
                      $("input[name='PC']").eq(0).prop('checked', true)// 自定义单选框回显
                    })
                  }
                }, 100)

                this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
              }
              // 3.第三种情况PC未选中，APP已选中
              if (rightPCArrFlag === 'N' && rightAPPArrFlag === 'Y') {
                appIsSelected1 = true
                appIsSelected2 = true

                const interval = setInterval(() => {
                  if ($("input[name='APP']").length > 0) {
                    waitFlag = true
                  }
                  if (waitFlag) {
                    clearInterval(interval)
                    this.$nextTick(() => {
                      $("input[name='APP']").eq(0).prop('checked', true)// 自定义单选框回显
                    })
                  }
                }, 100)

                this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightAPPArr[0].code
              }
              // 4.第四种情况PC已选中，APP已选中
              if (rightPCArrFlag === 'Y' && rightAPPArrFlag === 'Y') {
                pcIsSelected1 = true
                pcIsSelected2 = true
                appIsSelected1 = false
                appIsSelected2 = true

                const interval = setInterval(() => {
                  if ($("input[name='PC']").length > 0) {
                    waitFlag = true
                  }
                  if (waitFlag) {
                    clearInterval(interval)
                    this.$nextTick(() => {
                      $("input[name='PC']").eq(0).prop('checked', true)// 自定义单选框回显
                      $("input[name='APP']").eq(0).prop('checked', true)// 自定义单选框回显
                    })
                  }
                }, 100)

                this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
              }
            }

            // 目前一期肯定是这个
            if (this.PCTrue && !this.APPTrue) {
              // pcIsSelected1 = true
              if (rightPCArrFlag === 'Y') {
                pcIsSelected1 = true
                pcIsSelected2 = true

                const interval = setInterval(() => {
                  if ($("input[name='PC']").length > 0) {
                    waitFlag = true
                  }
                  if (waitFlag) {
                    clearInterval(interval)
                    this.$nextTick(() => {
                      $("input[name='PC']").eq(0).prop('checked', true)// 自定义单选框回显
                    })
                  }
                }, 100)

                this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
              }
              // this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
            }

            if (!this.PCTrue && this.APPTrue) {
              if (rightAPPArrFlag === 'Y') {
                appIsSelected1 = true
                appIsSelected2 = true

                const interval = setInterval(() => {
                  if ($("input[name='APP']").length > 0) {
                    waitFlag = true
                  }
                  if (waitFlag) {
                    clearInterval(interval)
                    this.$nextTick(() => {
                      $("input[name='APP']").eq(0).prop('checked', true)// 自定义单选框回显
                    })
                  }
                }, 100)

                this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightAPPArr[0].code
              }
            }

            if (this.PCTrue) {
              this.dialogFormRight.rightOperationArr.push({
                isSelected1: pcIsSelected1,
                isSelected2: pcIsSelected2,
                code: this.dialogFormRight.rightPCArr[0].code,
                flag: rightPCArrFlag,
                name: this.dialogFormRight.rightPCArr[0].name
              })
            }
          }, 100)

          this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
        }
        // 3.第三种情况PC未选中，APP已选中
        if (rightPCArrFlag === 'N' && rightAPPArrFlag === 'Y') {
          appIsSelected1 = true
          appIsSelected2 = true

          const interval = setInterval(() => {
            if ($("input[name='APP']").length > 0) {
              waitFlag = true
            }
            if (waitFlag) {
              clearInterval(interval)
              this.$nextTick(() => {
                $("input[name='APP']").eq(0).prop('checked', true)// 自定义单选框回显
            if (this.APPTrue) {
              this.dialogFormRight.rightOperationArr.push({
                isSelected1: appIsSelected1,
                isSelected2: appIsSelected2,
                code: this.dialogFormRight.rightAPPArr[0].code,
                flag: rightAPPArrFlag,
                name: this.dialogFormRight.rightAPPArr[0].name
              })
            }
          }, 100)

          this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightAPPArr[0].code
        }
        // 4.第四种情况PC已选中，APP已选中
        if (rightPCArrFlag === 'Y' && rightAPPArrFlag === 'Y') {
          pcIsSelected1 = true
          pcIsSelected2 = true
          appIsSelected1 = false
          appIsSelected2 = true

          const interval = setInterval(() => {
            if ($("input[name='PC']").length > 0) {
              waitFlag = true
            if (this.PCTrue) {
              this.dialogFormRight.rightPCArr[0].name = '全部'
              if (this.rightFrom.usercode === 'S001') { // Admin系统管理员菜单做到只增不减
                this.dialogFormRight.rightPCArr[0].disabled = true
              }
            }
            if (waitFlag) {
              clearInterval(interval)
              this.$nextTick(() => {
                $("input[name='PC']").eq(0).prop('checked', true)// 自定义单选框回显
                $("input[name='APP']").eq(0).prop('checked', true)// 自定义单选框回显
            if (this.APPTrue) {
              this.dialogFormRight.rightAPPArr[0].name = '全部'
              if (this.rightFrom.usercode === 'S001') { // Admin系统管理员菜单做到只增不减
                this.dialogFormRight.rightAPPArr[0].disabled = true
              }
            }

            // 树形回显部分
            if (this.PCTrue) {
              this.dialogFormRight.rightPCArr[0].children.forEach(item => {
                if (item.children && item.children.length > 0 && item.flag === 'Y') {
                  item.children.forEach(it => {
                    if (it.flag === 'Y') {
                      this.dialogFormRight.rightPCArrSelected.push(it.code)
                    }
                  })
                } else if (item.children && item.children.length === 0 && item.flag === 'Y') {
                  this.dialogFormRight.rightPCArrSelected.push(item.code)
                }
              })
            }
          }, 100)

          this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
        }
      }

      // 目前一期肯定是这个
      if (this.PCTrue && !this.APPTrue) {
        // pcIsSelected1 = true
        if (rightPCArrFlag === 'Y') {
          pcIsSelected1 = true
          pcIsSelected2 = true

          const interval = setInterval(() => {
            if ($("input[name='PC']").length > 0) {
              waitFlag = true
            }
            if (waitFlag) {
              clearInterval(interval)
              this.$nextTick(() => {
                $("input[name='PC']").eq(0).prop('checked', true)// 自定义单选框回显
            if (this.APPTrue) {
              this.dialogFormRight.rightAPPArr[0].children.forEach(item => {
                if (item.children && item.children.length > 0 && item.flag === 'Y') {
                  item.children.forEach(it => {
                    if (it.flag === 'Y') {
                      this.dialogFormRight.rightAPPArrSelected.push(it.code)
                    }
                  })
                } else if (item.children && item.children.length === 0 && item.flag === 'Y') {
                  this.dialogFormRight.rightAPPArrSelected.push(item.code)
                }
              })
            }
          }, 100)

          this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
        }
        // this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
      }

      if (!this.PCTrue && this.APPTrue) {
        if (rightAPPArrFlag === 'Y') {
          appIsSelected1 = true
          appIsSelected2 = true

          const interval = setInterval(() => {
            if ($("input[name='APP']").length > 0) {
              waitFlag = true
            }
            if (waitFlag) {
              clearInterval(interval)
              this.$nextTick(() => {
                $("input[name='APP']").eq(0).prop('checked', true)// 自定义单选框回显
              })
            }
          }, 100)

          this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightAPPArr[0].code
        }
      }

      if (this.PCTrue) {
        this.dialogFormRight.rightOperationArr.push({
          isSelected1: pcIsSelected1,
          isSelected2: pcIsSelected2,
          code: this.dialogFormRight.rightPCArr[0].code,
          flag: rightPCArrFlag,
          name: this.dialogFormRight.rightPCArr[0].name
        })
      }
      if (this.APPTrue) {
        this.dialogFormRight.rightOperationArr.push({
          isSelected1: appIsSelected1,
          isSelected2: appIsSelected2,
          code: this.dialogFormRight.rightAPPArr[0].code,
          flag: rightAPPArrFlag,
          name: this.dialogFormRight.rightAPPArr[0].name
        })
      }
      if (this.PCTrue) {
        this.dialogFormRight.rightPCArr[0].name = '全部'
        if (this.rightFrom.usercode === 'S001') { // Admin系统管理员菜单做到只增不减
          this.dialogFormRight.rightPCArr[0].disabled = true
        }
      }
      if (this.APPTrue) {
        this.dialogFormRight.rightAPPArr[0].name = '全部'
        if (this.rightFrom.usercode === 'S001') { // Admin系统管理员菜单做到只增不减
          this.dialogFormRight.rightAPPArr[0].disabled = true
        }
      }

      // 树形回显部分
      if (this.PCTrue) {
        this.dialogFormRight.rightPCArr[0].children.forEach(item => {
          if (item.children && item.children.length > 0 && item.flag === 'Y') {
            item.children.forEach(it => {
              if (it.flag === 'Y') {
                this.dialogFormRight.rightPCArrSelected.push(it.code)
            this.$nextTick(() => {
              if (this.$refs.rightPCRef) {
                this.$refs.rightPCRef.setCheckedKeys(this.dialogFormRight.rightPCArrSelected)
              }
              if (this.$refs.rightAPPRef) {
                this.$refs.rightAPPRef.setCheckedKeys(this.dialogFormRight.rightAPPArrSelected)
              }
            })
          } else if (item.children && item.children.length === 0 && item.flag === 'Y') {
            this.dialogFormRight.rightPCArrSelected.push(item.code)
          }
        })
      }
      if (this.APPTrue) {
        this.dialogFormRight.rightAPPArr[0].children.forEach(item => {
          if (item.children && item.children.length > 0 && item.flag === 'Y') {
            item.children.forEach(it => {
              if (it.flag === 'Y') {
                this.dialogFormRight.rightAPPArrSelected.push(it.code)
              }
            })
          } else if (item.children && item.children.length === 0 && item.flag === 'Y') {
            this.dialogFormRight.rightAPPArrSelected.push(item.code)
          }
        })
      }
      this.$nextTick(() => {
        if (this.$refs.rightPCRef) {
          this.$refs.rightPCRef.setCheckedKeys(this.dialogFormRight.rightPCArrSelected)
        }
        if (this.$refs.rightAPPRef) {
          this.$refs.rightAPPRef.setCheckedKeys(this.dialogFormRight.rightAPPArrSelected)
          }, 1000)
        } else {
          loading.close()
        }
      })
    },
@@ -1342,6 +1397,8 @@
    },
    // 权限对话框确认事件
    async rightDialogVisibleConfirm() {
      this.$store.state.app.buttonIsDisabled = true

      const rightPCArrSelected = []// 保存提交树选中 PC
      const rightAPPArrSelected = []// 保存提交树选中 APP
      if (this.PCTrue) {
@@ -1415,8 +1472,11 @@
      const res = await SaveUserAssoctRight(rightSubmit, rolecode, usercode)
      if (res.code === '200') {
        this.$message.success('保存成功！')
        await this.getRoleSearch()
        this.dialogVisibleRight = false
        await this.getRoleSearch()
        this.$store.state.app.buttonIsDisabled = false
      } else {
        this.$store.state.app.buttonIsDisabled = false
      }
    },
    // 大盒子点击事件
@@ -1753,7 +1813,13 @@
}
</style>
<style>
.osloading{
  font-size: 26px !important;
}

.el-loading-text{
  font-size: 26px !important;
}
.el-table .custom-row {
  background: #f8f8fa;
}