Source/UBCS-WEB/src/views/authority/role.vue

@@ -12,6 +12,7 @@
               @row-save="rowSave"
               @search-change="searchChange"
               @search-reset="searchReset"
               @row-click="clickRowChange"
               @selection-change="selectionChange"
               @current-change="currentChange"
               @size-change="sizeChange"
@@ -34,10 +35,11 @@
      </template>
    </avue-crud>
    <el-dialog title="角色权限配置"
               append-to-body
               :visible.sync="box"
               width="345px">
      <el-tabs type="border-card">
      append-to-body
      :visible.sync="box"
      width="350px" 
      style="height: 115vh; margin-top: -13vh; overflow: hidden">
      <el-tabs type="border-card" style="overflow-y: auto; height: 72vh">
        <el-tab-pane label="菜单权限">
          <el-tree :data="menuGrantList"
                   show-checkbox
@@ -107,6 +109,7 @@
          total: 0
        },
        option: {
          height: "auto",
          tip: false,
          simplePage: true,
          searchShow: true,
@@ -118,6 +121,7 @@
          viewBtn: true,
          dialogWidth: 900,
          dialogClickModal: false,
          highlightCurrentRow: true, //行选中时高亮
          column: [
            {
              label: "角色名称",
@@ -304,6 +308,13 @@
      },
      selectionChange(list) {
        this.selectionList = list;
        this.$refs.crud.setCurrentRow(this.selectionList[list.length-1]);
      },
      clickRowChange(row){
        this.selectionList = row;
        this.$refs.crud.toggleSelection();
        this.$refs.crud.setCurrentRow(row);
        this.$refs.crud.toggleRowSelection(row); //选中当前行
      },
      selectionClear() {
        this.selectionList = [];
@@ -360,6 +371,7 @@
      },
      currentChange(currentPage) {
        this.page.currentPage = currentPage;

      },
      sizeChange(pageSize) {
        this.page.pageSize = pageSize;