Source/plt-web/plt-web-ui/src/views/authority/ui/uiAuthorization/index.vue

@@ -23,8 +23,13 @@
        <h3 style="margin: 0 0 10px 0">UI权限配置</h3>
        <div>
          <el-button icon="el-icon-place" plain size="small" type="primary" @click="saveHandler">授权</el-button>
          <el-button icon="el-icon-close" plain size="small" type="primary" @click="clearValue" style="margin-right: 40px;">重置</el-button>
          业务类型：<el-select v-model="type" placeholder="请选择" size="small" :clearable="true" @change="typeChange" style="width: 300px;margin-right: 20px;">
          <el-button icon="el-icon-close" plain size="small" style="margin-right: 40px;" type="primary"
                     @click="clearValue">重置
          </el-button>
          业务类型：
          <el-select v-model="type" :clearable="true" placeholder="请选择" size="small"
                     style="width: 300px;margin-right: 20px;"
                     @change="typeChange">
            <el-option
              v-for="item in typeData"
              :key="item.oid"
@@ -32,14 +37,16 @@
              :value="item.attributes.name">
            </el-option>
          </el-select>
          UI上下文：<el-select v-model="context" placeholder="请选择" size="small" :clearable="true" @change="contextChange" style="width: 350px;">
          <el-option
            v-for="item in contextData"
            :key="item.oid"
            :label="item.plCode+' '+item.plName"
            :value="item.plCode">
          </el-option>
        </el-select>
          UI上下文：
          <el-select v-model="context" :clearable="true" placeholder="请选择" size="small" style="width: 350px;"
                     @change="contextChange">
            <el-option
              v-for="item in contextData"
              :key="item.oid"
              :label="item.plCode+' '+item.plName"
              :value="item.plCode">
            </el-option>
          </el-select>
        </div>
        <div style="height:  calc(100vh - 232px);margin-top: 10px;">
          <avue-tree ref="uiTree" :data="uiTreeData" :option="uiTreeOption">
@@ -59,15 +66,15 @@

<script>
import {gridRoles} from "@/api/system/role/api";
import {getUIAuthor,authorizedUI} from "@/api/authority/ui/uiAuthor";
import {getUIAuthor, authorizedUI} from "@/api/authority/ui/uiAuthor";
import {getBizTree, gridUIContextData} from "@/api/UI/uiDefine";

export default {
  name: "index",
  data() {
    return {
      type:'',//业务类型
      context:'',//UI上下文code
      type: '',//业务类型
      context: '',//UI上下文code
      treeOption: {
        menu: false,
        addBtn: false,
@@ -79,13 +86,13 @@
      },
      nodeRow: {},
      treeData: [],
      defaultExpandKeys:[],
      defaultExpandKeys: [],
      uiTreeOption: {
        defaultExpandedKeys:this.defaultExpandKeys,
        defaultExpandedKeys: this.defaultExpandKeys,
        multiple: true,
        menu: false,
        addBtn: false,
        filter:false,
        filter: false,
        props: {
          label: 'label',
          value: 'oid',
@@ -93,21 +100,21 @@
        }
      },
      uiTreeData: [],
      typeData:[],
      contextData:[]
      typeData: [],
      contextData: []
    }
  },
  created() {
    this.getTreeList();
    this.getTypeList()
  },
  methods:{
  methods: {
    getTreeList() {
      const loading = this.$loading({});
      gridRoles().then(res => {
        this.treeData = res.data.data;
        loading.close();
      }).catch(error=>{
      }).catch(error => {
        loading.close();
      })
    },
@@ -122,12 +129,13 @@
        const params = {
          'conditionMap[roleId]': this.nodeRow.oid,
          'conditionMap[type]': this.type,
          'conditionMap[context]': this.context
          'conditionMap[context]': this.context,
          'conditionMap[showCheckbox]': true
        }
        this.defaultExpandKeys=['root'];
        this.defaultExpandKeys = ['root'];
        getUIAuthor(params).then(res => {
          this.processChildren(res.data.data[0]); // 处理每个节点
          this.uiTreeOption.defaultExpandedKeys=this.defaultExpandKeys;
          this.uiTreeOption.defaultExpandedKeys = this.defaultExpandKeys;
          this.uiTreeData = [{
            attributes: {},
            checked: false,
@@ -149,24 +157,25 @@
    processChildren(item) {
      if (item.children && item.children.length > 0) {
        item.children = item.children.map(child => {
          if(child.level<4){
          if (child.level < 2) {
            // 默认树节点展开两层效果
            this.defaultExpandKeys.push(child.oid)
          }
          if(child.level==1){
            child.icon='el-icon-s-promotion';
            child.label=child.data.label+'（'+child.data.name+'）'
          }else if(child.level==2){
            child.icon='el-icon-s-order';
            child.label=child.text
          }else if(child.level==3){
            child.icon='el-icon-office-building';
            child.label=child.text
          }else if(child.level==4){
            child.icon='el-icon-document';
            child.label=child.text
          }else if(child.level==5){
            child.icon='el-icon-s-tools';
            child.label=child.text
          if (child.level == 1) {
            child.icon = 'el-icon-s-promotion';
            child.label = child.data.label + '（' + child.data.name + '）'
          } else if (child.level == 2) {
            child.icon = 'el-icon-s-order';
            child.label = child.text
          } else if (child.level == 3) {
            child.icon = 'el-icon-office-building';
            child.label = child.text
          } else if (child.level == 4) {
            child.icon = 'el-icon-document';
            child.label = child.text
          } else if (child.level == 5) {
            child.icon = 'el-icon-s-tools';
            child.label = child.text
          }
          this.processChildren(child); // 递归处理每个子节点
          return child; // 只返回子节点的 attributes
@@ -175,26 +184,26 @@
    },
    getTypeList() {
      getBizTree().then(res => {
        this.typeData=res.data.obj.children;
        this.typeData = res.data.obj.children;
      })
    },
    typeChange(data){
      this.contextData=[];
      this.type=data;
      if(data){
    typeChange(data) {
      this.contextData = [];
      this.type = data;
      if (data) {
        const params = {
          'conditionMap[btmName]': data,
        }
        gridUIContextData(1, 500, params).then(res => {
          this.contextData = res.data.data;
        })
      }else {
      } else {
        this.contextData = [];
      }
      this.getUITree();
    },
    contextChange(data){
      this.context=data;
    contextChange(data) {
      this.context = data;
      this.getUITree();
    },
    saveHandler() {
@@ -216,8 +225,8 @@
        }
      });
    },
    clearValue(){
      this.$refs.uiTree.setCheckedNodes([])
    clearValue() {
      this.$refs.uiTree.setCheckedNodes([]);
    }
  }
}
@@ -228,8 +237,9 @@
  .el-scrollbar__wrap {
    overflow: auto !important;
  }
  .headerCon{
    .el-button{

  .headerCon {
    .el-button {
      width: 82px;
    }
  }