密码策略-按钮权限

 Source/UBCS-WEB/src/views/system/PasswordManagement/passwords.vue

@@ -6,6 +6,7 @@
          type="text"
          size="small"
          icon="el-icon-edit"
          v-if="permission.password.password_edit"
          @click="handleEdit(row, index)"
        >
          编辑
@@ -14,6 +15,7 @@
          type="text"
          size="small"
          icon="el-icon-delete"
          v-if="permission.password.password_delete"
          @click="handleDel(row, index)"
        >
          删除
@@ -36,6 +38,7 @@
  getremove,
  combination
} from "@/api/system/passwords";
import {mapGetters} from "vuex";
export default {
  name: "passwords.vue",
  data() {
@@ -125,13 +128,34 @@
        total: 100
      },
      data: [],
      option: {

      //添加存放多选的变量,用于下拉菜单的禁用效果和必填种类是否大于组合方式然后提示用户重新选择
      checkboxlength:"",
      //这个是下拉菜单的数据变量
      selectlength:"",
      //这个是用于防止change时间冒泡,出现两次弹窗定义的变量
      checkboxlist:"",
      //用于首次点击编辑，判断组合方式是否小于必填种类的变量
      checkboxNumber:"",
      selectNumber:"",
      //这个也是存放多选的变量,效果一样,只是用作在编辑模块
      checkboxedit:"",
      // 用于判断是否是编辑
      editFlag:false
    }

  },
  computed:{
    ...mapGetters(["permission"]),
    option(){
      return{
        headerAlign: 'center',
        align: 'center',
        columnBtn:false,
        border: true,
        index: true,
        rowKey:'id',
          addBtn:this.permission.password.password_add,
        editBtn:false,
        height:700,
        delBtn:false,
@@ -155,7 +179,7 @@
            labelWidth:"22%",
            rules: [{
              required: true,
              validator:validatePass,
                validator:this.validatePass,
              trigger: 'blur'
            }]
          },
@@ -166,7 +190,7 @@
            labelWidth:"25%",
            rules: [{
              required: true,
              validator:validatePass1,
                validator:this.validatePass1,
              trigger: 'change'
            }]
          },
@@ -240,7 +264,7 @@
            labelWidth:"22%",
            rules: [{
              required: true,
              validator:validatePass2,
                validator:this.validatePass2,
              trigger: 'blur'
            }]
          },
@@ -251,7 +275,7 @@
            labelWidth:"25%",
            rules: [{
              required: true,
              validator:validatePass3,
                validator:this.validatePass3,
              trigger: 'blur'
            }]
          },
@@ -262,7 +286,7 @@
            labelWidth:"22%",
            rules: [{
              required: true,
              validator:validatePass4,
                validator:this.validatePass4,
              trigger: 'blur'
            }]
          },
@@ -273,7 +297,7 @@
            labelWidth:"25%",
            rules: [{
              required: true,
              validator:validatePass5,
                validator:this.validatePass5,
              trigger: 'blur'
            }]
          },
@@ -299,43 +323,26 @@
            }]
          }
        ],
      },
      //添加存放多选的变量,用于下拉菜单的禁用效果和必填种类是否大于组合方式然后提示用户重新选择
      checkboxlength:"",
      //这个是下拉菜单的数据变量
      selectlength:"",
      //这个是用于防止change时间冒泡,出现两次弹窗定义的变量
      checkboxlist:"",
      //用于首次点击编辑，判断组合方式是否小于必填种类的变量
      checkboxNumber:"",
      selectNumber:"",
      //这个也是存放多选的变量,效果一样,只是用作在编辑模块
      checkboxedit:"",
      // 用于判断是否是编辑
      editFlag:false
    }

      }
    }
  },
  created() {
    this.onLoad()
    combination().then(res=>{
      // console.log("111",res)
    })
  },
  methods:{
    handleSelectChange(val){
      this.selectlength=val
      // if(val.value >= this.checkboxlength.value.length && this.checkboxlength.value.length > 0){
      //   console.log("大于")
      // }
    },
    handleCheckboxChange(val) {
      console.log("val",val);
      // console.log("val",val);
      const arr = this.option.column[5];
      if(val){
      this.checkboxlength = val.value;
      console.log("this.checkboxlength",this.checkboxlength);
        return
      }
      // console.log("this.checkboxlength",this.checkboxlength);
      this.checkboxedit = this.checkboxlength.toString().split(",");

      if (val.value != undefined && val.value != null) {
        if (this.checkboxlist == val.value) {
        } else {
@@ -408,11 +415,8 @@
    handleEdit(row){
      this.$refs.crud.rowEdit(row,row.$index);
      this.editFlag=true;
      // const arr=this.option.column[5];
      this.checkboxNumber=row.combinationIds.split(",")
      this.selectNumber=row.requiredType
      // console.log(this.checkboxNumber, this.selectNumber)
    //  打开编辑首先判断，组合方法是否小于必填种类，如果小于给予提醒修改
        if(this.checkboxNumber.length<=this.selectNumber){
          this.$message({
            type:"warning",