完成管理评审搬迁

licp

2024-12-19 36a30a262c16b6c37be7d1817c46d6693a324cc4

 src/components/view/role-manage.vue

@@ -40,7 +40,7 @@
  <div class="role_manage">
    <div>
      <el-row class="title">
        <el-col :span="12" style="padding-left: 20px;">角色管理</el-col>
        <el-col :span="12" style="padding-left: 20px;text-align: left;">角色管理</el-col>
        <el-col :span="12" style="text-align: right;">
          <el-button size="medium" type="primary" @click="openAdd" v-if="addPower">新增角色</el-button>
        </el-col>
@@ -62,12 +62,20 @@
        :componentData="componentData" :key="upIndex" @upRole="upRole" @selectRole="selectRole" />
    </div>
    <el-dialog :title="type" :visible.sync="addDia" width="550px" @closed="closed">
      <div style="max-height: 500px;overflow-y: auto;padding: 10px;" v-if="addDia">
        <el-row style="line-height: 40px;margin-bottom: 20px;">
          <el-col :span="8" style="font-size: 16px;"><span class="required-span">* </span>角色名</el-col>
          <el-col :span="16">
      <div style="max-height: 550px;overflow-y: auto;padding: 10px 20px;" v-if="addDia">
        <el-row style="line-height: 42px;">
          <el-col :span="7" style="font-size: 14px;text-align: left;"><span class="required-span">* </span>角色名</el-col>
          <el-col :span="17">
            <el-input v-model="addData.roleName" size="medium" placeholder="需唯一角色名" clearable
              :disabled="type=='查看'"></el-input>
          </el-col>
        </el-row>
        <el-row style="line-height: 42px;margin-bottom: 20px;">
          <el-col :span="7" style="font-size: 14px;text-align: left;"><span class="required-span">* </span>角色分类</el-col>
          <el-col :span="17">
            <el-select v-model="addData.category" size="medium" :disabled="type=='查看'" style="width: 100%;">
              <el-option v-for="(a, i) in deaprtEnum" :key="i" :label="a.name" :value="a.id"></el-option>
            </el-select>
          </el-col>
        </el-row>
        <el-divider content-position="left">权限分配</el-divider>
@@ -76,8 +84,8 @@
            <template slot="title">
              <i class="el-icon-circle-plus-outline" style="margin-right: 10px;"></i>{{category}}
            </template>
            <div style="padding: 3px 30px;" v-for="(a, ai) in menu" :key="ai" v-if="a.type==category"><el-checkbox
                v-model="a.isClick" :disabled="type=='查看'">{{a.remark}}</el-checkbox></div>
            <div style="padding: 3px 30px;display: flex;align-items: center;justify-content: space-between;" v-for="(a, ai) in menu" :key="ai" v-if="a.type==category" ><el-checkbox
                v-model="a.isClick" :disabled="type=='查看'">{{a.remark}}</el-checkbox> <el-checkbox v-model="a.look" v-if="a.remark.includes('查询')||a.remark.includes('获取')" :disabled="type=='查看'">只看我</el-checkbox></div>
          </el-collapse-item>
          <!-- <el-collapse-item title="查询">
                  <el-row style="padding: 3px 30px;" v-for="(a, ai) in menu" :key="ai" v-if="a.type=='查询'">
@@ -115,7 +123,7 @@
          entity: {
            name: null,
            orderBy: {
              field: 'id',
                field: 'id',
              order: 'asc'
            }
          },
@@ -137,8 +145,13 @@
            type: 'text',
            method: 'selectRole',
          }],
          tagField: {},
          selectField: {}
          tagField: {
            category: {
              select: []
            }
          },
          selectField: {},
          needSort: ['createTime', 'updateTime', 'name'],
        },
        entityCopy: {},
        upIndex: 0,
@@ -147,23 +160,26 @@
        addData: {
          roleId2: null,
          roleName: null,
          category: null,
          powers: []
        },
        menu: [],
        menuCategroy: [],
        menuCopy: [],
        type: '新增',
        addPower: true
        addPower: true,
        deaprtEnum: []
      }
    },
    mounted() {
      this.entityCopy = this.HaveJson(this.componentData.entity)
      this.selectMenuList()
      this.selectDepartmentEnum()
      this.getPower()
    },
    methods: {
      refreshTable() {
        this.$refs['ValueTable'].selectList()
      refreshTable(e) {
        this.$refs['ValueTable'].selectList(e)
      },
      refresh() {
        this.componentData.entity = this.HaveJson(this.entityCopy)
@@ -187,11 +203,15 @@
      upRole(row) {
        this.type = '修改'
        this.addData.roleName = row.name
        this.$set(this.addData, 'category', row.category)
        // this.addData.category = row.category
        this.selectPowerByRoleId(row.id)
      },
      selectRole(row) {
        this.type = '查看'
        this.addData.roleName = row.name
        this.$set(this.addData, 'category', row.category)
        // this.addData.category = row.category
        this.selectPowerByRoleId(row.id)
      },
      openAdd() {
@@ -201,6 +221,10 @@
      saveAddData() {
        if (this.addData.roleName == '' || this.addData.roleName == null) {
          this.$message.error('请填写角色名')
          return
        }
        if (this.addData.category == '' || this.addData.category == null) {
          this.$message.error('请选择角色分类')
          return
        }
        this.addLoad = true
@@ -242,7 +266,7 @@
          }
          this.addLoad = false
          this.addDia = false
          this.refreshTable()
          this.refreshTable('page')
        }).catch(e => {
          this.addLoad = false
        })
@@ -295,6 +319,18 @@
          this.componentData.do.splice(0, 1)
        }
        this.addPower = add
      },
      selectDepartmentEnum(){
        this.$axios.get(this.$api.department.selectDepartmentEnum).then(res=>{
          this.deaprtEnum = res.data
          this.componentData.tagField.category.select = []
          res.data.forEach(a=>{
            this.componentData.tagField.category.select.push({
              label: a.name,
              value: a.id
            })
          })
        })
      }
    }
  }