表格修改

584911253@qq.com

2023-03-02 8bb00665765e8348aeb3a6e799069287e503e1ab

 src/views/AuthorizationManagement/roleResAuthorization.vue

@@ -1,7 +1,7 @@
<template>
  <div class="menuSettings_box">
    <div class="menuSettings_tree">
      <div class="content_box subpage_Div">
      <div class="content_left_box subpage_Div content-border">
        <My-bread :list="[
            `${$t('operatManage.operatManage')}`,
            `${$t('operatManage.RoleResAuthorization')}`,
@@ -22,7 +22,7 @@
          </el-tree>
        </div>
      </div>
      <div class="content_box subpage_Div">
      <div class="content_box subpage_Div content-border">
        <div style="
            font-size: 14px;
            color: #216fe6;
@@ -38,9 +38,10 @@
        <el-table
          :data="tableData"
          style="width: 100%"
          border
          @row-click="singleElection"
          highlight-current-row
          height="78%"
           height="calc(100% - 80px)"
        >
          <el-table-column
            align="center"
@@ -66,7 +67,7 @@
          </el-table-column>
        </el-table>
        <div
          style="text-align: center; margin-top: 20px"
          style="text-align: center; margin-top: 10px"
          class="pagination_box"
        >
          <el-pagination
@@ -81,14 +82,14 @@
          </el-pagination>
        </div>
      </div>
      <div class="content_box subpage_Div">
      <div class="content_box subpage_Div content-border">
        <div style="
            font-size: 14px;
            color: #216fe6;
            line-height: 1;
            cursor: text;
            position: relative;
            top: 5px;
            top: 0px;
            margin-left: 10px;
            display: flex;
            align-items: center;
@@ -101,7 +102,7 @@
          >
            <el-button
              v-if="menuStatus.insert"
              type="primary"
              type="success"
              icon="el-icon-circle-plus-outline"
              size="small"
              :disabled="roleid == null ? true : false"
@@ -125,9 +126,9 @@

        <el-table
          :data="usertableData"
          stripe
          border
          style="width: 100%"
          height="78%"
           height="calc(100% - 80px)"
          @selection-change="handleSelectionChange"
        >
          <el-table-column
@@ -152,7 +153,7 @@
        </el-table>

        <div
          style="margin-top: 20px; text-align: center"
          style="margin-top: 10px; text-align: center"
          class="pagination_box"
        >
          <el-pagination
@@ -498,15 +499,40 @@
      this.usermultipleSelection.forEach((e) => {
        arr.push(e.id);
      });
      const data = await roleResDeletes({ ids: arr.toString() });
      if (data.code !== 200) {
        return this.$message.error('删除失败');
      }
      this.$message({
        message: '删除成功',
        type: 'success',
      this.$confirm('此操作将永久删除该权限, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(async () => {
        const data = await roleResDeletes({ ids: arr.toString() });
        if (data.code == 200) {
          this.InsertFormdialog = false;
          this.$message({
            message: '删除成功！',
            type: 'success',
          });
          this.getuserList();
        } else {
          this.$message({
            message: '删除失败！',
            type: 'warning',
          });
        }
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
      this.getuserList();
      // const data = await roleResDeletes({ ids: arr.toString() });
      // if (data.code !== 200) {
      //   return this.$message.error('删除失败');
      // }
      // this.$message({
      //   message: '删除成功',
      //   type: 'success',
      // });
      // this.getuserList();
    },
    //用户表多选
    handleSelectionChange(val) {
@@ -656,20 +682,26 @@
<style lang="less" scoped>
//@import url(); 引入公共css类
.menuSettings_box {
  height: 98%;
  height: calc(100% - 20px);
  //height: 98%;
  width: 98%;
  padding: 1%;
  padding:10px 1%;

  .menuSettings_tree {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    .content_left_box{
      padding: 10px;
      width: 20%;
      height: calc(100% - 20px);
      border-radius: 5px;
    }
    .content_box {
      padding: 10px;
      width: 31%;
      height: 94%;
   
      width: 36%;
      height: calc(100% - 20px);
      border-radius: 5px;
    }
    .divider {
@@ -677,4 +709,13 @@
    }
  }
}
.el-table,
.el-table /deep/ .el-table__expanded-cell {
  background-color: transparent !important;
}
.el-table /deep/ th,
.el-table /deep/ tr {
  background-color: transparent !important;
}

</style>